/*-----------------------------------------------------------------------------------------------------------------------*/
.wrap img{ width:100%;}
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:2rem!important;}
.ban .swiper-pagination-bullet{background:none;opacity:1; width:0.6rem;line-height: 0.6rem; height:0.6rem; border-radius:0.6rem;margin: 0 0.6rem!important;background: #fff;}
.ban .swiper-pagination-bullet-active{background: #014499;width: 2rem;}

.til01{text-align: center;color: #16163f;font-size:2.4rem;line-height:2.9rem;font-family: "Microsoft Yahei";white-space: nowrap;padding: 0 0 2rem;}
.til01 p{display: block;font-size:2.5rem;line-height:4.7rem;height:4.7rem;color: #252525;font-weight: bold;}
.til01 b{color: #0d4497;}
.til01 span{display: block;font-size:1.2rem;line-height:2rem;height:2rem;color: #fff;margin: 0 auto;position: relative;}
.til01 em:before,.til01 em:after{background:url(../images/tilbg2.png) no-repeat 0 0;content: "";position: absolute;width: 6.7rem;height:0.25rem;right:-7rem;top:0.75rem;background-size: 6.7rem 0.25rem;}
.til01 em:before{background:url(../images/tilbg1.png) no-repeat right 0;left:-7rem;}
.til01 em{display: inline-block;color: #fff;border-radius: 1rem;background: #0d4497;padding: 0 1rem;position: relative;}

.til01 a{color: #16163f;}
.til02,.til02 p,.til02 a{color: #fff;}

/* 主导航 */
nav{text-align: center;font-size: 1.4rem;color: #333;line-height: 2.5rem;padding:2.5rem 0 0;height: 14.6rem;}
nav a{display: block;width: 33.33%;float: left;height: 5.7rem;color: #333;}
nav a em{display: block;width: 2.8rem;height: 2.8rem;margin: 0 auto;}

/* 引子 */
.m-guide{position: relative;padding:1.6rem 0 0;z-index: 2;font-size: 1.1rem;line-height:1.8rem;color: #666;background: #f2f2f2;text-align: center;}
.m-guide .til01 p{font-size:1.9rem;line-height:3.5rem;height:3.5rem;}
.guide_p dt img,.guide_p dt{display: block;width: 100%;display: block;}
.guide_p{display: block;width: 92%;overflow: hidden;margin: 0 4%;}
.guide_p dd{padding: 1rem 1rem 0;height:10.5rem;}

.guide_l{height:6.8rem;font-size: 1.2rem;line-height:1.6rem;}
.guide_l li{float: left;width: 33.33%;position: relative;}
.guide_l li::before{content: "";position: absolute;width: 1px;height:3.2rem;left: 0;top:0.6rem;background: #ccc;}
.guide_l li:first-child:before{width: 0;}
.guide_l li span{display: block;height:2.7rem;line-height:2.7rem;color: #333;font-weight: bold;}
.guide_l li span b{color: #014499;font-family: Arial , Times New Roman;font-size:2.6rem;}

/*产品中心*/
.m-probox{position: relative;z-index: 1;line-height:1.8rem;font-size: 1.2rem;clear: both;padding: 1.8rem 0;color: #666;}
.prod1{padding: 0 4%;overflow: hidden;}
.prod2{background: #f5f5f5;padding: 1.9rem 4%;}
.prod3{padding:1.7rem 4% 0;overflow: hidden;}
.m-probox .prod2 h3 em{width: 4.8rem;}
.m-probox h3{font-size: 1.5rem;line-height: 2rem;color: #333;height: 5.6rem;}
.m-probox h3 b{font-size: 1.8rem;display: block;color: #0a4a94;}
.m-probox h3 em{float: left;width: 3.05rem;margin:0.2rem 0.7rem 0 0;}

.pro_gg{margin-bottom: 1.3rem;}
.pro_gg dt,.pro_gg dt img{width: 100%;display: block;overflow: hidden;}
.pro_gg dd{padding: 1.5rem 0;}

.pro_list li{width:48.5%;float: left;text-align: center;}
.pro_list ul a:nth-child(2n) li{margin:0 0 0 3%;}
.pro_list li img{display: block;width: 100%;border: solid 1px #f1f1f1;box-sizing:border-box;}
.pro_list li span{display: block;font-size: 1.1rem;line-height: 3rem;color: #666;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;height: 4.2rem;}

.pro_til{height:4.9rem;line-height: 3.4rem;overflow: hidden;color: #16163f;text-align: center;}
.pro_til li{float: left;width: 30.87%;height:3.4rem;box-sizing:border-box;}
.pro_til li:nth-child(2){margin: 0 3.69%;}
.pro_til li.cur{background: #0a4a94;color: #fff;font-weight: bold;}
.pro_con{overflow: hidden;}
.pro_c1 dt,.pro_c1 dt img{display: block;width: 100%;box-sizing:border-box;}
.pro_c1 dd{height: 12.9rem;background: #f3f3f3;box-sizing:border-box;padding: 1.3rem 1.2rem 0;}
.pro_c1 dd h3{display: block;font-size: 1.2rem;line-height: 3rem;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;height: 3.2rem;}
.pro_c1 dd h3 span{font-size: 1.8rem;padding: 0 0.2rem 0 0;}
.pro_c1 dd p{height: 4.4rem;}
.pro_more{display: block;width: 7.5rem;line-height: 2.4rem;background: #f08200;color: #fff;text-align: center;}

/* 定制案例 */
.m-case{font-size: 1.1rem;line-height:3.2rem;color: #666;text-align: center;}
.case_c{overflow: hidden;padding: 0 4%;}
.case_c li{width: 48.7%;float: left;padding-bottom: 0.8rem;}
.case_c li img{width: 100%;display: block;}
.case_c ul a:nth-child(2n) li{margin:0 0 0 2.6%;}
.case_c ul a:nth-child(2n-1) li{clear: both;}
.case_c li span{display: block;color: #666;height: 3.2rem;background: #f3f3f3;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/* 优势 */
.m-super{position:relative;font-size:1.2rem;line-height:1.8rem;color: #666;overflow: hidden;z-index: 1;clear: both;}
.m-super .til01{padding-bottom:3.5rem;}

.super_t{font-size: 1.2rem;line-height:2.3rem;color: #333;text-align: center;overflow: hidden;position: absolute;left: 0;top: 7.8rem;z-index: 2;width: 100%;height: 7.5rem;}
.super_t li{width: 21.8%;height:7.5rem;float: left;box-sizing:border-box;padding: 1.5rem 0 0;background: url(../images/supertbg1.png) no-repeat 0 0;background-size:100% auto!important;margin-left: 1.6%;}
.super_t li:first-child{margin-left: 4%;}
.super_t li em{display: block;width: 2.2rem;height:2.1rem;margin: 0 auto;overflow: hidden;}
.super_t li.cur{color: #fff;background: url(../images/supertbg2.png) no-repeat 0 0;}
.super_t li.cur em img{margin-top: -3.5rem;}
.super_c{overflow: hidden;}
.super_c dt,.super_c dt img{width: 100%;display: block;}
.super_c dd{padding: 0.8rem 4% 0;background: #f5f5f5;height: 12rem;}
.super_c dd h4{font-size: 1.2rem;line-height:4rem;}
.super_c dd h4 b{font-size: 1.9rem;color: #0d4497;padding: 0 0.3rem 0 0;}

/* 资讯 */
.m-news{padding:2.4rem 4%;font-size: 1.2rem;line-height:2.4rem;color: #666;clear: both;overflow: hidden;}
.news_t{font-size: 1.5rem;line-height: 3.3rem;height: 3.3rem;margin-bottom: 1.3rem;background: #0d4497;}
.news_t span{display: inline-block;color: #fff;width: 28.4%;float: left;text-align: center;}
.news_t span.cur{background: #f08200;}
.news_t a{float: right;color: #fff;font-size: 1.1rem;padding-right: 4%;}
.news_c{overflow: hidden;}
.news_c dl{background: #f0f0f0;margin-bottom: 0.6rem;}
.news_c a:nth-child(2) dl{margin-bottom: 1.6rem;}
.news_c dt{width: 41.3%;float: left;}
.news_c dt img{display: block;width: 100%;}
.news_c dd{padding:0.6rem 0 0 1rem;color: #666;width: 53%;float: left;font-size: 1.1rem;line-height: 1.5rem;}
.news_c dd h4{font-size: 1.2rem;line-height: 2.7rem;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news_c li{height: 2.4rem;position: relative;padding: 0 1.8rem;background: url(../images/ico01.gif) no-repeat 0 center;background-size:0.85rem 0.85rem!important;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;color: #333;}

/* 关于 */
.m-about{font-size:1.2rem;line-height:1.8rem;color: #666;position: relative;}
.about_p,.about_p img{width: 100%;display: block;}
.about_w{display: block;height: 8.3rem;z-index: 1;padding:1.5rem;margin: -5.5rem 4% 1.6rem!important;box-sizing:border-box;background: #fff;box-shadow: 0 0 0.3rem 0.3rem rgba(0, 0 , 0, 0.05);z-index: 2;position: relative;}
.m-about h2{font-size:1.2rem;height:5rem;line-height:2.3rem;color: #666;position: absolute;width: 100%;left: 0;top: 2rem;text-align: center;}
.m-about h2 b{display: block;font-size:2.4rem;line-height: 3.2rem;color: #333;}
.about_w p{padding: 0 0 1.6rem;}

/* 风采展示 */
.m-show{clear: both;font-size: 1.2rem;line-height: 2.3rem;height: 21rem;padding:0 4%;text-align: center;}
.show_t{font-size: 1.2rem;line-height: 2.4rem;height: 4.45rem;}
.show_t span{display: inline-block;color: #333;width: 25.8%;height: 2.4rem;border-radius: 1.2rem;}
.show_t span{background: #f4f4f4;}
.show_t span:nth-child(2){margin: 0 4.3%;}
.show_t span.cur{color: #fff;background: #014499;}
.show_t span em{display: inline-block;padding-left: 2.1rem;background-size:1.6rem 5.1rem!important;}
.show_t span.cur em{background-position: 0 -3.2rem!important;}


.show_c{overflow: hidden;}
.show_c li{width: 46.6%;float: left;position: relative;margin-left:2.27%;}
.show_c li p,.show_c li p img{width:100%;display: block;overflow: hidden;}
.show_c li span{display: block;color: #666;}

.head { width:100%;z-index: 15;overflow:hidden;background: #fff;}
.f-fl{float: left;}
.f-fr{float: right;}
.t_con{height:4.7rem;overflow: hidden;padding: 1.3rem 0 0;}
.head .logo{ width:37.6%; float:left;position:relative; margin:0 0 0 4%;}
.head .logo img{display:block; width:100%;}
.t_text{width:45%;font-size: 1.2rem;line-height:3.4rem;color: #666;text-align: center;font-weight: bold;}

.head .menu_btn{width:10.4%; height:4.25rem;display:block; float:right;overflow:hidden;}
.head .menu_btn a.downmenu{display:block; width:2.35rem;padding:1.2rem 0 0;}
.head .menu_btn img{ display:block; width:100%;}
.menu2 .slideMenu{ width:100%; display: none;z-index:99;position:absolute; right:0; transition:transform 1s;-webkit-transition:transform 1s;background:rgba(247,247,247,0.95); padding:1rem 0 3rem;}
.menu2.down .slideMenu{transform:translate3D(0,100%,0);-webkit-transform:translate3D(0,100%,0);}
.menu2 ul li {line-height:3.9rem;color:#666;font-size:1.5rem; margin-bottom:0.6rem;}
.menu2 ul li a { display:block; width:80%; margin:0 auto; border-bottom:2px solid rgba(0,0,0,0.05); font-family:"Microsoft Yahei"; color: #666;text-decoration: none;}
.menu2 h4{ width:3.6rem; height:3.5rem; font-size:3.9rem; line-height:3.5rem;position:absolute; top:-5.15rem; right:0;background: none;color: #fff;font-weight: normal;text-indent: 5rem; display: none;}


.g-ft{padding:2.1rem 0 6.4rem; position:relative;z-index:12;font-size:1.2rem;line-height:4.8rem;color: #fff;margin:2.5rem auto 0;background:#0d4497;}
.ontop{width:4.95rem;position: absolute;left: 50%;margin-left:-2.475rem;top:-2.475rem;}
.ontop span,.ontop span img{display: block;width:4.95rem;}
.g-ft a{color: #fff;}

.f_nav{height: 5.6rem;line-height: 5.6rem;text-align: center;white-space: nowrap;}
.f_nav a{display: inline-block;color:#fff;padding: 0 1.5rem;position: relative;}
.f_nav a:before{content: "";position: absolute;width: 1px;height: 1.1rem;background: rgba(255,255,255,0.2);right: 0;top: 2.25rem;}
.f_nav a:last-child:before{width: 0;height: 0;}

.flx p{border-top: 1px solid rgba(255,255,255,0.2);height: 4.8rem;white-space: nowrap;padding-left: 4.45rem;background:url(/mobile/images/f_ico4.png) no-repeat 1.7rem center;background-size:1.8rem 1.9rem!important;}
.flx p:nth-child(2){background:url(/mobile/images/f_ico5.png) no-repeat 1.7rem center;}
.flx p b{font-size: 1.8rem;}

.fnav{ position:fixed; bottom:0; min-width:320px; max-width:750px; width:100%; height:5rem;z-index:12;line-height:2.3rem;font-size: 1.2rem;background: #f08200;text-align: center;}
.fnav li{ width:33.33%;float:left; height:5rem;position: relative;white-space: nowrap;box-sizing:border-box;border-left: solid 1px rgba(255,255,255,0.3);}
.fnav li:nth-child(1){border: 0;}
.fnav li em{ display:block; width:1.8rem;margin:0.6rem auto 0;height:1.5rem;}
.fnav li em img,.f_pho em img{ display:block; width:100%;}
.fnav li a{ display:block;color:#fff;}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}

html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}