@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", Normal,  Light , "SimSun";  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; }


@media screen and (min-width: 1280px) and (max-width: 1620px){
	.head-main{ width: 1280px !important;}
	.indexpro .picBtnTop .hd ul li p{ margin: 15% 0 0 0 !important;}
}
@media screen and (min-width: 720px){
	.list-shop #list-shop li:nth-child(3n) {
	margin-right:0
	}
}
@media screen and (min-width: 0px) and (max-width: 720px){
	.list-shop #list-shop li:nth-child(2n) {margin-right:0}
	.nophone{ display: none !important;}
	.phone{ display: block !important;}
	.phone-head{ width: 100%; height: 48px; background-color: #003180; overflow: hidden; border-bottom: 1px solid #c1a173;}
	.main{ width: 94% !important; margin: 0 auto;}
	.phone-head .phone-logo{ height: 40px; margin: 4px auto; display: block;}
	.phone-head .phone-logo img{ height: 40px; display: block; margin: 0 auto;}
	.phone-head .menu{ height: 22px; margin: 15px 0 0 0; position: absolute; left: 3%; top: 0;}
	.phone-head .menu img{ width: 80%; display: block;}
	.phone-head .closes{ height: 22px; margin: 13px 0 0 0; position: absolute; left: 3%; top: 0; display: none;}
	.phone-head .closes img{ height: 90%; display: block;}
	.headList{ width: 100%; padding-bottom: 60px; background-color: #003180; position: absolute; left: 0; top: 48px; overflow: hidden; display: none; z-index: 999;}
	.headList li{ width: 60%; margin: 10px auto; overflow: hidden; display: block;}
	.headList li a{ border-bottom: 1px solid #CCCCCC; display: block; color: #FFFFFF; font-size: 14px; line-height: 18px;}
	.headList li a span{ font-size: 18px; float: right;}
	.phone-banner{ margin-top: 2px; overflow: hidden; width: 100%;}
	.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;}
	.index-prohead{ margin: 20px auto 0 !important;}
	.index-head{ font-size: 20px !important; color: #000000; line-height: 40px !important; text-align: center;}
	.index-head span{ width: 30px !important; margin: 10px auto !important; display: block; height: 3px; background-color: #003180;}
	.index-head2{ font-size: 20px !important; color: #FFFFFF; line-height: 40px !important; text-align: center;}
	.index-head2 span{ width: 30px !important; margin: 10px auto !important; display: block; height: 3px; background-color: #FFFFFF;}
	.index-head-mid{ font-size: 16px !important; color: #000000; line-height: 20px !important; text-align: center;}
	.index-head-text{ font-size: 12px !important; color: #000000; line-height: 20px !important; text-align: center;}
	.index-pro{ width: 100%; margin: 20px auto 40px !important;}
	.index-pro .index-pro-left{ width: 48% !important; height: auto !important; padding-bottom: 185px; box-shadow:0px 0px  10px 5px #EEEEEE; position: relative; float: left; overflow: hidden;}
	.index-pro .swiper-button-next{ width:22px; height:22px; background: #333333; border-radius: 11px; position: absolute; right: 10px; top: 89px !important; font-size: 16px; text-align: center; line-height: 18px; color: #FFFFFF;}
	.index-pro .swiper-button-prev{ width:22px; height:22px; background: #333333; border-radius: 11px; position: absolute; left: 10px; top: 89px !important; font-size: 16px; text-align: center; line-height: 18px; color: #FFFFFF;}
	.index-pro .swiper-button-next:hover{ background-color: #003180;}
	.index-pro .swiper-button-prev:hover{ background-color: #003180;}
	.index-pro .index-pro-bot{ width: 100% !important; height: 185px; background-color: #FFFFFF; position: absolute; left: 0; bottom: 0;}
	.index-pro .index-pro-bot .title{ font-size: 18px !important; color: #000000; line-height: 30px !important; text-align: center; margin: 10px auto 0 !important;}
	.index-pro .index-pro-bot .text{ font-size: 12px !important; color: #000000; line-height: 20px !important; text-align: center; width: 90% !important; margin: 10px auto 0;}
	.index-pro .index-pro-bot .line{ width: 30px !important; height: 3px; background-color: #003180; margin: 10px auto 0 !important;}
	.index-pro .index-pro-bot .link{ width: 155px; height: 35px; background-color: #c1a173; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 35px; margin: 20px auto; display: none;}
	.index-pro .index-pro-left:hover .index-pro-bot{ height: 185px !important; background-color: #FFFFFF !important; z-index: 999;}
	.index-pro .index-pro-left:hover .index-pro-bot .title{ color: #003180 !important;}
	.index-pro .index-pro-left:hover .index-pro-bot .text{ color: #000000 !important;}
	.index-pro .index-pro-left:hover .index-pro-bot .line{ display: block !important;}
	.index-pro .index-pro-left:hover .index-pro-bot .link{ display: none !important;}
	.index-pro .index-pro-right{ width: 48% !important; height: auto !important; padding-bottom: 185px; box-shadow:0px 0px  10px 5px #EEEEEE; position: relative; float: right;}
	.index-pro .index-pro-right:hover .index-pro-bot{  height: 185px !important; background-color: #FFFFFF !important; z-index: 999;}
	.index-pro .index-pro-right:hover .index-pro-bot .title{ color: #003180 !important;}
	.index-pro .index-pro-right:hover .index-pro-bot .text{ color: #000000 !important;}
	.index-pro .index-pro-right:hover .index-pro-bot .line{ display: block !important;}
	.index-pro .index-pro-right:hover .index-pro-bot .link{ display: none !important;}
	.index-pro-bottom{ box-shadow:0px 0px  10px 5px #EEEEEE; width: 100%; padding: 5px 0; overflow: hidden; height: auto !important; clear: both; margin: 20px auto 40px !important; position: relative;}
	.index-pro-bottom .index-pro-bottom1{ width: 100%;}
	.index-pro-bottom .index-pro-bottom1 .swiper-slide img { width: 100%; height: 200px; display: block;}
	.index-pro-bottom .swiper-button-next{ display: none; width:20px !important; height:20px !important; background: #FFFFFF; border: 1px solid #999; position: absolute; right: -20px !important; top: 150px !important;}
	.index-pro-bottom .swiper-button-prev{ display: none; width:20px !important; height:20px !important; background: #FFFFFF; border: 1px solid #999; position: absolute; left: auto; right: -50px !important; top: 150px !important;}
	.index-pro-bottom .swiper-button-next img{ width: 12px; margin: 8px auto;}
	.index-pro-bottom .swiper-button-prev img{ width: 12px; margin: 8px auto;}
	.index-pro-bottom .swiper-button-next:hover{ background-color: #003180; border: 1px solid #003180;}
	.index-pro-bottom .swiper-button-prev:hover{ background-color: #003180; border: 1px solid #003180;}
	.index-pro-bottom .right{ width: 100% !important; position: relative !important;}
	.index-pro-bottom .right .title{ font-size: 18px !important; color: #000000; line-height: 30px !important; text-align: center; margin: 10px auto 0 !important;}
	.index-pro-bottom .right .text{ font-size: 12px !important; color: #000000; line-height: 20px !important; text-align: center; width: 90% !important; margin: 10px auto 0 !important;}
	.index-pro-bottom .right .line{ width: 30px !important; height: 3px; background-color: #003180; margin: 10px auto 0 !important;}
	.index-partner{ width: 100%; height: 320px !important; background: url(../img/phoneindex-partner.png) no-repeat center bottom #e6e6e6 !important; background-size: 100% !important; overflow: hidden;}
	.index-partner-list{ margin-top: 30px !important; padding-bottom: 30px !important;}
	.mb60{ margin-bottom: 30px !important;}
	.index-case{ width: 184px; height: 32px; margin: 20px auto; overflow: hidden;}
	.index-case .list{ cursor:pointer; width: 80px; height: 32px; margin: 0 6px; float: left; background-color: #cacaca; font-size: 14px; color: #FFFFFF; line-height: 32px; text-align: center;}
	.index-case .on{ background-color: #003180;}
	.index-cases{ width: 100% !important; margin: 30px auto 10px !important; overflow: hidden;}
	.index-case-list{ width: 100% !important; padding-bottom: 40px !important;}
	.index-case-list .swiper-slide{ height: auto !important; overflow: hidden; box-shadow:0px 0px  10px 5px #EEEEEE;}
	.index-case-list .swiper-slide .img{ width: 100% !important; height:100px !important; display: block;}
	.index-case-list .title{ font-size: 18px !important; line-height: 20px; width: 100% !important; overflow: hidden; margin: 20px auto 10px !important; color: #000000;}
	.index-case-list .time{ font-size: 12px !important; color: #999999; line-height: 20px; width: 100% !important; margin: 0 auto 10px !important;}
	.index-case-list .line{ width: 30px !important; height: 3px; background-color: #003180; margin:0 0 10px 10px !important;}
	
	.phone-indexPro{ width: 100%; margin-top: 2px; overflow: hidden; position: relative;}
	.phone-indexJoin{ width: 100%; margin-top: 2px; overflow: hidden; background-color: #363535;}
	.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-joinform{ width: 80%; margin: 20px auto; overflow: hidden;}
	.phone-joinform .list{ margin-bottom: 10px; overflow: hidden;}
	.phone-joinform p{ font-size: 14px; width: 25%; float: left; line-height: 20px; float: left; color: #FFFFFF;}
	.phone-joinform input{ width: 65%; padding: 0 5%; border: none; height: 20px; float: left; display: block; border-radius: 3px;}
	.phone-joinform .submit{ width: 40%; color: #FFFFFF; display: block; background-color: #D0B174; border-radius: 5px; font-size: 14px; line-height: 26px; border: none; margin: 20px auto 0;}
	.phone-bot{ width: 100%; height: 50px; background-color: #003180; 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;}
	.titles{ margin: 20px auto !important; font-size: 26px !important; line-height: 36px !important;}
	.titles p{ font-size: 20px !important; line-height: 34px !important;}
	.main2{ width: 96% !important;}
	.about1 .left{ width: 100% !important; height: auto !important; margin:0 auto 20px !important; float: none !important; overflow: hidden;}
	.about1 .right{ font-size: 14px !important; line-height: 22px !important; float: none !important; width: 100% !important; margin: 20px auto !important;}
	.about2{ width: 100%; height: auto !important; overflow: hidden; background: url(../img/phone-about2bg.png) no-repeat center !important; background-size: 100% 100% !important;}
	/* .about2 .about2-list{ display: none;} */
	.about2 .about2-list .swiper-container{ width: 92% !important; margin: 0 auto;}
	.about2 .about2-list .swiper-wrapper{ width: 100% !important; margin: 0 auto;}
	.about2 .about2-list .swiper-slide{ height: auto !important; overflow: hidden;}
	.about2 .about2-list .swiper-slide img{ width: 100%;}
	.about2 .about2-list .swiper-slide .title{ font-size: 20px !important; line-height: 28px; margin: 20px auto 10px !important;}
	.about2 .about2-list .swiper-slide .list{ font-size: .18rem !important; line-height: 18px !important; margin-top: 10px !important;}
	.about2 .about2-list .swiper-button-next{ width: 20px !important; height: 20px !important; background: url(../img/about-next.png) no-repeat center !important; background-size: 100% 100%; top: 120px !important; right: 0px !important;}
	.about2 .about2-list .swiper-button-prev{ width: 20px !important; height: 20px !important; background: url(../img/about-prev.png) no-repeat center !important; background-size: 100% 100%; top: 120px !important; left: 0px !important;}
	.about2-list-phone{width: 100%; margin: 0 auto; overflow: hidden;}
	.about2-list-phone .swiper-slide{ width: 30.333%; height: 180px; float: left; margin: 0 1.5% 15px; overflow: hidden;}
	.about2-list-phone .swiper-slide .title{ font-size: .22rem; line-height: 20px; margin: 10px auto 5px; color: #FFFFFF; text-align: center;}
	.about2-list-phone .swiper-slide img{ width: 100%;}
	.about2-list-phone .swiper-slide .list{ font-size: .15rem; line-height: 18px; color: #FFFFFF; text-align: center;}
	.about3{ width: 100%; margin: 50px auto 0; overflow: hidden; background-color: #e6e6e6; padding-top: 30px;}
	.about3 .about3-list{ display: none;}
	.about3-list-phone{width: 100%; margin: 0 auto; overflow: hidden; position: relative;}
	.about3-list-phone .swiper-slide{ width: 46%; background-color: #FFFFFF; height: 240px; float: left; margin: 0 2% 15px; overflow: hidden;}
	.about3-list-phone .swiper-slide .title{ font-size: .32rem; line-height: 20px; margin: 10px auto 5px; color: #003180; text-align: center;}
	.about3-list-phone .swiper-slide .list{ font-size: .14rem; line-height: 18px; color: #000000; text-align: center; width: 94%; margin: 0 auto;}
	.about3-list-phone .swiper-slide .img{ position: absolute; left: 0; bottom: 0; width: 100%;}
	.about4, .about6{ width: 100%; overflow: hidden;}
	.main3{ width: 1030px; margin: 0 auto 50px;}
	/* .about4 .about4-list{ display: none;} */
	.about4 .about4-list .swiper-container{ padding: 0 !important;width: 88% !important; margin: 0 auto;}
	.about4 .about4-list .swiper-wrapper{ width:100% !important; padding: 0 !important; margin: 0 auto;}
	.about4 .about4-list .swiper-slide{ height: auto !important; box-shadow:0px 0px  10px 5px #EEEEEE;}
	.about4 .about4-list .swiper-slide .img{ height: 60px !important; margin: 20px auto 10px !important; display: block;}
	.about4 .about4-list .swiper-slide .line{ width: 90% !important; height: 2px !important; background-color: #003180; margin: 0 auto 20px !important;}
	.about4 .about4-list .swiper-slide p{ font-size: .2rem !important; color: #000000; line-height: 20px !important; text-align: center;}
	.about4 .about4-list .swiper-button-next{ width: 20px !important; height: 20px !important; background: url(../img/index-case-right.png) no-repeat center; position: absolute; top: 145px !important; right: 0px;}
	.about4 .about4-list .swiper-button-prev{ width: 20px !important; height: 20px !important; background: url(../img/index-case-left.png) no-repeat center; position: absolute; top: 145px !important; left: 0px !important;}
	
	.about4-list-phone .swiper-slide{ height: 180px; box-shadow:0px 0px  10px 5px #EEEEEE; width: 30.333%; background-color: #FFFFFF; float: left; margin: 0 1.5% 15px; }
	.about4-list-phone .swiper-slide .img{ height: 60px; margin: 10px auto; display: block;}
	.about4-list-phone .swiper-slide .line{ width: 80%; height: 3px; background-color: #003180; margin: 0 auto 10px;}
	.about4-list-phone .swiper-slide p{ font-size: .16rem; color: #000000; line-height: 18px; text-align: center;}
	.about5{ margin-bottom: 30px !important;}
	
	
	.prohead{ width: 100%; height: 40px !important; background-color: #f1f1f1; overflow: hidden;}
	.prohead .prolist{ width: 100% !important; margin: 0 auto; overflow: hidden;}
	.prohead .prolist .list{ width: 33.3333% !important; font-size: 14px !important; color: #7a7a7a; line-height: 40px !important; text-align: center; float: left;cursor:pointer;}
	.newshead{ width: 100%; height: 40px !important; background-color: #f1f1f1; overflow: hidden;}
	.newshead .newslist{ width: 100% !important; margin: 0 auto; overflow: hidden;}
	.newshead .newslist .list{ width: 50% !important; font-size: 14px !important; color: #7a7a7a; line-height: 40px !important; text-align: center; float: left;cursor:pointer;}
	
	.news{ background-color: #FFFFFF !important;}
	.mb80{ margin-bottom: 30px !important;}
	.case-text{ width: 100% !important; margin: 0 auto 20px !important;  font-size: 12px !important; color: #000000; line-height: 20px !important; text-indent: 2em;}
	
	.product2{ background-color: #FFFFFF;}
	.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 .imgs .title{ width: auto !important;}
	.more{ margin: 20px auto 40px !important;}
	
	.SubPage{ height:auto !important; min-height:280px; padding-top:30px !important; padding-bottom:70px;}
	.SubBan{ height:535px;}
	.SubBan .txt{ text-align:center; padding-top:248px; line-height:53px; font-size:37px; color:#fff;}
	.SubBan .txt b{ text-transform:uppercase; display:block; line-height:37px; font-size:32px;}
	.probox{ padding: 0px !important;}
	.proinfo .imgbox{ height: auto !important;}
	.proinfo .imgbox img{ width: 100%;}
	.Contain{width:96% !important; overflow: hidden; margin:0px auto;margin-bottom:20px !important;}
	.proinfo .info{ padding-top: 20px !important;}
	.proinfo .info a{ line-height: 30px !important; padding: 0 8px !important;}
	.proinfo .info .tits{ font-size: 16px !important;}
	.PrevNextBox{ padding:0px !important;}
	.PrevNextBox dl{ height:50px !important; line-height:50px !important;}
	.PrevNextBox dl .back{ left:50% !important; border-left:1px solid #e5e5e5 !important;border-right:1px solid #e5e5e5 !important; margin-left: -70px; width:140px !important;}
	
	.news-list{ width: 88% !important; margin: 20px auto 30px !important; overflow: hidden;}
	.news-list a{ width: 40% !important; height: 40px !important; line-height: 40px !important;margin: 0 5% 10px !important;}
	.case-list{ width: 100% !important; margin: 20px auto 30px !important; overflow: hidden;}
	.case-list a{ width: 30% !important; font-size: 14px !important; height: 40px !important; line-height: 40px !important; margin: 0 1.666% 10px !important;}
	.case-list a .l0{ padding-left: 40px !important;}
	.case-list a .l1{ padding-left: 40px !important;}
	.case-list a .l2{ padding-left: 40px !important;}
	.case-list a.on .l0{ padding-left: 40px !important;}
	.case-list a.on .l1{ padding-left: 40px !important;}
	.case-list a.on .l2{ padding-left: 40px !important;}
	.case-list a:hover .l0{ padding-left: 40px !important;}
	.case-list a:hover .l1{ padding-left: 40px !important;}
	.case-list a:hover .l2{ padding-left: 40px !important;}
	.iframe{ width:100% !important; height: 622px !important;}
	.news ul{ width: 100% !important; overflow: hidden; margin: 0 auto;}
	.news ul li{ width: 48% !important; margin:0 1% 10px !important; height: auto !important;}
	.news ul li img{ width: 100% !important; height: auto !important; display: block;}
	.news ul li .text{ width: 90% !important; margin: 10px auto !important; height: 70px !important; overflow: hidden;}
	.news ul li .text .date{ font-size: 14px; color: #9fa0a0; line-height: 20px;}
	.news ul li .text .title{ width: 100% !important; height: 20px; overflow: hidden; font-size: 16px; color: #333333; line-height: 20px;}
	.news ul li .text .body{height: 36px !important; font-size: 12px !important; line-height: 18px !important; overflow: hidden; margin-top: 10px !important;}

	.news-detail{ width:100% !important; margin: 0px auto !important; background-color: #FFFFFF !important;}
	.news-detail h5{ width: 94% !important; font-size: 20px !important; line-height: 26px !important; margin: 20px auto 5px !important; color: #003180 !important; padding-bottom: 20px !important;}
	.news-detail h5 i{  margin: 10px auto !important;}
	.news-detail h5 span{ font-size: 12px !important; color: #000000; line-height: 20px !important; display: block;}
	.news-detail .body{ width: 94% !important; padding: 20px 2% 40px !important; margin: 0 auto !important; background-color: #FFFFFF;}
	.news-detail .body p{ margin: 10px auto !important;}
	.news-detail .body img{ max-width: 100% !important;}
	.news-bot{ width: 96% !important; margin: 0 auto !important; padding: 30px 2% !important; background-color: #FFFFFF;}
/* 	.news-bot .left{ float: left;} */
	.news-bot .left a{ font-size: 12px !important; color: #999 !important; line-height: 22px !important; display: block;}
	.news-bot .right{ width: 100px !important; float: right; display: block;}
	.news-bot .right img{ width: 100%; margin-top: 10px;}

	
	
	#joinlist1 .index-head{ margin-top: 10px !important;}
	.join-list1{ width: 100%; margin: 0 auto 20px !important; overflow: hidden;}
	.join-list1 .left{ float: left; width: 100% !important;}
	.join-list1 .left p{ font-size: 12px !important; letter-spacing: 0 !important; color: #221815; line-height: 18px !important; text-indent: 2em;}
	.join-list1 .right{ float: right; width: 100% !important; margin-top: 10px;}
	.join-list2{ width: 100% !important; margin: 20px auto; overflow: hidden; background-color: #f1f1f2;}
	.join-list2 .left{ float: left; display: block; width: 60%;}
	.join-list2 .right{ width: 40% !important; height: auto !important; float: right; overflow: hidden;}
	.join-list2 .right p{ font-size: 14px !important; color: #0d3c86; line-height: 20px !important; margin: 10px 0 0 10px !important;}
	.join-list2 .right p span{ font-size: 12px !important; color: #000000; line-height: 14px !important; display: block;}
	.join-list3 ul{ width: 100% !important; overflow: hidden; margin: 30px auto !important;}
	.join-list3 ul li{ width: 45% !important; float: left; margin-right: 5% !important; height: 50px !important; margin-bottom: 25px !important;}
	.join-list3 ul li p{ border-left: 2px solid #003180 !important; font-size: 16px !important; line-height: 30px !important; padding-left: 20px; color: #000000; height: 50px !important;}
	.join-list3 ul li p span{ font-size: 12px !important; color: #000000; line-height: 20px; display: block;}
	.join-list4 .join-list4-img1{ width: 25%; margin-bottom: 5px;}
	.join-list4 .join-list4-img2{ width: 48%; margin-bottom: 5px;}
	.join-list4 p{ font-size: 12px !important; color: #000000; line-height: 22px !important; text-indent: 2em; margin-bottom: 20px !important;}
	
	.join1{ width: 100% !important; height: 1050px !important; background: url(../img/phone-join2.jpg) no-repeat center !important;}
	.main3{ width: 96% !important;}
	.main4{ width: 96% !important;}
	.joininfo{ margin: 10px auto !important;}
	.joininfo .imgbox{width: 48% !important; float: left; margin: 10px 1%; height:290px !important; background-color: #FFFFFF;}
	.joininfo .imgbox img{ width: 92% !important; margin: 10px auto !important; display: block;}
	.joininfo .imgbox p{ font-size: 16px !important; margin-bottom: 5px !important; text-align: center;}
	.joininfo .imgbox .text{ font-size: 12px !important; line-height: 20px !important; width: 92% !important;}
	.join2{ height:auto !important; background: #dbdbdb !important; }
	.join2 .index-head2{ color: #000000 !important;}
	.join2 .support{ width: 90%; margin: 20px 5% 0 5%;}
	.join3{ width: 100%; height: auto !important; background: none !important; padding-bottom: 40px;}
	.join3 .titles{ margin: 20px auto !important; font-size: 14px !important; line-height: 20px !important; color: #003180;}
	.join3 .titles p{ font-size: 20px !important; line-height: 30px !important; color: #000000 !important;}
	.join3 .titles i{ font-size: 12px !important; line-height: 20px !important; color: #000000 !important;}
	.text-join{ width: 100% !important; height: auto !important; overflow: hidden;}
	.text-join p{ font-size: 16px !important; line-height: 24px !important; width: 48% !important; height: 100px !important; margin: 10px 1% 0 !important;}
	.text-join p span{ font-size: 12px !important; color: #666; line-height: 18px !important; display: block;}
	.join4{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #fff !important;}
	.join4 .form{ width: 1200px; background-color: #FFFFFF; margin: 110px auto; overflow: hidden;}
	.join4 .form .body{ width: 1000px; margin: 70px auto; overflow: hidden;}
	.join4 .form .body h5{ width: 1000px; border-bottom: #cccccc; font-size: 24px; color: #000000; line-height: 30px; text-align: left; font-weight: normal;}
	.join4 .form .body h5 span{ font-size: 18px; display: block;}
	.join4 .form .body h5 img{ float: right;}
	.jm_warp { background:#fff !important; padding:20px 0 !important;}
	.jm_form { padding:10px 0 !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;} 
	
	.order{ width: 100%; margin: 10px auto 20px!important; padding-bottom: 10px; overflow: hidden;}
	.sbox{width: 80% !important; height: 45px !important;margin-bottom: 30px !important;}
	.input input{ width: 100% !important;height: 45px !important; padding: 0 2% !important;font-size: 12px !important;}
	.input{ width: 84% !important;}
	.sbtn{ width: 16% !important;}
	.sbtn button{width: 100% !important;height: 45px !important;background: url(../img/searchStore.png) no-repeat center center;background-color:#333333;border: none;}
	.obox{width: 100% !important;padding-bottom: 30px !important;}
	.oChild{ width:47.2% !important; height: 270px !important; margin:0 1% 20px !important;}
	.stp{ padding-top: 15px;width: 90% !important;margin: 0 auto; }

	.ContactUs{ padding:20px 0 40px !important;}
	.ContactUs .map{ float:none !important; overflow: hidden;}
	.my-map { width: 90% !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;}
	
	.case-detail{ width: 96% !important; margin: 20px auto 0 !important;}
	.caseinfo{position:relative;}
	.caseinfo .swiper-slide{ position:relative;}
	.caseinfo .imgbox{ height: auto !important;}
	.caseinfo .imgbox img{ width: 100%; display: block;}
	.case-detail .body{ width: 100% !important; margin: 30px auto; overflow: hidden;}
	
	
	
	
	
	.recruit{ width: 100%; margin: 0 auto; overflow: hidden;}
	.recruit .main{ width: 100% !important;}
	.recruit .recruit-top{ width: 100%; height: 40px !important; background-color: #f1f1f1; border-bottom: 1px solid #b2b2b2 !important;}
	.recruit .list1{ width: 20% !important; float: left; font-size: 12px !important; color: #666; line-height: 40px !important; text-align: center;}
	.recruit .list2{ width: 40% !important; float: left; font-size: 12px !important; color: #666; line-height: 40px !important;}
	.recruit .recruit-body{ width: 100%; background-color: #FFFFFF;}
	.recruit .recruit-body .list{ overflow: hidden; border-bottom: 1px solid #CCCCCC; display: block;}
	.recruit-detail{ width: 94%; padding: 0 3%; overflow: hidden; background-color: #FFFFFF;}
	.recruit-detail .title{ font-size: 28px; color: #000000; line-height: 50px; margin: 40px auto 20px;}
	.recruit-detail .list{ background-color: #f1f1f1; overflow: hidden; padding: 20px 0;}
	.recruit-detail .list p{ font-size: 12px !important;; color: #000000; line-height: 26px !important; text-align: left !important; padding-left: 5%; width: 45% !important; float: left;}
	.recruit-detail .detail{ font-size: 12px !important;; color: #000000; line-height: 22px !important; margin: 40px auto;}
	.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;}
	
}

.nophone{ display: block;}
.phone{ display: none;}
.case-title{ width: 100%; overflow: hidden; padding-bottom: 10px; background-color: rgb(238, 237, 242);}
.case-title p{ width: 220px; padding: 10px 50px; font-size: 16px; color: #000000; background-color: #e7e7e7;}
.case-title p img{ float: left; margin-right: 10px;}
.iframe{ width: 1200px; height: 622px;}
.more{ color: #5d5d5d; font-size: 14px; border: none; background: none; display: block; margin: 30px auto 100px;}
.more img{ display: inline-block; margin-left: 15px;}
.head{ width: 100%; height: 98px; background-color: #003180; border-bottom: 3px solid #c1a173; overflow: hidden;}
.head-main{ width: 1500px; margin: 0 auto;}
.logo{ float: left; margin: 23px 0;}
.head-list{ float: right;}
.head-list li{ float: left; margin-left: 35px;}
.head-list li a{ font-size: 16px; color: #FFFFFF; line-height: 98px; display: block;}
.head-list li a.on{ color: #c1a173;}
.head-list li a:hover{ color: #c1a173;}
.head-phone{ float: right; margin: 35px 0 0 70px;}
.banner{ width: 100%;}
.index1{ width: 100%; margin: 0 auto; overflow: hidden;}
.main{ width: 1206px; margin: 0 auto;}
.index-prohead{ margin: 80px auto 0; }
.index-head{ font-size: 40px; color: #000000; line-height: 60px; text-align: center;}
.index-head span{ width: 50px; margin: 20px auto; display: block; height: 3px; background-color: #003180;}
.index-head2{ font-size: 40px; color: #FFFFFF; line-height: 60px; text-align: center;}
.index-head2 span{ width: 50px; margin: 20px auto; display: block; height: 3px; background-color: #FFFFFF;}
.index-head-mid{ font-size: 18px; color: #000000; line-height: 30px; text-align: center;}
.index-head-text{ font-size: 14px; color: #000000; line-height: 30px; text-align: center;}
.index-pro{ width: 100%; margin: 30px auto 70px;}
.index-pro .index-pro-left{ width: 548px; height: 595px; box-shadow:0px 0px  10px 5px #EEEEEE; position: relative; float: left; overflow: hidden;}
.index-pro .swiper-button-next{ width:22px; height:22px; background: #333333; border-radius: 11px; position: absolute; right: 10px; top: 189px; font-size: 16px; text-align: center; line-height: 18px; color: #FFFFFF;}
.index-pro .swiper-button-prev{ width:22px; height:22px; background: #333333; border-radius: 11px; position: absolute; left: 10px; top: 189px; font-size: 16px; text-align: center; line-height: 18px; color: #FFFFFF;}
.index-pro .swiper-button-next:hover{ background-color: #003180;}
.index-pro .swiper-button-prev:hover{ background-color: #003180;}
.index-pro .index-pro-bot{ width: 548px; height: 185px; background-color: #FFFFFF; position: absolute; left: 0; bottom: 0;}
.index-pro .index-pro-bot .title{ font-size: 24px; color: #000000; line-height: 40px; text-align: center; margin: 20px auto 0;}
.index-pro .index-pro-bot .text{ font-size: 14px; color: #000000; line-height: 24px; text-align: center; width: 435px; margin: 10px auto 0;}
.index-pro .index-pro-bot .line{ width: 50px; height: 3px; background-color: #003180; margin: 20px auto 0;}
.index-pro .index-pro-bot .link{ width: 155px; height: 35px; background-color: #c1a173; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 35px; margin: 20px auto; display: none;}
.index-pro .index-pro-left:hover .index-pro-bot{ height: 220px; background-color: #003180; z-index: 999;}
.index-pro .index-pro-left:hover .index-pro-bot .title{ color: #FFFFFF;}
.index-pro .index-pro-left:hover .index-pro-bot .text{ color: #FFFFFF;}
.index-pro .index-pro-left:hover .index-pro-bot .line{ display: none;}
.index-pro .index-pro-left:hover .index-pro-bot .link{ display: block;}
.index-pro .index-pro-right{ width: 548px; height: 595px; box-shadow:0px 0px  10px 5px #EEEEEE; position: relative; float: right;}
.index-pro .index-pro-right:hover .index-pro-bot{ height: 220px; background-color: #003180; z-index: 999;}
.index-pro .index-pro-right:hover .index-pro-bot .title{ color: #FFFFFF;}
.index-pro .index-pro-right:hover .index-pro-bot .text{ color: #FFFFFF;}
.index-pro .index-pro-right:hover .index-pro-bot .line{ display: none;}
.index-pro .index-pro-right:hover .index-pro-bot .link{ display: block;}
.index-pro-bottom{ box-shadow:0px 0px  10px 5px #EEEEEE; width: 100%; height: 457px; margin: 700px auto 80px; position: relative;}
.index-pro-bottom .swiper-button-next{ width:38px; height:38px; background: #FFFFFF; border: 1px solid #999; position: absolute; right: 155px; top: 350px;}
.index-pro-bottom .swiper-button-prev{ width:38px; height:38px; background: #FFFFFF; border: 1px solid #999; position: absolute; left: auto; right: 215px; top: 350px;}
.index-pro-bottom .swiper-button-next img{ width: 12px; margin: 8px auto;}
.index-pro-bottom .swiper-button-prev img{ width: 12px; margin: 8px auto;}
.index-pro-bottom .swiper-button-next:hover{ background-color: #003180; border: 1px solid #003180;}
.index-pro-bottom .swiper-button-prev:hover{ background-color: #003180; border: 1px solid #003180;}
.index-pro-bottom .right{ width: 400px; position: absolute; right: 0; top: 0;}
.index-pro-bottom .right .title{ font-size: 24px; color: #000000; line-height: 40px; text-align: center; margin: 80px auto 0;}
.index-pro-bottom .right .text{ font-size: 14px; color: #000000; line-height: 24px; text-align: center; width: 260px; margin: 40px auto 0;}
.index-pro-bottom .right .line{ width: 50px; height: 3px; background-color: #003180; margin: 20px auto 0;}
.index-partner{ width: 100%; height: 500px; background: url(../img/index-partner.png) no-repeat center bottom #e6e6e6; overflow: hidden;}
.index-partner-list{ margin-top: 60px ; padding-bottom: 50px;}
.mb60{ margin-bottom: 60px;}
.index-case{ width: 184px; height: 32px; margin: 20px auto; overflow: hidden;}
.index-case .list{ cursor:pointer; width: 80px; height: 32px; margin: 0 6px; float: left; background-color: #cacaca; font-size: 14px; color: #FFFFFF; line-height: 32px; text-align: center;}
.index-case .on{ background-color: #003180;}
.index-cases{ width: 1206px; overflow: hidden; margin: 60px auto 30px;}
.index-case-list{ width: 960px; padding-bottom: 40px !important;}
.index-case-list .swiper-slide{ width: 300px; height: 370px; overflow: hidden; box-shadow:0px 0px  10px 5px #EEEEEE;}
.index-case-list .swiper-slide .img{ width: 300px; height: 232px; display: block;}
.index-case-list .title{ font-size: 20px; line-height: 20px; width: 260px; overflow: hidden; margin: 30px auto 20px; color: #000000;}
.index-case-list .time{ font-size: 14px; color: #999999; line-height: 20px; width: 260px; margin: 0 auto 20px;}
.index-case-list .line{ width: 50px; height: 3px; background-color: #003180; margin-left: 20px;}
/* .index-case-list .swiper-button-next{ width:38px; height:38px; position: absolute; right: -30px; top: 150px;}
.index-case-list .swiper-button-prev{ width:38px; height:38px; position: absolute; left: -30px; top: 150px;} */
.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;}
.bottom .part2 a{ font-size: 12px; color: #ccc; 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;}





.about-banner{ width: 100%; overflow: hidden; position: relative;}
.about1{ width: 100%; margin: 0 auto; overflow: hidden;}
.titles{ margin: 60px auto 80px; font-size: 30px; color: #000000; text-align: center; font-weight: normal; line-height: 50px;}
.titles p{ font-size: 26px; color: #003180; line-height: 50px;}
.titles span{ width: 54px; height: 1px; background-color: #D0B174; display: block; margin: 10px auto;}
.titles i{ font-size: 14px; color: #000000; line-height: 20px; text-align: center; display: block; font-style: normal;}
.about1 .left{ width: 550px; margin-bottom: 77px; float: left; overflow: hidden;}
.about1 .left img{ margin: 30px auto 0;}
.about1 .right{ font-size: 14px; color: #000000; line-height: 22px; float: right; width: 600px; margin-top: 20px;}
.about1 .right p{ text-indent: 2em;}
.about2{ width: 100%; height: 771px; overflow: hidden; background: url(../img/about2bg.jpg) no-repeat center;}
.about2 .about2-list{ position: relative;}
.about2 .about2-list .swiper-container{ width: 988px; margin: 0 auto;}
.about2 .about2-list .swiper-wrapper{ width: 988px; margin: 0 auto;}
.about2 .about2-list .swiper-slide{ height: 450px; overflow: hidden;}
.about2 .about2-list .swiper-slide .title{ font-size: 28px; line-height: 28px; margin: 60px auto 40px; color: #FFFFFF; text-align: center;}
.about2 .about2-list .swiper-slide .list{ font-size: 14px; line-height: 36px; color: #FFFFFF; text-align: center; margin-top: 20px;}
.about2 .about2-list .swiper-button-next{ width: 26px; height: 48px; background: url(../img/about-next.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 220px; right: 10px;}
.about2 .about2-list .swiper-button-prev{ width: 26px; height: 48px; background: url(../img/about-prev.png) no-repeat center; background-size: 100% 100%;  position: absolute; top: 220px; left: 10px;}
.about3{ width: 100%; margin: 50px auto 0; overflow: hidden; background-color: #e6e6e6; padding-top: 30px;}
.about3 .about3-list{ padding-bottom: 150px;}
.about3 .about3-list .swiper-slide{ height: 590px; overflow: hidden; background-color: #FFFFFF; position: relative;}
.about3 .about3-list .swiper-slide .title{ font-size: 28px; line-height: 28px; margin: 40px auto 20px; color: #003180; text-align: center;}
.about3 .about3-list .swiper-slide .list{ font-size: 14px; line-height: 36px; color: #000000; margin: 0 auto; width: 280px; text-align: center;}
.about3 .about3-list .swiper-slide .img{ position: absolute; left: 0; bottom: 0;}
.about3 .about3-list .swiper-button-next{ width: 65px; height: 65px; background: url(../img/about2-next.png) no-repeat center; position: absolute; top: 650px; right: 510px;}
.about3 .about3-list .swiper-button-prev{ width: 65px; height: 65px; background: url(../img/about2-prev.png) no-repeat center; position: absolute; top: 650px; left: 510px;}
.about4{ width: 100%; overflow: hidden;}
.main3{ width: 1200px; margin: 0 auto 50px; overflow: hidden;}
.about4 .about4-list{ position: relative;}
.about4 .about4-list .swiper-container{ padding: 0 20px; width: 1030px; margin: 0 auto;}
.about4 .about4-list .swiper-wrapper{ width: 1030px; padding: 10px; margin: 0 auto;}
.about4 .about4-list .swiper-slide{ width: 300px; height: 370px; box-shadow:0px 0px  10px 5px #EEEEEE;}
.about4 .about4-list .swiper-slide .img{ height: 138px; margin: 60px auto 30px; display: block;}
.about4 .about4-list .swiper-slide .line{ width: 200px; height: 3px; background-color: #003180; margin: 0 auto 30px;}
.about4 .about4-list .swiper-slide p{ font-size: 14px; color: #000000; line-height: 30px; text-align: center;}
.about4 .about4-list .swiper-button-next{ width: 50px; height: 50px; background: url(../img/index-case-right.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 185px; right: 0px;}
.about4 .about4-list .swiper-button-prev{ width: 50px; height: 50px; background: url(../img/index-case-left.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 185px; left: 20px;}

.about6{ background:#e6e6e6; padding:50px 0;}
.about6 .about6-list{ position: relative;}
.about6 .about6-list .swiper-container{ padding: 0 20px; width: 1030px; margin: 0 auto;}
.about6 .about6-list .swiper-wrapper{ width: 1030px; padding: 10px; margin: 0 auto;}
.about6 .about6-list .swiper-slide{ width: 300px; box-shadow:0px 0px  10px 5px #EEEEEE;}
.about6 .about6-list .swiper-slide .img{ display: block; width:100%;}
.about6 .about6-list .swiper-slide .img img{ max-width:100%;}
.about6 .about6-list .swiper-button-next{ width: 50px; height: 50px; background: url(../img/index-case-right.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 185px; right: 0px;}
.about6 .about6-list .swiper-button-prev{ width: 50px; height: 50px; background: url(../img/index-case-left.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 185px; left: 20px;}
.about5{ margin-bottom: 100px;}


.product{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #f5f5f5;}
.product .Subtit h2 i{ border-bottom:1px solid #D0B174;}
.product .Subtit h3 {font-size: 32px;color: #D0B174;margin-bottom: 20px;font-weight: normal;}
.cplist{width:100%;background: #fff;}
.product .Subtit h2:before,.product .Subtit h2:after { content: ''; position: absolute; top: 50%;  background: #dfdfdf; width: 38%; height: 1px;} 
.product .Subtit h2{display: block; position: relative;}
.product .Subtit h2:before { left: 0%;} 
.product .Subtit h2:after { right: 0%; }
.Subtit{ text-align:center; padding:62px 0 73px;}
.Subtit h2{ line-height:59px; font-size:26px; color:#020202;}
.Subtit h2 i{ display:block; margin:0px auto; width:54px; height:16px; border-bottom:1px solid #999999;}
.product img{ margin:0 auto 54px; display: block;}
.product1{ width: 100%; overflow: hidden;}
.prohead{ width: 100%; height: 60px; background-color: #f1f1f1; overflow: hidden;}
.prohead .prolist{ width: 480px; margin: 0 auto; overflow: hidden;}
.prohead .prolist .list{ width: 160px; font-size: 18px; color: #7a7a7a; line-height: 60px; text-align: center; float: left;cursor:pointer;}
.prohead .prolist .list.on{ background-color: #003180; color: #FFFFFF;}
.prohead .aboutlist{ width: 960px; margin: 0 auto; overflow: hidden;}
.prohead .aboutlist .list{ width: 160px; font-size: 18px; color: #7a7a7a; line-height: 60px; text-align: center; float: left;cursor:pointer;}
.prohead .aboutlist .list.on{ background-color: #003180; color: #FFFFFF;}
.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:auto
}
.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;
}
.icon-1{ background: url(../img/icon5-1.png) no-repeat center; background-size: 100% 100%;}
.cp-menu dd ul li:hover .icon-1{ background: url(../img/icon5-1h.png) no-repeat center; background-size: 100% 100%;}
.icon-2{ background: url(../img/icon5-2.png) no-repeat center; background-size: 100% 100%;}
.cp-menu dd ul li:hover .icon-2{ background: url(../img/icon5-2h.png) no-repeat center; background-size: 100% 100%;}
.icon-3{ background: url(../img/icon5-3.png) no-repeat center; background-size: 100% 100%;}
.cp-menu dd ul li:hover .icon-3{ background: url(../img/icon5-3h.png) no-repeat center; background-size: 100% 100%;}
.icon-4{ background: url(../img/icon5-4.png) no-repeat center; background-size: 100% 100%;}
.cp-menu dd ul li:hover .icon-4{ background: url(../img/icon5-4h.png) no-repeat center; background-size: 100% 100%;}
.icon-5{ background: url(../img/icon5-5.png) no-repeat center; background-size: 100% 100%;}
.cp-menu dd ul li:hover .icon-5{ background: url(../img/icon5-5h.png) no-repeat center; background-size: 100% 100%;}

.pro-detail{ width: 100%; height: 100px; background: #000000; overflow: hidden; position: relative;}
.probodybg{ background:#f4f4f4;}
.probox{ padding:33px; background:#fff; margin-bottom:22px;}
.proinfo{position:relative;}
.proinfo .swiper-slide{ position:relative;}
.proinfo .imgbox{height:622px;}
.proinfo .imgbox img{ margin: 0 auto;}
.proinfo .swiper-button-prev{ left:-124px; width:51px; height:128px; background: #c3c3c3 url(../img/proarr.png) 0px center no-repeat;}
.proinfo .swiper-button-next{ right:-124px; width:51px; height:128px; background: #c3c3c3 url(../img/proarr.png) right center no-repeat;}
.proinfo .swiper-button-prev:hover{ left:-124px; width:51px; height:128px; background-color: #ff0000;}
.proinfo .swiper-button-next:hover{ right:-124px; width:51px; height:128px; background-color: #ff0000;}
.proinfo .info{ color:#000000; padding-top:35px; height: 50px;}
.proinfo .info .tits{ font-size:28px;}
.proinfo .info a{ display:inline-block; border:1px solid #959595; padding:0 16px; line-height:54px; color:#000000; margin-left:12px;}
.proinfo .info a:hover{ border:1px solid #ff0000; color:#ff0000;}
.proinfo .info a img{ display:inline-block; vertical-align:middle; margin-right:5px;}
.SubPage{  padding-top:74px; padding-bottom:70px;}
.SubBan{ height:535px;}
.SubBan .txt{ text-align:center; padding-top:248px; line-height:53px; font-size:37px; color:#fff;}
.SubBan .txt b{ text-transform:uppercase; display:block; line-height:37px; font-size:32px;}
.Contain{width:1200px; margin:0px auto;margin-bottom:110px;}
.fl{ float:left;}.fr{ float:right;}.tc{ text-align:center;}.tr{ text-align:right;}.tl{ text-align:left;}
.PrevNextBox{ background:#f4f4f4; padding:23px 0px;}
.PrevNextBox dl{ position:relative; background:#fff; border:1px solid #e5e5e5; height:88px; line-height:88px;}
.PrevNextBox dl dd.prev{ padding-left:21px;  float:left;overflow:hidden;}
.PrevNextBox dl dd.prev a{ background:url(../img/prevarr.gif) 0px center no-repeat; padding-left:17px;}
.PrevNextBox dl dd.next{ text-align:right; padding-right:21px;  float:right;}
.PrevNextBox dl dd.next a{ background:url(../img/nextarr.gif) right center no-repeat; padding-right:17px;}
.PrevNextBox dl dd:hover a{ color: #D0B174;}
.PrevNextBox dl .back{ left:438px; position:absolute; border-left:2px solid #e5e5e5;border-right:2px solid #e5e5e5; text-align:center; width:304px;}
.PrevNextBox dl .back img{ display:inline-block; vertical-align:middle; margin-right:6px;}
.imgbox{ overflow:hidden; position:relative;}

.news{ width: 100%; margin: 0 auto; overflow: hidden;}
.newshead{ width: 100%; height: 60px; background-color: #f1f1f1; overflow: hidden;}
.newshead .newslist{ width: 320px; margin: 0 auto; overflow: hidden;}
.newshead .newslist .list{ width: 160px; font-size: 18px; color: #7a7a7a; line-height: 60px; text-align: center; float: left;cursor:pointer;}
.newshead .newslist .list.on{ background-color: #003180; color: #FFFFFF;}
/* .news-list{ width: 616px; margin: 50px auto 80px; overflow: hidden;}
.news-list a{ width: 130px; height: 50px; font-size: 16px; color: #595757; line-height: 50px; background-color: #e7e7e7; float: left; margin: 0 12px; display: block;}
.news-list a .l1{ background: url(../img/news-icon1.png) no-repeat center left 10px; padding-left: 50px;}
.news-list a .l2{ background: url(../img/news-icon2.png) no-repeat center left 10px; padding-left: 50px;}
.news-list a .l3{ background: url(../img/news-icon3.png) no-repeat center left 10px; padding-left: 50px;}
.news-list a .l4{ background: url(../img/news-icon4.png) no-repeat center left 10px; padding-left: 50px;}
.news-list a:hover{ color: #D0B174;}
.news-list a.on{ color: #D0B174;}
.news-list a.on .l1{ background: url(../img/news-icon1h.png) no-repeat center left 10px; padding-left: 50px;}
.news-list a.on .l2{ background: url(../img/news-icon2h.png) no-repeat center left 10px; padding-left: 50px;}
.news-list a.on .l3{ background: url(../img/news-icon3h.png) no-repeat center left 10px; padding-left: 50px;}
.news-list a.on .l4{ background: url(../img/news-icon4h.png) no-repeat center left 10px; padding-left: 50px;}
.news-list a:hover .l1{ background: url(../img/news-icon1h.png) no-repeat center left 10px; padding-left: 50px;}
.news-list a:hover .l2{ background: url(../img/news-icon2h.png) no-repeat center left 10px; padding-left: 50px;}
.news-list a:hover .l3{ background: url(../img/news-icon3h.png) no-repeat center left 10px; padding-left: 50px;}
.news-list a:hover .l4{ background: url(../img/news-icon4h.png) no-repeat center left 10px; padding-left: 50px;} */
.case-list{ width: 660px; margin: 50px auto 80px; overflow: hidden;}
.case-list a{ width: 130px; height: 50px; font-size: 16px; color: #595757; line-height: 50px; background-color: #e7e7e7; float: left; margin: 0 45px; display: block;}
.case-list a .l0{ background: url(../img/case-icon0.png) no-repeat center left 10px; padding-left: 50px;}
.case-list a .l1{ background: url(../img/case-icon1.png) no-repeat center left 10px; padding-left: 50px;}
.case-list a .l2{ background: url(../img/case-icon2.png) no-repeat center left 10px; padding-left: 50px;}
.case-list a:hover{ color: #D0B174;}
.case-list a.on{ color: #D0B174;}
.case-list a.on .l0{ background: url(../img/case-icon0h.png) no-repeat center left 10px; padding-left: 50px;}
.case-list a.on .l1{ background: url(../img/case-icon1h.png) no-repeat center left 10px; padding-left: 50px;}
.case-list a.on .l2{ background: url(../img/case-icon2h.png) no-repeat center left 10px; padding-left: 50px;}
.case-list a:hover .l0{ background: url(../img/case-icon0h.png) no-repeat center left 10px; padding-left: 50px;}
.case-list a:hover .l1{ background: url(../img/case-icon1h.png) no-repeat center left 10px; padding-left: 50px;}
.case-list a:hover .l2{ background: url(../img/case-icon2h.png) no-repeat center left 10px; padding-left: 50px;}
.news ul{ width: 1226px; overflow: hidden; margin:50px auto; padding-left: 5px;}
.news ul li{ width: 383px; margin-right: 25.5px; float: left; height: 425px; margin-bottom: 24px; background-color: #FFFFFF; box-shadow:0px 0px  10px 5px #EEEEEE;}
.news ul li img{ width: 383px; height: 280px; display: block;}
.news ul li .text{ width: 344px; margin: 20px auto; height: 127px; overflow: hidden;}
.news ul li .text .date{ font-size: 14px; color: #9fa0a0; line-height: 20px; display: none;}
.news ul li .text .title{ width: 344px; overflow: hidden; font-size: 20px; color: #003180; line-height: 20px;white-space: nowrap;text-overflow: ellipsis;}
.news ul li .text .title span{ width: 50px; height: 3px; background-color: #003180; margin: 20px 0; display: block;}
.news ul li .text .body{ font-size: 14px; color: #9fa0a0; line-height: 30px; height: 60px; overflow: hidden;}
.news ul li .text .line{ width: 50px; height: 3px; background-color: #003180;}


.news-detail{ width: 1206px; margin: 60px auto 120px; overflow: hidden; background-color: #FFFFFF; box-shadow:0px 0px  10px 5px #EEEEEE;}
.news-detail h5{ text-align: center; font-size: 36px; font-weight: normal; color: #000000; line-height: 50px; margin: 20px auto 50px; width: 1000px; border-bottom: 1px solid #999; padding-bottom: 30px;}
.news-detail h5 i{ width: 50px; height: 3px; background-color: #003180; margin: 20px auto; display: block;}
.news-detail h5 span{ font-size: 14px; color: #000000; line-height: 40px; display: block;}
.news-detail .body{ width: 1000px; margin: 0 auto 50px; overflow: hidden;}
.news-detail .body p{ margin: 20px auto; font-size: 14px; color: #000000; line-height: 22px; text-indent: 2em;}
.news-detail .body img{ max-width: 1000px;}
.news-bot{ width: 1000px; margin: 0 auto 50px; padding-top: 50px; overflow: hidden;}
.news-bot .line{ width: 1000px; margin: 20px auto; height: 1px; background-color: #C9CACA; clear: both;}
.news-bot .left{}
.news-bot .left a{ font-size: 14px; color: #000000; line-height: 24px; display: block;}
.news-bot .right{ width: 170px; height: 50px; float: right; display: block;}


.case-text{ width: 1000px; margin: 0 auto 50px; font-size: 14px; color: #000000; line-height: 28px; text-indent: 2em;}
.mb80{ margin-bottom: 80px;}
.case-detail{ width: 1200px; margin: 60px auto 0;}
.caseinfo{position:relative;}
.caseinfo .swiper-slide{ position:relative;}
.caseinfo .imgbox{height:407px;}
.caseinfo .swiper-button-prev{ left:-45px; width:25px; height:51px; background: url(../img/case-prev.png) center no-repeat;}
.caseinfo .swiper-button-next{ right:-45px; width:25px; height:51px; background: url(../img/case-next.png) center no-repeat;}
.case-detail .body{ width: 1200px; margin: 30px auto; overflow: hidden;}
.case-detail .body p{ font-size: 14px; color: #000000; line-height: 24px;}


.order{ width: 100%; margin: 0 auto 100px; padding-bottom: 10px; overflow: hidden;}

.sbox{width: 610px;margin: 0 auto;height: 60px;margin-bottom: 80px;}
.input input{ width: 528px;height: 60px;border: 1px solid #c8c8c8;padding: 0 29px;font-size: 16px;color:#333333;}
.input input::-webkit-input-placeholder{color: #888888;}
.input input::-ms-input-placeholder{color: #888888;}
.input input::-moz-placeholder{color: #888888;}
.floatl{ float: left;}
.sbtn button{width: 80px;height: 60px;background: url(../img/searchStore.png) no-repeat center center;background-color:#333333;border: none;}
.obox{width: 1200px;padding-bottom: 60px;}
.oChild{ width: 278px; height: 318px; border: 1px solid #eeeeee; margin-right: 27px; position: relative;transition: border 0.5s;-ms-transition: border 0.5s;-webkit-transition: border 0.5s;-moz-transition: border 0.5s;}
.oChild .circleBox{width: 60px; height: 60px; margin: 0 auto;margin-top: 40px; background: url(../img/order1.png) no-repeat center center;}
.oChild .circleBox img{ transition: transform 0.5s; -ms-transition: transform 0.5s; -webkit-transition: transform 0.5s;-moz-transition: transform 0.5s;}
.oChild .ot{ font-size: 18px;text-align: center;color: #333333;line-height: 56px;}
.oChild span{ width: 60px; display: block; margin: 0 auto; border-bottom: 1px solid #D0B174;}
.stp{ padding-top: 15px;width: 195px;margin: 0 auto; }
.oChild::after{width: 0%;content: "";border-bottom: 1px solid #D0B174;position: absolute;bottom: -1px;left: 0;transition: width 0.5s;-ms-transition: width 0.5s;-webkit-transition: width 0.5s;-moz-transition: width 0.5s;}
.oChild:hover::after{ width: 100%;}
.oChild:hover{border-color: white;box-shadow: 0 0 2px 2px #EAEAEA;}
.oChild:hover .circleBox img{transform: rotate(360deg);}
.o2 .circleBox{background-image: url(../img/order2.png);}
.o3{ margin-right: 26px;}
.o3 .circleBox{background-image: url(../img/order3.png);}
.o4{margin-right: 0px;}
.o4 .circleBox{background-image: url(../img/order4.png);}
.result{ width: 100%; background-color: white;}
.resultTitle{ width:1200px; margin: 0 auto; position: relative;}
.return{ width: 100%;height: 36px;position: absolute; right: 0; top: 40px;}
.rBtn{ position: absolute;top: 0;right: 0; width: 101px; height: 36px; }
.rBtn button{ width: 100px;height: 36px;border: 1px solid #eeeeee;background-color: white;color: #888888;font-size: 12px;position: relative;transition: color 0.2s,border 0.2s;-ms-transition: color 0.2s,border 0.2s;-webkit-transition: width 0.2s,border 0.2s;-moz-transition: width 0.2s,border 0.2s;z-index:5;}
.rBtn button::after{content: ""; position: absolute; top: 0;left: -0.5px;width: 0%;height: 100%;background-color: #D0B174; color: white; transition: width 0.2s;-ms-transition: width 0.2s;-webkit-transition: width 0.2s;-moz-transition: width 0.2s; z-index: -1;}
.rBtn button:hover{ color: white;border-color: #D0B174;}
.rBtn button:hover::after{ width: 100px;}
.resultBox{ width: 1200px; margin: 0 auto; padding-bottom: 80px;}
.resultBox table{width: 100%;}
.resultBox table tr{ height: 60px;border: 1px solid #eeeeee; border-top: 0px;}
.resultBox table td{ width: 25%; text-align: center;font-size: 14px;color: #000;}
.resultBox table button{ width: 98px; height: 36px;border: 1px solid #c8c8c8; }
.resultBox table tr:nth-child(1){ border: 0;background-color: #000;}
.resultBox table tr:nth-child(1):hover{ background-color: #000;}
.resultBox table tr:hover{ background-color: #D0B174; border-color: #D0B174;}
.resultBox table tr:nth-child(1) td{ color: white;}
.resultBox table tr:hover td{ color: #FFFFFF;}
.resultBox table td button{color: white;   }
.nomore tr:nth-child(2) td {width: 100%; padding: 120px 0 160px;}
.nomored{ width: 200px; height: 200px; overflow: hidden;margin: 0 auto;}
.nomore img{ margin-top: -160px; margin-left: -220px;}
.nomore p{- font-size: 16px;line-height: 24px; color: #000000;}
.nomore tr:nth-child(2):hover{ background-color: white; border-color: #EEEEEE;}


.contact{ width: 100%; margin: 0 auto; overflow: hidden;}
.ContactUs{ padding:77px 0 127px; overflow: hidden;}
.ContactUs .map{ float:left; width: 702px; height: 400px;}
.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: #D0B174; 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;}


.main4{ width: 1210px; margin: 0 auto;}
#joinlist1 .index-head{ margin-top: 100px;}
.join-list1{ width: 100%; margin: 0 auto; overflow: hidden;}
.join-list1 .left{ float: left; width: 580px;}
.join-list1 .left p{ font-size: 16px; letter-spacing: 2px; color: #221815; line-height: 34px; text-indent: 2em;}
.join-list1 .right{ float: right;}
.join-list2{ width: 1206px; margin: 20px auto; overflow: hidden;}
.join-list2 .left{ float: left; display: block;}
.join-list2 .right{ width: 448px; height: 380px; float: right; background-color: #f1f1f2; overflow: hidden;}
.join-list2 .right p{ font-size: 20px; color: #0d3c86; line-height: 60px; margin: 70px 0 0 20px;}
.join-list2 .right p span{ font-size: 20px; color: #000000; line-height: 20px; display: block;}
.join-list3 ul{ width: 1349px; overflow: hidden; margin: 50px auto;}
.join-list3 ul li{ width: 320px; float: left; margin-right: 123px; height: 120px; margin-bottom: 45px;}
.join-list3 ul li p{ border-left: 3px solid #003180; font-size: 38px; line-height: 80px; padding-left: 20px; color: #000000; height: 120px;}
.join-list3 ul li p span{ font-size: 20px; color: #000000; line-height: 20px; display: block;}
.join-list4 p{ font-size: 20px; color: #000000; line-height: 80px; text-indent: 2em; margin-bottom: 30px;}

.join-text{ position: absolute; top: 350px; opacity: 0; left: 50%; margin-left: -521px;}
.join1{ width: 100%; height: 722px; overflow: hidden; background: url(../img/join-bg1.jpg) no-repeat center;}
.joininfo{position:relative; margin: 50px auto 0;}
.joininfo .swiper-slide{ position:relative; width: 380px; margin-right: 30px;}
.joininfo .imgbox{ width: 380px; height:375px; background-color: #FFFFFF;}
.joininfo .imgbox img{ margin: 12px auto; display: block; width: 350px;}
.joininfo .imgbox p{ font-size: 18px; line-height: 18px; color: #D0B174; margin-bottom: 15px; text-align: center;}
.joininfo .imgbox .text{ font-size: 14px; color: #666; line-height: 22px; display: block; width: 350px; margin: 0 auto;}
.joininfo .swiper-button-prev{ left:-45px; width:25px; height:51px; background: url(../img/join-prev.png) center no-repeat;}
.joininfo .swiper-button-next{ right:-45px; width:25px; height:51px; background: url(../img/join-next.png) center no-repeat;}
.join2{ width: 100%; height: 829px; background: url(../img/join-bg2.jpg) no-repeat center; overflow: hidden;}
.join2 .index-head2{ color: #003180;}
.join3{ width: 100%; height: 647px; background: url(../img/join-bg3.jpg) no-repeat center; overflow: hidden;}
.text-join{ width: 1200px; height: 390px; overflow: hidden;}
.text-join p{ font-size: 18px; color: #000000; line-height: 30px; width: 320px; height: 95px; float: left; margin: 30px 40px 0;}
.text-join p span{ font-size: 14px; color: #666; line-height: 22px; display: block;}
.join4{ width: 100%; margin: 0 auto; overflow: hidden; background-color: #f2f2f2;}
.join4 .form{ width: 1200px; background-color: #FFFFFF; margin: 110px auto; overflow: hidden;}
.join4 .form .body{ width: 1000px; margin: 70px auto; overflow: hidden;}
.join4 .form .body h5{ width: 1000px; border-bottom: #cccccc; font-size: 24px; color: #000000; line-height: 30px; text-align: left; font-weight: normal;}
.join4 .form .body h5 span{ font-size: 18px; display: block;}
.join4 .form .body h5 img{ float: right;}
.jm_warp {
	background:#f2f2f2;
	padding:110px 0
}
.jm_form {
	background:#fff;
	padding:60px 100px;
	box-sizing:border-box
}
.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: #003180;
	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;
}
#joinlist1{ display: blcok;}
#joinlist2{ display: none;}



.recruit{ width: 100%; margin: 0 auto; overflow: hidden;}
.recruit .recruit-top{ width: 100%; height: 60px; background-color: #f1f1f1; border-bottom: 2px solid #b2b2b2;}
.recruit .list1{ width: 15%; float: left; font-size: 16px; color: #666; line-height: 60px; text-align: center;}
.recruit .list2{ width: 55%; float: left; font-size: 16px; color: #666; line-height: 60px;}
.recruit .recruit-body{ width: 100%; background-color: #FFFFFF;}
.recruit .recruit-body .list{ overflow: hidden; border-bottom: 1px solid #CCCCCC; display: block;}
.recruit-detail{ width: 94%; padding: 0 3%; overflow: hidden; background-color: #FFFFFF;}
.recruit-detail .title{ font-size: 28px; color: #000000; line-height: 50px; margin: 40px auto 20px;}
.recruit-detail .list{ background-color: #f1f1f1; overflow: hidden; padding: 20px 0;}
.recruit-detail .list p{ font-size: 14px; color: #000000; line-height: 30px; text-align: center; width: 33.333%; float: left;}
.recruit-detail .detail{ font-size: 14px; color: #000000; line-height: 30px; margin: 50px auto;}
.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;}