body{background: #f9f9f9;}
.wrap img{display: block;width: 100%;}


.tit01{text-align: center;}
.tit01 h2{font-size: 2.5rem; font-family: "Microsoft YaHei";color: #2e2f2f;font-weight:bold;}
.tit01 a{color: #2e2f2f; }
.tit01 p{ font-weight: normal; display: block;font-size:1.4rem;color: #666666;}


/**/
.m-adv {width: 100%;  position:relative;}
.m-adv img{ width:100%; display: block;}
.m-adv .swiper-pagination{bottom: 1rem !important; z-index: 1}
.m-adv .swiper-pagination .swiper-pagination-bullet{width: 1rem; height: 1rem; margin:0rem 0.3rem !important;background-color: #fff; opacity: 1; position: relative;}
.m-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #12416f;}

/**/
.m-guide{ clear: both; overflow: hidden;background: #fff url(../images/yybg.jpg) no-repeat center top;background-size: 100% 100%;  padding:0 0 2.6rem 0; box-sizing: border-box; font-family: "Microsoft YaHei";border-bottom: 0.7rem solid #f6f6f6;}
.guide{width: 93.33%;margin:0 auto 1.5rem;}
.m-guide dl{ width:100%;text-align: center;}
.m-guide dd{width:100%;margin-bottom: 2rem;}
.m-guide dd h3{font-size: 2.0rem;color: #12416f;font-weight: normal; margin-top:10px; margin-bottom:10px; text-align:left}
.m-guide dd h3 b{font-weight: bold;}
.m-guide dd em{ font-size: 1.2rem;color: #333333;display: block;line-height: 3rem;font-size: 18px;
    height: 47px;
    line-height: 47px;
    color: #fff;
    font-weight: normal;
    display: block;
    background: url(../images/guide-t.png) no-repeat;
    padding-left: 35px;
    margin-top: 18px; text-align:left;
}}
.m-guide dd p{ font-size:1.2rem; color:#333; line-height: 2.2rem; text-align: justify;opacity: 0.8;}
.m-guide dt{height:20.95rem; position: relative;z-index: 1;box-shadow: 0 0 1.2rem #ddddde;}
.m-guide dt img{width:100%;}
/*.m-guide dt:before{content: "";position: absolute;width:100%;height: 100%;background: rgba(0, 0, 0, 0.5);left:0;top:0;}*/
.m-guide dt i{width:100%; height:100%;  display: block;background: url(../images/vdo-btn.png) no-repeat; background-size: 100%; position: absolute; left:0;bottom:0; z-index: 1;}
.guide-count{width:100%;position: relative;}
.guide-count ul{clear: both;overflow: hidden;width: 92%;margin:0 auto;}
.guide-count li{width:20%;float: left;height:7rem;padding-top:1.5rem; text-align: center;box-sizing: border-box;}
.guide-count li em{display: block;font-size: 1.2rem;font-weight: bold;color: #333333;height: 3rem;position: relative;}
.guide-count li em b{ font-size: 2.5rem;font-family: Arial, Helvetica, sans-serif;margin-left: -1rem;}
.guide-count li em i{width:2.1rem;height:2.1rem;line-height: 2.1rem; background:#24387d;color: #fff;border-radius: 100%; display: block;font-size: 1.3rem;font-weight: normal;position: absolute;right: 0.5rem;bottom:0.5rem;text-align: center;}

.guide-count li p{font-size: 1.3rem;color: #333333;line-height: 2rem;}
.guide-count li:nth-child(2){width: 30%;}
.guide-count li:nth-child(3){width: 25%;}
.guide-count li:nth-child(4){width: 25%;}
.guide-count li:nth-child(2) em i{right:0rem;}
.guide-count li:nth-child(3) em i{right:0.5rem;}
.guide-count li:nth-child(4) em i{right:0.5rem;}

/**/
.m-chara{clear: both;overflow: hidden; font-family:"Microsoft Yahei";position: relative;background: #fff;}
.m-chara .tit01{height:8.4rem;}
.m-chara .tit01 p{background:url(../images/chara-t.png) no-repeat center top;background-size:23.05rem 0.15rem; }
.chara{width:92%;margin:0 auto;}
.chara li {width:47.82%;float: left; margin-bottom: 1.5rem;position: relative;margin-right:4.36%;}
.chara li:nth-child(2n){margin-right: 0;}
.chara li em{width:100%; display:block;overflow: hidden;position: relative;z-index: 1;}
.chara li em img{width:100%;display: block;}
.chara li h4{width: 5rem;height: 2rem;line-height: 2rem;text-align: center;font-weight: normal; font-size: 1.1rem;color: #fff;position: absolute;left:0;top:0;z-index: 1;background:#cc1720;}
.chara li p{margin:0.5rem 0 0; font-size: 1.1rem;color: #666666;line-height: 1.8rem;padding:0.45rem 0.5rem 0;background:#fff;box-shadow: 0.15rem 0 0.35rem rgba(192, 192, 192, 0.35);height: 8.5rem;box-sizing: border-box;text-align: justify;}
.chara li p b{color:#cc1720;}


.ind_tit{text-align: center;padding-top: 40px;padding-bottom: 15px;}
.ind_tit p{color: #333;font-size: 24px;font-weight: bold;}
.ind_tit span{color: #ddd;font-weight: bold;font-size: 16px;text-transform: uppercase;font-family: arial}



/* **** sec3 start **** */
.do_item_box{
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #000000;
	transition: .8s;
	margin-bottom: 15px;
}
.do_item{
	position: relative;
}
.do_item_box img{
	width: 100%;
	/* opacity: .5; */
	transition: .8s;
}
.do_item_box:hover img{
	transform: scale(1.1);
}
.do_item_box .desc2{
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.7);
	width: 100%;
	box-sizing: border-box;
	padding: 15px 15px;
	color: #fff;
}
.do_item_box .desc2 .wz{
	float: left;
	width: calc(100% - 100px);
	box-sizing: border-box;
	padding-right: 20px;
}
.do_item_box .desc2 .wz p{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}
.do_item_box .desc2 .wz p>span{
	text-transform: uppercase;
	padding-left: 5px;
	font-size: 12px;
	font-family: Arial;
	font-weight: 400;
}
.do_item_box .desc2 .wz>span{
	font-size: 14px;
	line-height: 22px;
	display: block;
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2; 
	overflow: hidden;
	height: 44px;
}
.do_item_box .desc2 a{
	float: left;
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	background: #e50012;
	color: #fff !important;
	text-align: center;
	font-size: 14px;
	margin-top: 25px;
}



/* **** sec3 end **** */



/* */
.m-products{ clear: both; overflow: hidden; background:#ffffff;background-size: 100% 100%; padding:0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-products .tit01{ padding-top:10px; padding-bottom:0;}
.m-products .tit01 p{background:url(../images/pro-t.png) no-repeat center top;background-size:11.85rem 0.15rem; }
.m-products{width: 100%;}
.m-products img{width: 100%; display: block;}
.pro1{width:92%;margin:-4.75rem auto 3.7rem;box-shadow: 0.2rem 0 1.2rem rgba(156, 156, 156, 0.35);background:#fff;position: relative;}
.pro-tit{width:91.3%;margin:0 auto 2.4rem;clear: both;overflow: hidden;}
.pro-tit h3{font-weight: bold;font-size: 1.6rem;color: #383838;line-height: 5rem;border-bottom: 1px solid #eaeaea;margin-bottom: 1.8rem;text-align: center;}
.pro-tit h3 a{color: #383838;}
.pro-tit p{text-align:center;}
.pro-tit p a{height: 2.65rem;line-height: 2.65rem;text-align: center; display: inline-block;font-size: 1.2rem;color: #333333;background:#f0eeef; font-weight: normal;width: 24%;margin-right: 1%;}
.pro-tit p a:last-child{margin-right: 0;}
.pro-tit p a:hover{background:#cc1720;color:#fff;}
.pro1-ad{width:91.3%;margin:0 auto;position: relative;overflow: hidden;}
.pro1-ad ul{width: 100%;}
.pro1-ad li{width: 47.2%;background:#fff;  box-sizing: border-box;float: left;margin-right:5.4%;position: relative;margin-bottom: 1.5rem;}
.pro1-ad li img{display: block;width: 100%;box-sizing: border-box;border:1px solid #e4e4e4;}
.pro1-ad li h4{height:3rem; text-align: center;font-size:1.1rem; color: #666666;line-height:3rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;}
.pro1-ad li:nth-child(2n){margin-right: 0;}


/**/
.m-super{padding:0 0 0rem; background:#fff; background-size:100% auto;}
.m-super .tit01{height:7.4rem;}
.m-super .tit01 p{background:url(../images/super-t.png) no-repeat center top; background-size:14rem 0.15rem;}
.super{position: relative;}
.super-nav{height:4.9rem;text-align: center;font-size: 3rem;line-height:1.8rem;color: #dfdfdf;position: relative;z-index: 1;}
.super-nav:before{content: "";position: absolute;width:100%;height:1px;background:#dfdfdf;right:0;bottom:1rem;z-index: -1;}
.super-nav li{width:25%;position: relative;float: left; height: 5.9rem;}
.super-nav li em{width: 100%;text-align: center;height: 3rem;line-height: 3rem;display: block;overflow: hidden; font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
.super-nav li:before{content: "";position: absolute;width:1rem;height:1rem;left:50%;bottom:1.5rem;z-index: 1;background: #fff;border: solid 0.2rem #999;box-sizing:border-box;border-radius: 100%;margin-left: -0.5rem;}
.super-nav li::after{content: "";position: absolute;width:0%;height:0.1rem;background:#cc1720;right:0;bottom:1.95rem;}
.super-nav li.cur:before{border-color: #cc1720;}
.super-nav li.cur:after{width: 100%;}
.super-nav li.cur{color: #cc1720;font-weight: bold;}
.super-con{margin:0 auto; width:100%; overflow:hidden;}
.super-con dl{position: relative;background:#ffff;padding-bottom:1.25rem;}
.super-con dt{ width:100%; margin:0 auto; position: relative;}
.super-con dt img{ display:block; width:100%;}
.super-con dd{width:92%;margin:0 auto;padding:1.5rem 0  0;}
.super-con dd h4{text-align: left; font-weight: normal; font-size:1.5rem; color:#000000;line-height: 2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height:2rem;}
.super-con dd p{ font-size:1.2rem; color:#666666;line-height:2rem;margin:1rem 0 2rem;}
.super-con dd ul{padding-top:2rem; clear: both;overflow: hidden;border-top:1px solid #eaeaea;}
.super-con dd li{float: left;width: 50%;position: relative;box-sizing: border-box;}
.super-con dd li:nth-child(1):after{content: ""; width: 1px;height:2.5rem;background: #e6e6e6;position: absolute; top:0;right:0;}
.super-con dd li:nth-child(2){padding-left: 1.3rem;}
.super-con dd li span{display: block; font-size: 1.1rem;color: #000000;float: left; font-family: Arial, Helvetica, sans-serif; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.super-con dd li span b{font-size: 2.4rem;color: #cc1720;}
.super-con dd li i{font-size: 1.2rem;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



/* **** sec2 start **** */
.sec2 .ind_tit{padding-bottom: 15px;}
.sec2_bg{box-sizing: border-box;padding:0 0 20px 0; background: url(../images/sec2_bg.jpg) no-repeat;background-size: cover !important;background-position: center !important;}

.samp_sel ul li{
	float: left;
	width: 25%;
	text-align: center;
	background: #404040;
	box-sizing: border-box;
	margin-bottom: 20px;
	transition: .3s; 
}
.samp_sel ul li+li{border-left: 1px solid #fff !important;}
.samp_sel ul li a{transition: .3s; color: #fff !important;font-size: 14px;box-sizing:border-box;display: block; padding: 15px 0;}
.samp_sel ul li.on{background: #cc1720;}
.samp_sel ul:nth-of-type(2) li:hover{
	background: #cc1720;
}

.samp_item{
	position: relative;
}
.samp_box .img{
	width: 100%;
	overflow: hidden;
}
.samp_box .img img{
	width: 100%;
	transition: .6s;
}
.samp_box .img:hover img{
	transform: scale(1.1);
}
.samp_box .info{
	box-sizing: border-box;
	padding: 20px 15px 20px 15px;
	background: #fff;
}
.samp_box .info h3{
	font-size: 20px;
	font-weight: bold;
	color: #222222;
}
.samp_box .info span{
	font-size: 14px;
	color: #666666;
	display: block;
	line-height: 24px;
	margin: 5px 0 10px 0;
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2; 
	overflow: hidden;
	height: 48px;
}
.samp_box .info a{
	border-radius: 23px;
	background: #cc1720;
	color: #FFFFFF !important;
	font-size: 14px;
	box-sizing: border-box;
	padding: 8px 25px;
	display: inline-block;
}
.samp_box .ico{
	border-top: 1px solid #ccc;
	padding-top: 30px;
	margin-top: 30px;
}
.samp_box .ico img{
	width: calc(25% - 13.333px);
}
.samp_box .ico img+img{
	margin-left: 10px;
}
.samp_box{
	margin-bottom: 10px;
	position: relative;
}


.img_item{
	width: calc(50% - 5px);
	float: left;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	transition: .3s;
	margin-right: 10px;
	margin-bottom: 10px;
}
.img_item .img{
	overflow: hidden;
}
.img_item img{
	width: 100%;
	transition: .6s;
}
.img_item:nth-of-type(2n){
	margin-right: 0px;
}
.img_item p{
	font-size: 14px;
	color: #666;
	box-sizing: border-box;
	padding: 10px 10px;
	transition: .3s;
	overflow: hidden;
	text-overflow:ellipsis; 
	white-space: nowrap;
}
.img_item:hover img{
	transform: scale(1.1);
}
.img_item:hover p{
	background-color: #cc1720;
	color: #fff;
}
/* **** sec2 end **** */

.tit01{font-size: 2.5rem; color: #373737;line-height:3rem; height: 7rem;width: 100%;position: relative; text-align: center;}
.tit01 a{color: #373737; text-decoration: none; }
.tit01 p{ font-size: 1.3rem;color: #504f4f;  font-weight: normal; line-height: 2.3rem;}

 .spzx ul{display:block;width:90%;margin:0 auto;}
    .spzx li{width:49%;display:block;margin-right:2%;float:left;margin-bottom:1rem;position:relative;}
    .spzx li a {
    line-height: 0;
    display: block;
}
    .spzx li i{position:absolute;display:block;top:50%;left:50%;z-index:2;width:8rem;height:8rem;margin-top:-5rem;margin-left:-4rem;}
    .spzx li span{display:block;text-align:center;font-size:1rem;line-height:2rem;color:#000;height:2rem;overflow:hidden;}
    .spzx li:nth-child(2n){margin-right:0;}
    .spzx li img{width:100%;}

/**/
.m-news{padding:1rem 0 4.1rem; background:#fff; background-size:100% auto;}
.m-news .tit01{height:7.4rem;}
.news-nav{ width:93.33%; margin:0 auto 1.25rem;box-sizing: border-box; height:3.7rem; border-bottom:1px solid #d4d4d4;}
.news-nav p{ display:block;height: 3.7rem;line-height: 3.7rem;text-align: left;margin-right: 2rem; font-size: 1.5rem;color: #000000;float: left;position: relative;}
.news-nav p::after{content: ""; width:1.5rem;height:0.55rem;background: url(../images/newstico.png) no-repeat;background-size:100%; position: absolute; bottom:0;left:50%;margin-left: -0.75rem;opacity: 0;;}
.news-nav a{line-height: 3.7rem;text-align: right;float: right; font-size: 1.5rem;color: #000000}
.news-nav .active{ color:#12416f; font-weight: bold; }
.news-nav .active::after{opacity: 1;}

.news-con{margin:0 auto; overflow:hidden;width:93.33%;}
.news-con dl{padding-bottom: 1.2rem;margin-bottom: 1.2rem;border-bottom: 1px solid #e9e9e9;clear: both;overflow: hidden;}
.news-con dt{width:32%;;display: block;overflow: hidden;float: left;}
.news-con dt img{width:100%;display: block;transition: all 0.3s linear 0s;}
.news-con dd{display: block;width:63.8%;padding:.5rem 0 0; float: right;}
.news-con dd h4{height:2rem;white-space: nowrap;font-size: 1.3rem;line-height:2rem;  font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-con dd h4 a{color: #333333;}
.news-con dd p{color:#666666; font-size: 1.1rem;line-height: 1.7rem; overflow: hidden;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.news-more{height: 2.7rem;line-height: 2.9rem;border:0.1rem solid #ccc;text-align: center;width: 18.5rem;display: block; font-size: 1.2rem;color: #000000;margin:0 auto;}

.news-con dl:nth-last-child(2){border-bottom: 0;}

/*走进*/
.m-about{ padding:0;background:#fff;background-size:100% 100%;position: relative;}
.m-about img{width: 100%;display: block;}
.about{width:100%;position: absolute;left:0;top:3.6rem; box-sizing: border-box;}
.about .tit01{height: 7rem;}
.about .tit01 h2 a,.about .tit01 p{color: #fff;}
.abt-desc{width:94.8%;margin:0 auto 2rem; font-size: 1.2rem;color: #ffffff;line-height: 2.2rem;text-align: center;}
.abt-btn{width: 12rem;height:3rem;line-height: 3rem;text-align: center;color: #fff;font-size: 1.2rem;display: block;margin:0 auto;background:#db0d00;}


/**/
.m-show{ box-sizing: border-box;background:#fff;background-size: 100% 100%;  padding:1rem 0; overflow: hidden; font-family:"Microsoft Yahei";}
.show{width: 98.33%;position: relative;margin:0 auto;overflow: hidden;}
.show-nav{height:3.4rem;margin-bottom: 0.65rem;text-align: left;}
.show-nav a{display: inline-block;width: 24.15%;border:1px solid #f1f1f1;box-sizing: border-box; font-size: 1.3rem;text-align: center; color: #222324; font-weight: normal;position: relative;line-height: 3.4rem;}
.show-nav a:hover,.show-nav a.cur{color: #fff;font-weight: bold;background: #12416f;border-color: #12416f;}

.show-con li{width: 48.55%; float: left;margin-right:2.9%;}
.show-con li img{width: 100%;display: block;}
.show-con li h4{font-size: 1rem;text-align: center; color: #333333;height: 3.3rem;line-height: 3.3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; border-bottom: 0.1rem solid #e3e3e3;}
.show-con li:nth-child(2n){margin-right: 0;}



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;}}