@charset "utf-8";

/* CSS Document */

@import url('animate.min.css');

@import url('swiper-bundle.min.css');

@import url('iconfont.css');

@font-face { font-family: 'courier_newregular'; src: url('../fonts/cour-webfont.woff2') format('woff2'), url('cour-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {

font-family: 'Conv_BernFash_1';src: url('../fonts/bernfash_1.eot');src: local('☺'), url('../fonts/bernfash_1.woff') format('woff'), url('../fonts/bernfash_1.ttf') format('truetype'), url('../fonts/bernfash_1.svg') format('svg');font-weight: normal;font-style: normal;}

body {font-family:  /*"Microsoft Yahei", "宋体",*/ Tahoma, /*'Simsun',*/ Arial, /*Helvetica,*/ sans-serif; margin: 0px; padding: 0; line-height: 24px; color: #555; background:#f9f9f9; font-size: 13px;  background: #fff;}

td { font-family: /*"Microsoft Yahei", "宋体",*/ Tahoma, /*'Simsun',*/ Arial, /*Helvetica,*/ sans-serif; text-decoration: none; color: #555; }

th { font-family:  /*"Microsoft Yahei", "宋体",*/ Tahoma, /*'Simsun',*/ Arial, /*Helvetica,*/ sans-serif;text-decoration: none;  color: #555; }

a:link {font-family:  /*"Microsoft Yahei", "宋体",*/ Tahoma, /*'Simsun',*/ Arial, /*Helvetica,*/ sans-serif;text-decoration: none;color: #555;}

a:visited {font-family: /*"Microsoft Yahei", "宋体",*/ Tahoma, /*'Simsun',*/ Arial, /*Helvetica,*/ sans-serif;text-decoration: none;color: #555; }

a:hover {font-family: /*"Microsoft Yahei", "宋体",*/ Tahoma, /*'Simsun',*/ Arial, /*Helvetica,*/ sans-serif;  text-decoration: none; color: #1d2087;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

a:active {font-family:  /*"Microsoft Yahei", "宋体",*/ Tahoma, /*'Simsun',*/ Arial, /*Helvetica,*/ sans-serif; text-decoration: none;  color: #fce6c2; }

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,menu{ display: block; margin: 0px; padding: 0px; }

h1,h2,h3,h4,h5,h6{display:block;padding:0px;margin: 0px;font-family: /*"Microsoft Yahei", "宋体",*/ Tahoma, /*'Simsun',*/ Arial, /*Helvetica,*/ sans-serif;}

p,ul,ol,li,form,img,dl,dt,dd{margin:0;padding:0;border:0;font-family:  /*"Microsoft Yahei", "宋体",*/ Tahoma, /*'Simsun',*/ Arial, /*Helvetica,*/ sans-serif;}

em,i { font-style: normal; }

img{border: 0px !important; }

input,button,select { margin: 0; vertical-align: middle; outline: none;font-family: /*"Microsoft Yahei", "宋体",*/ Tahoma, /*'Simsun',*/ Arial, /*Helvetica,*/ sans-serif;}

dl,dt,ul,ol { margin: 0px; display: block; padding: 0px; list-style: none; }



.index-chejian-box .img_fd img{  height: 165px;}

.img_fd img{width:100%;overflow-x: hidden;

   overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */

-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */

-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */

-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}

.img_fd:hover img{transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); 	/* IE 9 */ -moz-transform: scale(1.5, 1.5); 	/* Firefox */ -webkit-transform: scale(1.5, 1.5); /* Safari 和 Chrome */ -o-transform: scale(1.5, 1.5); 	/* Opera */opacity:0.9; }

.jbxg{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

/*公共部分*/

img.wp-smiley, img.emoji {display: inline !important;border: none !important;box-shadow: none !important;height: 1em !important;width: 1em !important;margin: 0 .07em !important;vertical-align: -0.1em !important;background: none !important;padding: 0 !important;}



.img100 img{display: block; width: 100%;}



.home-title{display: block; height: 90px; text-align: center; font-size: 30px; font-weight: normal;text-transform:uppercase; color: #000;}

.home-title span{display: block; height: 40px; line-height: 40px; color: #888; font-size: 18px;}

.home-title p{display: block; height: 24px; line-height: 24px; color: #ccc; font-size: 16px; padding-top: 20px;}

/*top*/

header{width: 100%;}

.top{width: 100%; height: 30px; line-height: 30px; background: #f1f1f1;}

.top span{display: inline-block; float: right;}

.top span a{display: inline-block; padding: 0 10px; color: #555;}

.head11{ background: url("../images/toubutu1.jpg") no-repeat center center;height:120px;}

.top-wrap{margin: 0 auto; display: flex; justify-content: space-between; padding: 20px 0;}

.logo-box{display:flex; justify-content: flex-start; width: 748px; height: 55px;}

.logo-box .logo{display: inline-block; width: 148px; padding-right: 10px; border-right:1px solid #ddd;}

.logo-box .logo-dw{padding-left: 10px; font-size: 14px; color: #888;}

.logo-box .logo-dw strong{display: block;height: 30px; font-size: 20px; color: #000;}

.logo-box .logo-dw strong i{color: #E00003;}



.logo-phone{display: inline-block; height: 50px; background: url(../images/index_06.jpg) no-repeat left center; line-height: 25px; padding-left: 40px; font-size: 24px; color: #1d2087; font-weight: bold;}



.nav{width: 100%; height: 50px; line-height: 50px; background: #1d2087;}

.nav ul{display: block; width: 1210px; margin: 0 auto;}

.nav ul li{margin: 0 12px 0 12px;float: left;}

.nav ul li a{display: block; color: #fff;  line-height: 50px; font-size: 16px;}

.nav ul li a:hover{border-bottom: 2px solid #fff; height: 48px;}

.nav ul li a.active{border-bottom: 2px solid #fff; height: 48px;}

/*首页加载数字*/

.index-shili{width: 100%; height: 120px; padding: 60px 0; background: #1d2087; color: #fff;}

.index-shili ul{display: flex; justify-content:space-between; flex-wrap: wrap;}

.index-shili ul li{display: block; width: 26%; color: #eee; text-align: center; padding: 0 3%;}

.index-shili ul li span{display: block; height: 40px; line-height: 40px; font-size: 16px;}

.index-shili ul li span i{font-size: 36px; color: #fff !important;}

.index-shili ul li p{display: block; color: #eee; text-align: center; padding-top: 0.2rem}

.index-shili ul li:nth-of-type(2){border-left: 1px solid #7babfb;border-right: 1px solid #7babfb;}



.w1210{width: 1210px; margin: 0 auto;overflow: hidden;}

/*banner*/

.banner{height: 550px; position: relative;}

.banner ul li a{display: block; width: 1920px; height: 600px;}

.swiper-container {width: 100%;height: 100%;}

.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;

display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.list-banner{height: 400px; position: relative;}

.list-banner ul li a{display: block; width: 100%; height: 550px;}

/*公共部分*/

.index-title{display: block; height: 60px; line-height: 60px; font-size: 0.8rem; color: #fff; text-align: center; font-weight: bold;}

.im-fk s .k-t,.k-f,.k-l,.k-r,p{-webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out;z-index: 2;}

.im-fk s .k-t{width: 0%; height: 3px; background: #fff;position: absolute; top: 4%; left: 4%;}

.im-fk s .k-f{width: 0%; height: 3px; background: #fff;position: absolute; bottom: 4%; right: 4%;}

.im-fk s .k-l{width: 3px; height: 0%; background: #fff;position: absolute; top: 4%; right:4%;}

.im-fk s .k-r{width: 3px; height: 0%; background: #fff;position: absolute; bottom: 4%; left: 4%;}

.im-fk s em{display: block; width: 40px;height: 40px; line-height: 40px; font-size: 40px; color: #fff;position: absolute; top: -50%; left: 50%; margin: -220px 0 0 -15px;z-index: 9999;-webkit-transition: all .5s ease; transition: all .5s ease; opacity: 0;}



.im-fk:hover s .k-t{width: 92%; height: 2px;}

.im-fk:hover s .k-f{width: 92%; height: 2px;}

.im-fk:hover s .k-l{width: 2px; height: 92%;}

.im-fk:hover s .k-r{width: 2px; height: 92%;}

.im-fk:hover s em{top: 45%; left: 50%; margin: -15px 0 0 -15px;opacity: 1;}



.index-lf{width: 240px; float: left;}



.index-side-nav{background: #1d2087;margin-bottom: 10px;}

.index-side-nav ul{display: block; padding: 10px;}

.index-side-nav ul li{display: block; height: 43px; line-height: 43px; font-size: 16px; color: #fff; cursor: pointer;}

.index-side-nav ul li i{display: block; width: 30px; height: 40px; line-height: 40px; text-align: center; color: #fff; float: left;}

.index-side-nav ul li:hover{background: #060850;}

.index-side-nav ul li.active{background: #060850;}



.index-side-h3{display:flex; justify-content: flex-start;width: 220px; height: 50px;padding: 10px;background: #1d2087; color: #fff; font-weight: normal;left: 50%; bottom:0px; z-index: 2;}

.index-side-h3 i{display: block; width: 50px; line-height: 50px; font-size: 60px;}

.index-side-h3 span{display: block;font-size: 14px;}

.index-side-h3 span em{display: block; height: 30px; font-size: 18px;}



.fahuo-box{margin-bottom: 10px; height: 570px; overflow: hidden; background: #f6fafe; padding-bottom: 10px;}

.fahuo-box h3{display: block; height: 50px; line-height: 50px; font-size: 24px; padding-left: 10px;}

.fahuo{}

.fahuo ul{padding: 3%; width: 94%; height: 94%;}

.fahuo ul li{line-height: 20px; border-bottom: 1px dotted #ddd; color: #f60; font-size: 12px; text-align: left;}

/*首页车型*/

.index-product{width: 940px; padding-top: 20px; float: right; overflow: hidden;padding-top: 0px;margin-top: -60px;}

.index-product h2{display: block; height: 50px; line-height: 50px; font-size: 24px; color: #1d2087; border-bottom: 1px solid #ddd;}

.index-product h2 a{display: inline-block; float: right; color: #888; font-size: 16px; font-weight: normal;}

.index-product ul{display: block; overflow: hidden; padding-top: 20px; width: 105%;}

.index-product ul li{display: block; width: 31%; float: left; margin: 0 10px 10px 0; text-align: center;}

.index-product ul li a s{display: block; overflow: hidden; background:#01153f; position: relative;}

.index-product ul li a s img{display: block;width: 305px; height: 305px;}

.index-product ul li a span{font-size: 14px; color: #555; display: block; height: 45px; line-height: 45px; padding: 0 15px; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; overflow: hidden; background: #f6f6f6;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.index-product ul li:hover a span{color: #fff;background: #1d2087;}



a.picmore{display: block; width: 160px;height: 35px; line-height: 35px; margin: 50px auto; border: 1px solid #ddd; text-align: center; color: #888;}

a.picmore:hover{border: 1px solid #1d2087; background: #1d2087; color: #fff;}



a.more{display: block; width: 160px;height: 35px; line-height: 35px; border: 1px solid #ddd; text-align: center; color: #888; margin: 50px auto 0 auto;}

a.more:hover{border: 1px solid #1d2087; background: #1d2087; color: #fff;}

/*首页我们的优势*/

.index-title{display: block; height: 50px; line-height: 50px; font-size: 30px; text-align: center;}

.index-title span{display: block;height: 30px; line-height: 30px; color: #000;}

.index-title span i{color: #1d2087;}

.index-title p{font-size: 16px; color: #888; font-weight: normal;}



.Advantage{width: 100%; height: 996px; background:#fcfbf8 url(../images/index-youshi-bg.jpg) no-repeat center bottom; padding-top: 100px;}

.Advantage .A-box{width: 1210px; margin: 0 auto; display: flex; justify-content: space-between; padding-top: 80px;}

.Advantage .A-box ul{width: 340px;}

.Advantage .A-box ul:nth-of-type(1) li{text-align: right;}

.Advantage .A-box ul li{display: block; height: 150px; padding-bottom: 80px;}

.Advantage .A-box ul li strong{display: block; height: 55px; font-size: 28px; color: #000;white-space: nowrap;}

.Advantage .A-box ul li p{display: block; line-height: 20px;}

.Advantage .A-box s{width: 444px; height: 444px; background: url(../images/png_03.png) no-repeat center center;}

 /*pie*/

.pie{width: 120px; height: 120px;  border-radius: 50%; background: #e95549; position:relative; margin-top:20px; }

.pieLeftInner,

.pieRightInner { width:120px; height:120px; background-color:#e5e5e5; border-radius:100px; position:absolute; }

.pieLeftInner { clip:rect(0px,120px,120px,60px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);  }

.pieRightInner { clip:rect(0px,60px,120px,0px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);  }

.pieLeft,

.pieRight { width:120px; height:120px; position:absolute; z-index:1; }

.pieLeft { clip:rect(0px,120px,120px,60px); }

.pieRight { clip:rect(0px,60px,120px,0px); }

.pieInner { width:80px; height:80px; margin:20px 0 0 20px; background-color:#fff; border-radius:100px; position:absolute; z-index:1; text-align:center; line-height:80px; font-size:24px; font-weight:bold; color:#e25a4a;}



.vs-box{width: 100%; background: #edf1f6; padding-top: 60px;}

.vs-box div{display: flex; justify-content: space-between; padding: 60px 0; overflow: hidden;}

.vs-box div ul{display: block; width: 50%;color: #fff;}

.vs-box div ul h3{display: block; height: 70px; line-height: 70px; font-size: 30px; position: relative;}

.vs-box div ul h3 span{display:flex; justify-content: space-between; color: #FFB600; width: 120px; height: 70px; position:absolute; z-index: 2;  top:0px; left: 50%; margin-left: 230px;}

.vs-box div ul h3 span i{display: block; width: 60px; line-height: 70px; font-size: 56px;}

.vs-box div ul h3 span:nth-of-type(2) i{text-align: right;}

.vs-box div ul li{display: block; height: 72px; line-height: 72px; margin: 10px auto 0 auto; width: 60%; font-size: 24px; border-bottom: 1px dotted #ddd; position: relative; color: #555;}

.vs-box div ul li i{display: block; width: 30px; height: 72px; line-height: 72px; text-align: center; font-size: 30px;float: left;}

.vs-box div ul li span{display: block; width: 72px; height: 72px; background: url(../images/png_06.png) no-repeat; color: #fff; line-height: 72px; text-align: center; font-size: 18px; font-weight: bold; position: absolute; right:-158px; top: 0px; z-index: 2;}

.vs-box div ul:nth-of-type(1){background: #288bf3; color: #fff; text-align: right;}

.vs-box div ul:nth-of-type(1) h3{color: #288bf3; background: #fff;}

.vs-box div ul:nth-of-type(1) li{color: #fff;}

.vs-box div ul:nth-of-type(1) li i{float: right;}

.vs-box div ul:nth-of-type(1) h3{padding-right: 20%;}

.vs-box div ul:nth-of-type(2) h3{padding-left: 20%;}

.vs-box div ul:nth-of-type(2) h3{color: #fff; background: #288bf3;}

.vs-box div ul:nth-of-type(2){background: #fff;}

/*首页案例*/

.index-case{padding: 100px 0 0px;}

/* .index-case ul{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 80px 0 0 0;overflow: hidden;} */

.index-case ul li{display: block;text-align: center; margin: 0 0 20px 0;}

.index-case ul li a{display: block;}

.index-case ul li a s{display: block; overflow: hidden;background:#01153f; position: relative;}

.index-case ul li a s img{display: block; width: 100%;}

.index-case ul li a span{display: block; height: 45px; line-height: 45px; background: #fff; color: #555;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.index-case ul li a:hover span{background: #1d2087; color: #fff;}

.index-case h3{font-size: 36px;}

/*about us*/

.index-about-box{background: url(../images/index-about-bg.jpg) no-repeat center top; height: 731px; position: relative;}

.index-about-box h2{padding: 100px 0;}

.index-about-box h2 span{color: #fff;}

.index-about-box h2 p{color: #fff;}

.index-about-box .txt{display: block; line-height: 30px; font-size: 16px; color: #fff; text-align: center;}

.index-about-box .txt img{display: block; width: 390px; height: 240px; float: left; margin-right: 20px;}

.index-about-box a.more{ color: #fff;}

.index-about-box a.more:hover{ color: #1d2087; background: #fff;}



.tanchuang-bg{display: none; width: 1100px; height: 590px; position: fixed; left: 50%; top: 50%; margin: -295px; margin-left: -550px; z-index: 999999999999999999; background: url("../images/tanchuang-bg.jpg") no-repeat;}

.tanchuang-bg dl{display: block; padding: 474px 0 0 20px;}

.tanchuang-bg i{display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; border: 2px solid #fff; color: #fff; position: absolute; top: 20px; right: 20px; cursor: pointer;}



.tanchuang-bg #LR_User_Icon0{padding: 0;}

.tanchuang-bg #LR_text1{display: block; width: 297px; height: 55px; line-height: 55px; padding: 0 10px; float: left; border: 0px; border-radius: 8px 0 0 8px;}

.tanchuang-bg #LR_button1{display: block; width: 130px; height: 55px; line-height: 55px; text-align: center; float: left; background: #001ed2; color: #fff; font-size: 24px;border: 0px;border-radius: 0 8px 8px 0;}



.index-chejian-box{width: 1210px; display: flex; justify-content: space-between; position: absolute; left: 50%; bottom:0px; margin-left: -605px; background: #fff;}

.index-chejian-box h3{display: block; width: 10%; background: #1d2087; color: #fff; font-size: 24px; padding: 5%; font-weight: normal;}

.index-chejian-box h3 strong{display: block; height: 40px; line-height: 40px;}

.index-chejian-box .index-chejian{width: 76%; background: #fff;margin: 20px 2% 0 2%; overflow: hidden;}

.index-chejian-box .index-chejian ul li{display: block; width: 23%; text-align: center; font-size: 14px;}

.index-chejian-box .index-chejian ul li a{display: block;}

.index-chejian-box .index-chejian ul li a s{display: block; overflow: hidden; background:#1d2087;}

.index-chejian-box .index-chejian ul li a s img{display: block;}

.index-chejian-box .index-chejian ul li a span{display: block; height: 30px; line-height: 30px; text-align: center;}

/*首页新闻*/

.index-news{width: 770px; float: left; padding: 100px 0 0 0;}

.index-news h2{display: block; height: 40px; line-height: 40px; font-size: 24px; color: #000; padding-bottom: 20px;}

.index-news h2 a{display: inline-block; float: right; color: #888; font-size: 14px;}

.index-news dl{display: block; margin-bottom: 10px;}

.index-news dl a{display:flex; justify-content: space-between;}

.index-news dl a s{display: block; width: 165px;}

.index-news dl a span{display: block; width: 580px; color: #888;}

.index-news dl a span dt{display: block; height: 30px; font-size: 18px; color: #000;}

.index-news ul{display: block; padding-bottom: 4px;}

.index-news ul li{display: block; height: 31px; line-height: 31px; border-bottom: 1px dotted #ddd; padding-left: 15px; background: url(../images/news_07.jpg) no-repeat left;}

.index-news ul li span{display: inline-block; float: right; color: #888;}



.index-wenti{width: 380px; float: right;padding: 100px 0 0 0;}

.index-wenti h2{display: block; height: 40px; line-height: 40px; font-size: 24px; color: #000; padding-bottom: 20px;}

.index-wenti h2 a{display: inline-block; float: right; color: #888; font-size: 14px;}

.index-wenti ul{display: block; overflow: hidden;}

.index-wenti ul li{display: block; padding: 10px 0px; border-bottom: 1px dotted #ddd;}

.index-wenti ul li a span{display: block; height: 24px; line-height: 24px; color: #000; margin-bottom: 10px;}

.index-wenti ul li a p{display: block; color: #888; line-height: 18px;}

.index-wenti ul li a i{display: block; width: 24px; line-height: 24px; height: 24px; text-align: center; background: #1d2087; color: #fff;float: left; margin-right: 10px;}

.index-wenti ul li a i.dati{background: #7d7f88;}

/*links*/

.links{width: 100%; padding: 30px 0;}

.links div{display: block; margin: 0 auto; color: #555;}

.links div h2{display: block; height: 30px; font-size: 30px; color: #000;}

.links div ul{display: block; overflow: hidden; padding-top: 20px;}

.links div ul li{display: inline-block; height: 15px; float: left; margin: 0 10px 10px 0; }

.links div ul li a{color: #423f3f;border-left: 1px solid #333232; padding-left: 10px;}



.help{width: 100%; /*padding: 30px 0;*/ background: #f9f9fa;}

.help s{display: block; margin: 0 auto;}

.help s img{display: block; width: 100%;}

/*footer*/

footer{background: #252b2f;color: #86888a; display: flex; justify-content: space-between; flex-wrap: wrap;}

footer div{width: 1210px; margin: 60px auto;}

footer div span{ width: 160px; float: right; margin-left: 50px;}

footer div span p{display: block; text-align:center;font-size:16px; margin-top:8px}

footer div span s{display: block;width: 160px; height: 160px; }

footer div span s.icon-kefu{background: #86888a; color: #fff; text-align: center; line-height: 135px; font-size: 80px; position: relative;}

footer div span s.icon-kefu a{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0px; z-index: 2;}

footer div span s.icon-kefu:hover{background: #1d2087;}

footer div a{color: #86888a;}

footer div a:hover{color: #fff;}

.fot-nav{width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 13px; display: flex; justify-content: center; border-bottom: 1px solid #3b4144;}

.fot-nav a{display: inline-block; color: #86888a; margin: 0 15px;}

.fot-nav a:hover{color: #fff;}



.bottom{width: 100%; height: 40px; line-height: 40px; background: #0d1014; color: #57585a;}

.bottom div{width: 1210px; margin: 0 auto;}

.bottom div span{display: inline-block; float: right;}

.bottom div span a{color: #57585a;}

.bottom div span a:hover{color: #fff;}

/**在线客服*/

.kefu{display: block; width: 140px; height: 474px; position: fixed; background: url(../images/ke-bgg.png) no-repeat; right: 0px; top: 20%; z-index: 9999999999999999;}

.kefu ul{display: block; position: absolute; left: 33px; width: 84px; margin: 0 auto; padding-top: 83px;}

.kefu ul a{display: block; width: 100%;height: 27px; margin-bottom: 2px; cursor: pointer;}

.kefu ul a span{display: none;}

.kefu ul a:nth-of-type(1){height: 20px; margin-bottom: 15px;}

.kefu ul a:nth-of-type(5){height: 24px; margin-top: 178px;}

.kefu ul a:nth-of-type(6){height: 24px;}

/*内页 banner*/

.in-banner{width: 100%; height: 400px; position: relative;}

.in-banner a{display: block; height: 100%; width: 100%;}

/*公共部分*/

.in-title{display: block; height: 50px; line-height: 50px; font-size: 18px !important; color: #000;}

.in-title a{display: inline-block; padding: 0 10px; font-size: 24px; color: #000; cursor: pointer;}

.in-title a:hover{color: #1d2087;}

.in-title a.active{color: #1d2087;}



.side-nav{background: #1d2087;margin-bottom: 10px;}

.side-nav ul{display: block; padding: 10px;}

.side-nav ul li{display: block; height: 43px; line-height: 43px;}

.side-nav ul li a{display: block;font-size: 16px; color: #fff;}

.side-nav ul li a i{display: block; width: 30px; height: 40px; line-height: 40px; text-align: center; color: #fff; float: left;}

.side-nav ul li a:hover{background: #060850;}

.side-nav ul li a.active{background: #060850;}



.side-product{ margin-bottom: 10px;}

.side-product ul{display: block; border: 1px solid #ddd;}

.side-product ul li{display: block; height: 64px; padding: 10px; border-bottom: 1px dotted #ddd;}

.side-product ul li a{display: block;}

.side-product ul li a s{display: block; width: 96px; height: 64px;float: left;overflow: hidden; background: #000;}

.side-product ul li a span{display: block; margin-left: 100px;line-height: 24px;}



.mian{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 5vw 0;}

.lf-box{width: 890px;}

.ri-box{width: 940px;  float: right;}

.show-ri-box{width: 940px; float: right;}



.side-news{margin-bottom: 10px;}

.side-news.qy{ color: #f60;}

.side-news h3{display: block; height: 50px; font-size: 16px; color: #000;}

.side-news ul{display: block; overflow: hidden; border: 1px solid #eee; padding: 15px; }

.side-news ul li{/*height: 35px;*/ line-height: 35px; border-bottom: 1px dotted #eee;}



.side-lxfs{margin-bottom: 10px;}

.side-lxfs h3{display: block; height: 50px; font-size: 16px; color: #000;}

.side-lxfs ul{display: block; overflow: hidden; border: 1px solid #eee; padding: 15px 15px 250px 15px;background: url(../images/news_09.jpg) no-repeat left bottom;}

.side-lxfs ul li{height: 35px; line-height: 35px; border-bottom: 1px dotted #eee;}

/*新闻列表*/

.news-lsit{display: block;overflow: hidden; }

.news-lsit ul{display: block;overflow: hidden; padding: 20px;border: 1px solid #ddd;}

.news-lsit li{border-bottom: 1px solid #eee; padding: 20px 0;display: flex;justify-content: space-between; flex-wrap: wrap;}

.news-lsit li span{display: block; width: 60px; height: 120px; background: #f1f1f1; line-height: 30px; font-size: 20px; color: #000; font-family: 'Conv_BernFash_1',Sans-Serif; text-align: center;}

.news-lsit li span em{display: block; height: 60px;background: #555555; color: #fff; text-align: center; font-size: 30px; line-height: 60px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.news-lsit li span article{display: block; height: 30px;}

.news-lsit li a{display: flex; justify-content: space-between; flex-wrap: wrap; width: 88%;}

.news-lsit li a dl{display: block; width: 666px;}

.news-lsit li a dl dt{display: block; overflow: hidden; height: 50px; font-size: 20px; color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.news-lsit li a dl p{display: block; overflow: hidden;  color: #888; padding: 10px 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.news-lsit li a .news-more{display: flex; justify-content: flex-end; width: 65px; padding-left: 40px; line-height: 100px; border-left: 1px solid #eee; color: #888;}

.news-lsit li a .news-more i{display: block; width: 35px; font-size: 14px;}

.news-lsit li a .news-more em{display: block; width: 30px; line-height: 100px; font-size: 24px; position: relative;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;right: 10px;}

.news-lsit li:hover a .news-more em{right: -10px; color: #1d2087;}

.news-lsit li:hover a .news-more i{color: #1d2087;}

.news-lsit li:hover a dl i{background: #1d2087;border: 1px solid #1d2087; color: #fff;}

.news-lsit li:hover a dl dt{color: #1d2087;}

.news-lsit li:hover span em{background: #1d2087;}



.about-txt{padding: 1.5rem 0;}

/*发展历程*/

.licheng-box{width: 100%; background: #1d2087; color: #fff; padding: 100px 0px;}

.licheng-box h2{color: #fff;}

.licheng1{display: none;}

.licheng{width: 1000px; margin: 0 auto; overflow: hidden; position: relative;}

.licheng ul li{display:block; width: 170px; float: left; margin-right: 15px; color: #fff; position: relative;}

.licheng ul li strong{display: block; height: 50px; font-size: 18px; padding: 25px 0;}

.licheng ul li p{display: block; height: 50px; line-height: 25px; font-size: 14px; padding: 25px 0;}

.licheng ul li i{display: block; width: 10px; height: 10px; border-radius: 50%; -moz-border-radius: 50%; background: #fff; position: absolute; top: 50%;}

.licheng em{display: block; height: 2px; background: #fff; width: 1000px; top: 52%; position: absolute;}



.swiper-next,.swiper-prev{display: block; width: 30px; height: 50px; position: absolute; top: 55%; z-index: 100;  text-align: center; line-height: 50px; color: #fff; font-size: 30px; cursor: pointer;}

.swiper-next{right: 0;}



.side-h3{display:flex; justify-content: flex-start;width: 220px; height: 50px;padding: 10px;background: #1d2087; color: #fff; font-weight: normal;}

.side-h3 i{display: block; width: 50px; line-height: 50px; font-size: 60px;}

.side-h3 span{display: block;font-size: 14px;}

.side-h3 span em{display: block; height: 30px; font-size: 18px;}

/*企业文化*/

.culture{padding: 2rem 0px;}

.culture div{display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 30px;}

.culture s{display: block; width:  537px;}

.culture .dltext{display: block; width: 600px; font-size: 16px; line-height: 30px; text-indent: 30px;}

/*工厂车间*/

.chejian-box{width: 100%; background: #1d2087; color: #fff; padding: 1.5rem 0px;}

.chejian-box h2 a{color: #fff;}

.chejian-box h2 a.active{color: #FFA600;}

.chejian{overflow: hidden;}

.chejian ul{display: block; width: 105%; padding-top: 20px;}

.chejian ul li{display: block; width: 20%; padding: 1%; float: left; margin: 0 2.4% 2.4% 0; background: #fff;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.chejian ul li s{display: block; overflow: hidden; background:#1d2087; }

.chejian ul li s img{display: block; width: 100%;}

.chejian ul li span{display: block; height: 40px; line-height: 40px; text-align: center; color: #555;}

.chejian ul li:hover span{color: #000;}

.chejian ul li:hover{background: #FFA600; }

/*当前位置*/

.position{display: block; height: 50px; line-height: 50px; font-size: 24px; font-weight: bold; color: #000; display: flex; justify-content: space-between; flex-wrap: wrap;}

.position p{display: inline-block;}

.position span{display: inline-block; font-weight: normal; color: #888;font-size: 13px;}

.position span a{color: #888; font-size: 13px;}

.position2{color: #888; font-size: 13px;font-weight: normal; padding: 50px 0 0 0;}

.position2 a{color: #888; font-size: 13px;}

/*侧边信息*/

.side-title{display: block; height: 50px; line-height: 50px; font-size: 18px; color: #000;}



.side-title2{display: block; height: 50px; line-height: 50px; font-size: 18px; color: #000; padding-top: 20px;}

.side-title2 a{display: inline-block; float: right; color: #888; font-weight: normal;}



.side-news{ margin-bottom: 10px;}

.side-news ul{display: block; padding: 10px;border: 1px solid #ddd;}

.side-news ul li{height: auto; line-height: 35px; border-bottom: 1px dotted #ddd; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; /*background: url(../images/news_07.jpg) no-repeat left; padding-left: 15px;*/}

/*侧边推荐车型*/

.side-chexing{margin-bottom: 10px;}

.side-chexing ul{display: block; overflow: hidden; border: 1px solid #ddd; padding: 20px;}

.side-chexing ul li{display: block; margin-bottom: 10px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-align: center;}

.side-chexing ul li a{display: block;}

.side-chexing ul li a s{display: block; overflow: hidden; background:rgba(1,49,106,1.00);}

.side-chexing ul li a span{display: block; height: 40px; line-height: 40px;}

.side-chexing ul li:hover{background: #1d2087;}

.side-chexing ul li:hover span{ color: #fff;}

/*车型列表*/

.product{margin-bottom: 10px; overflow: hidden;}

.product ul.proList{display: block; padding: 30px 0; overflow: hidden;border: 1px solid #ddd;}

.product ul.proList li{display: block; width: 46%; float: left; margin: 0 0 2% 2.5%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;z-index: 2; text-align: center; background: #f6f6f6;}

.product ul.proList li s{display: block; overflow: hidden;  background:#01153f; position: relative;}

.product ul.proList li s a img{max-width:432px;height:432px;vertical-align:middle; overflow:hidden}

.product ul.proList li span{font-size: 16px; color: #000; display: block; height: 45px; line-height: 45px; padding: 0 15px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; overflow: hidden;}

.product ul.proList li span a{font-size: 16px;}

.product ul.proList li p{display:flex; justify-content: space-between; height: 50px; line-height: 20px; color: #888;padding: 0 15px;}

.product ul.proList li p a{display: block; width: 45%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #ddd;}

.product ul.proList li p a:nth-of-type(1){background:#ECECEC; border: 1px solid #ECECEC;}

.product ul.proList li p a:nth-of-type(2){background:#B1EFFF; border: 1px solid #B1EFFF;}

.product ul.proList li:hover{background: #1d2087;}

.product ul.proList li:hover span a{color: #fff;}

.product ul.proList li:hover p a:nth-of-type(1){background:#FFFFFF; border: 1px solid #fff;color: #45B9FB;}

.product ul.proList li:hover p a:nth-of-type(2){background:#46AB41; border: 1px solid #46AB41;color: #fff;}



.txt-box{display: block; width: 35%;}

.Feedback{display: block; width: 60%;}



.Feedback-bd1{display: block; width: 300px;height: 35px; line-height: 35px; border: 1px solid #ddd; color: #888; padding: 0 10px; margin-bottom: 20px;}

.Feedback-bd2{display: block; width: 90%; height: 200px; line-height: 30px; border: 1px solid #ddd; color: #888; padding: 0 10px;margin-bottom: 20px;}

.Feedback-bd3{display: block; width: 300px; height: 35px; line-height: 35px; border: 0px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; background: #555;}

.Feedback-bd3:hover{cursor: pointer; background: #1d2087;}

/*详情内容页*/

.show-m-box{overflow: hidden;display: flex; justify-content: space-between; padding: 50px 0;}

.gallery-top {width: 620px; height: 400px;overflow: hidden; position: relative; margin-bottom: 20px; border: 1px solid #ddd; padding: 10px;}

.gallery-top ul{display: flex;}

.gallery-top .swiper-slide{ text-align: center;}

.gallery-top .swiper-slide img{max-width:601px; max-height:400px; width: expression(this.width > 601 && this.width > this.height ? 400 :true); height:expression(this.height >400 ? 400: true);vertical-align:middle; overflow:hidden; margin: 0 auto;}

.gallery-top div.swiper-button-next{display: block; position: absolute; top: 52%; width: 50px; height: 50px; text-align: center; color: #1d2087; z-index: 10; font-size: 30px; cursor: pointer;}

.gallery-top div.swiper-prev{right: 0px;display: block; position: absolute; top: 52%; width: 50px; height: 50px; text-align: center; color: #1d2087; z-index: 10; font-size: 30px; cursor: pointer;}



.gallery-top div.swiper-pagination{position: absolute; left: 0px; bottom: 0px !important; z-index: 2;}

.gallery-top div.swiper-pagination span{ width: 13px; height: 13px;}



.show-canshu{padding: 10px; line-height: 35px; font-size: 16px; overflow: hidden; border: 1px dotted #ddd; margin: 20px 0px;}

.show-text-box{width: 520px;}

.show-title{display: block; font-size: 24px; line-height: 30px; color: #000; border-bottom: 1px solid #ddd; margin-bottom: 40px; padding-bottom: 30px;}

.show-text{display: block; padding: 20px; border: 1px dotted #ddd; color: #666; font-size: 18px;line-height: 30px;}

.show-r-txt span{display: block; line-height: 24px; font-size: 16px; padding: 12px 0 12px 10px;}

.show-r-txt span.bgs{background: #eee;}



.show-dh{display:block; height: 60px; padding: 40px 0px;}

.show-dh i{display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 60px; color: #fd9501; float: left;}

.show-dh dl{display: block; margin-left: 70px; color: #fd9501; font-size: 18px; line-height: 24px;}

.show-dh dl strong{display: inline-block; font-size: 24px;}



a.show-zixun{display: block; margin:20px 0px;padding: 0px;  border-radius: 6px; background: #fd9501; width: 280px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #fff;}



.show-r-tab{display: block; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd;}

.show-r-tab a{display: inline-block; margin-right: 10px; font-size: 18px;}

.show-r-tab a:hover{border-bottom: 2px solid #1d2087; height: 48px; color: #1d2087; font-weight: bold;}

.show-r-tab a.hover{border-bottom: 2px solid #1d2087; height: 48px; color: #1d2087; font-weight: bold;}



.show-box{padding: 20px; border: 1px solid #ddd;}

.show-box img{max-width:830px; height: auto;}



.show-box2{overflow: hidden;}

.show-box2 img{display: block; width: 100%;}



.show-txt-h6{display: block; height: 50px; border-bottom: 1px solid #ddd; font-size: 24px;}

.show-txt-h6 a{display: inline-block; float: right; font-weight: normal; font-size: 16px;}



.show-title{font-weight: normal; font-size: 24px; color: #000; line-height: 35px;}

.show_Date{display:block; padding:20px 0px; border-bottom:1px solid #ddd; margin-bottom: 20px;}



.new-more{padding:20px 0 0 0; border-top: 1px solid #ddd; margin-top: 40px;}

.new-more dl{display: block; line-height: 30px; border-bottom: 1px dotted #eee;}

.new-more dl span{display: inline-block;}



.show-pic-box{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 50px 0;}

.show-pic-txt{width: 48%;}

.show-pic-txt p{display: block; padding: 20px 0; color: #888; font-size: 14px;}



a.show-zixun{display: block; margin:20px 0px;padding: 0px;  border-radius: 6px; background: #fd9501; width: 280px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #fff;}



.thumbs{ width: 50%;display: flex; justify-content: space-between;}

#gallery{width: 70%; height: 342px; border: 1px solid #ddd; padding: 10px; margin: 0px;}

#gallery img,#thumbs img{display: block; width: 100%; height: auto;}

#thumbs{width: 18%;height: 377px; padding: 0 2px 4px 2px;}

#thumbs .swiper-slide{ width: 98%; margin: 0 auto;}

#thumbs .swiper-slide img{display: block; border: 1px solid #eee !important;}

#thumbs .my-slide-thumb-active img{display: block; border: 1px solid #f60 !important;}



.show-chejian{margin-bottom: 10px; overflow: hidden;}

.show-chejian ul{display: block; overflow: hidden; width: 105%;}

.show-chejian ul li{display: block; width: 29%; float: left; margin: 0 1% 1% 0; padding: 1%; background: #eee; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.show-chejian ul li s{display: block;overflow: hidden;}

.show-chejian ul li s img{display: block; width: 100%;}

.show-chejian ul li span{display: block; height: 35px; line-height: 35px; text-align: center;}

.show-chejian ul li:hover{background:#1d2087; color: #fff;}



.show-pic-title{display: block; height: 50px; line-height: 50px; text-align: center; font-size: 30px; font-weight: normal;}



.pic-show-cs{width: 100%; height: 527px; background: url(../images/show_09.jpg) no-repeat center top; color: #fff; padding-top: 60px;}

.pic-show-cs dl{display: block; line-height: 30px; font-size: 18px; padding-top: 60px;}



.pic-show-gn{width: 100%; height: 605px; background: url(../images/show_1_15.jpg) no-repeat center top; color: #fff;padding-top: 100px;}

.pic-show-gn h6{display: block; height: 50px; font-size: 30px; text-align: center; font-weight: normal;}

.pic-show-gn ul{display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 80px;}

.pic-show-gn ul li{width: 30%; color: #fff; text-align: center;}

.pic-show-gn ul li s{display: block; overflow: hidden;}

.pic-show-gn ul li span{display: block; height: 50px; line-height: 50px; font-size: 22px;}

.pic-show-gn ul li p{display: block; padding: 0px; line-height: 30px; font-size: 16px;}



.pic-show-ly{width: 100%; height: 488px; background: url(../images/show_14.jpg) no-repeat center top;padding-top: 100px;}

.pic-show-ly dl{display: block; width: 60%;}



.xg-product{width: 100%; background: url(../images/index_19.jpg) repeat-x 0 400px; padding: 100px 0;}

.xg-product ul{display: block; width: 105%; overflow: hidden; padding-top: 60px;}

.xg-product ul li{display: block; width: 23%;margin: 0 13px 20px 0; float: left;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;z-index: 2; background: #fff; margin-bottom: 2%;}

.xg-product ul li a s{display: block; overflow: hidden; background:#01153f; position: relative;}

.xg-product ul li a s img{display: block;}

.xg-product ul li a span{font-size: 18px; color: #000; display: block; height: 35px; line-height: 35px; padding: 0 15px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; overflow: hidden;}

.xg-product ul li a p{display: block; height: 50px; line-height: 20px; color: #888;padding: 0 15px;}

.xg-product ul li:hover{background: #00b4ff;}

.xg-product ul li:hover a span{color: #fff;}

.xg-product ul li:hover a p{color: #fff;}

/*相关案例*/

.xg-case{width: 1210px; margin: 0 auto; padding: 100px 0; overflow: hidden;}

.xg-case ul{overflow: hidden; width: 105%; padding: 30px 0;}

.xg-case ul li{display: block; width: 23%; text-align: center; margin: 0 13px 20px 0; float: left;}

.xg-case ul li a{display: block;}

.xg-case ul li a s{display: block; overflow: hidden;height: 220px; background:#01153f; position: relative;}

.xg-case ul li a s img{display: block; width: 100%;}

.xg-case ul li a span{display: block; height: 40px; line-height: 40px; background: #fff; color: #555;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.xg-case ul li a:hover span{background: #1d2087; color: #fff;}

.xg-case a.case-more{display: block; width: 160px;height: 35px; line-height: 35px; margin: 1rem auto; border: 1px solid #7eaeff; text-align: center; color: #7eaeff;}

.xg-case a.case-more:hover{border: 1px solid #fff; background: #fff; color: #555;}



.show-img-box{width: 1210px;margin: 0 auto; padding: 120px 0px;}



.foot-kf{display: none;}



/*Pagination*/

.met_pager {margin-top: 20px;}

.met_pager li {display: inline-block;border: 1px solid #e4eaec;padding: 9px 15px;float: left;}

.met_pager li.thisclass{background: #1d2087; color: #fff; cursor: pointer;}

.met_pager li a{display: block; width: auto;}

.met_pager li:hover {background: #1d2087; color: #fff;}

.met_pager li:hover a{background: #1d2087; color: #fff;}

.met_pager li span.pageinfo{width: auto !important; height: auto !important;background: none !important;}



.topic-img-box{overflow: hidden;}

.topic-img-box s{display: block; width: 1980px; position: relative; left: 50%; margin-left: -990px;}

.topic-img-box img{display: block;}

.topic-img{width: 1202px;margin: 0 auto; overflow: hidden;}

.topic-img img{display: block;}



/* 头部 */

#menu .ul-list {

  display: flex;

}

#menu .ul-list > li {

  /* flex: 1; */

  /* position: relative; */

  /* width: 90%; */

}

#menu .ul-list > li:last-child {

  border-right: none;

}

#menu .ul-list > li > a {

  /* height: 55px; */

  display: flex;


  justify-content: center;

  font-size: 16px;

  text-decoration: none;

  color: #fff;

  background: #1d2087;
    overflow: hidden;
    max-width: 200px;

    overflow: hidden;
    text-overflow: ellipsis;

}

#menu .ul-list > li > span {

  color: #fff;

  font-size: 14px;

  height: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #1d2087;

}

#menu .ul-list > li:hover .ol-list {

  display: block;

}

#menu .ol-list {

  display: none;

  position: absolute;

  /* left: 0; */

  z-index: 999;

  background: #1d2087;

  /* width: 100%; */

}

#menu .ol-list > li > a {

  font-size: 14px;

  text-decoration: none;

  color: #fff;

  height: 35px;

  display: flex;

  align-items: center;

  border-bottom: 1px solid #fff7ff;

  justify-content: center;

}

#menu .ol-list > li > a:hover {

  background: #060850;

}



#menu ul li a:hover{background: #060850;}

.mfxj-baner{height: 400px; background: url("../images/mfxj-baner.png") no-repeat center top;}

.mfxj-02{height: 724px; background: url("../images/mfxj-02.png") no-repeat center top;}

.mfxj-03{height: 260px; background: url("../images/mfxj-04.png") no-repeat center top;}

.mfxj-04{height: 634px; background: url("../images/mfxj-03.png") no-repeat center top;}



#LR_User_Icon1{display: flex;/*justify-content: center;*/padding: 2.5% 2% 1% 5%;width: 350px;}

#LR_text2{display: block; width: 237px; height: 53px; line-height: 53px; padding: 0 10px; float: left; border: 0px; border-radius: 8px 0 0 8px;border: 1px solid #9b9ea0;}

#LR_button2{display: block; width: 100px; height: 55px; line-height: 53px; text-align: center; float: left; background: #1d2087; color: #fff; font-size: 20px;border: 0px;border-radius: 0 8px 8px 0;}

.sProduct-parameter-table .tr:nth-child(2n+2) {

  background-color: #f6f6f6;

}

.sProduct-parameter-table .td {

  padding: 15px 0;

  line-height: 20px;

}

.sProduct-parameter-table .td.td1 {

  width: 120px;

  text-align: right;

  color: #333333;

}

.sProduct-parameter-table .td.td2 {

  padding-left: 60px;

  color: #999999;

}

@media screen and (max-width: 1024px) {

  .sProduct-parameter-table .td {

    padding: 10px 0;

    line-height: 24px;

  }

  .sProduct-parameter-table .td.td1 {

    width: 6em;

  }

  .sProduct-parameter-table .td.td2 {

    padding-left: 0.8rem;

    padding-right: 0.6rem;

  }

}

.sProduct-photo-tab {

  position: relative;

}

.sProduct-photo-tab .Tt {

  position: relative;

  overflow: hidden;

  width: 100%;

  height: 0 !important;

  padding-bottom: 56.31578947%;

  background-color: #f1f1f1;

  background-color: #fff;

}

.sProduct-photo-tab .Tt img {

  -o-object-fit: contain;

     object-fit: contain;

}

.sProduct-photo-tab .Tt .box {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: block;

  -webkit-transition: all 250ms ease-out 0ms;

  transition: all 250ms ease-out 0ms;

  opacity: 0;

  visibility: hidden;

}

.sProduct-photo-tab .Tt .box .pic {

  width: 100%;

  height: 100%;

  background-color: #f1f1f1;

}

.sProduct-photo-tab .Tt .box.on {

  -webkit-transition: all 0ms ease-out 0ms;

  transition: all 0ms ease-out 0ms;

  opacity: 1;

  visibility: visible;

  -webkit-transform: none !important;

          transform: none !important;

  z-index: 6;

}

.sProduct-photo-tab .Tt .box.leave {

  -webkit-transition: all 0ms ease-out 0ms;

  transition: all 0ms ease-out 0ms;

  opacity: 1;

  visibility: visible;

}

.sProduct-photo-tab .Tt .box.come {

  background-color: transparent;

}

.sProduct-photo-tab .Tt .box.come .pic {

  -webkit-clip-path: inset(0% 50%);

          clip-path: inset(0% 50%);

  -webkit-transition: 0ms;

  transition: 0ms;

}

.sProduct-photo-tab .Tt .box.on .pic {

  -webkit-clip-path: inset(0%);

          clip-path: inset(0%);

  -webkit-transition: all 330ms ease-out 0s;

  transition: all 330ms ease-out 0s;

}

.sProduct-photo-tab .Tg {

  position: relative;

  margin-top: 16px;

}

.sProduct-photo-tab .Tg .btn {

  display: inline-block;

  vertical-align: top;

  position: relative;

  overflow: hidden;

  width: 288px;

  z-index: 2;

}

.sProduct-photo-tab .Tg .btn:after {

  content: " ";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  border: #1d2087 solid 2px;

  z-index: 8;

  pointer-events: none;

  -webkit-transition: all 250ms ease-out 0ms;

  transition: all 250ms ease-out 0ms;

  opacity: 0;

  visibility: hidden;

}

.sProduct-photo-tab .Tg .btn:nth-child(1n+2) {

  margin-left: 16px;

}

.sProduct-photo-tab .Tg .btn .pic {

  width: 100%;

  height: 0 !important;

  padding-bottom: 56.31578947%;

  background-color: #f1f1f1;

}

.sProduct-photo-tab .Tg .btn .pic img {

  -o-object-fit: contain;

     object-fit: contain;

}

.sProduct-photo-tab .Tg .btn.on:after {

  -webkit-transition: all 250ms ease-out 0ms;

  transition: all 250ms ease-out 0ms;

  opacity: 0.8;

  visibility: visible;

}

@media screen and (max-width: 1024px) {

  .sProduct-photo-tab .Tg {

    margin-top: 0.4rem;

  }

  .sProduct-photo-tab .Tg .btn {

    width: 25vw;

  }

  .sProduct-photo-tab .Tg .btn:nth-child(1n+2) {

    margin-left: 0.4rem;

  }

}

.sProduct-relative-resMove {

  padding-top: 40px;

}

.sProduct-relative-resMove .shade {

  height: auto;

  -webkit-transition: all 250ms ease-out 0ms;

  transition: all 250ms ease-out 0ms;

  opacity: 0;

  visibility: hidden;

}

.sProduct-relative-resMove .box {

  position: relative !important;

  height: auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  -ms-flex-wrap: nowrap;

      flex-wrap: nowrap;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  -webkit-box-align: stretch;

      -ms-flex-align: stretch;

          align-items: stretch;

  -ms-flex-line-pack: start;

      align-content: flex-start;

}

.sProduct-relative-resMove .box:after {

  display: none;

}

.sProduct-relative-resMove._loaded .shade {

  -webkit-transition: all 250ms ease-out 0ms;

  transition: all 250ms ease-out 0ms;

  opacity: 1;

  visibility: visible;

}

.sProduct-relative-resMove .item {

  overflow: hidden;

  display: inline-block;

  vertical-align: top;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  background-color: #fff;

  width: 400px;

  position: relative;

}

.sProduct-relative-resMove .item .tag {

  position: absolute;

  top: 6px;

  right: 12px;

  z-index: 9;

  pointer-events: none;

}

.sProduct-relative-resMove .item .pic {

  width: 100%;

  height: 0 !important;

  padding-bottom: 56.31578947%;

  background-color: #f1f1f1;

  overflow: visible;

  background-color: transparent !important;

  -webkit-transition: all 250ms ease-out 0s;

  transition: all 250ms ease-out 0s;

}

.sProduct-relative-resMove .item .pic img {

  -o-object-fit: contain;

     object-fit: contain;

}

.sProduct-relative-resMove .item .txt {

  padding: 0.9rem 0.4rem;

  text-align: center;

}

.sProduct-relative-resMove .item .txt .vmbox {

  text-align: left;

}

.sProduct-relative-resMove .item .txt .title {

  line-height: 30px;

  position: relative;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  color: #333333;

  -webkit-transition: all 250ms ease-out 0s;

  transition: all 250ms ease-out 0s;

}

.sProduct-relative-resMove .item .txt .abstract {

  margin-top: 10px;

  color: #999999;

  line-height: 1.25em;

}

.sProduct-relative-resMove .item .txt .abstract p {

  position: relative;

}

.sProduct-relative-resMove .item .txt .abstract p:nth-child(1n+2) {

  margin-top: 0.375em;

}

.sProduct-relative-resMove .item:hover .pic {

  -webkit-filter: brightness(106%);

          filter: brightness(106%);

}

.sProduct-relative-resMove .item:hover .txt .title {

  color: #1d2087;

}

@media screen and (max-width: 1024px) {

  .sProduct-relative-resMove .item .txt {

    padding-left: 0;

    padding-right: 0;

  }

  .sProduct-relative-resMove .item .txt .abstract {

    margin-top: 5px;

  }

}

.sProduct-relative-resMove .pagination.pagination_case {

  margin-top: 0 !important;

}

@media screen and (max-width: 1024px) {

  .sProduct-relative-resMove {

    margin-top: 0.8rem;

  }

}

.sProduct-project-tab {

  position: relative;

  padding-right: 410px;

}

.sProduct-project-tab .Tt {

  position: relative;

  overflow: hidden;

  width: 100%;

  height: 0 !important;

  padding-bottom: 62.56410256%;

  background-color: #f1f1f1;

  /* img {object-fit:contain;} */

}

.sProduct-project-tab .Tt .box {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: block;

  -webkit-transition: all 400ms ease-out 0ms;

  transition: all 400ms ease-out 0ms;

  opacity: 0;

  visibility: hidden;

}

.sProduct-project-tab .Tt .box .pic {

  width: 100%;

  height: 100%;

  background-color: #f1f1f1;

}

.sProduct-project-tab .Tt .box .txt {

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  padding: 30px;

  z-index: 6;

  background-color: rgba(0, 0, 0, 0.5);

  color: #fff;

}

.sProduct-project-tab .Tt .box .txt .item {

  position: relative;

  line-height: 1.5;

  padding-left: 15px;

}

.sProduct-project-tab .Tt .box .txt .item:nth-child(1n+2) {

  margin-top: 10px;

}

.sProduct-project-tab .Tt .box .txt .item:before {

  content: " ";

  position: absolute;

  left: 0;

  top: 12px;

  margin-top: -5px;

  overflow: hidden;

  width: 0;

  height: 0;

  border-width: 5px 6px;

  border-color: transparent transparent transparent #ffffff;

  border-style: solid;

}

.sProduct-project-tab .Tt .box .txt .item .sdt {

  font-weight: bold;

}

.sProduct-project-tab .Tt .box.on {

  -webkit-transition: all 540ms ease-out 0ms;

  transition: all 540ms ease-out 0ms;

  opacity: 1;

  visibility: visible;

  z-index: 6;

}

.sProduct-project-tab .Tg {

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  width: 388px;

}

.sProduct-project-tab .Tg .oScroll {

  width: 100%;

  height: 100%;

}

.sProduct-project-tab .Tg .btn {

  position: relative;

  overflow: hidden;

  z-index: 2;

  display: block;

  height: 110px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

      -ms-flex-direction: row;

          flex-direction: row;

  -ms-flex-wrap: nowrap;

      flex-wrap: nowrap;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-line-pack: center;

      align-content: center;

  background-color: #f6f6f6;

  -webkit-transition: all 250ms ease-out 0s;

  transition: all 250ms ease-out 0s;

}

.sProduct-project-tab .Tg .btn:after {

  display: none;

}

.sProduct-project-tab .Tg .btn:nth-child(1n+2) {

  margin-top: 18px;

}

.sProduct-project-tab .Tg .btn:before {

  content: " ";

  z-index: -1;

  pointer-events: none;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background-color: #1d2087;

  -webkit-transition: all 250ms ease-out 0ms;

  transition: all 250ms ease-out 0ms;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: scaleY(0);

          transform: scaleY(0);

  -webkit-transform-origin: 0 50%;

          transform-origin: 0 50%;

}

.sProduct-project-tab .Tg .btn .wrapIn {

  padding: 0 45px;

  font-weight: bold;

  color: #333333;

  -webkit-transition: all 250ms ease-out 0s;

  transition: all 250ms ease-out 0s;

  line-height: 1.4;

}

.sProduct-project-tab .Tg .btn.on:before {

  -webkit-transition: all 250ms ease-out 0ms;

  transition: all 250ms ease-out 0ms;

  opacity: 1;

  visibility: visible;

  -webkit-transform: none !important;

          transform: none !important;

}

.sProduct-project-tab .Tg .btn.on .wrapIn {

  color: #fff;

}

@media screen and (max-width: 1024px) {

  .sProduct-project-tab {

    padding-right: 0;

  }

  .sProduct-project-tab .Tt .box .txt {

    padding: 12px;

  }

  .sProduct-project-tab .Tt .box .txt .item:before {

    top: 10.5px;

  }

  .sProduct-project-tab .Tt .box .txt .item:nth-child(1n+2) {

    margin-top: 5px;

  }

  .sProduct-project-tab .Tg {

    position: relative;

    width: 100%;

    margin-top: 12px;

  }

  .sProduct-project-tab .Tg .oScroll {

    overflow-x: auto;

    white-space: nowrap;

  }

  .sProduct-project-tab .Tg .btn {

    display: inline-block;

    vertical-align: top;

    height: auto;

  }

  .sProduct-project-tab .Tg .btn:nth-child(1n+2) {

    margin-left: 0.4rem;

    margin-top: 0;

  }

  .sProduct-project-tab .Tg .btn .wrapIn {

    padding: 0.4rem 0.6rem;

    font-size: 16px;

  }

}

.sProduct-imax .imax {

  color: #333333;

}

.telName{  padding-left: 970px;

  padding-top: 55px;

  line-height: 30px;}

.telName li{ font-size:24px; color:#333; font-weight:bolder}

/* .swiper-button-prev{ 

  width: 33px; 

  height: 33px;

   background: url(/static/images/controls.png) no-repeat; 

   background-position: 0 0;}

.swiper-button-next{

  width: 33px; 

  height: 33px;

   background: url(/static/images/controls.png) no-repeat;

    background-position: -42px 0px;} */

    .swiper-button-prev:after{ content: '';}

    .swiper-button-next:after{ content: '';}

    .swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

  left: 10px;

  right: auto;

}

.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

  right: 10px;

  left: auto;

}

.swiper-button-prev.swiper-button-white,

.swiper-container-rtl .swiper-button-next.swiper-button-white {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");

}

.swiper-button-next.swiper-button-white,

.swiper-container-rtl .swiper-button-prev.swiper-button-white {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");

}

.swiper-button-prev.swiper-button-black,

.swiper-container-rtl .swiper-button-next.swiper-button-black {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");

}

.swiper-button-next.swiper-button-black,

.swiper-container-rtl .swiper-button-prev.swiper-button-black {

  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");

}

    .swiperVideo li p{text-align: center;line-height: 28px;padding: 20px 0; font-size: 22px;}

    .swiperVideo video{ height: 500px;}