@charset "utf-8";

@import "iconfont.css";


*, *:before, *:after{box-sizing:border-box;}

html {-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
img{max-width:100%;height:auto;width:auto\9;vertical-align:bottom;}
.video embed,.video object,.video iframe{width:100%;height:auto;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;outline:0;font-size:100%;background:transparent}
fieldset,img,input,button,hr{border:0;}
:focus {outline: 0;}
address, caption, cite, code, dfn, em, b,th, i,var, optgroup {font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
button,input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size: 100%;}
ol, ul {list-style: none;}
table {border-collapse:collapse;border-spacing:0;}
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}

:link, :visited, ins {text-decoration: none;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

.cl{*zoom:1}
.cl:before,.cl:after{display:table;content:" ";}
.cl:after{clear:both;}


.left-pro h4 {
    padding: 0 0 0 15px;
    background: #0078BD;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
}
.left-pro .list {
    padding: 15px;
    border: 1px solid #E2E2E2;
    border-top: none;
}
.left-pro .list ul li {
    margin: 0 0 10px;
}
.left-pro .list ul li .pic {
    width: 100%;
    display: block;
    position: relative;
    padding: 10px;
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
}
.left-pro .list ul li h5 {
    font-size: 14px;
    text-align: center;
    margin: 5px 0 0;
}
.left-pro .list ul li h5 a {
    color: #333;
}
.prolist ul li h5 {
    font-size: 14px;
    margin: 5px 0 0;
    display: block;
    width: 100%;
    text-align: center;
    height: 40px;
    overflow: hidden;
}



body{color:#666;font-size:14px;font-family:"Microsoft YaHei",Microsoft YaHei,Arial, Helvetica, sans-serif;background:#fff;}

a{color:#444;}
a:hover{text-decoration:none;color:#f00;}

.uppercase {text-transform:uppercase;}
.hide{display:none;}
.wp{width:100%;padding-left:20px;padding-right:20px;}
.wp2{margin:0 auto;width:1220px;}
.pr{position:relative;}
.fl{float:left;}.fr{float:right;}
.oh{overflow:hidden;}
.mt15{margin-top:15px;}
@-webkit-keyframes circle{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.tocircle{
-webkit-transform: rotate(360deg);
animation: circle 3s linear infinite;
-moz-animation: circle 3s linear infinite;
-webkit-animation: circle 3s linear infinite;
-o-animation: circle 3s linear infinite;
}

@media screen and (max-width:576px) {
.wp{padding-left:15px;padding-right:15px;}
}

@media screen and (max-width:480px) {
.wp{padding-left:10px;padding-right:10px;}
}

/*---header---*/

.header{padding:15px 0;}
.header .wp{height:100%;display:flex;justify-content:space-between;align-items:center;}
.header .logo{}
.header .logo img{height:40px;}

.header span{width:50px;height:50px;line-height:50px;text-align:center;color:#333;display:block;}
.header span i{font-size:24px;}

.mo-leftmenu{background:#F5F5F5;position:fixed;top:0;left:0;bottom:0;overflow-x:hidden;box-sizing:content-box;width:70%;max-width:350px;-webkit-overflow-scrolling:touch;z-index:105!important;-webkit-transition:all .4s cubic-bezier(0.7,0,0.2,1);-ms-transition:all .4s cubic-bezier(0.7,0,0.2,1);transition:all .4s cubic-bezier(0.7,0,0.2,1);box-shadow:0 0 40px rgba(82,85,90,0.1);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.mo-leftmenu .tit{height:50px;line-height:50px;background:#353535;}
.mo-leftmenu .tit h6{float:left;color:#fff;padding:0 0 0 20px;font-size:20px;font-weight:bold;font-family: "Times New Roman";}
.mo-leftmenu .tit span{float:right;cursor:pointer;width:50px;text-align:center;}
.mo-leftmenu .tit span i{color:#fff;font-size:16px;}
.mo-leftmenu > ul{}
.mo-leftmenu > ul > li{line-height:50px;font-size:15px;border-top:2px solid #e5e5e5;position:relative;}
.mo-leftmenu > ul > li > a{padding:0 0 0 20px;}
.mo-leftmenu > ul > li > i {position:absolute;color:#333;font-size:12px;top:5px;right:0;z-index:1;width:50px;line-height:40px;text-align:center;cursor:pointer;}
.mo-leftmenu > ul > li.active{}
.mo-leftmenu ul li a{color:#333;display: block;}
.mo-leftmenu ul li a:hover{text-decoration: none;}
.mo-leftmenu ul li ul{display:none;padding-bottom:10px;}
.mo-leftmenu ul li ul li{line-height:35px;}
.mo-leftmenu ul li ul li a{background:url("../images/d.png") no-repeat 25px center;padding:0 0 0 40px;}

.menu-transitioning{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}



#banner a{height:500px;width:100%;display:block;background-position:center top;background-repeat:no-repeat;}
#banner img{width:100%;}
#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet {height:10px;width:20px;margin:0 5px;background:#fff;border-radius:0;opacity:1;box-sizing:border-box;}
#banner .swiper-pagination-bullet-active{background:#0078BD;}

@media screen and (max-width:480px) {
.header .logo img{height:35px;}
}


/*---footer---*/

.indexlink{padding:0 0 20px;background:#fff;}
.indexlink h3{height:26px;line-height:26px;font-size:18px;color:#666;font-weight:400;background:url(../images/jk.png) no-repeat left bottom;padding:0 0 10px 0;}
.indexlink h3 b{color:#333;}
.indexlink p{margin-top:15px;font-size:14px;text-align:left;line-height:28px;}
.indexlink p a{display:inline-block;margin:0 10px 0 0;font-size:14px;color:#666;}

.footer{padding:30px 0;background:#2E2E2E;}
.footer .logo{text-align:center;}
.footer .logo img{height:50px;}
.footer .logo p{margin-top:25px;font-size:0;text-align:center;}
.footer .logo p a{display:inline-block;margin:0 10px;height:30px;overflow:hidden;font-size:14px;color:#fff;line-height:30px;}

.footer .code{text-align:center;margin:20px 0 0;}
.footer .code img{display:inline-block;width:110px;margin: 0 5px 0 5px;}
.footer .code p{color:#fff;margin:5px 0 0;}

.footer .foot-contact{margin:30px 0 0;}
.footer .foot-contact p{color:#fff;line-height:25px;padding-left:30px;margin:5px 0 0 0;}
.footer .foot-contact p a{color:#fff;}
.footer .foot-contact .pg1{padding-left:0;font-size:16px;}
.footer .foot-contact .pg2{background:url(../images/c7.png) no-repeat left 6px;}
.footer .foot-contact .pg3{background:url(../images/c2.png) no-repeat left center;}
.footer .foot-contact .pg4{background:url(../images/c3.png) no-repeat left center;}
.footer .foot-contact .pg5{background:url(../images/c6.png) no-repeat left center;}

.copyRight{overflow:hidden;padding:20px 0;box-sizing:border-box;background:#353535;}
.copyRight p{font-size:14px;text-align:center;color:#fff;line-height:25px;}
.copyRight p a{color:#fff;}


#gotop{position:fixed;bottom:100px;right:0;height:50px;width:50px;background:url(../images/top.png) repeat 0 0 #353535;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition:all 0.4s ease 0s;z-index:1000;cursor:pointer;display:none;text-indent:-9999px;}
#gotop:hover {background-color:#015AAC;background-position: 0 -50px;}


.rides-cs {font-size: 12px;  position: fixed; top: 250px;right: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:left; position: relative; z-index:1;margin-top:90px;height:181px;background:#29a7e2;border-radius:8px 0 0 8px;}
.rides-cs .floatL a {font-size:0;text-indent: -999em; display: block;}


.rides-cs .floatR {display:none;background:#fff;width:140px;float:left;padding:10px 5px;overflow:hidden;border:1px solid #808080;border-radius:8px;}
.rides-cs .floatR h3{ font-size:16px;color:#29A7E2;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .floatR ul {padding:0px;}
.rides-cs .floatR ul li {line-height:38px;height:38px;border-bottom: solid 1px #E6E4E4;overflow:hidden;padding: 0 0 0 10px;}
.rides-cs .floatR ul li span { color: #777;}
.rides-cs .floatR ul li a{color: #777;}
.rides-cs .floatR ul li img {margin:0 5px 0 0;vertical-align: middle;}

.rides-cs .floatR p{text-align:center;}
.rides-cs .floatR p img{width:100%;display:block;}

.rides-cs .btnOpen, .rides-cs .btnCtn {position:relative;z-index:9;top:25px;left:0;background-image:url(../images/onlinebg.png);background-repeat:no-repeat;display:block;height:146px;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;}