@charset "utf-8";
/*--公共部分--*/
div, form, img, dl, dt, dd, p, tr, td, body, strong, span, pre, input { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol { margin: 0; padding: 0; font-weight: normal; }
body { font-family: Microsoft Yahei,Helvetica,sans-serif; font-size: 14px; margin: 0px; padding: 0px;; line-height: 24px; height: auto; clear: both; -webkit-tap-highlight-color: transparent; background-color: #fff; min-width: 320px; }
img { border: 0px; }
i { font-style: normal; }
a { text-decoration: none; color: #1a1a1a; outline: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
a:hover { background-repeat: no-repeat; text-decoration: none; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1; }
* { webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul li, ol li { list-style: none; }
input, button, select, textarea { font-family: Microsoft Yahei,Helvetica,sans-serif; outline: none; border: none; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; resize: none; background: none; }
input, button, select, textarea { font-family: Microsoft Yahei,Helvetica,sans-serif; outline: none; border: none; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; resize: none; background: none; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #999; }

.commonweb { padding-left: 15px; padding-right: 15px; }
.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }
.commonright { float: none; }

.visible-xs { display: block; }
.hidden-xs { display: none; }


.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 15px; padding-right: 15px; }

.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }

@media (min-width: 767px) {
    .commonwebbox { margin-left: -10px; margin-right: -10px; }

    .commonleft { float: left; }
    .commonright { float: right; }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 15px; padding-right: 15px; }



    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }


    .visible-sm { display: block; }
    .hidden-sm { display: none; }
}

@media (min-width: 991px) {
    .commonwebbox { margin-left: -10px; margin-right: -10px; }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 15px; padding-right: 15px; }

    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }


    .visible-md { display: block; }
    .hidden-md { display: none; }
}

@media (min-width: 1200px) {

    .commonweb { margin: 0px auto; max-width: 1200px; padding-left: 0; padding-right: 0; }
    .commonleft { float: left; }
    .commonright { float: right; }

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 15px; padding-right: 15px; }

    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-1 { width: 8.33333333%; }


    .visible-lg { display: block; }
    .hidden-lg { display: none; }
}


/*@font-face {*/
/*font-family: 'Montserrat';*/
/*src: url('/fonts/Montserrat-Light.woff') format('woff'),*/
/*url('/fonts/Montserrat-Light.ttf') format('truetype'),*/
/*url('/fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');*/
/*font-weight: 300;*/
/*font-style: normal;*/
/*}*/


.head { width: 100%; background: none; z-index: 5; position: fixed; width: 100%; left: 0; top: 0; height: 70px; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .6s; -moz-animation-duration: .6s; -ms-animation-duration: .6s; -o-animation-duration: .6s; animation-duration: .6s; background: #000; }
.head .commonweb { position: relative; height: 100%; z-index: 111; }
.logo { float: left; padding-top: 8px; position: relative; }
.logo img { width: 180px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.menu { position: fixed; right: 15px; top: 15px; width: 30px; height: 30px; cursor: pointer; z-index: 9992; -webkit-transition: all .3s ease; transition: all .3s ease; margin: 0; }
.menu span { position: absolute; top: 5px; left: 0; display: block; width: 30px; height: 2px; background: #666; -webkit-transition: 0.3s linear; transition: 0.3s linear; z-index: 12; }
.menu span.nav_lineA { transform: translateY(9px) rotate(0deg); }
.menu span.nav_lineB { opacity: 1; }
.menu span.nav_lineC { transform: translateY(18px) rotate(0deg); }
.nav_icon_click span { top: 14px; background: #fff; }
.nav_icon_click span.nav_lineA { transform: translateY(0) rotate(45deg); }
.nav_icon_click span.nav_lineB { opacity: 0; }
.nav_icon_click span.nav_lineC { transform: translateY(0) rotate(-45deg); }
.innernav { background: rgba(47,49,139,.8); position: fixed; z-index: 9991; width: 100%; height: 100%; left: 0; top: 0; display: none; padding-bottom: 20px; overflow-y: scroll; }
.subinner { display: table; height: 100%; width: 80%; margin: -20px auto 0; }
.innerul { margin: 0; padding: 0; /* text-align:center; */ line-height: 50px; margin-top: 70px; }
.innerul li { list-style: none; opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); -webkit-transition: opacity .25s ease-out,-webkit-transform .25s ease-out; transition: opacity .25s ease-out,-webkit-transform .25s ease-out; transition: opacity .25s ease-out,transform .25s ease-out; transition: opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out; font-size: 18px; color: #fff; }
.innerul li:nth-child(1) { -webkit-transition-delay: .05s; transition-delay: .05s; }
.innerul li:nth-child(2) { -webkit-transition-delay: .1s; transition-delay: .1s; }
.innerul li:nth-child(3) { -webkit-transition-delay: .15s; transition-delay: .15s; }
.innerul li:nth-child(4) { -webkit-transition-delay: .2s; transition-delay: .2s; }
.innerul li:nth-child(5) { -webkit-transition-delay: .25s; transition-delay: .25s; }
.innerul li:nth-child(6) { -webkit-transition-delay: .3s; transition-delay: .3s; }
.innerul li:nth-child(7) { -webkit-transition-delay: .35s; transition-delay: .35s; }
.innerul li:nth-child(8) { -webkit-transition-delay: .4s; transition-delay: .4s; }
.innerul li a { color: #fff; display: block; }
.innernav.is-active .innerul li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
body { padding-top: 60px; }
.search { height: 100%; width: 35px; background: url(../images/search1.png) center center no-repeat; position: absolute; top: 0; right: 55px; height: 60px; }

/*foot*/
.foot { background: url(../images/foot_bg.jpg) top center no-repeat #111; padding-top: 20px; position: relative; z-index: 3; }
.sub-foot dt a { color: #e8e8e8; display: block; font-size: 14px; }
.sub-foot dt { font-size: 14px; color: #d7d7d7; line-height: 40px; position: relative; z-index: 3; }
.sub-foot dd a { font-size: 12px; color: #b3b3b3; line-height: 24px; display: block; }
.sub-foot dt:after { content: '+'; float: right; font-weight: normal; margin-right: 8px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; font-size: 16px; position: absolute; right: 0; top: 0; }
.foot-link { border-bottom: 1px solid rgba(225,225,225,.04); position: relative; overflow: hidden; }
.sub-foot > dl dt { border-bottom: 1px solid rgba(225,225,225,.04); }
.sub-foot dl.cur dt:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sub-foot dd { position: absolute; top: 50%; visibility: hidden; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; z-index: -1; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); -moz-transform: translateY(-50px); transform: translateY(-50px); padding-bottom: 10px; }
.sub-foot dl.cur dd { position: static; visibility: visible; z-index: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; }
.foot-link dl dd a span { cursor: pointer; }
.footcopy { text-align: center; font-size: 12px; color: #d9d9d9; line-height: 24px; background: #1b1b1b; padding: 13px 0; }
.thecopy { color: #8a8a8a; }
.footcopy a { color: #8a8a8a; display: inline-block; }
.footcode img { display: block; margin: 0 auto 2px; width: 115px; }
.footcopy p { padding: 15px 0; }
.footcopy p a { padding: 0 5px; display: inline-block; font-size: 12px; }
.footcode { text-align: center; padding: 20px 0; }
.subcode { font-size: 12px; color: #b3b3b3; text-align: center; line-height: 25px; display: inline-block; }
.share { margin-top: 5px; height: 24px; overflow: hidden; text-align: center; }
#share { display: inline-block; }
#share span { font-size: 12px; color: #838383; float: left; line-height: 16px; }
#share a { width: 20px; height: 16px; margin: 0 9px; padding: 0; }
#share a.bds_tsina { background: url(../images/foot2.png) no-repeat; }
#share a.bds_sqq { background: url(../images/foot3.png) no-repeat; }
#share a.bds_weixin { background: url(../images/foot4.png) no-repeat; }
.thecopy .tongji { margin-left: 40px; position: relative; top: 1px; }

@-webkit-keyframes fadeHeaderInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); }
}

@-moz-keyframes fadeHeaderInDown {
    0% { opacity: 0; -moz-transform: translate3d(0,-100%,0); }
    100% { opacity: 1; -moz-transform: translate3d(0,0,0); }
}

@-o-keyframes fadeHeaderInDown {
    0% { opacity: 0; -o-transform: translate3d(0,-100%,0); }
    100% { opacity: 1; -o-transform: translate3d(0,0,0); }
}

@keyframes fadeHeaderInDown {
    0% { opacity: 0; transform: translate3d(0,-100%,0); }
    100% { opacity: 1; transform: translate3d(0,0,0); }
}

.head.is-sticky { background: #000000; z-index: 99; }

@-webkit-keyframes avia_pop {
    0% { -webkit-transform: scale(0.8); }
    100% { -webkit-transform: scale(1); }
}

@keyframes avia_pop {
    0% { transform: scale(0.8); }
    100% { transform: scale(1); }
}

.searchbox { position: absolute; right: 15px; bottom: 0; height: 80px; }
.searchbox span { background-image: url(../images/search1.png); width: 22px; height: 100%; display: block; cursor: pointer; background-position: left center; }
.insidehead .nav { padding-right: 32px; }
.insidehead .searchbox span { background-position: left 7px; }
.tosearch { position: absolute; right: -15px; width: 300px; top: 85%; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2); background: #fff; padding: 5px 16px; z-index: 8; opacity: 0; visibility: hidden; }
.tosearch.active { -webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; visibility: visible; }
body .searchin { width: 100%; position: relative; padding: 11px 47px 11px 5px; z-index: 1; font-size: 15px; }
body .searchbt { width: 42px; height: 42px; line-height: 40px; padding: 0; position: absolute; right: 16px; top: 5px; z-index: 2; margin: 0; min-width: 40px; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-image: url(../images/search1.png); background-repeat: no-repeat; background-position: center center; }
.tosearch em { display: block; height: 10px; width: 10px; position: absolute; top: -5px; right: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); visibility: hidden\9; background: #fff; }
body .searchbt:hover { }
.insidetit { font-size: 18px; color: #333; height: 55px; line-height: 55px; background: #f4ce98; }
.searchmask { width: 100%; height: 100%; display: block; cursor: pointer; position: absolute; left: 0; top: 0; opacity: 0; z-index: -1; }
.searchbox.cur .searchmask { z-index: 8; }
.phonein { left: 15px; right: 15px; width: auto; }
.phonein em { right: 53px; }
.navul { margin: 0; padding: 0; }
.navul li { list-style: none; float: left; line-height: 80px; margin-left: 30px; font-size: 15px; }
.navul li > a { display: block; color: #FFF500;}
.navul li > a:hover{ display: block; color: #FFF500;}
.navul li > a.cur { color: #FFFFFF; font-weight: bold; }

.banner-slide { position: relative; width: 100%; overflow: hidden; }
.banner-slide ul { width: 99999px; position: relative; margin: 0; padding: 0; }
.banner-slide ul li { position: relative; float: left; list-style: none; }
.banner-slide ul li img { display: block; margin: 0 auto; width: 100%; }
.banner-pagination { position: absolute; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 2; bottom: 5px; left: 0; width: 100%; text-align: center; }
.banner-pagination span { border: 1px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; height: 14px; width: 14px; margin: 0 5px; display: inline-block; cursor: pointer; }
.banner-pagination span.swiper-pagination-bullet-active { background: #ffc000; border-color: #ffc000; }

.insidebanner { width: 100%; overflow: hidden; }
.insidebanner img { display: block; width: 100%; min-width: 640px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.insidenav { background: #fff; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -o-box-shadow: 0 1px 10px rgba(0,0,0,.1); -ms-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); line-height: 43px; position: relative; }
.navspan em { background: url(../images/img15.png) right center no-repeat; display: block; background-size: 16px auto; width: 16px; height: 39px; right: 15px; top: 3px; position: absolute; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.navspan.cur em { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.navspan { font-size: 15px; line-height: 45px; position: relative; padding-left: 15px; border-bottom: 1px solid #ccc; }
.bread { float: right; padding-left: 25px; background: url(../images/home.png) left center no-repeat; line-height: 70px; }
.bread a { position: relative; padding-left: 12px; font-size: 14px; color: #666; padding-right: 9px; position: relative; top: 2px; }
.bread a:before { content: ""; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #666; position: absolute; left: 0; top: 7px; }
.bread a:last-child { padding-right: 0; }
.thenav { display: none; padding-left: 15px; padding-right: 15px; }
.thenav a { display: block; font-size: 14px; color: #333; line-height: 45px; border-bottom: 1px solid #ccc; padding-left: 15px; }
.secnav .commonweb { padding: 0; }

/*新闻动态*/
.newlist dl { padding: 25px 0; border-bottom: 1px solid #e4e4e4; }
.imgbox { overflow: hidden; }
.imgbox img { display: block; width: 100%; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.imgbox:hover img,
.indexnew li:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.newlist dl h2 { font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 20px; margin-top: 20px; }
.newlist dl h2 a { color: #1a1a1a; }
.newlist dl p,
.productbox p { font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.more-date { margin-top: 25px; }
.newmore { float: left; font-size: 13px; color: #666; width: 90px; height: 32px; line-height: 30px; text-align: center; border: 1px solid #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.newlist dl:hover h2 a { color: #2f318b; }
.newlist dl:hover .newmore { color: #2f318b; border-color: #2f318b; }
.page { text-align: center; padding: 0 0 60px; }
.date { font-size: 12px; color: #999; padding-left: 18px; background: url(../images/new3.jpg) left center no-repeat; line-height: 34px; float: right; }
.newlist { padding-bottom: 50px; }

.news-top { padding: 30px 0 20px; margin-bottom: 30px; border-bottom: 1px solid #EBEEF0; color: #333333; }
.news-top h1 { font-size: 24px; line-height: 30px; margin-bottom: 15px; }
.news-top .news-date { color: #8e8e8e; font-size: 18px; }
.news-box { padding: 0; position: relative; color: #333333; }
.news-con { font-size: 14px; line-height: 26px; padding-bottom: 30px; }
.news-con img { max-width: 100%; height: auto !important; }
.news-bottom { padding: 25px 0 30px; font-size: 14px; position: relative; overflow: hidden; border-top: 1px solid #EBEEF0; }
.news-bottom dl dd { position: relative; margin-bottom: 10px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #666; }
.news-bottom dl span { display: inline-block; }
.news-bottom dl a { display: inline-block; color: #666; }
.news-bottom dl a:hover { color: #2f318b; }
.news-bottom .return-list { width: 183px; height: 44px; line-height: 44px; display: block; background: #2f318b; text-align: center; color: #fff; margin: 20px auto 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.return-list:hover { opacity: .9; }
.left-share { display: none; }
#share2 { position: absolute; top: 7px; left: auto; }
#share2.js-sharefix { position: fixed; top: 80px; left: auto; }
#share2.js-shareEnd { position: absolute; top: auto; bottom: 63px; }
#share2 a { float: none; display: block; width: 50px; height: 50px; background-size: cover; padding: 0; margin: 0 0 1px; background-position: center center; }
#share2 a.bds_tsina { background-image: url(../images/share1.jpg); }
#share2 a.bds_sqq { background-image: url(../images/share2.jpg); }
#share2 a.bds_weixin { background-image: url(../images/share3.jpg); }
#share2 a.bds_tsina:hover { background-image: url(../images/share1h.jpg); }
#share2 a.bds_sqq:hover { background-image: url(../images/share2h.jpg); }
#share2 a.bds_weixin:hover { background-image: url(../images/share3h.jpg); }










/*走进车仆*/
.about-title { padding-top: 40px; }
.about-title h2 { font-size: 22px; color: #333; padding-bottom: 3px; }
.about-title p { font-size: 14px; color: #2f318b; text-transform: uppercase; }
.themost { font-size: 14px; color: #808080; padding-bottom: 50px; }
.themost { margin-top: 33px; }
.themoseleft h3 { font-size: 18px; color: #333; padding-bottom: 10px; }
.themost dl { position: relative; padding-left: 133px; margin-top: 21px; min-height: 105px; }
.themost dt { position: absolute; width: 105px; left: 0; top: 0; }
.themost dt img { display: block; width: 100%; }

.about { padding-top: 40px; padding-bottom: 50px; }
.about .about-title { padding-top: 0; }
.aboutright img { display: block; width: 100%; }
.about-con { font-size: 14px; color: #666; line-height: 22px; }
.aboutul { text-align: center; font-size: 0; padding-bottom: 22px; }
.aboutul li { display: inline-block; font-size: 14px; color: #808080; padding: 0 20px; margin-top: 29px; }
.aboutnum { font-size: 24px; font-family: 'Montserrat'; font-weight: bold; padding: 5px 0 3px; }
.about-con { padding: 30px 0; }

.culture-top { font-size: 14px; color: #333; width: 100%; overflow: hidden; }
.culture-top .about-title { padding-bottom: 15px; }
.topul { font-size: 14px; color: #808080; margin: 0 -10px; padding-bottom: 34px; }
.topul h3 { font-size: 18px; color: #333; padding-bottom: 4px; }
.topul li { float: left; width: 100%; min-height: 85px; position: relative; display: table; margin-top: 20px; padding-left: 105px; padding-right: 10px; }
.topul li img { width: 85px; display: block; position: absolute; left: 10px; top: 0; }
.td { display: table-cell; vertical-align: middle; }
.culture-bottom { width: 100%; overflow: hidden; padding-top: 50px; }
.culturetxt { background: #f7f7f7; font-size: 14px; color: #808080; padding: 20px 15px 0; height: 143px; }
.culturetxt h3 { font-size: 18px; color: #444; padding-bottom: 11px; }
.theul { margin: 0 8px; }
.theul li { float: left; padding-left: 8px; padding-right: 8px; margin-top: 20px; }
.culture { padding-bottom: 45px; }

/*人在车仆*/
.welfare .about-title { padding-bottom: 33px; }
.welfarelist li { background: #f2f2f2; padding: 40px 0; }
.welfarelist li:nth-child(even) { background: #fff; }
.welfare-left { font-size: 14px; color: #666; }
.welfare-left h3 { color: #2f318b; font-size: 16px; font-weight: bold; padding-bottom: 13px; padding-top: 20px; }
.welfarelist li:last-child { padding-bottom: 70px; }

.contact { padding-top: 40px; }
.contactright img { display: block; width: 100%; }
.contactleft { position: relative; padding-top: 30px; }
.ps { position: relative; font-size: 20px; color: #e81919; padding-left: 52px; background: url(../images/contact1.jpg) left center no-repeat; }
.contactleft h2 { font-size: 20px; color: #323232; font-weight: bold; padding-top: 18px; }
.contactway { font-size: 14px; color: #666; line-height: 28px; padding-top: 16px; }
.contactway li { position: relative; padding-left: 65px; }
.contactway li a { color: #666; }
.contactway span { color: #333; position: absolute; left: 0; top: 0; }
.code { font-size: 16px; color: #333; text-align: center; margin-top: 20px; line-height: 35px; }
.code img { max-width: 100%; }
.map { height: 250px; }
.BMap_cpyCtrl { display: none; }
.map { margin: 37px 0 55px; }

.personnel-ul li { padding: 40px 0; }
.personnel-ul li:nth-child(even) { background: #f2f2f2; }
.percon { color: #333; font-size: 14px; text-align: justify; }
.percon h2 { font-size: 24px; padding-bottom: 17px; padding-top: 17px; }

.social { padding-top: 25px; padding-left: 0; padding-right: 0; }
.job-search { background: #fff; padding: 48px 15px 19px; text-align: center; font-size: 0; }
.job-search form { background: #f2f2f2; padding: 28px 15px; }
.job-search p { font-size: 18px; color: #2f318b; line-height: 39px; padding-left: 48px; background: url(../images/job1.png) left center no-repeat; padding-right: 11px; text-align: left; }
.job-search .jobin { border: 1px solid #d9d9d9; height: 40px; line-height: 38px; font-size: 14px; color: #333; padding: 0 13px; width: 70%; margin-top: 15px; background: #fff; }
.job-search .jobbtn { margin: 15px auto 0; font-size: 16px; color: #fff; background: #2f318b; width: 28%; height: 40px; line-height: 40px; }
.jobul { padding: 0 15px 50px; background: #fff; }
.jobul h3 { cursor: pointer; font-size: 14px; color: #4c4c4c; padding-right: 30px; padding-top: 12px; padding-bottom: 13px; position: relative; }
.jobul h3:before { content: ""; width: 19px; height: 13px; background: url(../images/service04.png) no-repeat; right: 0; top: 50%; margin-top: -6px; position: absolute; }
.jobul li { border-bottom: 1px solid #e6e6e6; }
.jobul li:first-child { border-top: 1px solid #e6e6e6; }
.jobdetail { font-size: 13px; color: #4c4c4c; padding: 0 15px 34px; display: none; background: #f2f2f2; }
.jobdetail h4 { font-size: 14px; color: #4c4c4c; font-weight: bold; padding-top: 23px; }
.jobsend { width: 120px; height: 35px; display: block; text-align: center; line-height: 35px; font-size: 16px; color: #fff; background: #2f318b; margin-top: 55px; }
.jobul li.cur h3 { color: #2f318b; }
.jobul li.cur h3:before { background: url(../images/service03.png) no-repeat; }
.social .page { background: #fff; }
.jobsend:hover { opacity: .9; }

.specchps { font-size: 14px; color: #333; background: #f3f3f3; padding-left: 20px; padding-top: 19px; padding-bottom: 19px; border-bottom: 1px solid #ccc; margin-bottom: 50px; }
.step { color: #2f318b; padding-top: 4px; }
.speechlist { margin-top: 40px; background: #f3f3f3; }
.speechlist { overflow-y: hidden; overflow-x: scroll; }
.speechtable { min-width: 700px; }
.speechtable th { font-size: 16px; color: #fff; font-weight: normal; background: #2f318b; line-height: 59px; }
.speechtable .school { text-align: left; }
.speechtable td { font-size: 13px; color: #333; border-bottom: 1px solid #ccc; background: #f3f3f3; padding: 19px 0; position: relative; text-align: center; line-height: 20px; }
.speechtable td.college { text-align: left; }
.speechtable td.speechdate { padding: 0 5px; }
.name:before { content: ""; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; width: 15px; height: 15px; border: 3px solid #2f318b; border-radius: 100%; box-sizing: border-box; display: inline-block; position: relative; left: -15px; top: 2px; }
.name span { position: relative; left: -8px; }
.speechtable td.where { padding: 0 5px; }

.school-job { padding-top: 40px; }
.schoolright img { display: block; width: 100%; }
.shcoolleft { font-size: 14px; color: #4c4c4c; line-height: 30px; padding-bottom: 30px; }
.shcoolleft h2 { color: #2f318b; font-size: 20px; padding-bottom: 25px; }
.shcoolleft h3 { font-size: 18px; color: #333; padding-bottom: 9px; }
.schoolul { background: #fafafa; padding: 0; margin-top: 45px; padding-bottom: 50px; }
.jobps { display: block; margin-top: 10px; font-size: 14px; color: #2f318b; }
.schoolul .jobdetail h4 { padding-bottom: 5px; }
.jobul h3 { padding-left: 10px; }
.jobul h3:before { right: 10px; }
.schoolul li.cur h3:before { background: url(../images/service05.png) no-repeat; }
.schoolul .jobsend { margin-top: 34px; width: 144px; height: 42px; line-height: 42px; }
.schoolul li.cur h3 { background: #2f318b; color: #fff; }
.schoolul .jobdetail { padding-bottom: 39px; }
.demand { padding: 2% 0; border-bottom: 1px solid #d9d9d9; line-height: 28px; font-size: 14px; }
.inputsearch { position: relative; height: 44px; padding-right: 138px; border: 1px solid #999999; margin: 0 0 15px; }
.inputsearch .inputin { height: 42px; line-height: 42px; width: 100%; padding: 0 19px; background: #fff; }
.inputsearch .inputbt { font-size: 16px; color: #fff; padding-left: 47px; height: 44px; line-height: 44px; width: 138px; background: #2f318b url(../images/school2.png) 16px center no-repeat; top: -1px; right: -1px; position: absolute; box-sizing: border-box; text-align: left; }
.area { position: relative; height: 44px; width: 100%; background: #fff; border: 1px solid #ccc; border-right: none; }
.area span { display: block; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #666; cursor: pointer; padding-right: 49px; position: relative; z-index: 2; }
.area-icon { position: absolute; width: 49px; height: 44px; background: #2f318b; top: -1px; right: 0; border-left: 1px solid #ccc; }
.area-icon:before { content: ""; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #fff; position: absolute; left: 19px; top: 20px; }
.insub { position: absolute; top: 42px; width: 100%; background: #fff; display: none; z-index: 2; border: 1px solid #ccc; left: -1px; }
.insub a { display: block; padding: 10px 20px; }
.forsearch { padding-top: 35px; }

.stufystep ul { font-size: 0; }
.stufystep li { font-size: 14px; color: #666; display: inline-block; vertical-align: top; width: 100%; margin-top: 60px; }
.substudy { position: relative; text-align: justify; }
.stufystep li img { display: block; }
.stufystep li h3 { font-size: 20px; color: #333; font-weight: bold; position: relative; padding-top: 19px; padding-bottom: 19px; margin-bottom: 26px; position: relative; z-index: 2; }
.stufystep li p { position: relative; z-index: 2; }
.stufystep li h3:after { content: ""; width: 66px; height: 2px; background: #313390; left: 0; bottom: 0; position: absolute; }
.bignum { font-size: 130px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: -22%; color: rgba(47,49,139,.07); font-weight: bold; z-index: 1; display: block; line-height: 1em; }
.study-bottom { position: relative; padding-top: 40px; }
.study-bottom li { position: relative; z-index: 2; font-size: 14px; color: #666; margin-bottom: 50px; text-align: justify; width: 100%; display: table; }
.studytxt h3 { font-size: 18px; color: #333; font-weight: bold; padding-top: 20px; padding-bottom: 15px; }

.career { padding-top: 40px; padding-bottom: 60px; }
.career-left { font-size: 14px; color: #666; padding-bottom: 20px; }
.career-left img { max-width: 100%; height: auto !important; }
.career-left .about-title { padding-top: 0; padding-bottom: 25px; }
.career-right img { display: block; width: 100%; }

/*发展历程*/
.history { padding-top: 40px; padding-bottom: 50px; overflow: hidden; }
.scrollimg { -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 99999px; }
.scrollimg li { float: left; background: #fff; position: relative; padding: 20px 15px 80px; }
.scrollimg li .imgbox { position: relative; z-index: 2; }
.scrollimg li:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 210px; background: #2f318b; z-index: 1; }
.historytxt { padding-top: 20px; }
.historytxt h2 { font-weight: bold; color: #2f318b; border-left: 4px solid #2f318b; padding-left: 18px; font-size: 28px; line-height: .8em; font-family: Arial,Helvetica,sans-serif; }
.toptxt { color: #333; border-bottom: 1px solid #d9d9d9; font-size: 15px; padding: 14px 0; margin-bottom: 15px; }
.moretxt { font-size: 13px; color: #666; }
.lSSlideOuter { width: 100%; }
.lSSlideWrapper { position: relative; }
.history .lSSlideWrapper .lSPrev, .history .lSSlideWrapper .lSNext { position: absolute; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px; display: block; border: 1px solid #d0d0d0; bottom: 20px; cursor: pointer; }
.history .lSSlideWrapper .lSPrev { background-image: url(../images/about20.png); left: 15px; }
.history .lSSlideWrapper .lSNext { background-image: url(../images/about21.png); left: 55px; }
.history .lSSlideWrapper .lSPrev:hover, .history .lSSlideWrapper .lSNext:hover { background-color: #2f318b; border-color: #2f318b; }
.history .lSSlideWrapper .lSPrev:hover { background-image: url(../images/about20h.png); }
.history .lSSlideWrapper .lSNext:hover { background-image: url(../images/about21h.png); }
.history .pagebox { position: relative; padding: 0 30px; margin-top: 35px; }
.history .subpagebox { width: 100%; overflow: hidden; position: relative; }
.history .subpagebox:before { content: ""; width: 100%; height: 1px; border-bottom: 1px dotted #b4b4b4; position: absolute; left: 0; top: 14px; }
.history .pagebox .lSPrev, .pagebox .lSNext { position: absolute; top: 0; width: 30px; height: 30px; display: block; cursor: pointer; }
.history .pagebox .lSPrev { background: url(../images/about22.png); left: 0; }
.history .pagebox .lSNext { background: url(../images/about23.png); right: 0; }
.history .pagebox .lSPrev:hover { background: url(../images/about22h.png); }


.history .pagebox .lSNext:hover { background: url(../images/about23h.png); }
.history .pagebox ul { width: 99999px; font-size: 0; white-space: nowrap; }
.history .lSPager li { margin-top: 2px; padding-top: 25px; text-align: center; color: #808080; font-size: 14px; display: inline-block; vertical-align: top; position: relative; cursor: pointer; }
.history .lSPager li span { display: block; position: relative; }
.history .lSPager li:before { content: ""; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; background: #fff; box-sizing: border-box; height: 18px; width: 18px; border: 1px solid #dedede; top: 0; left: 50%; margin-left: -9px; position: absolute; }
.history .lSPager li span:after { content: ""; width: 2px; height: 7px; background: #dedede; position: absolute; left: 50%; margin-left: -1px; top: -7px; }
.history .lSPager li:hover, .history .lSPager li.active { color: #2f318b; }
.history .lSPager li:hover:before, .history .lSPager li.active:before { background: rgba(47,49,139,.15); border: none; }
.history .lSPager li:hover:after, .history .lSPager li.active:after { content: ""; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; top: 3px; width: 12px; height: 12px; left: 50%; margin-left: -6px; background: #2f318b; position: absolute; }

/*产品系列*/
.series { overflow: hidden; }
.series ul { margin: 0 -10px; padding-bottom: 50px; }
.series li { padding-left: 10px; padding-right: 10px; margin-top: 30px; float: left; }
.series li a { display: block; background: #fff; position: relative; }
.series li a > h2 { font-size: 15px; color: #333; position: absolute; width: 100%; padding: 0 5px; left: 0; bottom: 6%; text-align: center; opacity: 0; }
.series li .imgbox { background: #fff; }
.series li:hover .imgbox img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.series .page { padding-top: 0; }
.series-mask { position: absolute; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; left: 0; top: 0; width: 100%; height: 100%; background: rgba(46,108,184,.7); }
.seriestxt { position: absolute; text-align: center; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding: 0 10px; }
.seriestxt h2 { font-size: 18px; color: #fff; line-height: 1.2em; padding-bottom: 15px; }
.seriestxt i { display: inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; font-size: 16px; color: #fff; border: 1px solid #fff; width: 121px; height: 35px; line-height: 33px; }

/*明星产品*/
.product { padding-bottom: 50px; }
.productbox dl { margin-top: 29px; border: 1px solid #dadada; background: #fff; position: relative; }
.productbox dt { border-bottom: 1px solid #dadada; }
.productbox dt a { display: block; }
.table { display: table; width: 100%; height: 100%; }
.productbox { color: #333; font-size: 14px; }
.productbox h2 { font-size: 18px; padding-bottom: 3.8%; padding-top: 3.5%; }
.productbox h2 a { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #333; }
.promore { display: block; font-size: 14px; color: #666; border: 1px solid #808080; width: 98px; height: 32px; text-align: center; line-height: 32px; margin-top: 8%; }
.icon { display: block; color: #2f318b; border: 1px solid #2f318b; width: 49px; height: 23px; line-height: 23px; text-align: center; }
.productbox p { color: #333; }
.productbox dd { padding: 30px 15px; }
.productbox dl:hover h2 a { color: #2f318b; }
.productbox dl:hover .promore { color: #2f318b; border-color: #2f318b; }


/*网络地图*/
.citybox { padding-bottom: 44px; background: #f2f2f2; margin: 40px auto 60px; }
.cityList { height: auto; overflow: hidden; padding: 30px 20px 35px; position: relative; background: #f2f2f2; }
.cityList ul { height: 52px; }
.cityList ul li { float: left; width: 100%; border: 1px solid #eaeaea; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #fff; height: 50px; line-height: 50px; color: #737373; position: relative; margin-bottom: 15px; }
.cityList ul li:first-child { margin-left: 0; }
.relselet { padding-left: 25px; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; }
.cityList .customSelect { color: #7f7f7f; line-height: 50px; font-size: 14px; background: url(../images/jt.jpg) no-repeat 90% center; }
.cityList .customSelectInner { cursor: pointer; line-height: 50px; text-align: left; width: 100% !important; }
.citySearch { display: block; width: 128px; height: 52px; line-height: 52px; color: #fff; font-size: 14px; text-align: center; cursor: pointer; background-color: #2f318b; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.citySearch:hover { filter: alpha(opacity=90); opacity: 0.9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.cityText { padding: 0 38px 0 28px; width: 184px; height: 50px; line-height: 50px; color: #c1c1c1; font-size: 14px; border: 0; background: none; }
.mapbox { overflow: hidden; position: relative; padding: 15px; height: 961px; background-color: #fff; box-shadow: 0 0 8px 0 rgba(204, 204, 204, 0.3); -moz-box-shadow: 0 0 8px 0 rgba(204, 204, 204, 0.3); -ms-box-shadow: 0 0 8px 0 rgba(204, 204, 204, 0.3); }
.mapImg { height: 250px; overflow: hidden; }
.mapText { height: 769px; }
.mapTit { height: 64px; line-height: 64px; color: #3d3d3d; font-size: 16px; padding-left: 39px; }
.mapTit b { color: #2f318b; display: inline-block; padding: 0 6px; }
.mapBox { height: 560px; overflow: hidden; position: relative; }
.mapList { left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; }
.mapList li { height: 140px; overflow: hidden; padding: 17px 25px 0 15px; border-top: 1px solid #efefef; font-size: 14px; color: #737373; }
.mapList li span { float: left; width: 31px; height: 31px; line-height: 31px; display: block; color: #fff; font-size: 18px; font-family: Arial; text-align: center; background-color: #c2c2c2; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.mapList li div { margin-left: 44px; }
.mapList li div a { color: #333; font-size: 18px; height: 30px; line-height: 30px; overflow: hidden;; display: block; }
.mapList li div p { color: #737373; font-size: 14px; line-height: 24px; max-height: 48px; overflow: hidden; }
.mapList li div em { display: block; font-style: normal; color: #747474; font-family: Arial; }
.mapList li:hover, .mapList li.on { background-color: #f7f7f7; }
.mapList li:hover span, .mapList li.on span { background-color: #2f318b; }
.mapPaged { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 72px; background-color: #e6e6e6; }
.mapPaged a { display: block; float: left; width: 50%; height: 72px; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.mapPaged a.prev { background: url(../images/mapprev.png) no-repeat center center; }
.mapPaged a.next { background: url(../images/mapnext2.png) no-repeat center center #ccc; }
.mapPaged a.prev:hover { background-image: url(../images/mapprev2.png); filter: alpha(opacity=70); opacity: 0.7; }
.mapPaged a.next:hover { background-image: url(../images/mapnext.png); filter: alpha(opacity=70); opacity: 0.7; }
.selecttext { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding-left: 25px; }
.selecttext:before { content: ""; position: absolute; background: url(../images/jt.jpg) no-repeat; width: 10px; height: 6px; right: 25px; top: 50%; margin-top: -3px; }

/*产品详情*/
.prodetail { padding: 40px 15px 80px; overflow: hidden; }
#box { position: relative; }
.proscroll { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; white-space: nowrap; font-size: 0; }
.proscroll li { display: inline-block; vertical-align: top; }
.scrollbox { background: #f3f3f5; position: relative; width: 100%; }
.scrollbox img { width: 100%; }
#mask { width: 300px; height: 200px; background-color: rgba(47, 49, 193, 0.3); position: absolute; top: 0; left: 0; display: none; /* opacity:0 */ }
#big { width: 500px; height: 300px; border: 1px solid #d9d9d9; overflow: hidden; position: absolute; left: 505px; top: 0; background: #fff; display: none; z-index: 9; }
#box .pagebox .lSPrev, #box .pagebox .lSNext { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 37px; display: block; cursor: pointer; }
.prodetail .pagebox { width: 130px; overflow: hidden; }
.prodetail .subpagebox ul { white-space: nowrap; }
.prodetail .subpagebox li { background: #fff; }
.prodetail .pagebox .lSPrev { left: 0; background: url(../images/left.png) no-repeat; }
.prodetail .pagebox .lSNext { right: 0; background: url(../images/right.png) no-repeat; }
.prodetail .pagebox .lSPrev:hover, #box .pagebox .lSNext:hover { opacity: .8; }
.prodetail .subpagebox { position: absolute; right: 10px; bottom: 10px; z-index: 5; width: 130px; overflow: hidden; }
.prodetail .subpagebox img { display: block; width: 100%; }
.prodetail .subpagebox li { border: 1px solid #dfe3e8; display: inline-block; vertical-align: top; }
.prodetail .subpagebox li.active { border-color: #2f318b; }
.prodetail .lSSlideWrapper { overflow: hidden; }

.newpro { font-size: 14px; color: #666; line-height: 20px; padding-left: 70px; background: url(../images/detail2.png) left top no-repeat; margin-top: 25px; }
.proright h2 { font-size: 23px; color: #666; line-height: 1.2em; padding-top: 15px; padding-bottom: 25px; }
.pro-special { background: url(../images/detail3.png) left top no-repeat; padding-left: 70px; color: #666; font-size: 14px; line-height: 28px; padding-top: 14px; }
.pro-special h3 { font-size: 20px; line-height: 1.1em; padding-bottom: 17px; }
.alldetail { margin-top: 40px; border-top: 1px solid #d0d4db; }
.detailnav { text-align: center; font-size: 0; padding-top: 12px; }
.detailnav span { display: inline-block; font-size: 16px; width: 32%; max-width: 100px; padding: 12px 18px; color: #666; border-bottom: 2px solid #fff; cursor: pointer; margin: 0 2%; }
.thedetail { padding-top: 25px; }
.detailnav span:hover, .detailnav span.cur { border-bottom-color: #2b2d7e; }
.thisdetail img { max-width: 100%; height: auto !important; }
.thisdetail { height: 0; transform: translateY(50px); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 0; overflow: hidden; }
.thisdetail.cur { height: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; overflow: visible; }

/*index*/
.wrapper { width: 100%; overflow: hidden; position: relative; z-index: 1; }
.pcslide { width: 99999px; }
.pcslide li { float: left; width: 280px; }
.pcslide li img { display: block; width: 100%; }
.index-pro { position: relative; height: 0; opacity: 0; overflow: hidden; }
.index-pro.cur { height: auto; opacity: 1; overflow: visible; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.indexprev, .indexnext { cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-color: #ffc000; background-position: center center; background-repeat: no-repeat; width: 20px; height: 35px; background-size: 10px auto; }
.indexprev { background-image: url(../images/index4.png); left: 5%; }
.indexnext { background-image: url(../images/index5.png); right: 5%; }
.indexprev:hover, .indexnext:hover { opacity: .8; }
.indexbg { background: url(../images/indexbg.jpg) left bottom no-repeat; background-size: cover; }
.indextitle h2 { font-size: 20px; color: #333; text-align: center; position: relative; line-height: 1.2em; padding-top: 6%; }
.indextitle span { font-size: 20px; color: #fff666; text-align: center; position: relative; line-height: 1.2em; padding-top: 6%; }
.indextitle p { text-align: center; color: #808080; font-size: 16px; font-family: 'Montserrat'; letter-spacing: .75px; padding-top: .6%; }
.indextitle h2:before, .indextitle h2:after { content: ""; height: 1px; width: 110px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 3%; }
.indextitle h2:before { background: -webkit-linear-gradient(left, #eeeff3, #cacbcc); background: -moz-linear-gradient(right, #eeeff3, #cacbcc); background: -ms-linear-gradient(right, #eeeff3, #cacbcc); background: linear-gradient(to right, #eeeff3, #cacbcc); margin-left: -123px; }
.indextitle h2:after { background: -webkit-linear-gradient(left, #cacbcc, #eeeff3); background: -moz-linear-gradient(right, #cacbcc, #eeeff3); background: -ms-linear-gradient(right, #cacbcc, #eeeff3); background: linear-gradient(to right, #cacbcc, #eeeff3); margin-left: 10px; }
.indextitle span:before, .indextitle span:after { content: ""; height: 1px; width: 110px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 3%; }
.indextitle span:before { background: -webkit-linear-gradient(left, #eeeff3, #cacbcc); background: -moz-linear-gradient(right, #eeeff3, #cacbcc); background: -ms-linear-gradient(right, #eeeff3, #cacbcc); background: linear-gradient(to right, #eeeff3, #cacbcc); margin-left: -123px; }
.indextitle span:after { background: -webkit-linear-gradient(left, #cacbcc, #eeeff3); background: -moz-linear-gradient(right, #cacbcc, #eeeff3); background: -ms-linear-gradient(right, #cacbcc, #eeeff3); background: linear-gradient(to right, #cacbcc, #eeeff3); margin-left: 10px; }
.indexnav { text-align: center; padding-top: 2.8%; padding-bottom: 2.7%; }
.indexnav a { font-size: 15px; color: #333; margin: 0 15px; }
.indexnav p { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }
.indexnav a:hover, .indexnav a.cur { color: #ffc000; }

.inabout { padding-top: 3.1%; padding-bottom: 5.5%; }
.inabout-right a { display: block; }
.inabout-left h2 { font-size: 17px; color: #333; padding-bottom: 3.2%; padding-top: 7%; }
.inabout-left { font-size: 14px; color: #333; }
.inabout-left p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; height: 380px; }
.aboutmore { display: block; font-size: 14px; color: #2f318b; border: 1px solid #2f318b; width: 115px; height: 35px; line-height: 35px; text-align: center; margin-top: 5.8%; }
.aboutmore img { position: relative; margin-left: 8px; -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; left: 0; }
.aboutmore:hover img { left: 5px; }

.indexnew { margin-top: 4%; padding-bottom: 10px; }
.indexnew ul { width: 9999px; }
.indexnew li { float: left; background: #fff; width: 250px; }
.innewtxt { padding: 7.7% 10px 8%; }
.innewtxt h2 { font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 3.4%; }
.innewtxt p { font-size: 14px; color: #666; line-height: 21px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 42px; }
.innewtxt i { font-size: 14px; color: #666; display: block; margin-top: 8%; }
.indexnew li:hover h2, .indexnew li:hover i { color: #2f318b; }
.subflex { width: 9999px; }
.subflex a { float: left; position: relative; color: #fff; width: 330px; }
.flextxt { font-size: 14px; text-align: center; position: absolute; width: 100%; left: 0; top: 0; padding-left: 10px; padding-right: 10px; padding-top: 5.5%; background: url(../images/indexbg2.png) center top no-repeat; height: 100%; }
.flextxt h2 { font-size: 17px; padding-bottom: 3.2%; }

.indexlink { text-align: center; font-size: 0; padding-top: 6.5%; padding-bottom: 6.5%; }
.indexlink a { display: inline-block; font-size: 14px; color: #808080; width: 50%; vertical-align: top; margin-top: 15px; }
.indexlink h2 { font-size: 16px; color: #333; padding-bottom: 4px; padding-top: .6%; }
.indexlink a img { width: 95px; }

.indexvideo { position: relative; background-size: cover; height: 220px; z-index: 1; }
.indexvideo:before { content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(4,116,191,.4); position: absolute; z-index: 2; }
.indexvideo > img { display: block; width: 100%; position: relative; z-index: 1; }
.invideotxt { position: absolute; width: 100%; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; letter-spacing: 10px; z-index: 3; font-size: 19px; }
.play { display: inline-block; margin-top: 1.7%; cursor: pointer; }
.thevideo { width: 100%; height: 100%; z-index: 5; display: none; }
.bigtxt { position: absolute !important; width: 100%; left: 0; height: 100%; top: 0; z-index: 3; }

/*广告视频*/
.videolist { margin: 0 -15px; padding: 4px 0 55px; }
.videolist li { list-style: none; margin-top: 26px; }
.videolist li a { display: block; color: #333; text-align: center; font-size: 14px; }
.videolist .imgbox { position: relative; margin-bottom: 9px; }
.addplay { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 40px; height: 40px; background-image: url(../images/addplay.png); background-repeat: no-repeat; background-size: 40px auto; }

.videobig { display: none; z-index: 9999; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.65); left: 0px; top: 0px; }
.videocon { width: 95%; margin: 0 auto; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; display: none; }
.videocon .thevideos { position: relative; z-index: 1; height: 250px; }
.close { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }
.close:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.close:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.video-sou { padding-top: 40px; }
.souin { font-size: 12px; color: #666; height: 30px; line-height: 30px; border: 1px solid #b3b3b3; padding-left: 36px; background: url(../images/add4.jpg) 10px center no-repeat; padding-right: 10px; margin-right: 10px; float: left; }
.soubt { float: left; width: 55px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; background: #2f318b; cursor: pointer; }

.backtop { position: fixed; right: 10px; bottom: 10%; width: 40px; height: 40px; -webkit-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; display: none; background-color: #2f318b; z-index: 8; }
.backtop:after { display: block; content: ""; width: 8px; height: 8px; border-left: 2px solid #fff; position: absolute; left: 50%; top: 50%; margin: -3px 0 0 -4px; border-bottom: 2px solid #fff; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }


/*二级下拉*/
.navbg { position: absolute; left: 0; top: 100%; width: 100%; background: rgba(255,255,255, .5); background-size: 100% 5px; height: 0; z-index: 8; transition: height .3s .2s; -webkit-transition: height .3s .2s; -ms-transition: height .3s .2s; }
.navbg.ac-hover { height: 60px; -webkit-transition: height .3s; -ms-transition: height .3s; transition: height .3s; }
.second { position: absolute; padding: 0px 0 15px; text-align: center; left: 0; top: 100%; font-size: 0; margin: 0 -5px; z-index: 9; width: 100%; visibility: hidden; opacity: 0; }
.second a { display: inline-block; padding: 0 5px; width: 12.5%; }
.second h3 { line-height: 35px; height: 35px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333; }
.navul li:hover .second { visibility: visible; opacity: 1; transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; }
.innerul li > a { position: relative; }

.innerul li > a:after { content: "+"; width: 12px; text-align: center; font-size: 16px; color: #fff; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.innerul li > a.cur:after { content: "-"; }
.thesecond a { font-size: 15px; line-height: 35px; padding-left: 2em; }
.thesecond { display: none; }
.innerul li:nth-of-type(1) > a:after, .innerul li:nth-of-type(6) > a:after { display: none; }
.phonenav { z-index: 113; }
.thevideo > div { position: relative; z-index: 1; }
.thevideo > div video { position: relative; z-index: 1; }
.thevideo.cur video { display: none !important; }

/*修正*/
.aboutright { position: relative; padding-top: 20px; padding-left: 20px; }
.aboutright img.aboutimg { position: absolute; left: 0; top: 0; width: 92.9%; }
.career-right { position: relative; padding-right: 20px; padding-top: 20px; }
.career-right img.careerimg { position: absolute; top: 0; right: 0; width: 91.6%; }
.personnel-ul .imgbox:hover img { -webkit-transform: none; -ms-transform: none; transform: none; }
.personnel-ul .imgbox { position: relative; }
.personnel-ul img.imgperson { position: absolute; }
.personnel-ul li:nth-child(3n-2) .imgbox { padding-left: 20px; }
.personnel-ul li:nth-child(3n-2) img.imgperson { width: 83%; left: 0; bottom: 7%; }
.personnel-ul li:nth-child(3n-1) .imgbox { padding-top: 20px; padding-right: 20px; }
.personnel-ul li:nth-child(3n-1) img.imgperson { width: 92%; top: 0; right: 0; }
.personnel-ul li:nth-child(3n) .imgbox { padding-top: 20px; padding-left: 20px; }
.personnel-ul li:nth-child(3n) img.imgperson { width: 92.1%; top: 0; left: 0; }

.new-pagination { text-align: center; font-size: 0; padding-bottom: 38px; }
.new-pagination span { display: inline-block; -webkit-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; width: 8px; height: 8px; margin: 0 3px; background: #e6e6e6; }
.new-pagination span.swiper-pagination-bullet-active { background: #2f318b; }

@media (max-width: 320px) {
    .aboutul li { padding: 0 10px; }
    .scrollimg li:before { height: 180px; }
    .pcslide li { width: 220px; }
    .subflex a { width: 300px; }
}

@media (min-width: 480px) {
    .series li { width: 50%; }
}

@media (min-width: 767px) {
    .banner-slide .flex-control-nav { bottom: 6px; }

    .head { position: fixed; }
    body { padding-top: 0; }

    /*新闻*/
    .newlist dt { float: left; width: 24.17%; }
    .newlist dd { float: right; width: 73.6%; }
    .newlist dl h2 { margin-top: 0px; margin-bottom: 6px; }
    .more-date { margin-top: 13px; }

    /*走进车仆*/
    .themost .imgbox { float: right; width: 34.6%; }
    .themoseleft { float: left; width: 59.17%; }
    .themoseleft dl:first-child { margin-top: 0; }

    .about-con { padding-top: 19px; }
    .aboutleft { float: left; width: 57%; }

    .aboutright { float: right; width: 38.6%; padding-left: 2.7%; padding-top: 2.9%; }

    .topul { padding-top: 20px; }
    .topul li { width: 50%; }
    .theul li { width: 33.333%; }
    .culturetxt { height: 143px; padding: 22px 20px 0; }

    /*人在车仆*/
    .welfare-right { float: right; width: 39.75%; }
    .welfare-left { float: left; width: 53%; }
    .welfarelist li:nth-child(even) .welfare-right { float: left; }
    .welfarelist li:nth-child(even) .welfare-left { float: right; }

    .code { position: absolute; right: 0; bottom: -14px; }

    .personnel-ul li:nth-of-type(3n-2) .imgbox { width: 46.17%; float: left; padding-left: 2.4%; }
    .personnel-ul li:nth-of-type(3n-2) .percon { float: left; width: 40%; padding-top: 3%; }
    .personnel-ul li:nth-of-type(3n-1) .imgbox { width: 33.42%; float: right; }
    .personnel-ul li:nth-of-type(3n-1) .percon { width: 50.92%; float: right; text-align: right; padding-right: 5%; }
    .personnel-ul li:nth-of-type(3n) .imgbox { width: 31.58%; float: left; }
    .personnel-ul li:nth-of-type(3n) .percon { width: 53.75%; float: left; padding-left: 8%; }

    .job-search p { display: inline-block; vertical-align: top; }
    .job-search .jobin { width: 306px; display: inline-block; border-right: none; vertical-align: top; margin: 0; }
    .job-search .jobbtn { margin: 0; display: inline-block; }

    .specchps { padding-left: 47px; }
    .speechlist { overflow: hidden; }
    .speechtable td { font-size: 14px; }

    .shcoolleft { padding-bottom: 0; float: left; width: 57.92%; }
    .schoolright { float: right; width: 33.25%; padding-top: 5px; }
    .schoolul .jobsend { display: inline-block; }
    .jobps { display: inline-block; padding-left: 17px; margin: 0; }
    .demand .demandp { width: 50%; float: left; }
    .inputsearch { width: 338px; float: left; margin-right: 69px; margin-top: 0; margin-bottom: 0; }
    .area { width: 286px; float: left; }

    .study-bottom { margin-top: 50px; }
    .stufystep li { width: 50%; padding-right: 10.5%; }
    .studytxt h3 { padding-top: 0; }
    .study-bottom .imgbox { float: left; width: 42.67%; }
    .study-bottom .studytxt { float: left; width: 53.83%; padding-left: 4.5%; }
    .study-bottom:before { content: ""; background: #f5f5f5; width: 100%; height: 40%; position: absolute; left: 0; top: 0; z-index: 1; }
    .study-bottom li:nth-child(even) .imgbox { float: right; }
    .study-bottom li:nth-child(even) .studytxt { float: right; padding-right: 4.5%; padding-left: 0; }
    .study-bottom li:nth-child(even) .studytxt h3 { text-align: right; }

    .career-left { float: left; width: 46.25%; text-align: justify; padding: 0; }
    .career-right { float: right; width: 37.33%; padding-right: 3.1%; padding-top: 2.8%; }

    /*发展历程*/
    .scrollimg li:before { height: 100%; width: 34.17%; }
    .scrollimg .imgbox { float: left; width: 45.6%; }
    .historytxt { padding-top: 0; width: 46.75%; float: right; }
    .history .lSSlideWrapper .lSPrev { left: 53%; }
    .history .lSSlideWrapper .lSNext { left: 58.5%; }

    /*产品系列*/
    .series li { width: 25%; }

    /*明星产品*/
    .productbox dt { border-right: 1px solid #dadada; border-bottom: none; float: left; width: 50%; }
    .productbox dd { width: 50%; position: absolute; top: 50%; right: 0; padding-top: 0; padding-bottom: 0; padding-left: 6.1%; padding-right: 3%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
    .productbox dl:nth-child(even) dt { float: right; border-right: none; border-left: 1px solid #dadada; }
    .productbox dl:nth-child(even) dd { right: auto; left: 0; padding-left: 4.9%; padding-right: 4.1%; }

    /*网络地图*/
    .cityList ul li { width: 45%; margin-right: 5%; }

    /*产品详情*/
    #box { padding: 0 30px; width: 45.83%; float: left; }
    .prodetail .subpagebox { right: 50px; }
    .proright { width: 44.83%; float: right; }
    .newpro { margin-top: 10px; }
    .detailnav span { margin: 0 4.3%; }

    /*index*/
    .pcslide li { width: 550px; }
    .indexprev, .indexnext { width: 30px; height: 55px; background-size: 15px auto; }
    .indexnav a { margin: 0 24px; }
    .indexnav p { overflow: hidden; }

    .inabout-right { float: right; width: 60.333%; }
    .inabout-left { float: left; width: 37.16%; }
    .inabout-left h2 { padding-top: 0; }

    .indexnew li { width: 300px; }

    .indexlink a { width: 25%; margin-top: 0; }

    .indexvideo { height: 390px; }

    .videocon { width: 450px; }
    .videocon .thevideos { height: 400px; }

    .backtop { right: 20px; }
    .personnel-ul li:nth-child(3n-1) .imgbox { padding-right: 2.7%; padding-top: 2%; }
    .personnel-ul li:nth-child(3n) .imgbox { padding-top: 2.6%; padding-left: 2.9%; }

    .new-pagination { display: none; }
    .indexnew { padding-bottom: 40px; }


    .culture-bottom { background: url(../images/about15.jpg) center center no-repeat; background-size: cover; }
}


@media (min-width: 991px) {
    .logo img { width: 223px; }
    .logo { padding-top: 22px; }
    .nav { float: right; padding-right: 50px; }
    .head { height: auto; position: relative; background: #000000;}
    .head.is-sticky { -webkit-animation-name: fadeHeaderInDown; -moz-animation-name: fadeHeaderInDown; -o-animation-name: fadeHeaderInDown; animation-name: fadeHeaderInDown; position: fixed !important; }

    /*foot*/

    .foot-link { float: left; border-bottom: none; overflow: visible; padding-right: 3.5%; padding-left: 3.5%; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; }
    .foot-link:before { content: ""; height: 120px; width: 1px; background: rgba(232,232,232,.3); top: 0; right: 0; position: absolute; display: none; }
    .sub-foot .foot-link:first-child { padding-left: 0; }


    .sub-foot .foot-link:last-child:before { display: none; }
    .sub-foot { padding-bottom: 61px; overflow: hidden; float: left; width: 100%; }
    .sub-foot dt { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
    .sub-foot dd a:hover { color: #fff; }
    .sub-foot dt:after { display: none; }
    .sub-foot dd { visibility: visible; z-index: 1; top: 0; position: static; padding-bottom: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
    .sub-foot dl { position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); float: left; border-bottom: none; }
    .foot > .commonweb { position: relative; padding-right: 170px; -webkit-transition: all .3s ease; transition: all .3s ease; }
    .footcode { position: absolute; right: 15px; top: 0; margin: 0; padding: 0; }
    .foot .foot-link:nth-of-type(1) dl { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: 0; }
    .thecopy { float: left; }
    .footcopy span { font-size: 16px; }
    .sub-foot dt a { font-size: 14px; }
    .share { float: right; }
    #share span { margin-right: 14px; }

    /*新闻*/
    .secnav { border-bottom: 1px solid #e3e3e3; }
    .thenav { display: block !important; padding: 0; }
    .thenav a { float: left; margin-right: 30px; line-height: 68px; border-bottom: 2px solid transparent; position: relative; top: 1px; padding-left: 0; }
    .thenav a:hover, .thenav a.cur { border-bottom-color: #2f318b; color: #2f318b; padding-left: 0; }
    .newlist dl h2 { margin-top: 13px; margin-bottom: 15px; }
    .more-date { margin-top: 20px; }

    .news-top { padding: 33px 0 50px; margin-bottom: 50px; }
    .news-top h1 { font-size: 36px; line-height: 48px; margin-bottom: 25px; }
    .news-top .news-date { font-size: 24px; }
    .news-con { font-size: 16px; line-height: 28px; padding: 0 13% 50px 15%; }
    .news-bottom { padding: 45px 0; font-size: 14px; }
    .news-bottom .return-list { top: 54px; }
    .news-bottom .return-list { position: absolute; top: 46px; right: 0; width: 145px; height: 50px; line-height: 50px; margin: 0; }


    .left-share { display: block; }

    /*走进车仆*/
    .topul li { width: 25%; }
    .secnav .commonweb { padding-left: 15px; padding-right: 15px; }

    /*人在车仆*/
    .welfarelist li { padding: 50px 0; }
    .welfarelist li:last-child { padding-bottom: 80px; }

    .contactright { float: right; width: 42.4%; }
    .contactleft { float: left; width: 55%; padding-top: 0; padding-right: 200px; }
    .map { height: 360px; }

    .personnel-ul li:nth-of-type(3n-2) { padding: 25px 0 60px; }
    .personnel-ul li:nth-of-type(3n-1) { padding: 50px 0 55px; }
    .personnel-ul li:nth-of-type(3n) { padding: 44px 0 69px; }
    .personnel-ul li:nth-of-type(3n-2) .percon { padding-top: 11%; }
    .personnel-ul li:nth-of-type(3n-1) .percon { padding-top: 4.5%; }
    .personnel-ul li:nth-of-type(3n) .percon { padding-top: 3.8%; }

    .jobdetail { padding-left: 40px; padding-right: 40px; }
    .jobul h3:before { right: 30px; }

    .name:before { left: -46px; }
    .schoolul h3:before { right: 50px; }
    .schoolul h3 { padding-left: 38px; font-size: 18px; }
    .demand .demandp { width: 21%; float: left; }
    .demand .demandbig { width: 35%; }

    .bignum { font-size: 180px; top: -26%; }
    .studytxt h3 { font-size: 24px; padding-bottom: 23px; padding-top: 0; }


    /*发展历程*/
    .scrollimg li { padding: 30px; }
    .history .lSSlideWrapper .lSPrev, .history .lSSlideWrapper .lSNext { bottom: 30px; }
    .history .lSSlideWrapper .lSNext { left: 57%; }

    /*产品系列*/
    .series ul { margin: 0 -13px; }
    .series li { padding-left: 13px; padding-right: 13px; }
    .series-mask, .seriestxt { opacity: 0; }
    .seriestxt { margin-top: 30px; }
    .series li a > h2 { opacity: 1; }
    .series li:hover .series-mask { opacity: 1; }
    .series li:hover .seriestxt { opacity: 1; margin: 0; }
    .series li:hover a > h2 { opacity: 0; }

    /*网络地图*/
    .mapbox { height: 769px; }
    .mapImg { float: right; height: 732px; width: 71%; }
    .mapText { position: absolute; left: 0; top: 0; z-index: 5; width: 28%; border-right: 1px solid #efefef; }
    .mapList li { padding: 26px 36px 0 34px; height: 158px; }
    .mapList li div a { margin-bottom: 6px; }
    .mapBox { height: 632px; }

    /*index*/
    .pcslide li { width: 750px; }
    .mapbox { height: 769px; }
    .indexprev, .indexnext { background-size: 17px auto; width: 40px; height: 75px; }
    .indextitle h2 { font-size: 24px; }


    .inabout-left h2 { padding-top: 7%; }

    .indexvideo { height: 479px; }
    .videocon { width: 800px; }
    .videocon .thevideos { height: 600px; }

    .backtop { width: 50px; height: 50px; }
    .innewtxt h2 { -webkit-line-clamp: 2; height: 48px; }
}


@media (min-width: 1200px) {
    .nav { padding-right: 71px; padding-top: 30px; }
    .searchbox { right: 0; }
    .navul li { margin-left: 40px; font-size: 16px; }
    .navul li > a:hover { color: #2f318b; font-weight: bold; }

    .footcode { right: 0; padding-top:130px; }
    .banner-pagination { bottom: 16px; }
    .newlist dl h2 { margin-top: 16px; margin-bottom: 31px; }

    .more-date { margin-top: 25px; }

    #share2 a { width: 73px; height: 73px; }
    .news-con { line-height: 30px; }

    .thenav a { margin-right: 40px; }

    /*走进车仆*/
    .about-title { padding-top: 58px; }
    .themost { padding-bottom: 80px; }

    .themoseleft dl { display: table; }
    .themoseleft dd { display: table-cell; vertical-align: middle; }

    .about { padding-top: 63px; padding-bottom: 100px; }


    .topul { padding-top: 42px; padding-bottom: 64px; margin: 0; }
    .topul li { width: auto; padding-right: 40px; }
    .topul li:nth-of-type(1) p { width: 130px; }

    .topul li:nth-of-type(4) p { padding-right: 0; }
    .topul li img { left: 0; }
    .culture-bottom { height: 448px; padding-top: 82px; }
    .theul { margin: 0 -12px; }
    .theul li { padding-left: 12px; padding-right: 12px; }

    .history { padding-top: 60px; }
    .secnav .commonweb { padding-left: 0; padding-right: 0; }

    /*人在车仆*/
    .welfare .about-title { padding-bottom: 43px; }
    .welfarelist li { padding: 65px 0; }
    .welfare-left h3 { padding-top: 32px; }
    .welfarelist li:last-child { padding-bottom: 95px; }

    .contactleft { width: 46%; }
    .map { margin: 57px 0 95px; height: 769px; }
    .personnel-ul li:nth-of-type(3n-2) .percon { padding-top: 13%; }

    .speechlist { margin-top: 75px; }

    .school-job { padding-top: 68px; }
    .forsearch { padding-top: 66px; }

    .stufystep li { margin-top: 76px; }
    .study-bottom { padding-top: 67px; margin-top: 80px; }
    .study-bottom li { margin-bottom: 78px; }
    .study-bottom .studytxt { position: absolute; left: 42.67%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .study-bottom li:nth-child(even) .studytxt { left: auto; right: 42.67%; }

    .career { padding-top: 56px; padding-bottom: 93px; }

    /*发展历程*/
    .scrollimg li { padding: 42px 56px 42px 42px; }
    .historytxt h2 { font-size: 38px; }
    .toptxt { font-size: 18px; padding: 26px 0 20px; }
    .history .lSSlideWrapper .lSPrev, .history .lSSlideWrapper .lSNext { bottom: 42px; }
    .history .lSSlideWrapper .lSNext { left: 56.3%; }
    .history { padding-bottom: 100px; }
    .history .lSPager li { font-size: 17px; }
    .history .pagebox { margin-top: 59px; }

    /*产品系列*/
    .series ul { padding-top: 44px; padding-bottom: 60px; }
    .seriestxt h2 { font-size: 24px; padding-bottom: 24px; }
    .series li a > h2 { font-size: 18px; }

    /*明星产品*/
    .product { padding-top: 31px; }
    .productbox h2 { font-size: 24px; }
    .productbox p { font-size: 16px; }

    /*网络地图*/
    .citybox { margin: 74px auto 88px; }
    .cityList ul { float: left; }
    .citySearch { float: right; }
    .cityList ul li { width: 242px; margin-right: 16px; }

    /*产品详情*/
    .prodetail { padding: 60px 0 114px; }
    #box { padding: 0 44px; }
    .prodetail .pagebox { width: 158px; }
    .prodetail .subpagebox { right: 64px; bottom: 20px; width: 158px; }
    .proright h2 { font-size: 40px; padding-bottom: 37px; }
    .pro-special { line-height: 34px; }
    .alldetail { margin-top: 60px; }
    .detailnav { padding-top: 22px; }
    .thedetail { padding-top: 44px; }

    /*index*/
    .pcslide li { width: 900px; }
    .indextitle h2 { font-size: 32px; }
    .indextitle p { font-size: 20px; }
    .indextitle h2:before, .indextitle h2:after { width: 130px; }
    .indextitle h2:before { margin-left: -149px; }
    .indextitle h2:after { margin-left: 19px; }
    .indexnav a { font-size: 18px; }
    .inabout-left h2 { font-size: 22px; padding-top: 9%; }
    .inabout-left { font-size: 16px; }
    .inabout-left p { line-height: 28px; }

    .indexnew { padding-bottom: 80px; }
    .innewtxt { padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 55px; }
    .innewtxt h2 { font-size: 18px; line-height: 27px; height: 54px; }
    .indexnew li { width: auto; }

    .flextxt { font-size: 16px; padding-left: 20px; padding-right: 20px; }
    .flextxt h2 { font-size: 22px; }

    .indexlink a { font-size: 16px; }
    .indexlink h2 { font-size: 20px; }
    .indexlink a img { width: 110px; }

    .invideotxt { letter-spacing: 30px; font-size: 26px; }
    .videolist li a { font-size: 16px; }

    .foot-link { padding-left: 3.1%; padding-right: 3.1%; }
    .videocon .thevideos { height: 600px; }

    .cityList ul li { margin-bottom: 20px; }
    .cityList { padding-top: 48px; }
}

@media (min-width: 1300px) {

    /*index*/
    .pcslide li { width: auto; }
    .indexprev { left: -90px; }
    .indexnext { right: -90px; }
}

/*20180919*/
.indexvideowrap .indexprev { left: 20px; z-index: 5; }

.indexvideowrap .indexnext { right: 20px; z-index: 5; }


.indexvideowrap { width: 100%; position: relative; overflow: hidden; }

.indexvideowrap li { width: 100%; position: relative; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; }

.indexvideowrap ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }



.ckplayer-wrapper { display: none; position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.ckplayer-wrapper .video-popup { position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 94%; max-width: 960px; }

.thumb-close { width: 25px; height: 25px; position: absolute; right: -10px; top: -25px; cursor: pointer; z-index: 99; }

.thumb-close:after, .thumb-close:before { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: 0; background: #8c8c8c; }

.thumb-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.thumb-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

@media (min-width: 1024px) {
    .thumb-close { width: 42px; height: 42px; right: -37px; top: -37px; }
}

.Videorecommendation { padding: 20px 0; background-color: #ffffff; }



/*20180926*/

.commonposition { position: fixed; bottom: 20px; right: 0; z-index: 999999; }

.commonposition a { text-align: center; color: #fff; font-size: 12px; display: block; width: 40px; height: 40px; padding-top: 10px; position: relative; background-color: #bfbfbf; background-repeat: no-repeat; background-position: center center; margin-top: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.commonposition a span { display: none; position: absolute; right: 40px; top: 0; padding: 13px; color: #fff; background-color: #2f318b; line-height: 24px; font-size: 14px; width: 190px; }

.commonposition a span.erCoder { width: 110px; height: 110px; padding: 0; }

.commonposition a span.erCoder img { display: block; max-width: 100%; }

.commonposition a .cicon { display: block; height: 20px; margin: 0 auto; }

.commonposition a .ctext { display: none; }

.bd_weixin_popup { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

@media (min-width: 992px) {
    .commonposition { bottom: 114px; }
    .commonposition a { width: 80px; height: 80px; padding-top: 15px; margin-bottom: 5px; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; }
    .commonposition a span { right: 80px; }
    .commonposition a .cicon { height: 28px; margin-bottom: 6px; }
    .commonposition a:hover { background-color: #2f318b; }
    .commonposition a .ctext { display: block; font-size: 13px; }
    .commonposition a span.erCoder { width: 180px; height: 180px; }
}

@media (min-width: 1280px) {
    .commonposition { right: 40px; }
}



/*20181012*/
.Dealernetwork { padding-top: 30px; padding-bottom: 30px; }
.Dealernetwork .dname { color: #2f318b; font-size: 20px; text-align: center; }
.Wnetwork-dl { background-color: #f4f4f9; margin: 20px 0 0 0; }
.Wnetwork-dl img { display: block; width: 100%; }
.Wnetwork-dl .infor { color: #4c4c4c; padding: 20px; }
.Wnetwork-dl .sname { font-size: 16px; color: #2f318b; padding: 0 0 10px 0; font-weight: bold; }
.Dealernetwork.commonweb { max-width: 1400px; }

@media (min-width: 1024px) {
    .Dealernetwork { padding-top: 72px; padding-bottom: 47px; }
    .Dealernetwork .dname { font-size: 24px; }
    .Wnetwork-dl { margin: 61px 0 0 0; }
    .Wnetwork-dl .thumb { float: left; width: 50%; }
    .Wnetwork-dl .infor { overflow: hidden; padding: 40px; }
}

@media (min-width: 1199px) {
    .Wnetwork-dl .infor { padding: 7% 50px 30px 54px; }
    .Wnetwork-dl .sname { padding: 0 0 21px 0; }
}


/*20181022*/
.Dealerinquiry { padding-top: 30px; padding-bottom: 30px; }
.Dealerinquiry .dname { color: #2f318b; font-size: 20px; text-align: center; }
.Dealform { background-color: #f4f4f9; /*max-width: 700px;*/ margin: 20px auto 0; }
.formname { background: url(../images/wqicon1022.png) repeat-x 0 0; color: #ffffff; height: 40px; line-height: 40px; text-align: center; font-weight: bold; }
.Deal-main { padding: 12% 20px 13%; max-width: 390px; margin: 0 auto; }
.Deal-main span { font-weight: bold; font-size:16px; }
.Deal-main label { display: block; width: 100%; background-color: #ffffff; border: 1px solid #cccccc; margin: 15px 0; }
.Deal-main input { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; font-family: "Microsoft YaHei"; }
.Deal-main .input_submit { background: url(../images/wqicon10221.png) repeat-x 0 0; }

@media (min-width: 1024px) {
    .Dealerinquiry { padding-bottom: 100px; }
    .Dealerinquiry .dname { font-size: 24px; }
    .Deal-main span { font-size: 24px; }
    .Deal-main label { margin: 15px 0 20px 0; }
    .Deal-main input { height: 48px; line-height: 48px; }
    .Deal-main .input_submit { font-size: 20px; height: 50px; line-height: 50px; }
    .formname { font-size: 30px; height: 80px; line-height: 80px; }
    .Dealform { margin-top: 40px; }
}


/*20181023*/
.fontbold { font-weight: bold; }
.fontnormal { font-weight: normal; }
.Network-detail img { max-width: 100%; display: block; }
.sqs_info-text { padding: 25% 10% 40px; }
.Network-detail .wx_box { padding: 30px 0 0; position: relative; }
.Network-detail .wx_box p { width: 85px; }
.Network-detail .wx_box img { height: 92px; }
.Network-detail .sqs_z { position: absolute; right: 0; bottom: 0; }
.Network-detail .sqs_span { padding: 0 30px; font-weight: normal; }
.sqs_info-text h2 { text-align: center; font-size: 20px; font-weight: bold; padding-bottom: 20px; }
.sqs_info-text h5 { font-size: 18px; font-weight: bold; padding-bottom: 20px; }

@media (max-width: 414px) {
    .sqs_info-text { font-size: 12px; }
}


.certification-box { position: relative; height: 600px; overflow: hidden; margin-top: 30px; margin-bottom: 30px; }
.certificationbg { background: url(../images/wimage23.jpg) 0 0 no-repeat; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; position: relative; max-width: 375px; height: 600px; margin: 0 auto; position: absolute; top: 0; left: 50%; width: 90%; z-index: 0; transform: translateX(-50%); }

.backya { display: block; font-size: 18px; color: #000; text-align: center; line-height: 46px; width: 145px; height: 46px; background: url(../images/dr_btn.jpg) no-repeat; margin: 30px auto; }

@media (min-width: 1024px) {
    .certificationbg { max-width: 688px; height: 890px; }
    .certification-box { height: 890px; font-size: 16px; margin-top: 60px; margin-bottom: 60px; }
    .sqs_info-text { font-size: 16px; }
    .sqs_info-text .cont { padding-bottom: 10px; }
    .sqs_info-text h2 { font-size: 37px; line-height: 40px; padding-bottom: 50px; }
    .Network-detail .wx_box p { width: 100px; }
    .Network-detail .wx_box { padding-top: 80px; }
    .backya { margin-top: 55px; margin-bottom: 89px; }
}


/*20181030*/
.Dealerinquiry.commonweb {  max-width:1400px;}




/*20181107*/
@media(min-width:1024px) {
    .series li a { padding:20px 30px 60px;}
}

.videolist li p { position:relative;}
.videolist li .wqdownload { position:absolute;right:0;top:0;
}


.imgbox img {max-height: 335px;}




.video-popup { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }

.video-popup .video-container { height: 250px; position: relative; z-index: 1; }


@media (min-width: 640px) { .video-popup .video-container { height: 350px; } }

@media (min-width: 1024px) { .video-popup { width: 1000px; }.video-popup .video-container { height: 600px; } }