/* main */
.conter { zoom: 1; }
.conter h2 { height: 81px; margin-bottom: 60px; text-align: center; color: #fff; font-size: 30px; line-height: 50px; background: url(../images/titbg_03.png) no-repeat top center; }

.btn { display: inline-block; width: 155px; height: 46px; text-align: center; line-height: 46px; font-size: 18px; font-family: 'Microsoft Yahei'; background: url(../images/btn-bg01.jpg); color: #222; }
.btn.w230 { width: 230px; background: url(../images/btn-bg02.jpg); }
.btn:hover { background: none; background-color: #febf18; color: #fff }

.yybtn{ display: block; width: 230px; height: 46px; margin: 0 auto; text-align: center; line-height: 46px; font-size: 18px; font-family: 'Microsoft Yahei'; background: url(../images/btn-bg02.jpg); color: #222; }
.yybtn:hover { background: none; background-color: #febf18; color: #fff }

.lead { height: 103px; padding: 60px 0; }
.lead span { float: left; display: block; width: 91px; height: 103px; color: #fff; font: 26px/87px "Microsoft Yahei"; text-align: center; background: url(../images/lead.png) no-repeat; }
.lead p { position: relative; float: right; width: 900px; padding: 0 50px; line-height: 32px; }
.lead p .fa { font-size: 30px; color: #224D91 }
.lead p .fa-quote-left { position: absolute; top: 0; left: 0; }
.lead p .fa-quote-right { position: absolute; bottom: 0; right: 0; }

.adv h2 { height: 130px; line-height: 105px; margin-bottom: 60px; text-align: center; color: #000; font-size: 24px; background-image: url(../images/titbg.png); }

.process { position: relative; height: 140px;background: url(../images/lc.png) no-repeat; }
.process a{ position:absolute; top:0px; display:block; width:140px; height:61px; margin:0 29px 0 0; padding-top:85px; color:#fff; font-size: 18px; font-weight: bold; text-align:center; }
.process a.a1 { left: 1px; }
.process a.a2 { left: 176px; }
.process a.a3 { left: 355px; }
.process a.a4 { left: 530px; }
.process a.a5 { left: 705px; }
.process a.a6 { left: 880px }
.process a.a7 { left: 1062px; }

.hot{}
.hot .hd{margin-bottom:80px;}
.hot .hd ul{overflow:hidden; zoom:1;}
.hot .hd ul li{text-align:center;float:left;cursor:pointer;font-size:14px;color:#373737;width:124px;margin-right:10px;}
.hot .hd ul li.on{color:#e14609;}
.hot .hd ul li i{display: block;height:125px;margin-bottom:5px;}
.hot .hd ul li.li1 i{background:url(../images/hot_1.png) no-repeat center 0;}
.hot .hd ul li.li2 i{background:url(../images/hot_2.png) no-repeat center 0;}
.hot .hd ul li.li3 i{background:url(../images/hot_3.png) no-repeat center 0;}
.hot .hd ul li.li4 i{background:url(../images/hot_4.png) no-repeat center 0;}
.hot .hd ul li.li5 i{background:url(../images/hot_5.png) no-repeat center 0;}
.hot .hd ul li.li6 i{background:url(../images/hot_6.png) no-repeat center 0;}
.hot .hd ul li.li7 i{background:url(../images/hot_7.png) no-repeat center 0;}
.hot .hd ul li.li8 i{background:url(../images/hot_8.png) no-repeat center 0;}
.hot .hd ul li.li9 i{background:url(../images/hot_9.png) no-repeat center 0;}
.hot .hd ul li.on i{background-position:center bottom;}
.hot .bd{height: 322px; overflow: hidden;}
.hot .bd .houtcon { width: 1098px; height: 250px; padding: 35px 50px; background: #fff; border: 1px solid #c5d3d8; overflow: hidden; zoom: 1; }
.hot .bd .houtcon .fl { text-align: center; margin-right: 50px; }
.hot .bd .houtcon .fl h3 { font-size: 16px; color: #373737; line-height: 40px; }
.hot .bd .houtcon .fr { width: 835px; }
.hot .bd .houtcon .fr p { font-size: 14px; color: #373737; line-height: 25px; text-indent: 2em }
.hot .bd .houtcon .fr .a-box { text-align: left; padding-top: 45px; text-align: center; }

.canzhan { }
.canzhan .hd li { float: left; width: 207px; height: 27px; margin: 0 1px 0 5px; text-align: center; }
.canzhan .hd li a { display: block; height: 25px; cursor: pointer; line-height: 25px; background: rgb(255, 255, 255); border: 1px solid #c5d3d8; }
.canzhan .hd li.on a { background: #193669; color: #fff; line-height: 27px; height: 27px; border: 0px; }
.viewMore { width: 108px; height: 25px; line-height: 25px; display: block; float: right; color: rgb(0, 154, 199); text-align: center; margin-right: 18px; background: rgb(255, 255, 255); border: 1px solid #c1c1c1; }
.canzhan .bd { overflow: hidden; }
.canzhan .bd li { float: left; width: 252px; height: 210px; background: #eef7fa; padding: 16px; margin-right: 20px; margin-top: 24px; }
.canzhan .bd li img { display: block; width: 251px; height: 88px; border: 1px solid #e7e7e7; background: #fff }
.canzhan .bd li h3 { height: 55px; font-size: 12px; line-height: 18px; color: #5a6366; text-align: center; margin: 10px 0; }
.canzhan .bd li span { margin-top: 5px; padding-left: 10px; }
.canzhan .bd li span a { display: block; width: 100px; height: 35px; line-height: 35px; float: left; margin-left: 17px; text-align: center; background: #009ac7; color: #fff; cursor: pointer; }
.canzhan .bd li span a:hover { background: #193669; color: #fff; }

.offer { }
.offer h2 { background-image: url(../images/titbg_01.png); }
.offer .wrapper{height: 537px}
.offer .hd ul { width: 327px; margin-bottom: -24px; overflow: hidden; }
.offer .hd ul li { float: left; width: 151px; height: 157px; padding: 3px; margin-right: 6px; margin-bottom: 24px; cursor: pointer; }
.offer .hd ul li.on { padding: 0; border: 3px solid #feee22; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.offer .bd { position: relative; width: 800px; height: 471px; margin-top: 3px; padding: 30px; overflow: hidden; background: url(../images/country-bg.jpg) no-repeat; }

.offer .bd .con{ height:344px; overflow-y: scroll; background:url(../images/loading.gif) center center no-repeat; }

.country { position: absolute; width: 860px; right: 0; bottom: 30px; text-align: center; }
.country>p { margin-bottom: 20px; text-align: center; color: #fff; font-size: 18px; font-family: 'Microsoft Yahei'; }

.youshi h2 { background-image: url(../images/titbg_02.png); }

.qita{}
.qita a{float: left; display: block; width: 350px; height: 250px;}
.qita a.qt2{margin: 0 75px}


.mec ul li { float: left; height: 55px; margin: 0 80px 30px 0; }

.media ul li { float: left; width: 268px; height: 73px; margin: 0 40px 20px 0; border: 1px solid #c5d3d8 }

.yuyue { background-color: rgba(0,0,0,0.7); height: 60px; width: 100%; position: fixed; bottom: 0; z-index: 1000; }
.yuyue .baom{ position: absolute; top:-30px; left: -40px; width: 350px; display: block; }

.yuyue .close { position: absolute; top: -32px; right: 0; }
.yuyue .close a { display: block; color: #fff; font-size: 32px; height: 32px; line-height: 28px; background: rgba(0,0,0,0.7); border-radius: 4px 4px 0 0}
.yuyue_col { position: fixed; bottom: 58px; z-index: 1000; }

.marquee { position: absolute; top: 0; left: 330px; }
.marquee .bd{ width:870px }
.marquee .tempWrap{ width:870px !important; }
.marquee .bd span{ margin-right:20px; height:60px; line-height: 60px; color: #ffff00; font-size: 20px; text-align:left; _display:inline; width:auto !important;  }


/* form */
.form{ width: 800px; margin: 45px auto}
.form h1{ font: bold 18px/26px "Microsoft YaHei"; color: #193669;}
.form h1 span { color: #546477; margin-left: 10px; font: normal 14px/26px "Microsoft YaHei"; }

.col-a{float: left; width: 48%;}
.col-b,.col-c{width: 100%;}
.pr4{padding-right: 4%}

.personal { width: 96%; margin: 0 auto; padding: 30px 0; line-height: 29px; border-bottom: 1px solid #eee}
.personal label { float: left; width: 30%; margin-right: 2%; color: #696969; font-size: 13px; display: block; margin-bottom: 10px; font-weight: normal; }
.personal input[type="text"] {  float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 5px; background-color: #f7f9fc; border: solid 1px #e7eaf1; color: #696969; font-size: 14px; width: 65%; text-indent: 15px; padding: 5px 0; margin-bottom: 15px; }
.personal textarea { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 5px; background-color: #f7f9fc; border: solid 1px #e7eaf1; color: #696969; font-size: 14px; width: 100%; text-indent: 15px; padding: 10px 0; margin-bottom: 20px; height: 120px; }
.personal input[type="submit"] { font-size: 12px; color: #fff; font-weight: 400; text-transform: uppercase; display: block; text-align: center; padding: 10px 0; width: 120px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #193669; border: 0; }
.personal input[type="submit"]:hover { background: #3ba0f8; color: #fff; }

.col-b label{ width: 13%;}
.col-b input[type="text"] { width: 84%;}

.col-c label{ width: 13%;}
.col-c span{ float: left; width: 30px; font-size: 18px; vertical-align: middle;}
.col-c input[type="text"]{ width: 20%; margin-right: 10px;}

.col-d{float: left; width: 48%; line-height: 29px;}
.col-d input[type="text"] { width: 20%;}

.col-e label{ width: 13%; height: 150px;}
.col-e span{ float: left; margin-right: 10px; vertical-align: middle;}
.col-e input[type="text"]{ width: 20%; margin-right: 10px;}
.col-e .fr{width: 84%;}
.col-e .fr .w40{width: 60%;}

.personal .family{overflow:hidden;zoom:1;margin-bottom: 10px;}
.personal .family li{float:left;padding-left:0; text-align: center;}
.personal .family .c1{width: 10%;text-align: left;}
.personal .family .c2{width: 16%; margin-right: 2%}
.personal .family .c3{width: 16%; margin-right: 2%}
.personal .family .c4{width: 16%; margin-right: 2%}
.personal .family .c5{width: 16%; margin-right: 2%}
.personal .family .c6{width: 10%;}

.col-f li{float:left;padding-left:0;}
.col-f li label{ width: 10%; margin-right: 0}
.col-f li .c1{width: 16%; margin-right: 2%}
.col-f li .c2{width: 16%; margin-right: 2%}
.col-f li .c3{width: 16%; margin-right: 2%}
.col-f li .c4{width: 16%; margin-right: 2%}
.col-f li .c5{width: 10%;}


.tijiao{position: relative; width: 120px; height: 35px; margin: 30px auto 0}

.tijiao input[type="submit"] { font-size: 12px; color: #fff; font-weight: 400; text-transform: uppercase; display: block; text-align: center; padding: 10px 0; width: 120px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #193669; border: 0; }
.tijiao input[type="submit"]:hover { background: #3ba0f8; color: #fff; }
.tijiao #submit{}
.tijiao #tool { color: #193669; font-family: 'SimSun'; font-size: 12px; font-weight: normal; line-height: 35px; cursor: pointer; position: relative; width: 75px; height: 35px; left: 160px; top: -32px; border: none; background: rgba(0, 0, 0, 0); }

#MEIQIA-BTN-HOLDER{right: 0!important;}
#MEIQIA-PANEL-HOLDER{right: 0!important;}

.rides-cs { font-size: 12px; background:#29a7e2; position: fixed; top: 120px; left: 0px; _position: absolute; z-index: 1500; border-radius:0 6px 6px 0;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:right; position: relative; z-index:1;margin-top: 50px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/kefu.png); background-repeat: no-repeat; display:block;  height: 176px; padding: 8px;}
.rides-cs .btnOpen { background-position: -37px 0;}
.rides-cs .btnCtn { background-position: 0 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}