@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('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: #0f56cc;-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; }

.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.2, 1.2); -ms-transform: scale(1.2, 1.2); 	/* IE 9 */ -moz-transform: scale(1.2, 1.2); 	/* Firefox */ -webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2); 	/* Opera */opacity:0.6; }
.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%; background: #fff;}
.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;}

.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: #0074ee; font-weight: bold;}

.nav{width: 100%; height: 50px; line-height: 50px; background: #0074ee;}
.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: #0f56cc; 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;}

.ww1210{margin: 0 auto;overflow: hidden;}

.www1210{margin: 0 auto;
 overflow: hidden;width:1210px;
}
/*banner*/
.banner{height: 550px; position: relative;}
.banner ul li a{display: block; width: 100%; height: 550px;}
.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: #0084ff;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 a{color: #fff;}
.index-side-nav ul li:hover{background: #2b99ff;}
.index-side-nav ul li.active{background: #2b99ff;}

.index-side-h3{display:flex; justify-content: flex-start;width: 220px; height: 50px;padding: 10px;background: #0074ee; color: #fff; font-weight: normal;position: absolute; left: 50%; margin-left: -605px; 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: 270px; 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;}
.index-product h2{display: block; height: 50px; line-height: 50px; font-size: 24px; color: #0074ee; 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;}
.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: #0f56cc;}

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 #0f56cc; background: #0f56cc; 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 #0f56cc; background: #0f56cc; 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: #0074ee;}
.index-title p{font-size: 16px; color: #888; font-weight: normal;}

.Advantage{width: 100%; height: 906px; 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;}
.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;}
.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; width: 24%; 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: #0074ee; 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 video{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: #0074ee; background: #fff;}

.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: #0074ee; 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%;}
.index-chejian-box .index-chejian ul li a{display: block;}
.index-chejian-box .index-chejian ul li a s{display: block; overflow: hidden; background:#0074ee;}
.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;}
.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;}
.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: #0074ee; 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%; 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{display:flex; justify-content: space-between; width: 160px; float: right; margin-left: 50px;}
footer div span p{display: block; width: 20px; line-height: 18px;}
footer div span s{display: block;width: 135px; height: 135px; float: right;}
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: #0f56cc;}
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(/skin/images/ke-bgg.png) no-repeat; right: 0px; top: 30%; 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;}

.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;}
/*内页 banner*/
.in-banner{width: 100%; height:400px; position: relative; overflow: hidden;}
.in-banner s{display: block; width: 1920px; left: 50%; margin-left: -960px; 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: #0f56cc;}
.in-title a.active{color: #0f56cc;}

.side-nav{background: #0084ff;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: #2b99ff;}
.side-nav ul li a.active{background: #2b99ff;}

.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: 1210px;margin-left: auto;
    margin-right: auto;  }
    .ri-box1{width: 1268px;margin-left: auto;
    margin-right: auto;  }
        .ri-box2{width: 1268px;margin-left: auto;
    margin-right: auto;  }
        .boxxx{width: 1268px;margin-left: auto;
    margin-right: auto;  }
.show-ri-box{width: 1210px; 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: 24px; 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: #0f56cc;}
.news-lsit li:hover a .news-more i{color: #0f56cc;}
.news-lsit li:hover a dl i{background: #0f56cc;border: 1px solid #0f56cc; color: #fff;}
.news-lsit li:hover a dl dt{color: #0f56cc;}
.news-lsit li:hover span em{background: #0f56cc;}

.about-txt{padding: 1.5rem 0;}
/*发展历程*/
.licheng-box{width: 100%; background: #0f56cc; 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: #0074ee; 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: #0f56cc; 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:#0f56cc; }
.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;}
.position span a{color: #888; }
.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: 24px; 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: 35px; 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: #0f56cc;}
.side-chexing ul li:hover span{ color: #fff;}
/*车型列表*/
.product{margin-bottom: 10px; overflow: hidden;
margin-left: auto;margin-right: auto;}

.product1 ul{display: block; padding: 30px 0; overflow: hidden;display: inline;}
.product1 ul li{display: block; width: 30%; 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;}
.product1 ul li s{display: block; overflow: hidden; /*height: 287px; background:#01153f;*/ position: relative;}
.product1 ul li s a img{max-width:431px;max-height:287px;width: expression(this.width > 431 && this.width > this.height ? 287 :true); height:expression(this.height >287 ? 287: true);vertical-align:middle; overflow:hidden}
.product1 ul 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;}
.product1 ul li span a{font-size: 16px;}
.product1 ul li p{display:flex; justify-content: space-between; height: 50px; line-height: 20px; color: #888;padding: 0 15px;}
.product1 ul li p a{display: block; width: 45%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #ddd;}
.product1 ul li p a:nth-of-type(1){background:#ECECEC; border: 1px solid #ECECEC;}
.product1 ul li p a:nth-of-type(2){background:#B1EFFF; border: 1px solid #B1EFFF;}
.product1 ul li:hover{background: #0f56cc;}
.product1 ul li:hover span a{color: #fff;}
.product1 ul li:hover p a:nth-of-type(1){background:#FFFFFF; border: 1px solid #fff;color: #45B9FB;}
.product1 ul li:hover p a:nth-of-type(2){background:#46AB41; border: 1px solid #46AB41;color: #fff;}

.product{margin-bottom: 10px;overflow: hidden;}
.product ul{display: block; padding: 20px 0; overflow: hidden;}
.product ul 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 li s{display: block;overflow: hidden;;background:#01153f;position: relative;}
.product ul li s a img{max-width:431px;max-height:287px;width: expression(this.width > 431 && this.width > this.height ? 287 :true); height:expression(this.height >287 ? 287: true);vertical-align:middle; overflow:hidden}
.product ul 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 li span a{font-size: 16px;}
.product ul li p{display:flex; justify-content: space-between; height: 50px; line-height: 20px; color: #888;padding: 0 15px;}
.product ul li p a{display: block; width: 45%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #ddd;}
.product ul li p a:nth-of-type(1){background:#ECECEC; border: 1px solid #ECECEC;}
.product ul li p a:nth-of-type(2){background:#B1EFFF; border: 1px solid #B1EFFF;}
.product ul li:hover{background: #0f56cc;}
.product ul li:hover span a{color: #fff;}
.product ul li:hover p a:nth-of-type(1){background:#FFFFFF; border: 1px solid #fff;color: #45B9FB;}
.product ul 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: #0f56cc;}
/*详情内容页*/
.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: #0f56cc; 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: #0f56cc; 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 #0f56cc; height: 48px; color: #0f56cc; font-weight: bold;}
.show-r-tab a.hover{border-bottom: 2px solid #0f56cc; height: 48px; color: #0f56cc; 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;}

.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:#0f56cc; 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: #0f56cc; 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: #0074ee; color: #fff; cursor: pointer;}
.met_pager li a{display: block; width: auto;}
.met_pager li:hover {background: #0074ee; color: #fff;}
.met_pager li:hover a{background: #0074ee; 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;}

/*专题 2021*/
.zt21-baner{height: 615px; background: url("../images/huodong_01.png") no-repeat center top;}
.zt21-baner span{display: block; padding-top: 440px; font-size: 18px; color: #17529e;}

.zt21-ggche-box{width: 100%;  background: #d8ebfc;}
.zt21-title{background: #ff8500; height: 60px; line-height: 60px; font-size: 24px; color: #fff; text-align: center; margin-bottom: 10px;}
.zt21-tab{display: flex; justify-content:flex-start; flex-wrap: wrap;} 
.zt21-tab a{display: block; width: 24.5%;  height: 50px; line-height: 50px; background: #fff; font-size: 18px; color: #5880b7; text-align: center; margin-bottom: 5px; margin: 0 0.25% 0.5% 0.25%;}
.zt21-zixun{display: flex; justify-content: space-around; padding-top: 20px;padding-bottom: 20px;}
.zt21-zixun a{display: block; width: 468px;}
.zt21-zixun a img{display: block;}

.picMarquee-left{overflow:hidden; position:relative; background: #b1d6f1; padding: 30px 0px;}
.picMarquee-left .bd{ padding:0px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picMarquee-left .bd ul li a span{display: block; height: 35px; line-height: 35px; text-align: center; color: #fff;}

.zt21-hf-zixun{height: 178px; background: url("../images/zhuanti_2021_43.jpg") no-repeat center center;}

#LR_User_Icon0{ padding: 10px 0 0 690px;}
#LR_text1{display: block; width: 297px; height: 65px; line-height: 65px; padding: 0 10px; float: left; border: 0px; border-radius: 8px 0 0 8px;}
#LR_button1{display: block; width: 130px; height: 65px; line-height: 65px; text-align: center; float: left; background: #146faf; color: #fff; font-size: 24px;border: 0px;border-radius: 0 8px 8px 0;}
.scroll{padding: 0 0 0 550px;height:40px;line-height:40px;overflow:hidden; margin-top: 120px;}
.scroll ul{display: block;}
.scroll li {height:40px; color: #ff8400; width: 50%; float: left; font-size: 16px;}

.zt21-cq{width: 100%; position: relative; overflow: hidden;}
.zt21-cq s{display: block; width: 1920px; left: 50%; margin-left: -960px; position: relative;}

.h-fot-nav{margin-left: auto;
    margin-right: auto;  display: flex; justify-content: space-around;  padding: 2rem 0px;width:1268px;}
.h-fot-nav a{display: block; width: 24%; margin-bottom: 1rem;}
.h-fot-nav a img{display: block; margin: 0 auto;}
.h-fot-nav a span{display: block; height: 2rem; line-height: 2rem; text-align: center; color: #fff;}

.left{float:left;}
.right{float:right;display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 800px;}
    
    .zi1{font-size:28px;font-weight:bold;text-align:center;margin-top:25px;}
.zi2{font-size:28px;font-weight:bold;text-align:center;margin-top:25px;color:#999999;}

#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;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  background: #0074ee;
}
#menu .ul-list > li > span {
  color: #fff;
  font-size: 14px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0074ee;
}
#menu .ul-list > li:hover .ol-list {
  display: block;
}
#menu .ol-list {
  display: none;
  position: absolute;
  /* left: 0; */
  z-index: 999;
  background: #0074ee;
  /* 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: #2b99ff;
}

#menu ul li a:hover{background: #2b99ff;}
/**/