@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body,pre{ color:#333; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover { color:#0383c6; text-decoration:underline;}
.layout{ width:1180px; margin:0 auto;}


header{ background:#FFF; height:100px; transition:all 0.3s;}

header h1{ width:250px; position:absolute; left:0; top:30px;}
header h1 img{ width:100%;}

.top_r{ float:right;}
.top_r .top_r_t{ text-align:right;}
.top_r .top_r_t .gq{ position:absolute; right:380px; top:15px;}
.top_r .top_r_t .gq ul{}
.top_r .top_r_t .gq li{ float:left; line-height:12px; margin-right:10px; font-size:12px;}
.top_r .top_r_t .gq li a:hover{ text-decoration:none;}

.top_r .top_r_t .fx{ position:absolute; right:160px; top:10px;}
.top_r .top_r_t .fx ul{}
.top_r .top_r_t .fx li{ float:left; width:25px; height:25px; line-height:25px; text-align:center; border-radius:20px; margin:0 5px;}
.top_r .top_r_t .fx li:nth-of-type(1){ background:#e02927;}
.top_r .top_r_t .fx li:nth-of-type(2){ background:#3a5898;}
.top_r .top_r_t .fx li:nth-of-type(3){ background:#c234b0;}
.top_r .top_r_t .fx li:nth-of-type(4){ background:#0b66c1;}
.top_r .top_r_t .fx li:nth-of-type(5){ background:#fe6700;}
.top_r .top_r_t .fx li:nth-of-type(6){ background:#e44558;}
.top_r .top_r_t .fx li i{ font-size:16px;}
.top_r .top_r_t .fx li a{ color:#FFF; display:block;}
.top_r .top_r_t .fx li a:hover{ color:#FFF; display:block; text-decoration:none;}

.top_r .top_r_t .search{ position:absolute; right:0px; top:10px; border:1px solid #DDD; border-radius:20px; height:23px;}
.top_r .top_r_t .search .box{}
.top_r .top_r_t .search .input_txt{ border:none; height:23px; line-height:23px; width:110px; border-radius:20px 0 0 20px; outline:medium; padding-left:8px; font-family:"微软雅黑";}
.top_r .top_r_t .search .input_btn{ border:none; height:23px; width:30px; background:url(../images/pic20.png) no-repeat center; background-size:60%; border-radius:0 20px 20px 0; outline:medium;}



.nav{ font-size:0px; position:absolute; right:0px; bottom:0px;}
.nav li{ display:inline-block; padding:0 20px; text-align:center; position:relative; z-index:100;}
.nav li p{ font-size:16px; line-height:58px;}
.nav li p a{ display:block;}
.nav li p a:hover{ display:block; text-decoration:none;}
.nav li p a.current{ border-bottom:2px solid #0383c6; color:#0383c6;}
.nav li dl{ position:absolute; left:-10%; top:70px; background:#FFF; font-size:14px; width:120%; line-height:35px; padding:10px 0; border-radius:0 0 5px 5px; visibility:hidden; opacity:0; transition:all 0.3s; box-shadow:0 3px 3px rgba(0,0,0,0.1);}
.nav li:hover dl{ visibility:visible; opacity:1; top:60px;}
.nav li dd{ border-bottom:1px solid #DDD;}
.nav li dd a{ display:block;}
.nav li dd a:hover{ display:block; text-decoration:none; background:#0383c6; color:#FFF;}


header .header-main { transition: padding 0.3s ease 0s, transform 0.5s ease 0s; max-width:1180px; margin:0 auto; position:relative; height:100px;}
header .m-btn { width:60px; height:60px; line-height:60px; text-align:center; display:none; cursor:pointer; float:right;}
header .m-btn .box {display: block;position: relative; font-size:24px;}

.body-wrap {width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;}
.body-wrap.left, header.left .header-main {transform: translateX(-66%);}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;}
.m-sub-menu {position: fixed;right: -100%;width: 66%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .top-box {line-height: 60px;background-color: #333;}
.m-sub-menu .top-box .stt {display: inline-block;font-size: 16px;color: #acacac;margin-left: 8.2%; float:left;}
.m-sub-menu .top-box .close { width:60px;  height:60px; color:#FFF; cursor: pointer; float:right; text-align:center; font-size:24px;}
.m-sub-menu .list-wrap ul {  width: 100%;}
.m-sub-menu .list-wrap li {line-height: 50px;  width: 100%;  border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .list-wrap li .col-box { display: block; width: 84%; padding: 0 7.8% 0 8.2%;}
.m-sub-menu .list-wrap .tit { font-size: 16px; color: #666; float:left;}
.m-sub-menu .list-wrap .point { display: inline-block; width: 8px; height: 12px; float:right; color:#999;}
.m-sub-menu .bot-link { width: 84%; padding: 0 7.8% 0 8.2%;}
.m-sub-menu .bot-link a { display: inline-block; width:30px; height: 50px; line-height:50px; margin-right: 10px; float: left;}
.m-sub-menu .bot-link a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list { position: absolute; right: -100%; top: 60px; width: 100%;}
.m-sub-menu .sec-sub-list .return-fir { display: block; width: 84%; padding: 0 7.8% 0 8.2%; line-height: 60px; background-color: #333;}
.m-sub-menu .sec-sub-list .return-fir p { padding-left: 18px; color: #fff; font-size: 18px;}
.m-sub-menu .sec-sub-list .return-fir p i{ font-size:14px; margin-right:10px;}
.m-sub-menu .sec-sub-list .boxs { width: 100%; transition: all 0.4s ease 0s; background:#fff; position: absolute; left: 0; top: 0;}
.m-sub-menu .sec-sub-list .boxs.show { left: -100%;}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li { width: 100%;}
.m-sub-menu .sec-sub-list li{ line-height:50px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li span{ margin-left:10px;}
.m-sub-menu .sec-sub-list li img{ width:35px; border-radius:30px; margin-top:7px;}
.m-sub-menu .sec-sub-list li a { display: block; width: 84%; padding: 0 7.8% 0 8.2%; font-size: 16px; color: #666;}
.m-sub-menu .sec-sub-list li a:hover{ text-decoration:none;}
.m-sub-menu .sec-sub-list .bot-link {}


.search-alert { position: fixed; z-index: 100; background-color: #222222; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.search-alert .cent-form { position: absolute; width: 94.8%; left: 2.6%; top: 50%; height: 60px; margin-top: -63px; border-bottom: 1px solid #515151;}
.search-alert .cent-form .tex { border: none; font-size:14px; height:60px; line-height:60px; text-align: center; width: 100%; box-sizing: border-box; color: #555; background: none; font-family:"微软雅黑"; background: url(../img/ico_36.png) no-repeat 35px 60px;}
.search-alert .cent-form .sub-butn { border: none; height: 60px; font-size: 24px; line-height: 60px; color: #555; text-align: right; background: none;
 font-family:"微软雅黑"; position: absolute; right: 0; top: 0; width: 80px; text-align: center;}
.search-alert .close { display: block; width:40px; height:40px; line-height:40px; text-align:center; color:#FFF; position: absolute; top: 38px; right: 2.6%; cursor: pointer; transition: transform 0.3s ease 0s;}
.search-alert .close i{ font-size: 24px;}


.foot{ margin-top:3%;}
.foot .link{ padding:15px 0; background:#e6e6e6;}
.foot .link .box{ max-width:1180px; margin:0 auto; line-height:24px;}
.foot .link .box a{ margin-right:20px;}
.foot .link .box p{ float:left;}

.foot .foot_t{ background:#222; padding:3% 0;}
.foot .foot_t .box{ max-width:1180px; margin:0 auto;}
.foot .foot_t .t_l{ float:left; width:70%;}
.foot .foot_t .t_l dl{ float:left; width:20%;}
.foot .foot_t .t_l dt{ line-height:30px; color:#FFF;}
.foot .foot_t .t_l dd{ font-size:12px; line-height:24px;}
.foot .foot_t .t_l dd a{ color:#999;}
.foot .foot_t .t_l dd a:hover{ color:#0383c6;}
.foot .foot_t .t_r{ float:right;}
.foot .foot_t .t_r h2{ line-height:30px; color:#FFF;}
.foot .foot_t .t_r .pic{ width:125px; float:left; margin-left:10px; text-align:center; line-height:30px; color:#FFF;}
.foot .foot_t .t_r .pic img{ width:100%;}
.foot .foot_b{ text-align:center; padding:1.5% 0; font-size:12px; max-width:1180px; margin:0 auto;}
.foot .foot_b .f_l{ }
.foot .foot_b .f_r{ float:right;}
.foot .gsj{text-align:center;}


.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;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/shopnc.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}