@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body { color:#616161; font:12px/20px  "PingFang SC", "Helvetica", "Arial";  background-color: #FFFFFF; }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle; display: block;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{ color:#333; text-decoration:none;blr:expression(this.onFocus=this.blur()); }
/* a:hover { color:#6da82d;  text-decoration:none; } */

body::-webkit-scrollbar { width: 0 !important;}
body { -ms-overflow-style: none; }
body { overflow: -moz-scrollbars-none; }

.left{ float: left;}
.right{ float: right;}
.mb10{ margin-bottom: 10px;}
.mb100{ margin-bottom: 100px;}
.head{ width: 100%; height: 90px; overflow: hidden; display: flex; border-bottom: 3px solid #ebc107;}
.main{ width: 1200px; margin: 0 auto; overflow: hidden;}
.logo{ margin: 15px auto; float: left;}
.top{ width: 100%; height: 64px; background-color: #003d96; overflow: hidden;}
.top a{ float: left;}
.top p{ font-size: 16px; line-height: 20px; border-right: 3px solid #ebc107; padding: 0 32px; color: #FFFFFF; margin: 22px 0;}
.top img{ margin: 16px 0 0 30px; float: left;}
.head .main{ width: 1200px;}
.head .main .list{ overflow: hidden; display: flex; float: right;}
.head .main .list a{ font-size: 16px; line-height: 90px; margin-left: 45px;}
.head .main .list a.on{ color: #003D96;}
.head .main .right{ width: 313px; float: right;}
.head .main .right p{ font-size: 16px; line-height: 28px; margin-top: 12px;}
.head .main .right .headSearch{ width: 313px; height: 45px; background: url(../img/headsearch.png) no-repeat center;}
.head .main .right .headSearch input{ border: none; display: block; float: left; padding: 0 10px; height: 45px; background: none; width: 270px;}
.head .main .right .headSearch .submit{ width: 43px; float: left; height: 45px; overflow: hidden;}
.headPhone{ margin: 35px auto;}
.float-right{ position: fixed; right: 0; top: 500px; width: 50px; z-index: 99999;}
.float-right .list{ width: 50px; height: 50px; overflow: hidden; margin-bottom: 2px;}
.indexNews .list{ width: 570px; overflow: hidden; margin: 50px 0 20px;}
.indexTitle p.en{ font-size: 28px; color: #003d96; line-height: 40px; text-transform: uppercase;}
.indexTitle p.cn{ font-size: 24px; color: #000000; line-height: 36px;}
.indexTitle span{ width: 40px; height: 3px; background-color: #003D96; margin-top: 10px; display: block;}
.indexNews .list .event{ margin: 20px auto; overflow: hidden;}
.indexNews .list .event img{ width: 340px;}
.indexNews .list .indexNewsList{ margin: 20px auto; padding-bottom: 40px; overflow: hidden;}
.indexNews .list .indexNewsList p { font-size: 20px; color: #003D96; line-height: 40px; border-bottom: 1px solid #f1f1f1; width: 570px; overflow: hidden; height: 42px;}
.indexNews .list .swiper-pagination-white .swiper-pagination-bullet-active{ background-color: #666666;}
.indexNews .list .more{ width: 180px; height: 50px; border: 2px solid #003D96; font-size: 16px ; color: #003D96; line-height: 50px; text-align: center; float: right;}
.indexPro{ margin: 50px 0 0; overflow: hidden; height: calc(100% - 210px);}
.indexPro .menu{ float: right; margin-bottom: 30px;}
.indexPro .menu .list{ font-size: 16px; color: #000; border: 1px solid #FFFFFF; line-height: 40px; width: 110px; text-align: center; float: left; cursor: pointer;}
.indexPro .menu .list.on { color: #003D96; border: 1px solid #003D96; }
.indexPro .picBtnTop{ width:100%; height: 100%; position:relative; margin-top: 30px; overflow:hidden;  zoom:1;   }
.indexPro img{display: none;}
.indexPro .picBtnTop .hd{ width:360px;  height: 100%; position:absolute; left:0px; z-index: 99; }
.indexPro .picBtnTop .hd ul{ height: 100%;}
.indexPro .picBtnTop .hd ul li{ width:360px; height: 20%; background-color: #f7f7f7;border-bottom: 1px solid #c9caca; overflow: hidden;}
.indexPro .picBtnTop .hd ul li p{ font-size: 14px; color: #595757; margin: 17% 0 0 0; line-height: 14px; text-align: center;}
.indexPro .picBtnTop .hd ul li p span{ width: 18px; height: 1px; background-color: #003D96; margin: 4px 30px; display: inline-table;}
.indexPro .picBtnTop .hd ul li .list1{ width: 43px; height: 43px; float: right; margin: 64px 40px 0 0; background: url(../img/about-part3-icon1.png) no-repeat center;}
.indexPro .picBtnTop .hd ul li .list2{ width: 43px; height: 43px; float: right; margin: 64px 40px 0 0; background: url(../img/about-part3-icon2.png) no-repeat center;}
.indexPro .picBtnTop .hd ul li .list3{ width: 43px; height: 43px; float: right; margin: 64px 40px 0 0; background: url(../img/about-part3-icon3.png) no-repeat center;}
.indexPro .picBtnTop .hd ul li.on{ background-color: #003D96;}
.indexPro .picBtnTop .hd ul li.on p{ color: #FFFFFF;}
.indexPro .picBtnTop .hd ul li.on p span{ background-color: #FFFFFF;}
.indexPro .picBtnTop .bd{ width: calc(100% - 360px);  height:100%; position:relative; margin-left: 360px;}
.indexPro .picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.indexPro .picBtnTop .bd li .pic{ position:relative; z-index:0;}
.indexPro .picBtnTop .bd li .pic img{ height: 100%; display: block;}
.indexPro .picBtnTop .bd li .right{ position: absolute; top: 0; right: 0; display: block; background: rgba(0, 0, 0, 0.6); height: 100%; overflow: hideen;}
@media screen and (min-width: 1280px) and (max-width: 1620px){
	.indexPro .picBtnTop .hd ul li p{ margin: 20% 0 0 0 !important;}
	.indexPro .picBtnTop .hd ul li{ width:240px !important;}
	.indexPro .picBtnTop .hd ul li{ width:240px !important;}
	.indexPro .picBtnTop .bd{ width: calc(100% - 240px) !important; margin-left: 240px !important;}
}
.indexJoin{ width: 100%; overflow: hidden; position: relative; height: 314px; margin-top: -314px;}
.indexJoin .form{ width: 100%; height: 314px; background: url(../img/indexBot-bg.png) no-repeat center; overflow: hidden; position: absolute; bottom: 0; left: 0;}
.indexJoin .form .body{ width: 900px; position: absolute; left: 50%; margin-left: -320px; top: 195px;}
.indexJoin .form .body .list{ float: left; margin: 41px 41px 0 0; overflow: hidden;}
.indexJoin .form .body .list p{ font-size: 14px; color: #FFFFFF; line-height: 34px; float: left;}
.indexJoin .form .body .list input{ width: 130px; padding: 0 10px; height: 34px; float: left; display: block; background: #FFFFFF; border: none;}
.indexJoin .form .body .submit{ width: 84px; height: 34px; margin: 41px 41px 0 0; border-radius: 5px; background-color: #003D96; line-height: 34px; border: none; color: #FFFFFF; font-size: 14px; display: block; float: left;}
.bottom{ width: 100%; height: 356px; overflow: hidden;}
.bottom .part1{ width: 100%; height: 296px; background-color: #212121; overflow: hidden;}
.main2{ width: 1210px; margin: 0 auto; overflow: hidden;}
.bottom .part1 .left{ display: block; float: left; margin: 20px 0 0 10px;}
.bottom .part1 .left .list{ float: left; margin-right: 40px;}
.bottom .part1 .left .title{ font-size: 16px; color: #FFFFFF; line-height: 30px; margin: 20px 0 10px 0; display: block;}
.bottom .part1 .left .bot-list{  font-size: 14px; color: #999; line-height: 30px; display: block;}
.bottom .part1 .right{ float: right; margin: 80px 10px 0 0;}
.bottom .part2{ width: 100%; height: 60px; background-color: #333333; overflow: hidden;}
.bottom .part2 p{ font-size: 12px; color: #626262; line-height: 60px; text-align: center; margin: 0 auto;}
.float-right{ position: fixed; right: 0; top: 500px; width: 50px; z-index: 99999;}
.float-right .list{ width: 50px; height: 50px; overflow: hidden; margin-bottom: 2px;}

.aboutMenu{ width: 100%; padding: 20px 0; overflow: hidden; background-color: #f1f1f1;}
.aboutMenu .left{ font-size: 18px; color: #000000; line-height: 42px;}
.aboutMenu .right a{ font-size: 18px; color: #000000; line-height: 42px; padding: 0 15px; text-align: center; float: left; margin-left: 5px; display: block;}
.aboutMenu .right a.on{ background-color: #003D96; border-radius: 5px; color: #FFFFFF;}
.aboutList{ display: none;}
.about1{ width: 100%; padding: 80px 0 0; overflow: hidden; background-color: #FFFFFF;}
.about1 .chairman{ margin-top: 30px; overflow: hidden;}
.about1 .chairman .left{ width: 600px; overflow: hidden;}
.about1 .center{ margin: 120px 150px; text-align: center;}
.about1 .left h2{ margin-bottom:20px;}
.about1 .left .text{ font-size: 14px; line-height: 2; margin-bottom: 20px;}
.about1 .center2{ margin: 100px auto 80px; text-align: center;}
.aboutKentier .introduce{ overflow: hidden;}
.aboutKentier .introduce .right{ width: 500px; overflow: hidden;}
.aboutKentier .introduce .right p{font-size: 14px; line-height: 2; margin-bottom: 20px;}
.listA{ padding: 90px 0; position: relative; overflow: hidden; background-color: #F1F1F1;}
.listA img{ float: left; margin-right: 40px;}
.listA .name{ width: 450px; height: 350px; float: left;}
.listA .name .title{ font-size: 27px; margin: 50px 0 30px; line-height: 60px; color: #003D96;}
.listA .name .title span{ width: 30px; height: 3px; background-color: #ebc107; display: block; margin-top: 20px;}
.listA .name .text{ font-size: 26px; color: #000000; line-height: 40px;}
.listB{ padding: 90px 0; position: relative; overflow: hidden; background-color: #FFFFFF;}
.listB img{ float: right; display: block;}
.listB .name{ width: 450px; height: 350px; float: left;}
.listB .name .title{ font-size: 27px; margin: 50px 0 30px; line-height: 60px; color: #003D96;}
.listB .name .title span{ width: 30px; height: 3px; background-color: #ebc107; display: block; margin-top: 20px;}
.listB .name .text{ font-size: 26px; color: #000000; line-height: 40px;}
.development{ width: 100%; height: 2100px; background: url(../img/about1-11.jpg) no-repeat center; background-size: 100% 100%; overflow: hidden;}
.development .aboutlc{ width: 1200px; margin: 0 auto; overflow: hidden; position: relative; padding: 50px 0 150px;}
.development .aboutlc .line{ width: 1px; height: 100%; background-color: #69625c; position: absolute; left: 50%; top: 0; z-index: 1;}
.development .list{ padding: 40px 0 0; margin-top: -20px; position: relative; z-index: 9; overflow: hidden;}
.development .list .yearbg{ width: 619px;}
.development .list .year{ font-size: 36px; color: #013d97; line-height: 40px;}
.development .list .text{ font-size: 22px; color: #000000; line-height: 28px; margin-top: 10px;}
.tl{ text-align: left;}
.tr{text-align: right;}
.development .list .left img{ margin: 10px 0 -10px 10px;}
.ml3{margin-left: 3px !important;}
.mr3{margin-right: 3px !important;}
.mt45{ margin-top: 45px;}
.development .list .picbg{ width: 617px; margin-top: -70px;}
.development .list .picbg img{ margin-right: 10px;}
.development .list .picbg img.lc{ margin-top: -100px;}
.development .swiper-button-next{ width: 40px; height: 40px; background: url(../img/right.png) no-repeat center; background-size: 100% 100%; position: absolute; bottom: 50px; top: auto; right: 450px;}
.development .swiper-button-prev{ width: 40px; height: 40px; background: url(../img/left.png) no-repeat center; background-size: 100% 100%; position: absolute; bottom: 50px; top: auto; left: 450px;}
.video{ background-color: #dee1e1; overflow: hidden;}
.video .main{ position: relative; overflow: initial;}
.video .left{ position: relative; margin:80px 0;}
.video .left .videoMp4{ width: 608px; height: 325px; position: absolute; left: 25px; top: 25px;}
.video .right{ position: absolute; right: 0; top: -50px;}
.video .right img{ margin-bottom: 30px;}
.about2-banner{ width: 100%; height: 410px; background: url(../img/about2-1.jpg) no-repeat center; overflow: hidden;}
.about2-3{ width: 100%; height: 999px; background: url(../img/about2-3-bj.jpg) no-repeat center; margin: 90px auto 0; overflow: hidden;}
.historycon .swiper-container {width: 1200px; margin:290px auto 0;}
.historycon .imgbox { width:701px; height:498px; float:left; display: block;}
.historycon .imgbox img{ max-width: 701px; max-height: 498px; display: block; margin: 0 auto;}
.historycon .info { width:398px; float:left; margin: 50px; font-size:12px; line-height:18px; color:#fff;}
.historycon .info p{ font-size: 28px; color: #221815; line-height: 60px; text-align: center;}
.historycon .arrow-left { background:url(../img/left.png) no-repeat center;position: absolute; right: 300px;bottom: 100px;width: 40px;height: 40px;z-index: 10;}
.historycon .arrow-right {background:url(../img/right.png) no-repeat center;position: absolute; right:100px;bottom: 100px;width: 40px;height: 40px;z-index: 10;}

.Dateline {width: 100%;position: relative; background:url(../img/dateLine.png) no-repeat center; height:205px; margin-top: 20px;}
.Dateline .swiper-container {margin: 0 0 0 0;}
.Dateline .swiper-slide { cursor:pointer; width:14.3%;}
.Dateline .swiper-slide img{ width: 104px; height: 75px; display: block; margin: 0 auto;}
.Dateline .swiper-slide span{ display:block; color:#221815; font-size:12px; line-height:20px; padding-top:48px; text-align: center;}
/* .Dateline .swiper-slide.active-nav span{ color:#D0B174; background:url(../img/dateon.png) center 21px no-repeat;} */
.Dateline .arrow-left { background:url(../img/right.png) no-repeat center;position: absolute; right: 100px;top: -120px;width: 50px;height: 50px;z-index: 10; display: none;}
.Dateline .arrow-right {background:url(../img/left.png) no-repeat center;position: absolute; right: 300px;top: -120px;width: 50px;height: 50px;z-index: 10; display: none;}
.about2 .center{ display: none;}
.about2-4{ width: 100%; height: 860px; background: url(../img/about2-4-bj.jpg) no-repeat center; overflow: hidden;}
.about2-4 .listItem{ width: 1215px; margin: 257px auto 0; overflow: hidden; position: relative; height: 450px;}
.about2-4 .listItem .swiper-container{ width: 1200px; margin: 0 auto;}
.about2-4 .listItem .swiper-wrapper{ width: 1200px; margin: 0 auto;}
.about2-4 .listItem .swiper-slide{width: 390px; height: 355px; background-color: #FFFFFF; overflow: hidden; float: left; margin-right: 15px;}
.about2-4 .listItem .swiper-slide img{ width: 390px; height: 220px;}
.about2-4 .listItem .swiper-slide p{ width: 330px; margin: 20px auto; font-size: 14px; line-height: 26px;}
.about2-4 .listItem .swiper-button-next{ width: 40px; height: 40px; background: url(../img/right.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 420px; right: 450px;}
.about2-4 .listItem .swiper-button-prev{ width: 40px; height: 40px; background: url(../img/left.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 420px; left: 450px;}
.about3 .center{ margin: 120px 150px; text-align: center;}
.about3 .mb10{ overflow: hidden;}
.about3 .mb10 p{ margin: 150px 50px 0; font-size: 18px; color: #000000; line-height: 40px;}
.about3 .mb10 span{ font-size: 14px; color: #221815; margin: 10px 50px; display: block; width: 418px; line-height: 28px;}
.about3 .about3-1{ font-size: 14px; color: #000000; line-height: 26px; margin: 0 0 50px 80px; display: block;}
.about4 .center{ margin: 120px 150px 60px; text-align: center;}
.about5 .about4-introduce{ font-size: 14px; color: #221815; line-height: 30px; text-indent: 2em; display: block; margin-bottom: 30px;}
.about4-1{ margin-bottom: 60px; background-color: #FFFFFF;}
.about4-1 .left{ width: 446px; height: 428px; padding: 0 35px; background-color: #FFFFFF; overflow: hidden;}
.about4-1 .left p{ font-size: 18px; color: #003d96; line-height: 40px; margin-top: 40px; margin-bottom: 10px;}
.about4-1 .left span{ font-size: 14px; color: #000000; line-height: 26px; display: block; margin-bottom: 20px;}
.about4-2{ position: relative; margin-bottom: 100px;}
.about4-2 .swiper-container{ width: 1215px; margin: 0 auto; height: 600px; overflow: hidden; position: relative;}
.about4-2 .swiper-wrapper{ width: 1200px; margin: 0 auto;}
.about4-2 .swiper-slide{width: 390px; height: 560px; overflow: hidden; float: left; margin-right: 15px;}
.about4-2 .swiper-slide img{ width: 390px; height: 302px;}
.about4-2 .swiper-slide p{ width: 330px; margin: 20px auto; font-size: 14px; line-height: 26px; text-align: center; display: block;}
.about4-2 .swiper-button-next{ width: 40px; height: 40px; background: url(../img/right.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 580px; right: 450px;}
.about4-2 .swiper-button-prev{ width: 40px; height: 40px; background: url(../img/left.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 580px; left: 450px;}
.about4-3{ width: 100%; height: 728px; background-color: #e2e2e2; overflow: hidden; position: relative;}
.about4-3 .swiper-container{ width: 1215px; margin: 0 auto; height: 200px; overflow: hidden; position: relative;}
.about4-3 .swiper-wrapper{ width: 1200px; margin: 0 auto;}
.about4-3 .swiper-slide{width: 100%; height: 200px; overflow: hidden; float: left; margin-right: 15px;}
.about4-3 .swiper-slide img{ width: 283px; height: 200px; float: left; margin-right: 40px;}
.about4-3 .swiper-slide .text{ width: 877px; float: left;}
.about4-3 .swiper-slide .text .title{ font-size: 18px; line-height: 30px; color: #003d96;}
.about4-3 .swiper-slide .text .line{ width: 40px; height: 2px; background-color: #003d96; overflow: hidden; margin-bottom: 20px;}
.about4-3 .swiper-slide .text .time{ font-size: 14px; color: #000; line-height: 28px; display: block; margin-bottom: 10px;}
.about4-3 .swiper-slide .text .news-body{ font-size: 14px; color: #000000; line-height: 30px;}
.about4-3 .swiper-button-next{ width: 40px; height: 40px; background: url(../img/right.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 560px; right: 450px;}
.about4-3 .swiper-button-prev{ width: 40px; height: 40px; background: url(../img/left.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 560px; left: 450px;}
.about5 .center{ margin: 120px 150px 60px; text-align: center;}
.about5-1{ width: 100%; height: 1118px; overflow: hidden; background: url(../img/about5-1.jpg) no-repeat center;}
.about5-1 .body{ margin: 150px auto 0; overflow: hidden;}
.about5-1 .body .text{ width: 308px; padding: 0 30px; margin-top: 80px; float: left;}
.about5-1 .body .text .title{ font-size: 18px; color: #221815; line-height: 30px; margin-bottom: 10px;}
.about5-1 .body .text .txt{ font-size: 14px; color: #221815; line-height: 26px;}
.about5-1 .body img{ width: 832px; float: right;}
.about5-2{ width: 1200px; overflow: hidden; position: relative;}
.about5-2 .swiper-container{ width: 1215px; margin: 0 auto; height: 650px; overflow: hidden; position: relative;}
.about5-2 .swiper-wrapper{ width: 1200px; margin: 0 auto;}
.about5-2 .swiper-slide{width: 292px; height: 560px; background-color: #FFFFFF; overflow: hidden; margin-right: 11px; position: relative;}
.about5-2 .swiper-slide img{ width: 292px; height: 368px;}
.about5-2 .swiper-slide .text{ width: 252px; padding: 0 20px;}
.about5-2 .swiper-slide .text .title{ font-size: 16px; line-height: 30px; color: #003d96; margin: 20px 0 10px;}
.about5-2 .swiper-slide .text .txt{ font-size: 14px; color: #000000; line-height: 20px;}
.about5-2 .swiper-slide .hover{ width: 272px; padding: 0 10px; height: 210px; background-color: #003d96; position: absolute; left: 0; bottom: 0; display: none;}
.about5-2 .swiper-slide .hover .title{ font-size: 16px; line-height: 30px; color: #FFFFFF; margin: 20px 0 10px;}
.about5-2 .swiper-slide .hover .txt{ font-size: 14px; color: #FFFFFF; line-height: 20px;}
.about5-2 .swiper-slide:hover .hover{ display: block;}
.about5-2 .swiper-button-next{ width: 40px; height: 40px; background: url(../img/right.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 600px; right: 450px;}
.about5-2 .swiper-button-prev{ width: 40px; height: 40px; background: url(../img/left.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 600px; left: 450px;}
.about5-3{ width: 1200px; overflow: hidden; position: relative;}
.about5-3 .swiper-container{ width: 1215px; margin: 0 auto; height: 600px; overflow: hidden; position: relative;}
.about5-3 .swiper-wrapper{ width: 1200px; margin: 0 auto;}
.about5-3 .swiper-slide{width: 292px; height: 500px; background-color: #FFFFFF; overflow: hidden; margin-right: 11px; position: relative;}
.about5-3 .swiper-slide img{ width: 292px; height: 368px;}
.about5-3 .swiper-slide .text{ width: 252px; padding: 0 20px;}
.about5-3 .swiper-slide .text .title{ font-size: 16px; line-height: 30px; color: #003d96; margin: 20px 0 10px;}
.about5-3 .swiper-slide .text .txt{ font-size: 14px; color: #000000; line-height: 20px;}
.about5-3 .swiper-slide .hover{ width: 272px; padding: 0 10px; height: 210px; background-color: #003d96; position: absolute; left: 0; bottom: 0; display: none;}
.about5-3 .swiper-slide .hover .title{ font-size: 16px; line-height: 30px; color: #FFFFFF; margin: 20px 0 10px;}
.about5-3 .swiper-slide .hover .txt{ font-size: 14px; color: #FFFFFF; line-height: 20px;}
.about5-3 .swiper-slide:hover .hover{ display: block;}
.about5-3 .swiper-button-next{ width: 40px; height: 40px; background: url(../img/right.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 560px; right: 450px;}
.about5-3 .swiper-button-prev{ width: 40px; height: 40px; background: url(../img/left.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 560px; left: 450px;}
.about5-4{ width: 1200px; overflow: hidden; position: relative;}
.about5-4 .swiper-container{ width: 1215px; margin: 0 auto; height: 1000px; overflow: hidden; position: relative;}
.about5-4 .swiper-wrapper{ width: 1200px; margin: 0 auto;}
.about5-4 .swiper-slide{width: 100%; height: 786px; overflow: hidden; float: left; margin-right: 15px;}
.about5-4 .swiper-slide img{ width: 1200px; height: 786px; float: left; margin-right: 40px;}
.about5-4 .swiper-button-next{ width: 40px; height: 40px; background: url(../img/right.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 860px; right: 450px;}
.about5-4 .swiper-button-prev{ width: 40px; height: 40px; background: url(../img/left.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 860px; left: 450px;}

.prohead{ width: 100%; height: 70px; background-color: #EFEFEF; overflow: hidden;}
.prohead p{ font-size: 14px; color: #000000; line-height: 70px;}
.prohead p a{ margin-right: 5px;}
.list-shop #list-shop li .imgs .title .texts{text-align: center; font-size: 16px; line-height: 70px;width: 352px;}
.productTab{ width: 1200px; height: 74px; overflow: hidden; margin: -74px auto 0; position: relative; z-index: 999;}
.productTab .tabTop{ width: 1080px; padding: 0 80px; height: 74px; background-color: #003d96; overflow: hidden; display: flex; border-radius: 10px;}
.productTab .tabTop .icon0{ width: 24px ; height: 24px; background: url(../img/proicon1.png) no-repeat center; display: inline-flex; margin-right: 10px;}
.productTab .tabTop .on .icon0{ background: url(../img/proicon1h.png) no-repeat center;}
.productTab .tabTop .icon1{ width: 22px ; height: 37px; background: url(../img/proicon2.png) no-repeat center; display: inline-flex; margin-right: 10px;}
.productTab .tabTop .on .icon1{ background: url(../img/proicon2h.png) no-repeat center;}
.productTab .tabTop .icon2{ width: 16px ; height: 30px; background: url(../img/proicon3.png) no-repeat center; display: inline-flex; margin-right: 10px;}
.productTab .tabTop .on .icon2{ background: url(../img/proicon3h.png) no-repeat center;}
.productTab .tabTop .icon3{ width: 23px ; height: 25px; background: url(../img/proicon4.png) no-repeat center; display: inline-flex; margin-right: 10px;}
.productTab .tabTop .on .icon3{ background: url(../img/proicon4h.png) no-repeat center;}
.productTab .tabTop .icon4{ width: 29px ; height: 25px; background: url(../img/proicon5.png) no-repeat center; display: inline-flex; margin-right: 10px;}
.productTab .tabTop .on .icon4{ background: url(../img/proicon5h.png) no-repeat center;}
.productTab .tabTop .list{ font-size: 24px; color: #FFFFFF; line-height: 54px; margin: 10px 0; flex: 1; text-align: center; cursor: pointer;}
.productTab .tabTop .list.on{ color: #facc00;}
.product .tabBot{ width: 100%; padding: 0; height: 112px; background-color: #FFFFFF; display: flex; margin: 30px auto 0; justify-content:center; flex-wrap:wrap;}
.product .tabBot .list{ font-size: 16px; margin: 10px; color: #221815; line-height: 32px; height: 32px; background-color: #F1F1F1; border-radius: 5px; text-align: center; padding: 0 20px; cursor: pointer;}
.product .tabBot .list.on{ color: #FFFFFF; background-color: #003D96;}
.product{ width: 100%; overflow: hidden; background-color: #FFFFFF;}
@media screen and (min-width: 720px){
	.list-shop #list-shop li:nth-child(3n) {
	margin-right:0
	}
}
.cp-menu {
	position:relative;
	margin:0 auto;
	margin-top:70px;
	margin-bottom:30px
}
.cp-menu:after {
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	clear:both
}
.cp-menu:before {
	left:25px;
	right:25px;
	top:-20px;
	bottom:-20px;
	content:"";
	position:absolute;
	background:#fff
}
.cp-menu dt {
	position:relative;
	z-index:2
}
.cp-menu dt:after {
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	clear:both
}
.cp-menu dt:before {
	position:absolute;
	left:50%;
	width:10px;
	margin-left:-5px;
	height:100%;
	background:#fff;
	content:"";
	top:0
}
.cp-menu dt a {
	width:50%;
	float:left;
	display:block;
	text-align:center;
	line-height:120px;
	font-size:24px;
	color:#333;
	background:#c2c2c2;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s
}
.cp-menu dt a.this {
	background:#d5a976;
	color:#fff
}
.cp-menu dd {
	z-index:2;
	position:relative
}
.cp-menu dd .cp-menu-dd {
	display:none
}
.cp-menu dd .cp-menu-dd:nth-child(1) {
display:block
}
.cp-menu dd ul {
	padding:36px 25px 6px 25px;
	display:box;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex
}
.cp-menu dd ul li {
	-moz-box-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
	-moz-flex:1;
	-ms-flex:1;
	-webkit-flex:1;
	flex:1;
	text-align:center;
	border-right:1px solid #efefef
}
.cp-menu dd ul li.this a {
	position:relative;
	color:#d5a976
}
.cp-menu dd ul li.this a:after {
	width:100%;
	height:4px;
	background:#d5a976;
	content:"";
	position:absolute;
	left:0;
	bottom:-80px
}
.cp-menu dd ul li a {
	color:#909090;
	display:block
}
.cp-menu dd ul li a:hover {
	color:#d5a976
}
.cp-menu dd ul li:last-child {
	border-right:none
}
.cp-menu dd ul li i {
	font-size:52px;
	font-weight:400;
	width: 52px;
	height: 52px;
	margin: 0 auto;
	display: block;
	line-height: 52px;
}
.cp-menu dd ul li h5 {
	padding:.1px 0;
	font-weight: normal;
}
.list-shop {
	margin:0 auto;
	margin-top:40px;
	margin-bottom:70px;
	overflow:hidden;
	clear:both;
	position:relative
}
.list-shop #list-shop {
	padding:30px 0
}
.list-shop #list-shop:after {
	content:"";
	display:block;
	width:100%;
	overflow:hidden;
	clear:both
}
.list-shop #list-shop li {
	float:left;
	width:32%;
	margin-right:2%;
	position:relative;
	margin-top:2%;
	overflow:hidden
}
.list-shop #list-shop li .imgs {
	text-align:center
}
.list-shop #list-shop li .imgs img {
	width:100%;
	float: left;
	margin-top: 3px; height:255px;
}
.list-shop #list-shop li a {
	color:#B3B3B3;
	display:block
}

.list-shop #list-shop li .txt {
	text-align:center;
	color:#fff;
	z-index:3;
	position:absolute;
	vertical-align:middle;
	left:0;
	top:50%;
	width:100%;
	margin-top:-31px;
	display:none
}
.list-shop #list-shop li .txt .img {
	margin-top:.05px
}
.wd {
    width: 1200px;
}
.arc-shop .w1200 {
	background:#fff
}
.arc-shop .img {
	padding:32px;
	position:relative
}
.arc-shop .img .swiper-button-prev {
	right:105%;
	left:auto
}
.arc-shop .img .swiper-button-next {
	left:105%
}
.arc-shop .img .swiper-button-white {
	height:130px;
	width:54px;
	background-color:rgba(0, 0, 0, .2)
}
.arc-shop .img .swiper-button-white:hover {
	background-color:#d5a976
}
.arc-shop .img .pagination {
	width:100%;
	text-align:center
}
.arc-shop .img .pagination span {
	margin-right:6px
}
.arc-shop .pr-left, .arc-shop .pr-right, .arc-shop .slider-arrow {
	position:absolute;
	opacity:.5;
	top:50%;
	cursor:pointer;
	margin-top:-65px;
	width:54px;
	height:130px;
	background:url(../images/arc-shop-zy.jpg);
	display:block;
	background-color:#d5a976
}
.arc-shop .slider-arrow--left:hover, .arc-shop .slider-arrow--right:hover {
	opacity:1;
	background-color:#d5a976
}
.arc-shop .pr-left, .arc-shop .slider-arrow--left {
	right:100%;
	left:auto
}
.arc-shop .pr-right, .arc-shop .slider-arrow--right {
	left:100%;
	background-position:-54px 0
}
.arc-shop .slider-nav {
	bottom:-10px
}
.arc-shop .slider-nav__item {
	width:8px;
	height:8px
}
.arc-shop-body {
	padding:32px;
	border-bottom:1px solid #e5e5e5
}
.arc-shop-body:after {
	content:"";
	display:block;
	width:100%;
	clear:both;
	overflow:hidden
}
.arc-shop-body .txt {
	font-size:30px
}
.arc-shop-body p {
	font-size:16px;
	padding:20px 0;
	max-width:675px
}
.bjhs {
    background: #f4f4f4;
}
.list-shop #list-shop li .imgs .title{float: left;width: 367px;color:#272727;height: 70px;border:1px solid #D2D3D5;padding-left:15px;text-align: left;background: #fff;}
.list-shop #list-shop li .imgs .title span{font-size: 16px;line-height: 30px; height: 30px; overflow: hidden; float: left;width: 100%;margin-top:5px;}
.list-shop #list-shop li .imgs .title p{font-size: 14px;line-height: 30px;float: left;width: 100%;}
.list-shop #list-shop li .imgs .title p em{float: right;margin-right:10px;font-style:normal;line-height: 30px;}

.list-shop #list-shop li .txt .more {
	margin-top:10px;
	text-transform:Uppercase;
	border:1px solid #fff;
	zoom:1;
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	padding:5px 30px;
	background: none;
	width: 104px;
	height: 31px;
}
.more{ color: #5d5d5d; font-size: 14px; border: none; background: none; display: block; margin: 30px auto 50px;}
.more img{ display: inline-block; margin-left: 15px;}

.product-detail{ width: 100%; margin: 85px auto; overflow: hidden;}
.product-detail .left{ width: 600px; float: left; display: block;}
.product-detail .right{ width: 512px; float: right; overflow: hidden;}
.product-detail .right h5{ font-size: 18px; color: #000000; line-height: 60px; width: 512px; border-bottom: 1px solid #f1f1f1;}
.product-detail .right p{ font-size: 14px; color: #000000; line-height: 60px; width: 512px; border-bottom: 1px solid #f1f1f1;}
.product-detail .picList{ position: relative;}
.product-detail .picList .swiper-container{ overflow: hidden; position: relative; width: 401px; margin-top: 50px;}
.product-detail .picList .swiper-wrapper{ width: 1000000px; margin: 0 auto; overflow: hidden;}
.product-detail .picList .swiper-slide{width: 100%; overflow: hidden; float: left;}
.product-detail .picList .swiper-slide img{ width: 193px; height: 145px; float: left;}
.product-detail .picList .swiper-button-next{ width: 40px; height: 40px; background: url(../img/right.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50px; right: 0;}
.product-detail .picList .swiper-button-prev{ width: 40px; height: 40px; background: url(../img/left.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50px; left: 0;}
.product-body{ margin: 70px auto 150px; overflow: hidden;}
.product-body .line{ width: 50px; height: 2px; background-color: #003D96; margin-bottom: 60px; overflow: hidden;}
.product-body h4{ font-size: 18px; color: #000000;}
.product-body .text{ font-size: 14px; color: #000000; line-height: 26px; display: block;}
.product-body img{ max-width:100%;}
.product-detail .back{ display: block; float: right;}
.product-detail .proBot{ width: 100%; border-top: 1px solid #f1f1f1; margin: 20px auto 100px; overflow: hidden;}
.product-detail .proBot.left,.product-detail .proBot .right{ width: 600px;}
.product-detail .proBot a{ font-size: 14px; color: #000000; line-height: 60px;}
.product-detail .proBot .right{ text-align: right;}

.join1{ width: 100%; height: 1562px; overflow: hidden; background: url(../img/join1bg.jpg) no-repeat center;}
.join1 h4{ font-size: 40px; color: #000000; line-height: 80px; margin: 60px auto 40px; text-align: center; font-weight: normal;}
.join1 h4 span{ width: 40px; height: 1px; background-color: #003D96; display: block; margin: 0 auto;}
.mainJoin{ width: 1350px; overflow: hidden; margin: 0 auto;}
.join1 .listItem{ width: 1410px; overflow: hidden; margin: 100px auto 0;}
.join1 .listItem .list{ width: 410px; height: 560px; margin: 0 60px 80px 0; overflow: hidden; background-color: #FFFFFF; float: left; position: relative; border-radius: 5px;}
.join1 .listItem .list .title{ width: 300px; margin: 30px auto; padding-bottom: 30px; border-bottom: 1px dashed #C1C1C1; overflow: hidden; font-size: 32px; color: #003180; line-height: 45px;}
.join1 .listItem .list .title img{ width: 45px; height: 45px; float: left; margin-right: 20px;}
.join1 .listItem .list .title span{ float: left;}
.join1 .listItem .list .text{ width: 300px; margin: 0 auto; font-size: 14px; line-height: 40px; color: #777777;}
.join1 .listItem .list .text span{ font-size: 24px; line-height: 40px; color: #777777; display: block;}
.join1 .listItem .list .img{ position: absolute; left: 0; bottom: 0; width: 410px; display: block;}
.join1 .listItem .list .img2{ width: 410px; display: block;}
.join2{ width: 100%; height: 1291px; overflow: hidden; background: url(../img/join2bg.jpg) no-repeat center;}
.join2 h4{ font-size: 40px; color: #FFFFFF; line-height: 80px; margin: 120px auto 60px; text-align: center; font-weight: normal;}
.join2 h4 span{ width: 40px; height: 1px; background-color: #facc00; display: block; margin: 0 auto;}
.join2 .join2List{ position: relative; margin: 100px auto 0;}
.join2 .join2List .swiper-container{ overflow: hidden; position: relative; width: 1215px; margin: 50px auto;}
.join2 .join2List .swiper-wrapper{ width: 1000000px; margin: 0 auto; overflow: hidden;}
.join2 .join2List .swiper-slide{width: 100%; overflow: hidden; float: left;}
.join2 .join2List .list{ width: 594px; height: 390px; display: block; float: left; position: relative; margin-bottom: 27px; border-radius: 10px;}
.join2 .join2List .list:nth-child(odd){ margin-right: 27px;}
.join2 .join2List .list img{ width: 594px; display: block; max-height: 390px; border-radius: 10px;}
.join2 .join2List .list .title{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #f2f1ed; height: 40px; width: 100%; text-align: center; font-size: 20px; color: #003d96; line-height: 40px; position: absolute; right: 0; bottom: 0;}
.join2 .join2List .swiper-button-next{ width: 26px; height: 42px; background: url(../img/join-right.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 350px; right: 0;}
.join2 .join2List .swiper-button-prev{ width: 26px; height: 42px; background: url(../img/join-left.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 350px; left: 0;}
.join3{ width: 100%; height: 2078px; overflow: hidden; background: url(../img/join3bg.jpg) no-repeat center;}
.join3 h4{ font-size: 40px; color: #000000; line-height: 80px; margin: 60px auto 80px; text-align: center; font-weight: normal;}
.join3 h4 span{ width: 40px; height: 1px; background-color: #003D96; display: block; margin: 0 auto;}
.mainJoin2{ width: 1407px; margin: 0 auto;}
.join3 .listItem .list{ width: 439px; height: 515px; float: left; margin: 0 30px 90px 0; background: url(../img/join3Listbg.png) no-repeat center; overflow: hidden;}
.join3 .listItem .list .title{ font-size: 32px; color: #facc00; line-height: 80px; text-align: center; margin: 0 auto;}
.join3 .listItem .list .text{ font-size: 16px; color: #000000; height: 80px; line-height: 40px; margin-top: 20px; text-align: center;}
.join3 .listItem .list img{ margin: 60px auto 0; display: block;}
.join4{ width: 100%;}
.join4 h4{ font-size: 40px; color: #000000; line-height: 80px; margin: 60px auto 80px; text-align: center; font-weight: normal;}
.join4 h4 span{ width: 40px; height: 1px; background-color: #003D96; display: block; margin: 0 auto;}
.join4 .join4List{ position: relative;}
.join4 .join4List .list{ width: 1350px; overflow: hidden;}
.join4 .join4List .list .left{ width: 262px; height: 576px; overflow: hidden; background-color: #FFFFFF;}
.join4 .join4List .list .left img{ width: 262px; height: 296px; overflow: hidden;}
.join4 .join4List .list .left .name{ font-size: 18px; color: #000000; line-height: 30px; margin: 10px 20px;}
.join4 .join4List .list .left .line{ width: 30px; height: 2px; background-color: #003180; margin:0 20px 20px;}
.join4 .join4List .list .left .text{ font-size: 16px; color: #221815; line-height: 22px; margin: 20px;}
.join4 .join4List .list .right{ width: 1040px; height: 575px; float: right;}
.join4 .join4List .list .right .questionList{ width: 1040px; border-bottom: 1px solid #000000; margin-bottom: 50px;}
.join4 .join4List .list .right .questionList .question{ overflow: hidden; margin-bottom: 20px;}
.join4 .join4List .list .right .questionList .question .imgleft{ float: left; margin: 30px 0; display: block;}
.join4 .join4List .list .right .questionList .question p{ width: 950px; font-size: 16px; color: #003180; line-height: 120px; border-bottom: 1px dashed #C1C1C1; float: right;}
.join4 .join4List .list .right .questionList .answer{ overflow: hidden; padding-bottom: 30px;}
.join4 .join4List .list .right .questionList .answer .imgleft{ float: left;}
.join4 .join4List .list .right .questionList .answer p{ width: 950px; font-size: 14px; color: #000000; line-height: 24px; float: right; margin-top: 20px;}
.join4 .join4List .swiper-container{ overflow: hidden; position: relative; width: 1350px; margin: 50px auto; padding-bottom: 100px;}
.join4 .join4List .swiper-wrapper{ width: 1000000px; margin: 0 auto;}
.join4 .join4List .swiper-slide{width: 100%; overflow: hidden; float: left;}
.join4 .join4List .swiper-button-next{ width: 40px; height: 40px; background: url(../img/right.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 1800px; right: 450px;}
.join4 .join4List .swiper-button-prev{ width: 40px; height: 40px; background: url(../img/left.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 1800px; left: 450px;}
.join5{ width: 100%; height: 715px; background: url(../img/join5bg.jpg) no-repeat center; overflow: hidden;}
.join5 h4{ font-size: 28px; color: #F1F1F1; line-height: 60px; margin: 60px auto 80px; text-align: center; font-weight: normal; text-transform: uppercase;}
.join5 h4 p{ font-size: 26px; color: #facc00; line-height: 60px; text-align: center; font-weight: normal;}
.join5 h4 span{ width: 40px; height: 1px; background-color: #FFFFFF; display: block; margin: 0 auto;}
.join5 .left{ width: 880px; float: left; overflow: hidden;}
.join5 .left .list1{ width: 250px; float: left; margin-right: 30px;}
.join5 .left p{ font-size: 18px; color: #FFFFFF; line-height: 30px; margin-bottom: 10px;}
.join5 .left input{ width: 230px; height: 60px; padding: 0 10px; background-color: #dde4f0; opacity: .8; border: none;}
.join5 .left .list2{ width: 320px; float: left;}
.join5 .left .list2 select{ width: 160px; float: left; height: 60px; padding: 0 10px; background-color: #dde4f0; opacity: .8; border: none;}
.join5 .left .list3{ width: 880px; overflow: hidden; margin-top: 145px;}
.join5 .left .list3 textarea{ width: 860px; height: 100px; padding: 5px 10px; background-color: #dde4f0; opacity: .8; border: none;}
.join5 .left .subbtn{ width: 314px; height: 60px; background-color: #d7ba24; font-size: 16px; text-align: center; display: block; color: #FFFFFF; margin-top: 40px;}
.join5 .right{ margin-top: 40px;}


.serve{ display: none;}
.serve1{ width: 100%; background-color: #FFFFFF; overflow: hidden;}
.serve1 h4{ font-size: 26px; color: #000000; line-height: 60px; text-align: center; margin: 60px auto 80px; font-weight: normal;}
.serve1 h4 span{ width: 40px; height: 1px; background-color: #003D96; display: block; margin: 0 auto;}
.serve1 .questionList{ width: 1200px; border-bottom: 1px solid #000000; margin-bottom: 50px;}
.serve1 .questionList .question{ overflow: hidden; margin-bottom: 20px;}
.serve1 .questionList .question .imgleft{ float: left; margin: 30px 0; display: block;}
.serve1 .questionList .question p{ width: 1100px; font-size: 16px; color: #003180; line-height: 120px; border-bottom: 1px dashed #C1C1C1; float: right;}
.serve1 .questionList .answer{ overflow: hidden; padding-bottom: 60px;}
.serve1 .questionList .answer .imgleft{ float: left;}
.serve1 .questionList .answer p{ width: 1100px; font-size: 14px; color: #000000; line-height: 24px; float: right; margin-top: 10px;}
.serve1-2{ border-bottom: 1px solid #000000; padding-bottom: 80px; overflow: hidden;}
.serve1-2 .left{ width: 700px;}
.serve1-2 .left p{ font-size: 14px; color: #000000; line-height: 40px; margin-bottom: 10px;}
.serve1-2 .left p span{ width: 8px; height: 8px; margin: 16px 10px; background-color: #003180; border-radius: 8px; float: left;}
.serve1-2 .right{ margin: 0 70px; display: block;}
.serve1-3{padding-bottom: 80px; overflow: hidden;}
.serve1-3 p{ font-size: 14px; color: #000000; line-height: 40px; margin-bottom: 10px;}
.serve1-3 p span{ width: 8px; height: 8px; margin: 16px 10px; background-color: #003180; border-radius: 8px; float: left;}
.serve1-3 img{ margin-top: 50px; display: block;}
.serve2{ width: 100%; background-color: #FFFFFF; overflow: hidden;}
.serve2 h4{ font-size: 26px; color: #000000; line-height: 60px; text-align: center; margin: 40px auto 60px; font-weight: normal;}
.serve2 h4 span{ width: 40px; height: 1px; background-color: #003D96; display: block; margin: 0 auto;}
.serve2-1 .left{ width: 900px; float: left;}
.serve2-1 .left .list{ margin-bottom: 30px; overflow: hidden;}
.serve2-1 .left .list img{ float: left;}
.serve2-1 .left .list p{ font-size: 14px; color: #000000; line-height: 30px; padding-top: 20px; border-top: 1px dashed #979797; width: 800px; float: left; margin-left: 30px;}
.serve2-2{ overflow: hidden; margin-top: 20px; margin-bottom: 100px;}
.serve2-2 .title{ font-size: 18px; color: #003D96; line-height: 50px; font-weight: bold; display: block;}
.serve2-2 .text{ font-size: 14px; color: #000000; line-height: 26px; display: block;}
.serve2-2 img{ margin: 20px 0; display: block;}


.news{ margin: 50px 0;}
.news .list{ width: 100%; padding: 60px 0; border-bottom: 1px solid #f1f1f1; overflow: hidden; display: block;}
.news .list .left{ width: 283px; height: 199px; float: left;}
.news .list .right{ width: 880px; float: right;}
.news .list .right .title{ font-size: 32px; color: #003d96; line-height: 40px; margin-bottom: 10px;}
.news .list .right .line{ width: 40px; height: 2px; background-color: #003D96; display: block; margin-bottom: 20px;}
.news .list .right .time{ color: #090103; font-size: 14px; line-height: 40px;}
.news .list .right .text{ font-size: 14px; color: #000000; line-height: 32px;}

.news-detail{ width: 1200px; margin: 50px auto; box-shadow: 0px 0px  10px 5px #DDDDDD; padding: 40px 85px; display: block;}
.news-detail .title{ font-size: 26px; color: #003D96; line-height: 50px; text-align: center;}
.news-detail .line{ width: 60px; height: 2px; background: #003D96; margin: 0 auto 20px;}
.news-detail .time{ font-size: 14px; color: #090103; line-height: 30px; display: block; margin-bottom: 30px; text-align: center;}
.news-detail .newline{ width: 100%; height: 1px; background-color: #f1f1f1; overflow: hidden;}
.news-detail .newsbody{ width: 100%; margin: 50px auto; overflow: hidden;}
.news-detail .newsbody img{ max-width:100%; display:block; margin:10px auto; }
.news-detail .back{ display: block; float: right; margin-bottom: 30px;}
.news-detail .newsBot{ width: 100%; border-top: 1px solid #f1f1f1; margin: 20px auto 0; overflow: hidden;}
.news-detail .newsBot.left,.news-detail .newsBot .right{ width: 600px;}
.news-detail .newsBot a{ font-size: 14px; color: #000000; line-height: 60px;}
.news-detail .newsBot .right{ text-align: right;}

.contact{ display: none;}
.contact1{ width: 100%; background-color: #FFFFFF; overflow: hidden;}
.contact1 h4{ font-size: 26px; color: #000000; line-height: 60px; text-align: center; margin: 60px auto 40px; font-weight: normal;}
.contact1 h4 span{ width: 40px; height: 1px; background-color: #003D96; display: block; margin: 0 auto;}
.contact1 .second{ font-size: 14px; color: #000000; line-height: 40px; display: block; margin: 0 auto 60px; text-align: center;}
.contact1 .recruitList{ width: 100%; height: 70px; background-color: #f1f1f1; border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; margin-bottom: 20px;}
.contact1 .recruitList span{ width: 40px; height: 40px; background-color: #003180; font-size: 20px; line-height: 40px; text-align: center; color: #FFFFFF; display: block; float: left; margin: 15px;}
.contact1 .recruitList .recruitName{ font-size: 18px; color: #7a7a7a; line-height: 70px; margin-left: 50px;}
.contact1 .recruit-detail{ width: 94%; padding: 0 3%; overflow: hidden; background-color: #FFFFFF; display: none;}
.contact1 .recruit-detail .title{ font-size: 28px; color: #000000; line-height: 50px; margin: 40px auto 20px;}
.contact1 .recruit-detail .list{ background-color: #f1f1f1; overflow: hidden; padding: 20px 0;}
.contact1 .recruit-detail .list p{ font-size: 14px; color: #000000; line-height: 30px; text-align: center; width: 33.333%; float: left;}
.contact1 .recruit-detail .detail{ font-size: 14px; color: #000000; line-height: 30px; margin: 50px auto;}
.contact1 .apply{ width: 250px; height: 50px; background-color: #003180; margin: 50px auto; display: block; color: #FFFFFF; text-align: center; font-size: 16px; line-height: 50px; border-radius: 5px;}
.jm_warp {
	background:#f2f2f2;
	padding:110px 0
}
.blckbg{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: url(../img/blackbg.png) repeat;
	display: none;
}
.jm_form {
	display: none;
	position: fixed;
	left: 50%;
	margin-left: -525px;
	top: 200px;
	background:#fff;
	padding:60px 100px;
	box-sizing:border-box;
	z-index: 999;
}
.jm_form .jmform_tit {
	border-bottom:1px solid #d5d5d5;
	padding-bottom:20px;
	margin-bottom:50px;
	overflow: hidden;
}
.jm_form .namebox em {
	display:block;
	font-size:24px;
	line-height: 30px;
	font-family:en
}
.jm_form .namebox {
	font-size:18px;
	display:inline-block;
	float:left
}
.jm_form .tel {
	float:right;
	background:url(../img/tel-icon.png) no-repeat left center;
	padding-left:40px;
	margin-top:10px;
	margin-right: 5px;
}
.jm_form .tel em {
	display:block;
	font-size:18px;
	font-weight:700;
	color: #ebc107;
	font-style:italic
}
.form_box li {
	width:45.5%;
	float:left;
	margin-bottom:20px
}
.form_box li:nth-child(even) {
float:right
}
.form_box li label {
	display:block;
	color:#666;
	margin-bottom:10px
}
.form_box li .input_text {
	width:100%;
	height:54px;
	padding:0 20px;
	box-sizing:border-box;
	border:1px solid #d5d5d5;
	cursor:pointer
}
.form_box li select {
	background:url(../images/arr3.png) no-repeat right 20px center
}
.form_box li .input_text2 {
	width:48%;
	float:left
}
.form_box li .input_text2:last-child {
	float:right
}
.form_box li .text {
	width:100%;
	height:110px;
	background:#f2f2f2;
	padding:20px;
	box-sizing:border-box;
	border: none;
}
.form_box .trea {
	width:100%
}
.jm_form .subbtn {
	width:45.5%;
	height:55px;
	background: #003180;
	color:#fff;
	margin-top:20px;
	border: none;
	font-size: 16px;
    letter-spacing: 10px;
    text-align: center;
}
.jm_form .subbtn2 {
	width:30%;
	height:55px;
	background: #003180;
	color:#fff;
	border: none;
	font-size: 16px;
    letter-spacing: 10px;
    text-align: center;
	margin: 20px auto;
	display: block;
	border-radius: 5px;
}
.ContactUs{ padding:77px 0 127px; overflow: hidden;}
.ContactUs .map{ float:left;}
.my-map { margin: 0 auto; width: 702px; height: 400px; }
.my-map .icon { background: url(../img/marker.png) no-repeat; }
.my-map .icon-flg { height: 32px; width: 29px; }
.my-map .icon-flg-red { background-position: -65px -5px; }
.amap-container{height: 100%;}
.ContactUs .message{ width:460px; float:right;}
.ContactUs .message .tit p{ color:#595757; font-size:16px; font-weight:normal; display:inline-block; *display:inline; zoom:1; line-height:24px; display: block;}
.ContactUs .message .tit p.tt{ margin: 10px auto 20px;}
.ContactUs .message dl{ line-height:30px; width:222px; float:left; padding-bottom:16px;}
.ContactUs .message dl dt{ float:left; width:80px;}
.ContactUs .message .input{ width:131px; height:30px; line-height:30px; background:#efefef; text-indent:1em; border: none;}
.ContactUs .message dl.auto{ float:none; width:auto; clear:both;}
.ContactUs .message textarea{ width:332px; height:69px; line-height:20px; background:#efefef; padding:10px; border: none;}
.ContactUs .message .btn{ padding-left:80px;}
.ContactUs .message .sendbtn{ width:106px; height:29px; color:#fff; background: #003D96; cursor:pointer; border: none;}
.ContactUs .message .resetbtn{ width:106px; height:29px; color:#595757; background:#efefef; cursor:pointer; border: none;}

.Contacttxt{ background:#595757; color:#fff; padding:19px 0px;}
.Contacttxt li{ width:28.3333%; float:left; padding-left:5%;}

.SalesMap{ text-align:center; padding-bottom:70px;}

.case h4{ font-size: 28px; color: #003d96; line-height: 40px; text-transform: uppercase; font-weight: normal; margin: 30px auto;}
.case h4 p{ font-size: 26px; color: #000000; line-height: 40px; margin: 10px 0 20px;}
.case h4 span{ width: 40px; height: 2px; background-color: #003D96; display: block;}
.case .text{ font-size: 20px; color: #333333; line-height: 40px; text-indent: 2em; margin: 60px 0;}


.nophone{ display: block !important;}
.phone{ display: none !important;}

@media screen and (min-width: 0px) and (max-width: 720px){
	.nophone{ display: none !important;}
	.phone{ display: block !important;}
	.main{ width: 92% !important; margin: 0 auto;}
	.phone-head{ border-bottom: 1px solid #facc00; background-color: #FFFFFF;}
	.phone-head .phone-logo{ height: 36px; margin: 6px auto; display: block;}
	.phone-head .phone-logo img{ height: 36px; display: block; margin: 0 auto;}
	.phone-head .menu{ height: 22px; margin: 15px 0 0 0; position: absolute; left: 5%; top: 0;}
	.phone-head .menu img{ width: 70%; display: block;}
	.phone-head .closes{ height: 22px; margin: 13px 0 0 0; position: absolute; left: 5%; top: 0; display: none;}
	.phone-head .closes img{ height: 90%; display: block;}
	.headList{ width: 100%; padding-bottom: 60px; background-color: #FFFFFF; position: absolute; left: 0; top: 48px; overflow: hidden; display: none; z-index: 99999;}
	.headList li{ width: 80%; margin: 10px auto; overflow: hidden; display: block;}
	.headList li a{ border-bottom: 1px solid #facc00; display: block; color: #facc00; font-size: 14px; line-height: 24px;}
	.headList li a span{ font-size: 18px; float: right;}
	.phone-index-menu{ width: 90%; background-color: #FFFFFF; overflow: hidden; margin: 10px auto;}
	.phone-index-menu a{ float: left; width: 24.5%; border-right: 1px solid #C1C1C1; margin: 10px auto; display: block;}
	.phone-index-menu a:nth-child(4n) { border-right: none;}
	.phone-index-menu a img{ margin: 0 auto; display: block; width: 50%;}
	.phone-index-menu a p{ font-size: 12px; color: #666; line-height: 12px; margin-top: 10px; text-align: center;}
	.indexNews .list{ width: 100% !important; margin: 10px 0 20px !important;}
	.indexTitle p.en{ font-size: 16px !important; line-height: 24px !important;}
	.indexTitle p.cn{ font-size: 14px !important; line-height: 20px !important;}
	.indexTitle span{ width: 20px !important; height: 2px !important; background-color: #003D96; margin-top: 10px; display: block;}
	.indexNews .list .event{ margin: 20px auto; overflow: hidden;}
	.indexNews .list .event img{ width: 100% !important;}
	.indexNews .list .indexNewsList{ margin: 20px auto; padding-bottom: 30px !important; overflow: hidden;}
	.indexNews .list .indexNewsList p { font-size: 14px !important; line-height: 30px !important; width: 100% !important; height: 32px !important;}
	.indexNews .list .swiper-pagination-white .swiper-pagination-bullet-active{ background-color: #666666;}
	.indexNews .list .more{ width: 120px !important; height: 40px !important; border: 1px solid #003D96 !important; font-size: 14px !important; line-height: 40px !important; margin: 0 !important;}
	.indexPro{ margin: 50px 0 0; overflow: hidden; height: calc(100% - 210px);}
	.indexPro .menu{ float: right; margin-top: 10px; margin-bottom: 10px !important;}
	.indexPro .menu .list{ font-size: 12px !important; color: #000; line-height: 26px !important; width: 70px !important; text-align: center; float: left; cursor: pointer;}
	.indexPro .menu .list.on { color: #003D96;}
	.indexPro .picBtnTop{ width:100%; height: 100%; position:relative; margin-top: 10px !important; overflow:hidden;  zoom:1;   }
	.indexPro .picBtnTop .hd{ width:20% !important;  height: 100%; position:absolute; left:0px; z-index: 99; }
	.indexPro .picBtnTop .hd ul{ height: 100%;}
	.indexPro .picBtnTop .hd ul li{ width:100%; height: 20%; background-color: #f7f7f7;border-bottom: 1px solid #c9caca; overflow: hidden; opacity: .9;}
	.indexPro .picBtnTop .hd ul li p{ font-size: 12px !important; color: #595757; margin: 10% 0 0 0 !important; line-height: 16px !important; text-align: center;}
	.indexPro .picBtnTop .hd ul li p span{  display: none !important;}
	.indexPro .picBtnTop .hd ul li .list1{ width: 43px; height: 43px; float: right; margin: 64px 40px 0 0; background: url(../img/about-part3-icon1.png) no-repeat center;}
	.indexPro .picBtnTop .hd ul li .list2{ width: 43px; height: 43px; float: right; margin: 64px 40px 0 0; background: url(../img/about-part3-icon2.png) no-repeat center;}
	.indexPro .picBtnTop .hd ul li .list3{ width: 43px; height: 43px; float: right; margin: 64px 40px 0 0; background: url(../img/about-part3-icon3.png) no-repeat center;}
	.indexPro .picBtnTop .hd ul li.on{ background-color: #003D96;}
	.indexPro .picBtnTop .hd ul li.on p{ color: #FFFFFF;}
	.indexPro .picBtnTop .hd ul li.on p span{ background-color: #FFFFFF;}
	.indexPro .picBtnTop .bd{ width: 100% !important;  height:100%; position:relative; margin: 0 !important;}
	.indexPro .picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
	.indexPro .picBtnTop .bd li .pic{ position:relative; z-index:0;}
	.indexPro .picBtnTop .bd li .pic img{ width: 100% !important; height: auto !important; display: block;}
	.indexPro .picBtnTop .bd li .right{ position: absolute; top: 0; right: 0; display: block; background: rgba(0, 0, 0, 0.6); height: 100%; overflow: hideen;}
	.indexJoin{ width: 100%; overflow: hidden; position: relative; background-color: #003d96; height: auto !important; margin: 0 !important;}
	.indexJoin .form{ width: 80% !important; height: auto !important; margin: 20px auto; overflow: hidden; position: relative !important;}
	.indexJoin .form .body{ width: 90% !important; position: relative !important; left: 5% !important; margin-left: 0 !important; top: 0 !important;}
	.indexJoin .form .body .list{ float: none !important; margin: 0 0 10px 0 !important; overflow: hidden;}
	.indexJoin .form .body .list p{ font-size: 12px !important; color: #FFFFFF; width: 60px; line-height: 26px !important; float: left;}
	.indexJoin .form .body .list input{ width: 150px !important; border-radius: 5px; padding: 0 15px !important; height: 26px !important; float: left; display: block; background: #FFFFFF; border: none;}
	.indexJoin .form .body .submit{ width: 100px !important; height: 30px !important; margin: 20px auto !important; background-color: #facc00 !important; line-height: 30px !important; float: none !important;}
	.phone-joinlist{ width: 90%; margin: 0 auto; overflow: hidden;}
	.phone-joinlist p{ width: 39%; margin: 10px 5%; float: left; padding: 10px 0; border-radius: 5px; border: 1px solid #fff; font-size: 14px; color: #FFFFFF; line-height: 18px; text-align: center;}
	.phone-bot{ width: 100%; height: 50px; background-color: #212121; overflow: hidden;}
	.phone-bot a{ width: 25%; float: left; display: block;}
	.phone-bot a img{ height: 20px; margin: 8px auto 4px; display: block;}
	.phone-bot a p{ font-size: 10px; color: #FFFFFF; line-height: 12px; text-align: center;}

	
	.aboutMenu{ width: 100%; padding: 10px 0 !important; overflow: hidden; background-color: #f1f1f1;}
	.aboutMenu .left{ font-size: 18px; color: #000000; line-height: 42px; display: none;}
	.aboutMenu .right{ width: 100%; float: none !important; margin: 0 auto; text-align: center;}
	.aboutMenu .right a{ font-size: 12px !important; line-height: 26px !important; padding: 0 3px !important;}
	.aboutMenu .right a.on{ background-color: #003D96; border-radius: 5px; color: #FFFFFF;}
	.aboutList{ display: none;}
	.about1{ width: 100%; margin: 20px auto 0 !important; overflow: hidden;}
	.about1 .chairman{ margin-top: 30px; overflow: hidden;}
	.about1 .chairman .left{ width: 50% !important; overflow: hidden;}
	.about1 .center{ margin: 20px auto !important; text-align: center;}
	.about1 .left .text{ font-size: 12px !important; line-height: 20px !important; margin-bottom: 10px !important;}
	.about1 .center2{ margin: 20px auto !important; text-align: center;}
	.aboutKentier .introduce{ overflow: hidden;}
	.aboutKentier .introduce .left{ width: 48%;}
	.aboutKentier .introduce .left img{ width: 100%;}
	.aboutKentier .introduce .right{ width: 50% !important; margin: 0 0 0 2% !important; overflow: hidden;}
	.aboutKentier .introduce .right p{font-size: 12px !important; line-height: 20px !important; margin-bottom: 10px !important;}
	.listA img{ width: 50%; margin-right: 0 !important;}
	.listA .name{ width: 50% !important; height: 100px !important; float: right;}
	.listA .name .title{ font-size: 14px !important; margin: 10px !important; line-height: 20px !important; color: #003D96;}
	.listA .name .title span{ width: 20px !important; height: 2px !important; background-color: #ebc107; display: block; margin-top: 10px !important;}
	.listA .name .text{ margin: 0 10px !important; font-size: 12px !important; color: #000000; line-height: 18px !important;}
	.listB img{ float: right; display: block; width: 50%;}
	.listB .name{ width: 50% !important; height: 100px !important; float: left;}
	.listB .name .title{ font-size: 14px !important; margin: 10px !important; line-height: 20px !important; color: #003D96;}
	.listB .name .title span{ width: 20px !important; height: 2px !important; background-color: #ebc107; display: block; margin-top: 10px !important;}
	.listB .name .text{ margin: 0 10px !important; font-size: 12px !important; color: #000000; line-height: 18px !important;}
	.listA{ padding: 20px 0 !important; position: relative; overflow: hidden; background-color: #F1F1F1;}
	.listB{ padding: 20px 0 !important; position: relative; overflow: hidden; background-color: #FFFFFF;}
	.development{ width: 100%; height: 1000px !important; background: url(../img/phone-about1-11.jpg) no-repeat center !important; background-size: 100% 100%; overflow: hidden;}
	.development .aboutlc{ width: 100% !important; margin: 0 auto; overflow: hidden; position: relative; padding: 20px 0 80px !important;}
	.development .aboutlc .line{ width: 1px; height: 100%; background-color: #69625c; position: absolute; left: 50%; top: 0; z-index: 1;}
	.development .list{ padding: 40px 0 0; margin-top: -10px !important; position: relative; z-index: 9; overflow: hidden;}
	.development .list .yearbg{ width: 51% !important;}
	.development .list .year{ font-size: 14px !important; color: #013d97; line-height: 20px !important;}
	.development .list .text{ font-size: 12px !important; color: #000000; line-height: 16px !important; margin-top: 0 !important;}
	/* .development .list .yearbg p{ width: 80%;} */
	.development .list .yearbg .right:nth-child(2){ width: 80%; margin-top: -20px;}
	.tl{ text-align: left;}
	.tr{text-align: right;}
	.ml3{margin-left: 3px !important;}
	.mr3{margin-right: 3px !important;}
	.mt45{ margin-top: 45px;}
	.development .list .left img:first-child{ width: 20%; margin: 0 !important;}
	.development .list .left img:nth-child(2){ width: 40%; margin: 0 !important;}
	.development .list .yearbg .left:first-child{ width: 20%; margin: 0 !important;}
	.development .list .yearbg .left:nth-child(2){ width: 80%; margin: 0 !important;}
	.development .list .picbg{ width: 51% !important; margin-top: -30px !important;}
	/* .development .list .picbg img{ margin-right: 10px; width: 30%;} */
	.development .list .picbg img:first-child{ width: 20%; margin: 0 !important;}
	.development .list .picbg img:nth-child(2){ width: 50%; margin: 0 !important;}
	.development .list .picbg img.lc{ margin-top: -50px !important;}
	.development .swiper-button-next{ width: 30px !important; height: 30px !important; bottom: 30px !important; top: auto; right: 80px !important;}
	.development .swiper-button-prev{ width: 30px !important; height: 30px !important; bottom: 30px !important; top: auto; left: 80px !important;}
	.video{ background-color: #dee1e1; overflow: hidden;}
	.video .main{ position: relative; overflow: initial;}
	.video .left{ position: relative; margin:20px 0 40px !important; float: none !important;}
	.video .left img{ width: 140%;}
	.video .left .videoMp4{ width: 94% !important; height: auto !important; position: absolute; left: 3% !important; top: 12px !important;}
	.video .right{ position: relative !important; right: 0; top: -50px; float: none !important;}
	.video .right img{ margin-bottom: 10px !important; width: 100%;}
	.about2-3{ width: 100%; height: auto !important; background: url(../img/phone-about2-3.jpg) no-repeat center !important; background-size: 100% 100% !important; margin: 0 auto !important; overflow: hidden;}
	.historycon .swiper-container {width: 100% !important; margin: 100px auto 0 !important;}
	.historycon .imgbox { width:60% !important; height:auto !important; float:left; display: block;}
	.historycon .imgbox img{ max-width: 100% !important; max-height: 150px !important; display: block; margin: 0 auto;}
	.historycon .info { width: 35% !important; float:left; margin: 30px 0 0 5%!important; font-size:12px; line-height:18px; color:#fff;}
	.historycon .info p{ font-size: 14px !important; color: #221815; line-height: 20px !important; text-align: center;}
	.historycon .arrow-left { background:url(../img/left.png) no-repeat center;position: absolute; right: 70px !important; background-size: 100% 100%; bottom: 30px !important;width: 30px !important;height: 30px!important;z-index: 10;}
	.historycon .arrow-right {background:url(../img/right.png) no-repeat center;position: absolute; right:10px !important; background-size: 100% 100%; bottom: 30px !important;width: 30px !important;height: 30px !important;z-index: 10;}
	
	.Dateline {width: 100%;position: relative; background:url(../img/phone-dateLine.png) no-repeat center !important; height:200px !important; background-size: 100% 10% !important; margin-top: 20px;}
	.Dateline .swiper-container {margin: 0 0 0 0;}
	.Dateline .swiper-slide { cursor:pointer; width:30.333% !important; margin: 0 1.5%;}
	.Dateline .swiper-slide img{ width: 104px; height: 75px; display: block; margin: 0 auto;}
	.Dateline .swiper-slide span{ display:block; color:#221815; font-size:12px; line-height:20px; padding-top:48px; text-align: center;}
	/* .Dateline .swiper-slide.active-nav span{ color:#D0B174; background:url(../img/dateon.png) center 21px no-repeat;} */
	.Dateline .arrow-left { background:url(../img/right.png) no-repeat center;position: absolute; right: 100px;top: -120px;width: 50px;height: 50px;z-index: 10; display: none;}
	.Dateline .arrow-right {background:url(../img/left.png) no-repeat center;position: absolute; right: 300px;top: -120px;width: 50px;height: 50px;z-index: 10; display: none;}
	.about2 .center{ margin: 20px auto !important; display: block !important; text-align: center;}
	.about2-4{ width: 100%; height: auto !important; background: url(../img/phone-about2-4.jpg) no-repeat center !important; background-size: 100% 100% !important; overflow: hidden;}
	.about2-4 .listItem{ width: 100% !important; margin: 80px auto 0 !important;padding-bottom: 80px; height: auto !important;}
	.about2-4 .listItem .swiper-container{ width: 100% !important; margin: 0 auto;}
	.about2-4 .listItem .swiper-wrapper{ width: 100% !important; margin: 0 auto;}
	.about2-4 .listItem .swiper-slide{width: 100% !important; height: 300px !important; background-color: #FFFFFF; overflow: hidden; float: left; margin-right: 0 !important;}
	.about2-4 .listItem .swiper-slide img{ width: 100% !important; height: 200px !important;}
	.about2-4 .listItem .swiper-slide p{ width: 90% !important; margin: 20px auto; font-size: 14px; line-height: 26px;}
	.about2-4 .listItem .swiper-button-next{ width: 30px !important; height: 30px !important; position: absolute; top: 340px !important; right: 100px !important;}
	.about2-4 .listItem .swiper-button-prev{ width: 30px !important; height: 30px !important; position: absolute; top: 340px !important; left: 100px !important;}
	.about3 .center{ margin: 30px auto !important; text-align: center;}
	.about3 .mb10{ overflow: hidden;}
	.about3 .mb10 .left{ width: 50%;}
	.about3 .mb10 .left img{ width: 100%;}
	.about3 .mb10 .right{ width: 50%;}
	.about3 .mb10 p{ margin: 0 10px 0 !important; font-size: 16px !important; text-align: center; color: #000000; line-height: 30px !important;}
	.about3 .mb10 span{ font-size: 12px !important; color: #221815; margin: 0 5px !important; display: block; width: auto !important; line-height: 20px !important;}
	.about3 .about3-1{ font-size: 14px; color: #000000; line-height: 26px; margin: 0 0 20px 20px !important; display: block;}
	.about4 .center{ margin: 40px auto 20px !important; text-align: center;}
	.about5 .about4-introduce{ font-size: 12px !important; color: #221815; line-height: 20px !important; text-indent: 2em; display: block; margin-bottom: 10px !important;}
	.about4-1{ margin-bottom: 20px !important; background-color: rgb(241, 241, 241) !important;}
	.about4-1 .left{ width: 38% !important; height: auto !important; padding: 0 1% !important; background-color: rgb(241, 241, 241) !important; overflow: hidden;}
	.about4-1 .left p{ font-size: 14px !important; color: #003d96; line-height: 22px !important; margin: 0 !important;}
	.about4-1 .left span{ font-size: 10px !important; color: #000000; line-height: 18px !important; display: block; margin-bottom: 5px !important;}
	.about4-1 .right{ width: 60%;}
	.about4-2{ position: relative; margin-bottom: 20px !important;}
	.about4-2 .swiper-container{ width: 100% !important; margin: 0 auto; height: 450px; overflow: hidden; position: relative;}
	.about4-2 .swiper-wrapper{ width: 100% !important; margin: 0 auto;}
	.about4-2 .swiper-slide{width: 100% !important; height: 380px; overflow: hidden; float: left; margin-right: 15px;}
	.about4-2 .swiper-slide img{ width: 100% !important; height: 302px;}
	.about4-2 .swiper-slide p{ width: 100% !important; margin: 10px auto !important; font-size: 14px; line-height: 26px; text-align: center;}
	.about4-2 .swiper-button-next{ width: 30px !important; height: 30px !important; top: 380px !important; right: 130px !important;}
	.about4-2 .swiper-button-prev{ width: 30px !important; height: 30px !important; top: 380px !important; left: 130px !important;}
	.about4-3{ width: 100%; height: 280px !important; background-color: #e2e2e2; overflow: hidden; position: relative;}
	.about4-3 .swiper-container{ width: 100% !important; margin: 0 auto; height: 160px !important; overflow: hidden; position: relative;}
	.about4-3 .swiper-wrapper{ width: 100% !important; margin: 0 auto;}
	.about4-3 .swiper-slide{width: 100%; height: 200px; overflow: hidden; float: left; margin-right: 15px;}
	.about4-3 .swiper-slide img{ width: 30% !important; height: auto !important; float: left; margin-right: 0 !important;}
	.about4-3 .swiper-slide .text{ width: 68% !important; margin-left: 2%; float: left;}
	.about4-3 .swiper-slide .text .title{ font-size: 14px !important; line-height: 20px !important; color: #003d96;}
	.about4-3 .swiper-slide .text .line{ width: 40px; height: 2px; background-color: #003d96; overflow: hidden; margin-bottom: 20px; display: none;}
	.about4-3 .swiper-slide .text .time{ font-size: 12px !important; color: #000; line-height: 20px !important; display: block; margin-bottom: 0 !important;}
	.about4-3 .swiper-slide .text .news-body{ font-size: 12px !important; color: #000000; line-height: 18px !important; max-height: 54px; overflow: hidden;}
	.about4-3 .swiper-button-next{ width: 30px !important; height: 30px !important; top: auto !important; right: 130px !important; bottom: 20px;}
	.about4-3 .swiper-button-prev{ width: 30px !important; height: 30px !important; top: auto !important; left: 130px !important; bottom: 20px;}
	.about5 .center{ margin: 40px auto 20px !important; text-align: center;}
	.about5-1{ width: 100%; height: auto !important; overflow: hidden; background: url(../img/phone-about5-1.jpg) no-repeat center !important; background-size: 100% 100% !important;}
	.about5-1 .body{ margin: 20px auto 0 !important; overflow: hidden;}
	.about5-1 .body .text{ width: 100% !important; padding: 10px 0 30px !important; margin-top: 20px !important; float: none !important;}
	.about5-1 .body .text .title{ font-size: 18px; color: #221815; line-height: 30px !important; margin-bottom: 0 !important;}
	.about5-1 .body .text .txt{ font-size: 12px !important; color: #221815; line-height: 20px !important;}
	.about5-1 .body img{ width: 100% !important; float: none !important;}
	.about5-2{ width: 100% !important; overflow: hidden; position: relative;}
	.about5-2 .swiper-container{ width: 90% !important; margin: 0 auto; height: 650px; overflow: hidden; position: relative;}
	.about5-2 .swiper-wrapper{ width: 100% !important; margin: 0 auto;}
	.about5-2 .swiper-slide{width: 100% !important; height: 500px; background-color: #FFFFFF; overflow: hidden; margin-right: 11px; position: relative;}
	.about5-2 .swiper-slide img{ width: 100% !important; height: 368px;}
	.about5-2 .swiper-slide .text{ width: 90% !important; padding: 0 5% !important;}
	.about5-2 .swiper-slide .text .title{ font-size: 16px; line-height: 30px; color: #003d96; margin: 20px 0 10px;}
	.about5-2 .swiper-slide .text .txt{ font-size: 14px; color: #000000; line-height: 20px;}
	.about5-2 .swiper-slide .hover{ width: 94% !important; padding: 0 3% !important; height: 210px; background-color: #003d96; position: absolute; left: 0; bottom: 0; display: none;}
	.about5-2 .swiper-slide .hover .title{ font-size: 16px; line-height: 30px; color: #FFFFFF; margin: 20px 0 10px;}
	.about5-2 .swiper-slide .hover .txt{ font-size: 14px; color: #FFFFFF; line-height: 20px;}
	.about5-2 .swiper-slide:hover .hover{ display: block;}
	.about5-2 .swiper-button-next{ width: 30px !important; height: 30px !important; top: 560px; right: 130px !important;}
	.about5-2 .swiper-button-prev{ width: 30px !important; height: 30px !important; top: 560px; left: 130px !important;}
	.about5-3{ width: 100% !important; overflow: hidden; position: relative;}
	.about5-3 .swiper-container{ width: 90% !important; margin: 0 auto; height: 600px; overflow: hidden; position: relative;}
	.about5-3 .swiper-wrapper{ width: 100% !important; margin: 0 auto;}
	.about5-3 .swiper-slide{width: 100% !important; height: 500px; background-color: #FFFFFF; overflow: hidden; margin-right: 11px; position: relative;}
	.about5-3 .swiper-slide img{ width: 100% !important; height: 368px;}
	.about5-3 .swiper-slide .text{ width: 90% !important; padding: 0 5% !important;}
	.about5-3 .swiper-slide .text .title{ font-size: 16px; line-height: 30px; color: #003d96; margin: 20px 0 10px;}
	.about5-3 .swiper-slide .text .txt{ font-size: 14px; color: #000000; line-height: 20px;}
	.about5-3 .swiper-slide .hover{ width: 94% !important; padding: 0 3% !important; height: 210px; background-color: #003d96; position: absolute; left: 0; bottom: 0; display: none;}
	.about5-3 .swiper-slide .hover .title{ font-size: 16px; line-height: 30px; color: #FFFFFF; margin: 20px 0 10px;}
	.about5-3 .swiper-slide .hover .txt{ font-size: 14px; color: #FFFFFF; line-height: 20px;}
	.about5-3 .swiper-slide:hover .hover{ display: block;}
	.about5-3 .swiper-button-next{ width: 30px !important; height: 30px !important; top: 560px; right: 130px !important;}
	.about5-3 .swiper-button-prev{ width: 30px !important; height: 30px !important; top: 560px; left: 130px !important;}
	.about5-4{ width: 100% !important; overflow: hidden; position: relative;}
	.about5-4 .swiper-container{ width: 100% !important; margin: 0 auto; padding-bottom: 70px; height: auto !important; overflow: hidden; position: relative;}
	.about5-4 .swiper-wrapper{ width: 100% !important; margin: 0 auto;}
	.about5-4 .swiper-slide{width: 100%; height: auto !important; overflow: hidden; float: left; margin-right: 15px;}
	.about5-4 .swiper-slide img{ width: 100% !important; height: auto !important; float: none !important; margin-right: 0 !important;}
	.about5-4 .swiper-button-next{ width: 30px !important; height: 30px !important; top: auto !important; right: 130px !important; bottom: 20px;}
	.about5-4 .swiper-button-prev{ width: 30px !important; height: 30px !important; top: auto !important; left: 130px !important; bottom: 20px;}
	
	
	.case h4{ font-size: 16px !important; color: #003d96; line-height: 26px !important; text-transform: uppercase; font-weight: normal; margin: 20px auto 30px !important;}
	.case h4 p{ font-size: 14px !important; color: #000000; line-height: 22px !important; margin: 5px 0 10px !important;}
	.case h4 span{ width: 40px; height: 2px; background-color: #003D96; display: block;}
	
	
	.join1{ width: 100%; height: auto !important; overflow: hidden; background: url(../img/phone-join1bg.jpg) no-repeat center !important; background-size: 100% 100% !important;}
	.join1 h4{ font-size: 18px !important;line-height: 40px !important; margin: 20px auto !important;}
	.join1 h4 span{ width: 40px; height: 1px; background-color: #003D96; display: block; margin: 0 auto;}
	.mainJoin{ width: 94% !important; overflow: hidden; margin: 0 auto;}
	.join1 .listItem{ width: 100% !important; overflow: hidden; margin: 20px auto 30px !important;}
	.join1 .listItem .list{ width: 46% !important; height: 260px !important; margin: 0 2% 10px !important; border-radius: 5px;}
	.join1 .listItem .list .title{ width: 92% !important; margin: 10px auto !important; padding-bottom: 10px !important; font-size: 16px !important; line-height: 20px !important;}
	.join1 .listItem .list .title img{ width: 20px !important; height: 20px !important; float: left; margin-right: 10px !important;}
	.join1 .listItem .list .title span{ float: left;}
	.join1 .listItem .list .text{ width: 92% !important; margin: 0 auto; font-size: 12px !important; line-height: 20px !important; color: #777777;}
	.join1 .listItem .list .text span{ font-size: 14px !important; line-height: 20px !important; color: #777777; display: block;}
	.join1 .listItem .list .img{ position: absolute; left: 0; bottom: 0; width: 100% !important; display: block;}
	.join1 .listItem .list .img2{ position: absolute; left: 0; bottom: 0; width: 100% !important; display: block;}
	.join2{ width: 100%; height: auto !important; overflow: hidden; background: url(../img/phone-join2bg.jpg) no-repeat center !important; background-size: 100% 100% !important;}
	.join2 h4{ font-size: 18px !important; line-height: 40px !im; margin: 20px auto !important;}
	.join2 h4 span{ width: 40px; height: 1px; background-color: #facc00; display: block; margin: 0 auto;}
	.join2 .join2List{ position: relative; margin: 20px auto 0 !important; padding-bottom: 50px;}
	.join2 .join2List .swiper-container{ overflow: hidden; position: relative; width: 100%; margin: 20px auto !important;}
	.join2 .join2List .swiper-wrapper{ width: 1000000px; margin: 0 auto; overflow: hidden;}
	.join2 .join2List .swiper-slide{width: 100%; overflow: hidden; float: left;}
	.join2 .join2List .list{ width: 49% !important; height: auto !important; margin-bottom: 10px !important;}
	.join2 .join2List .list:nth-child(odd){ margin-right: 2% !important;}
	.join2 .join2List .list img{ width: 100% !important; display: block;}
	.join2 .join2List .list .title{ height: 24px !important; padding: 0 10px !important; font-size: 14px !important; line-height: 24px !important;}
	.join2 .join2List .swiper-button-next{ width: 30px !important; height: 30px !important; top: auto !important; background: url(../img/phone-left.png) no-repeat !important; background-size: 100% 100% !important; bottom: 20px; right: 130px !important;}
	.join2 .join2List .swiper-button-prev{ width: 30px !important; height: 30px !important; top: auto !important; background: url(../img/phone-right.png) no-repeat !important; background-size: 100% 100% !important; bottom: 20px; left: 130px !important;}
	.join3{ width: 100%; height: auto !important; overflow: hidden; background: url(../img/phone-join3bg.jpg) no-repeat center !important; background-size: 100% 100% !important;}
	.join3 h4{ font-size: 18px !important; line-height: 40px !important; margin: 20px auto !important;}
	.mainJoin2{ width: 94% !important; margin: 0 auto;}
	.join3 .listItem .list{ width: 46% !important; height: 215px !important; float: left; margin: 0 2% 10px !important; background: url(../img/join3Listbg.png) no-repeat center !important; background-size: 100% 100% !important; overflow: hidden;}
	.join3 .listItem .list .title{ font-size: 16px !important; color: #facc00; line-height: 26px !important;}
	.join3 .listItem .list .text{ width: 90%; font-size: 12px !important; color: #000000; line-height: 22px !important; margin: 10px auto 0 !important; height: 44px;}
	.join3 .listItem .list img{ width: 90%; margin: 20px auto 0 !important; display: block;}
	.join4{ width: 100%;}
	.join4 h4{ font-size: 18px !important; line-height: 40px !important; margin: 20px auto !important;}
	.join4 .join4List{ position: relative;}
	.join4 .join4List .list{ width: 100% !important; overflow: hidden;}
	.join4 .join4List .list .left{ width: 30% !important; height: 376px !important; overflow: hidden; background-color: #FFFFFF;}
	.join4 .join4List .list .left img{ width: 100% !important; height: 100px !important; overflow: hidden;}
	.join4 .join4List .list .left .name{ font-size: 14px !important; line-height: 24px !important; margin: 5px 0 !important;}
	.join4 .join4List .list .left .line{ width: 30px; height: 2px; background-color: #003180; margin:0 0 10px !important;}
	.join4 .join4List .list .left .text{ font-size: 12px !important; color: #221815; line-height: 18px !important; margin: 5px 0 !important;}
	.join4 .join4List .list .right{ width: 68% !important; height: 376px !important; float: right;}
	.join4 .join4List .list .right .questionList{ width: 100% !important; border-bottom: 1px solid #000000; margin-bottom: 50px;}
	.join4 .join4List .list .right .questionList .question{ overflow: hidden; margin-bottom: 10px !important;}
	.join4 .join4List .list .right .questionList .question .imgleft{ float: left; margin: 0 0 10px !important; display: block; width: 15%;}
	.join4 .join4List .list .right .questionList .question p{ width: 80% !important; font-size: 14px !important; line-height: 20px !important; float: right;}
	.join4 .join4List .list .right .questionList .answer{ overflow: hidden; padding-bottom: 10px !important;}
	.join4 .join4List .list .right .questionList .answer .imgleft{ float: left; width: 15%;}
	.join4 .join4List .list .right .questionList .answer p{ width: 80% !important; font-size: 12px !important; line-height: 18px !important; float: right; margin-top: 10px !important;}
	.join4 .join4List .swiper-container{ overflow: hidden; position: relative; width: 100% !important; margin: 20px auto !important; padding-bottom: 40px !important;}
	.join4 .join4List .swiper-wrapper{ width: 100% !important; margin: 0 auto;}
	.join4 .join4List .swiper-slide{ width: 100% !important; overflow: hidden; float: left;}
	.join4 .join4List .swiper-button-next{ width: 30px !important; height: 30px !important; top: auto !important; bottom: 20px; right: 130px !important;}
	.join4 .join4List .swiper-button-prev{ width: 30px !important; height: 30px !important; top: auto !important; bottom: 20px; left: 130px !important;}
	.join5{ width: 100%; height: auto !important; background: url(../img/phone-join5bg.jpg) no-repeat center !important; background-size: 100% 100% !important; overflow: hidden;}
	.join5 h4{ font-size: 16px !important; line-height: 24px !important; margin: 10px auto 20px !important; text-align: left !important;}
	.join5 h4 p{ font-size: 14px !important; color: #facc00; line-height: 22px !important; text-align: left !important; font-weight: normal;}
	.join5 h4 span{ width: 40px; height: 1px; background-color: #FFFFFF; display: block; margin: 10px 0 10px!important;}
	.join5 .left{ width: 100% !important; float: left; overflow: hidden;}
	.join5 .left .list1{ width: 48% !important; float: left; margin-right: 2% !important; margin-bottom: 10px;}
	.join5 .left p{ font-size: 14px !important; color: #FFFFFF; line-height: 20px !important; margin-bottom: 5px !important;}
	.join5 .left input{ width: 90% !important; height: 40px !important; padding: 0 5% !important; background-color: #dde4f0; opacity: .8; border: none;}
	.join5 .left .list2{ width: 50% !important; float: left; margin-bottom: 10px;}
	.join5 .left .list2 select{ width: 46% !important; float: left; height: 40px !important; padding: 0 2% !important; background-color: #dde4f0; opacity: .8; border: none;}
	.join5 .left .lists .mobile{overflow: hidden; width: 50%; height: 40px; background-color: #d7ba24; font-size: 16px !important; text-align: center; color: #FFFFFF; line-height: 40px !important;}
	.join5 .left .list3{ width: 100% !important; overflow: hidden; margin-top: 0 !important;}
	.join5 .left .list3 textarea{ width: 940% !important; height: 70px; padding: 5px 3% !important; background-color: #dde4f0; opacity: .8; border: none;}
	.join5 .left .subbtn{ width: 150px !important; height: 40px !important; font-size: 14px !important; text-align: center; display: block; color: #FFFFFF; margin: 20px 0 !important;}
	.join5 .right{ margin-top: 40px;}
	
	
	.contact{ display: none;}
	.contact1{ width: 100%; background-color: #FFFFFF; overflow: hidden;}
	.contact1 h4{ font-size: 16px !important; color: #000000; line-height: 30px !important; text-align: center; margin: 20px auto !important; font-weight: normal;}
	.contact1 h4 span{ width: 40px; height: 1px; background-color: #003D96; display: block; margin: 0 auto;}
	.contact1 .second{ font-size: 12px !important; color: #000000; line-height: 20px !important; display: block; margin: 0 auto 20px !important; text-align: center;}
	.contact1 .recruitList{ width: 100%; height: 50px !important; background-color: #f1f1f1; border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; margin-bottom: 20px;}
	.contact1 .recruitList span{ width: 30px !important; height: 30px !important; font-size: 18px !important; line-height: 30px !important; margin: 10px !important;}
	.contact1 .recruitList .recruitName{ font-size: 14px !important; line-height: 50px !important; margin-left: 20px !important;}
	.contact1 .recruit-detail{ width: 94%; padding: 0 3%; overflow: hidden; background-color: #FFFFFF; display: none;}
	.contact1 .recruit-detail .title{ font-size: 16px !important; color: #000000; line-height: 30px !important; margin: 10px auto 20px !important;}
	.contact1 .recruit-detail .list{ background-color: #f1f1f1; overflow: hidden; padding: 10px 0 !important;}
	.contact1 .recruit-detail .list p{ font-size: 12px !important; color: #000000; line-height: 30px; text-align: center; width: 33.333%; float: left;}
	.contact1 .recruit-detail .detail{ font-size: 12px !important; color: #000000; line-height: 30px; margin: 20px auto !important;}
	.contact1 .apply{ width: 150px !important; height: 30px !important; margin: 20px auto !important; font-size: 14px !important; line-height: 30px !important; border-radius: 5px;}
	.jm_warp { background:#fff !important; padding:20px 0 !important;}
	.jm_form { padding:10px !important; margin-left: -20px !important; left: 5% !important; }
	.jm_form .jmform_tit {border-bottom:2px solid #d5d5d5 !important;margin-bottom:10px !important;}
	.jm_form .namebox em {font-size:20px !important;line-height: 26px !important;}
	.jm_form .namebox {font-size:16px !important;}
	.jm_form .tel em {font-size:14px !important;}
	.form_box li {width:48% !important;margin-bottom:10px !important;}
	.form_box li .input_text {height:38px !important;padding:0 10px !important;border-radius: 5px;}
	.form_box .trea {width:100% !important;}
	.jm_form .subbtn {width:48% !important;height:38px !important;border-radius: 5px;margin-top:0 !important;}
	.jm_form .subbtn2 {width:48% !important;height:38px !important;border-radius: 5px;margin-top:0 !important;letter-spacing: 0px !important;}
	.ContactUs{ padding:20px 0 40px !important;}
	.ContactUs .map{ float:none !important; overflow: hidden;}
	.my-map { width: 100% !important; height: 300px !important; }
	.my-map .icon { background: url(../img/marker.png) no-repeat; }
	.my-map .icon-flg { height: 32px; width: 29px; }
	.my-map .icon-flg-red { background-position: -65px -5px; }
	.amap-container{ height: 100%;}
	.ContactUs .message{ width:100% !important; float:none !important;}
	.ContactUs .message .tit{ margin: 20px auto;}
	.ContactUs .message .tit p{ font-size:14px !important; line-height:26px !important;}
	.ContactUs .message .tit span{ display: inline-block !important;}
	.ContactUs .message dl{ width:50% !important; float:left; padding-bottom:10px !important;}
	.ContactUs .message dl dt{ width:30% !important;}
	.ContactUs .message .input{ width:65% !important; border: none;}
	.ContactUs .message dl.auto{ float:none; width:auto !important; clear:both;}
	.ContactUs .message textarea{ width:332px; height:69px; line-height:20px; background:#efefef; padding:10px; border: none;}
	.ContactUs .message .btn{ padding-left:80px;}
	.ContactUs .message .sendbtn{ width:106px; height:29px; color:#fff; background: #003180 !important; cursor:pointer; border: none;}
	.ContactUs .message .resetbtn{ width:106px; height:29px; color:#595757; background:#efefef; cursor:pointer; border: none;}
	
	
	.serve1{ width: 100%; background-color: #FFFFFF; overflow: hidden;}
	.serve1 h4{ font-size: 16px !important; line-height: 30px !important; margin: 20px auto 30px !important;}
	.serve1 h4 span{ width: 40px; height: 1px; background-color: #003D96; display: block; margin: 0 auto;}
	.serve1 .questionList{ width: 100% !important; border-bottom: 1px solid #000000; margin-bottom: 20px !important;}
	.serve1 .questionList .question{ overflow: hidden; margin-bottom: 10px !important;}
	.serve1 .questionList .question .imgleft{ width: 30px; margin: 10px 0 !important; display: block;}
	.serve1 .questionList .question p{ width: 85% !important; font-size: 14px !important; line-height: 50px !important;}
	.serve1 .questionList .answer{ overflow: hidden; padding-bottom: 10px !important;}
	.serve1 .questionList .answer .imgleft{ width: 30px; margin: 10px 0 !important; display: block;}
	.serve1 .questionList .answer p{ width: 85% !important; font-size: 14px; color: #000000; line-height: 24px; float: right; margin-top: 10px;}
	.serve1-2{ border-bottom: 1px solid #000000; padding-bottom: 10px !important; overflow: hidden;}
	.serve1-2 .left{ width: 100% !important; float: none !important;}
	.serve1-2 .left p{ font-size: 14px; color: #000000; line-height: 30px !important; margin-bottom: 10px;}
	.serve1-2 .left p span{ width: 8px; height: 8px; margin: 11px 5px !important; background-color: #003180; border-radius: 8px; float: left;}
	.serve1-2 .right{ margin: 10px 0 !important; display: block; float: none !important;}
	.serve1-3{ padding-bottom: 30px !important; overflow: hidden;}
	.serve1-3 p{ font-size: 14px; color: #000000; line-height: 30px !important; margin-bottom: 10px;}
	.serve1-3 p span{ width: 8px; height: 8px; margin: 11px 5px !important; background-color: #003180; border-radius: 8px; float: left;}
	.serve1-3 img{ margin-top: 20px !important; width: 100%; display: block;}
	.serve2{ width: 100%; background-color: #FFFFFF; overflow: hidden;}
	.serve2 h4{ font-size: 16px !important; color: #000000; line-height: 30px !important; text-align: center; margin: 20px auto 30px !important; font-weight: normal;}
	.serve2 h4 span{ width: 40px; height: 1px; background-color: #003D96; display: block; margin: 0 auto;}
	.serve2-1 .left{ width: 100% !important; float: none !important;}
	.serve2-1 .left .list{ margin-bottom: 20px !important; overflow: hidden;}
	.serve2-1 .left .list img{ float: left; width: 30px;}
	.serve2-1 .left .list p{ padding-top: 0 !important; width: 85% !important; float: left; margin-left: 10px !important;}
	.serve2-1 .right{ display: none;}
	.serve2-2{ overflow: hidden; margin-top: 20px; margin-bottom: 30px !important;}
	.serve2-2 .title{ font-size: 16px !important; color: #003D96; line-height: 30px !important; font-weight: bold; display: block;}
	.serve2-2 .text{ font-size: 14px; color: #000000; line-height: 26px; display: block;}
	.serve2-2 img{ width: 100%; margin: 20px 0; display: block;}
	
	.productTab{ width: 100% !important; height: 50px !important; overflow: hidden; margin: 0 auto !important; position: relative; z-index: 999;}
	.productTab .main{ width: 100% !important;}
	.productTab .tabTop{ width: 100% !important; padding: 0 !important; height: 50px !important; background-color: #003d96; overflow: hidden; display: flex;}
	.productTab .tabTop .list{ font-size: 14px !important; color: #FFFFFF; line-height: 30px !important; margin: 10px 0 !important; font-weight: bold; flex: 1; text-align: center; cursor: pointer;}
	.productTab .tabTop .list#list50, .productTab .tabTop a.list{ flex:2;}
	.productTab .tabTop .list.on{ color: #facc00; background: none !important;}
	.productTab .tabTop .icon0{ margin:0px auto; display:none; width: 16px !important; height: 16px !important; background: url(../img/proicon1.png) no-repeat center; margin-right: 5px !important; background-size: 100% 100%;}
	.productTab .tabTop .on .icon0{ background: url(../img/proicon1h.png) no-repeat center; background-size: 100% 100%;}
	.productTab .tabTop .icon1{ margin:0px auto; display:none; width: 15px  !important; height: 24px !important; background: url(../img/proicon2.png) no-repeat center; margin-right: 5px !important; background-size: 100% 100%;}
	.productTab .tabTop .on .icon1{ background: url(../img/proicon2h.png) no-repeat center; background-size: 100% 100%;}
	.productTab .tabTop .icon2{ margin:0px auto; display:none; width: 12px  !important; height: 22px !important; background: url(../img/proicon3.png) no-repeat center; margin-right: 5px !important; background-size: 100% 100%;}
	.productTab .tabTop .on .icon2{ background: url(../img/proicon3h.png) no-repeat center; background-size: 100% 100%;}
	.productTab .tabTop .icon3{ margin:0px auto; display:none; width: 16px  !important; height: 17px !important; background: url(../img/proicon4.png) no-repeat center; margin-right: 5px !important; background-size: 100% 100%;}
	.productTab .tabTop .on .icon3{ background: url(../img/proicon4h.png) no-repeat center; background-size: 100% 100%;}
	.productTab .tabTop .icon4{ margin:0px auto; display:none; width: 20px  !important; height: 17px !important; background: url(../img/proicon5.png) no-repeat center; margin-right: 5px !important; background-size: 100% 100%;}
	.productTab .tabTop .on .icon4{ background: url(../img/proicon5h.png) no-repeat center; background-size: 100% 100%;}
	.product .tabBot{ width: 100% !important; padding: 0 !important; height: auto !important; background-color: #FFFFFF; display: block !important; margin: 0 auto;}
	.product .tabBot .list{ margin: 10px 5px !important; font-size: 12px !important; color: #221815; line-height: 32px !important; text-align: center; padding: 5px 8px !important; flex: 1; cursor: pointer;}
	.wd {width: 100% !important;}
	.cp-menu{ margin-top: 30px !important; margin-bottom: 20px !important;}
	.cp-menu:before { left:0px !important; right:0px !important;}
	.cp-menu dt a{ line-height: 30px !important; width:30% !important; margin:0 10%; font-size:20px !important;background:#e7e7e7;}
	.cp-menu dt a.this { background:#e7e7e7 !important; color:#d5a976 !important;}
	.cp-menu dd ul { padding:20px 0 10px 0 !important;}
	.cp-menu dd ul li i { font-size:42px !important; width: 42px !important; height: 42px !important; line-height: 42px !important;}
	.list-shop { margin-top:20px !important; margin-bottom:0px !important;}
	.list-shop #list-shop { padding:10px 0 !important;}
	.list-shop #list-shop li {width:49% !important;}
	.list-shop #list-shop li:nth-child(even){ margin-right: 0 !important;}
	.list-shop #list-shop li .imgs img{ height:130px;}
	.list-shop #list-shop li .imgs .title{ width: calc( 100% - 12px) !important; padding:0 5px; height:50px;}
	.list-shop #list-shop li .imgs .title .texts{text-align: center; font-size: 14px; font-weight:bold; line-height: 50px;width: 100% !important;}
	.list-shop #list-shop li .imgs .title span{ font-size:15px; font-weight:bold; line-height:20px; height:20px;}
	.list-shop #list-shop li .imgs .title p{ font-size:12px; line-height:20px; color:#999;}
	.list-shop #list-shop li .imgs .title p.texts{ color:#272727; font-size:14px;}
	.more{ margin: 20px auto 40px !important;}
	
	.product-detail{ width: 100%; margin: 20px auto !important; overflow: hidden;}
	.product-detail .left{ width: 100% !important; float: none !important; display: block;}
	.product-detail .right{ width: 100% !important; float: none !important; overflow: hidden;}
	.product-detail .right h5{ font-size: 16px !important; color: #000000; line-height: 40px !important; width: 100% !important; border-bottom: 1px solid #f1f1f1;}
	.product-detail .right p{ font-size: 14px; color: #000000; line-height: 30px !important; width: 100% !important; border-bottom: 1px solid #f1f1f1;}
	.product-detail .picList{ position: relative;}
	.product-detail .picList .swiper-container{ overflow: hidden; position: relative; width: 80% !important; margin-top: 50px;}
	.product-detail .picList .swiper-wrapper{ width: 1000000px; margin: 0 auto; overflow: hidden;}
	.product-detail .picList .swiper-slide{width: 100%; overflow: hidden; float: left;}
	.product-detail .picList .swiper-slide img{ width: 90% !important; height: auto !important; float: left;}
	.product-detail .picList .swiper-button-next{ width: 30px !important; height: 30px !important; position: absolute; top: 50px; right: 0;}
	.product-detail .picList .swiper-button-prev{ width: 30px !important; height: 30px !important; position: absolute; top: 50px; left: 0;}
	.product-body{ margin: 20px auto 40px !important; overflow: hidden;}
	.product-body .line{ width: 50px; height: 2px; background-color: #003D96; margin-bottom: 30px !important; overflow: hidden;}
	.product-body h4{ font-size: 16px !important; color: #000000;}
	.product-body .text{ font-size: 14px; color: #000000; line-height: 26px; display: block;}
	.product-detail .back{ display: block; float: right;}
	.product-detail .proBot{ width: 100%; border-top: 1px solid #f1f1f1; margin: 20px auto 40px !important; overflow: hidden;}
	.product-detail .proBot .left,.product-detail .proBot .right{ width: 50% !important;}
	.product-detail .proBot a{ font-size: 14px; color: #000000; line-height: 40px !important;}
	.product-detail .proBot .right{ text-align: right;}
	
	
	.news{ margin: 20px 0 !important;}
	.news .list{ width: 100%; padding: 10px 0 !important; border-bottom: 1px solid #f1f1f1; overflow: hidden; display: block;}
	.news .list .left{ width: 28% !important; height: auto !important; min-height: 100px; float: left;}
	.news .list .right{ width: 70% !important; float: right;}
	.news .list .right .title{ font-size: 16px !important; color: #003d96; line-height: 22px !important; margin-bottom: 5px !important;}
	.news .list .right .line{ width: 40px; height: 2px; background-color: #003D96; display: block; margin-bottom: 5px !important;}
	.news .list .right .time{ color: #090103; font-size: 14px; line-height: 20px !important;}
	.news .list .right .text{ font-size: 12px !important; color: #000000; line-height: 20px !important;}
	
	.news-detail{ width: 94% !important; margin: 10px auto !important; box-shadow: 0px 0px  10px 5px #DDDDDD; padding: 15px 3% !important; display: block;}
	.news-detail .title{ font-size: 16px !important; color: #003D96; line-height: 30px !important; text-align: center;}
	.news-detail .line{ width: 60px; height: 2px; background: #003D96; margin: 0 auto 10px !important;}
	.news-detail .time{ font-size: 14px; color: #090103; line-height: 30px; display: block; margin-bottom: 30px; text-align: center;}
	.news-detail .newline{ width: 100%; height: 1px; background-color: #f1f1f1; overflow: hidden;}
	.news-detail .newsbody{ width: 100%; margin: 20px auto !important; overflow: hidden;}
	.news-detail .newsbody img{ max-width: 100%;}
	.news-detail .back{ display: block; float: right; margin-bottom: 30px;}
	.news-detail .newsBot{ width: 100%; border-top: 1px solid #f1f1f1; margin: 20px auto 40px !important; overflow: hidden;}
	.news-detail .newsBot.left , .news-detail .newsBot .right{ width: 50% !important;}
	.news-detail .newsBot a{ font-size: 14px; color: #000000; line-height: 40px !important;}
	.news-detail .newsBot .right{ text-align: left !important;  float: left !important;}
	
	
	.case .text{ font-size: 12px; color: #333333; line-height: 22px; text-indent: 2em; margin: 20px 0;}
}