/*------------default style-----------------------------------------------------------------------------------*/

body,html{font-family:'Microsoft YaHei','Hiragino Sans GB',Helvetica,Arial,'Lucida Grande',sans-serif;font-size:14px;}

*{padding:0;margin:0;color:#333333;font-family:"arial","Microsoft YaHei","Helvetica Neue";}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video,input {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    font-family:"arial","Microsoft YaHei","Helvetica Neue";

}

input {font-family:"arial","Microsoft YaHei","Helvetica Neue";-webkit-appearance:none;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, main {

    display: block;

}

body {

    line-height: 1;

}

ol, ul,li{

    list-style: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

a{text-decoration:none;outline:none;-webkit-outline:none;}

a:focus{outline:none;-webkit-outline:none}

/*textarea:focus,input:focus{outline:1px solid yellow;}*/

input[type=text]:focus{-webkit-appearance:none;border:none;outline:none;}

a:hover{text-decoration:none;cursor:pointer;}

img{display:inline-block;border:none;max-width:100%;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

/*h1,h2{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}*/

.clearfix{}

.clearfix:after{content: '';display: block;clear: both;}

.fl{float:left;}

.fr{float:right;}



/*------------public style-----------------------------------------------------------------------------------*/

.zs_banner{width:100%;min-width:1200px;}

.sectionbg{width:100%;background:#fff;}

.section{width:1200px;margin:0 auto;}

.seotitle{font-size:36px;color:#fff;text-align: center;padding-top: 60px;display:block;}

.seotitle span{font-size:18px;display:block;margin-top:20px;color:#fff;}

.black,.black span{color:#333;}

.btn,.borderbtn,.blubtn{

    display:block;

    margin: 40px auto 0;

    width: 140px;

    height: 40px;

    line-height: 40px;

    border-radius: 4px;

    border:1px solid #239ffd;

    text-align: center;

    color: #239ffd !important;

    font-size: 16px !important;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    -webkit-transition: all .3s;

    transition: all .3s;

}

.blubtn,.borderbtn{display:inline-block;width:120px;margin:30px 10px 0;}

.borderbtn{border-color:#fff;color:#fff !important;}

.blubtn{background:#239ffd;color: #fff !important;}

.btn:hover,.borderbtn:hover{background: #239ffd;color:#fff !important;}

.borderbtn:hover{border-color:#239ffd;}

.blubtn:hover{background:#fff;color:#239ffd !important;border-color:transparent;}

/*the reason*/

.reason{margin-top: 70px;position:relative;width:100%;height:510px;}

.reason img{display:block;}

.reason-cen{

    width:734px;

    height:521px;

    position:absolute;

    left:50%;

    margin-left:-367px;

    /* z-index: 2; */

}

.reason-01{position:absolute;left: 146px;top:0;}

.reason-02{position:absolute;left: 65px;top: 126px;z-index:-1;}

.reason-03{position:absolute;left: 21px;top: 251px;}

.reason-04{position:absolute;left: -9px;top: 358px;}

.reason-05{position:absolute;right: 139px;top:0;}

.reason-06{position:absolute;right: 69px;top: 126px;z-index: -1;}

.reason-07{position:absolute;right: 22px;top: 251px;}

.reason-08{position:absolute;right: -24px;top: 358px;}



.youhua{position:relative;height:787px;}

.youhua .pic0{position:absolute;width:459px;height:141px;top:90px;left:50%;margin-left:-230px;}

.youhua .pic1{position:absolute;width:70%;top:276px;left:5%;}

.youhua .pic2{position:absolute;width:30%;top:280px;left:60%;}



/* what station is built */

.website{margin-top:50px;}

.website li{

    position:relative;

    float:left;

    width:25%;

    box-sizing:border-box;

    border:1px solid #ccc;

    border-right:0;

    text-align:center;

    cursor:pointer;

    overflow:hidden;

    perspective: 1000;

    -webkit-perspective: 1000px; 

    -moz-perspective: 1000px;

    -ms-perspective: 1000px;

    -o-perspective: 1000px;

    perspective: 1000px;

    -webkit-transform-style: preserve-3d; 

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

.website li:nth-last-child(1){

    border-right:1px solid #ccc;

}



.website li .hover,.website li .show{

    backface-visibility: hidden;

    transition: 0.6s ease-out;

    -webkit-transition: .6s ease-out; 

    -webkit-transform-style: preserve-3d;

     -moz-transform-style: preserve-3d; 

     -ms-transform-style: preserve-3d;

     -o-transform-style: preserve-3d;

     transform-style: preserve-3d;

}

.website li .show{

    background:#fff;

    padding:60px 0;

    height: 186px;

    z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);

    }

.website li .show img{width:90px;height:90px;}

.website li .show strong{

    display:block;

font-size:20px;

margin:30px 0 20px;

}

.website li .show p{color:#8c8c8c;line-height: 1.5;font-size: 16px;}



.website li .hover{

    position:absolute;

    top: 0;

    left: 0;

    z-index:1;

    height:100%;

    width:96%;

    padding:0 2%;

    background:url(../img/web_bg.jpg) no-repeat center;

    background-size:cover;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    -webkit-transition: all .5s;

    transition: all .5s;

    opacity:0;

    z-index:1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);

-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);

    }

.website li:hover .show{

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg); 

     transform: rotateY(180deg);

}

.website li:hover .hover{

    -webkit-transform: rotateY(0deg);

    -moz-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    -o-transform: rotateY(0deg); 

    transform: rotateY(0deg); 

    opacity:1;  

}

.website li .hover strong{

display:block;

font-size:20px;

padding:20px 0 10px;

border-bottom:1px solid #fff;

color:#fff;}

.website li .hover .span{padding:10px 0;text-align:left;}

.website li .hover .span span{

    display:inline-block;

    color:#fff;

    width:122px;

    height:40px;

    line-height:40px;

    border-radius:4px;

    border:1px solid #fff;

    margin: 10px 6px 0;

    text-align:center;

	font-size:16px;

}

.website li .hover .btn{background:#fff;

border:1px solid transparent;

margin-top:20px;

}

.website li .hover .btn:hover{

    color:#fff;

    border:1px solid #fff;

    background:none;

}



/* why build the station*/

.whybg{background:url(../img/whybg2.jpg) no-repeat;margin-top:70px;}

.why li{width:24%;margin:0 0.5%;border:1px solid #ccc;}

.why li:hover .show{

     -webkit-transform: rotateY(0deg);

    -moz-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    -o-transform: rotateY(0deg); 

     transform: rotateY(0deg);

}

/* advantage */

.youshi{position:relative;height:580px;/* margin:30px 0 0; */}

.youshi0{position:absolute;left:50%;margin-left:-287px;top: -4%;}

.youshi1{position:absolute;left: 8%;top: 30%;}

.youshi2{position:absolute;right: 5%;top: 30%;}



/* case*/

.casebg{background:url(../img/casebg.png) no-repeat;background-size:cover;}

.cases li{float:left;width:32.3333333%;margin:10px 0.5% 0;

background:#efefeb;

position:relative;

height:350px;

text-align:center;

overflow:hidden;

}

.cases li .show{padding-top:55px;}

.cases li .show p{margin-top:10px;font-size: 18px;}

.cases li .hover{

    position:absolute;

    width:100%;

    color:#fff;

    top:-100%;

    left:0;

    height:100%;

    background:url(../img/view.png) repeat;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    -webkit-transition: all .3s;

    transition: all .3s;

    }

.cases li .hover strong,.cases li .hover strong span{display:block;color:#fff;}

.cases .case2{background:#eaf3f6;}

.cases .case3{background:#eaf9f2;}

.cases .case4{background:#e9e9e9;}

.cases .case5{background:#fbf6ef;}

.cases .case6{background:#f2f8f7;}

.cases li .hover strong{font-size:20px;margin:100px 0 30px;}

.cases li .hover strong span{font-size:14px;margin-top:10px;}

.cases li .hover p{color:#fff;line-height:1.5;width:60%;margin:0 auto 5px;text-align:left;font-size: 16px;}



.cases li:hover .hover{

    top:0;    

}





/*cooperation*/

.hezuo li{float:left;width:16.666666%;padding:80px 0;text-align: center;

}

.hezuo li .item{

    width:90px;

    height:90px;

    border-radius:50%;

    background:url(../img/hezuo1.png) no-repeat;

    margin:0 auto; 

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    -webkit-transition: all .3s;

    transition: all .3s;



}

.hezuo li .item2{background:url(../img/hezuo2.png) no-repeat;}

.hezuo li .item3{background:url(../img/hezuo3.png) no-repeat;}

.hezuo li .item4{background:url(../img/hezuo4.png) no-repeat;}

.hezuo li .item5{background:url(../img/hezuo5.png) no-repeat;}

.hezuo li .item6{background:url(../img/hezuo6.png) no-repeat;}

.hezuo li strong{display:block;font-size:18px;margin:15px 0 10px;}

.hezuo li p{line-height:1.5;color:#888;font-size:14px;}

.hezuo li:hover strong{color:#239ffd;



    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    -webkit-transition: all .3s;

    transition: all .3s;

}

.hezuo li:hover .item{

    background-position:-90px 0;

}



/*message*/

.msgbg{width:100%;background:#eee;padding: 50px 0;}

.reservation-con{width:900px;margin: 0 auto;}

#_msg1 input, #_msg1 select, #_msg1 textarea{ border:1px solid #ccc; color:#666;}

input[type='radio']{width:20px;height:20px;vertical-align: middle;}

#_msg1 #quick_liuyan1 {width: 450px;overflow: hidden;border: 1px solid #2b82f3;margin: 10px auto 20px auto;float: left;}

#quick_liuyan1 .title {position: relative;height: 60px;overflow: hidden;text-align: right;padding: 0 10px;margin:0;line-height: 60px;background: #2b82f3;}

#_msg1 .title a { display: inline-block; line-height: 30px; font-family: "Microsoft Yahei"; margin-right: 10px; }

#_msg1 .title strong {font-size: 16px;float: left;margin-left: 10px;color: #fff;}

#_msg1 .title strong b { font-size: 16px; padding-right: 5px; color: #fff; }

#_msg1 .title strong em { color: #fff; padding-left: 10px; font-style:normal; font-weight:normal; font-size:12px;}

#_msg1 .title strong span { padding-left: 5px; }

#_msg1 .title span {display: inline-block;line-height: 60px;float:none;font-size:12px;color: #fff;}

#_msg1 .hr1 { border-top: 1px solid #bebebe; border-bottom: 2px solid #f3f3f3; margin-bottom: 15px; font-size: 0;}

#_msg1 .star { color: #dd2218; display: inline-block; padding: 0 5px; vertical-align: middle;}

#_msg1 .star1 {color:#FFF;display: inline-block;padding: 0 5px;vertical-align: middle;}

#_msg1 .quick_liuyan_con { overflow: hidden;margin-top: 30px;}

#_msg1 .quick_liuyan_con p { margin-bottom: 10px;}

#_msg1 .item-right input { padding: 5px 2px;}

#_msg1 .item-right label { margin-left: 10px; font-size: 16px; color: #333333;}

#_msg1 .quick_liuyan_con .liuyan_area span { line-height: 30px; float: left;}

input[type="radio"] {

    -webkit-appearance: radio;

    box-sizing: border-box;

}

#_msg1 .btn-mesSubmit,.ads-txtLogin { float: left; line-height: 36px;}

#_msg1 .btn-mesSubmit a { }

#_msg1 textarea {font: 14px "Microsoft Yahei";padding: 5px;color: #666;resize: none;height: 100px;width: 260px;}

#_msg1 .pop_liuyan { position: absolute; top: 140px; right: 8px; width: 300px; height: 230px; border: 2px solid #ff5871;}

#_msg1 .pop_liuyan dl { position: relative;}

#_msg1 .pop_liuyan dl .pop_liuyan_icon { position: absolute; left: -9px; top: 180px;;  width: 7px; height: 15px;}

#_msg1 .pop_liuyan dt { height: 28px; line-height: 28px; background: #ff5871; font-size: 14px; color: #fff; text-indent: 12px;}

#_msg1 .pop_liuyan dd ul li { height: 28px; line-height: 28px; margin: 0 12px; overflow:hidden;}

#_msg1 .bbdashed { border-bottom: 1px dashed #ccc;}

#_msg1 .item { margin-bottom:16px; _height: 31px; text-align: left}

#_msg1 .item span { display: block; float: left; width: 88px; margin-right: 10px; text-align: right; min-height: 2px; line-height: 30px; font-size: 16px; color: #333333;}

#_msg1 .item:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

#_msg1 .item input[type="text"] {padding: 6px;width: 260px;font-size: 14px;}

#_msg1 .item input[type="text"]:focus { outline: 1px solid #2b82f3; border-color: #2b82f3;}

#_msg1 .item textarea:focus { outline: 1px solid #2b82f3; border-color: #2b82f3;}

#_msg1 .item input:disabled,

#_msg1 .item textarea:disabled,

#_msg1 .item select:disabled{ background:#eee;}

#_msg1 .item-right { float: left;}

#_msg1 .item-right select { 24px; height: 28px; line-height: 28px; text-align: left; font-size: 14px; }

#_msg1 .item-right select:focus { outline: 1px solid #2b82f3; border-color: #2b82f3;}

#_msg1 .item-right #msgProvince1{width: 120px;}

#_msg1 .item-right #msgCity1{width: 100px;}

#_msg1 .item-right #msgXian1{width: 100px;}

/*add checkbox start*/

#_msg1 .item_checkbox{

    margin-top: -15px;

    margin-bottom: 5px;

}

#_msg1 .item_checkbox .item-right input{

    vertical-align:middle; margin-bottom: 2px;

}

#_msg1 .item_checkbox .item-right span{

    padding-left: 6px; font-size: 12px; display: inline-block; float: none; width: 200px; text-align: left; line-height: 12px;

}

/*add checkbox end*/

#_msg1 .item



#_msg1 select.c-money { width: 180px; padding-left:36px !important;}

#_msg1 .box-address { margin-top: 3px;}

#_msg1 .box-address input { width: 315px !important;}

#_msg1 .clause * { vertical-align: middle}

#_msg1 .clause label { margin-left: 0}

#_msg1 .clause a { text-decoration: none}

#_msg1 .clause a:hover { color: #f70000 !important}

#_msg1 .clause a b { font-family: sans-serif; font-weight: normal; font-size: 11px;}

#_msg1 .item .btn-mesSubmit{display: block;width:154px;height:36px;border: 1px solid #ccc;border-radius: 5px;line-height:30px;float: left;color: #2b82f3;font-size: 18px;margin-left: 98px;_margin-left: 37px;margin-right: 30px;font-family: Microsoft Yahei;cursor: pointer;}

#_msg1 .item .btn-mesSubmit:hover {background: #2b82f3;color: #fff;}

#_msg1 .item .btn-mesSubmit:disabled{ background:#ccc;}



.reservation-con .rereservation-phone{float:right;width:380px;text-align:center;margin-top: 30px;}

.reservation-con .rereservation-phone .icon-phone{display:inline-block;margin-top:25px;width:80px;height:82px;background-image:url(../img/icon-all.png);background-image:-webkit-image-set(url(../img/icon-all.png) 1x,url(../img/icon-all@2x.png) 2x);background-repeat:no-repeat;background-position:0 -380px}

.reservation-con .rereservation-phone .phone-number{font-size:42px;color:#008de8;font-weight:700;margin:20px 0}

.reservation-con .rereservation-phone .time{color:#000;font-size:14px}

.reservation-con h3.title{font-size:26px;/* margin-bottom: 10px; */line-height:1;font-family:dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;}

.reservation-con .reservation-word{font-size:14px;color:#666;margin: 20px 0;}

.open-account .invite-agency{text-align:center;margin:30px 0 0}

.open-account .invite-agency .btn{padding:6px 30px}

.reservation-pop{display:none;width:100%;height:100%;left:0;top:0;position:fixed;z-index:99999;background:#666;background:rgba(0,0,0,.7)}

.reservation-pop .pop-wrap{overflow-y:scroll;padding:0 75px;width:450px;height:690px}

.reservation-pop .pop-con{padding:45px 0;text-align:center;position:absolute;left:50%;margin-left:-300px;top:50%;margin-top:-390px;background-color:#fff;color:#000;border-radius:3px;-webkit-box-shadow:2px 5px 12px rgba(0,0,0,.1);box-shadow:2px 5px 12px rgba(0,0,0,.1)}

.reservation-pop .pop-con .reservation-points{padding-bottom:30px;margin-bottom:35px;border-bottom:1px solid #e9e9e9}

.reservation-pop .pop-con h4{font-size:24px;margin:20px 0}

.reservation-pop .pop-con p{font-size:16px;line-height:2;color:#000}

.reservation-pop .pop-con p>span{color:#008de8}

.reservation-pop .pop-con .btn{width:160px;padding:12px 0}