@charset "utf-8";
*{ box-sizing:border-box}
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle;width: 100%;}
button,input[type=submit],input[type=reset],input[type=text],input[type=button],select,textarea{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur());border: none;}
body{color:#000;line-height:1.3;font-size:.28rem;opacity: 0;overflow-x: hidden;background:#FFFFFF; max-width: 840px;margin: 0 auto;padding-top: 1.9rem;}
.fl,.left{float:left}
.fr,.right{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}

.fixedtop{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9;
}
.menu{
	font-size: .32rem;
	background: #c62b32;
	line-height: .9rem;
	height: .9rem;
	overflow: hidden;
	width: 8.4rem;
	margin: 0 auto;
}


.header{
	padding: 0 .3rem;
	background: #FFFFFF;
	height: 1rem;
	position: relative;
}
.search_btn{
	width: .5rem;
	height: .5rem;
	background: url(../images/fdj.png) center no-repeat;
	background-size: cover;
	position: absolute;
	left: .3rem;
	top: .25rem;
}
/*1021*/
.search{
	background: #FFFFFF;
	z-index: 9;
	position: absolute;
	top: 1rem;
	left: 0;
	width: 100%;
	padding: .1rem .3rem;
	border-top: 1px #EEEEEE solid;
	display: none;
}
.search .text{
	float: left;
	width: 6.8rem;
	padding: 0 .15rem;
	height: 1rem;
	border: 1px #CCCCCC solid;
	font-size: .28rem;
	color: #666666;
}
.search .button{
	float: left;
	width: 1rem;
	height: 1rem;
	background: url(../images/fdj.png) center no-repeat;
	background-size: .5rem;
	border: 1px #CCCCCC solid;
	border-left: none;
}
/*1021*/
.logo{
	display: block;
	width: 2.02rem;
	height: .62rem;
	/*background: url(../images/logo.png) center no-repeat;
	background-size: cover;
	position: absolute;*/
	left: 50%;
	margin-left: -1.01rem;
	top: .19rem;
}
.menu_btn{
	width: .46rem;
	height: .39rem;
	background: url(../images/menu_btn.png) center no-repeat;
	background-size: cover;
	position: absolute;
	right: .3rem;
	top: .3rem;
}
.lan{
	position: absolute;
	right: 1.1rem;
	top: 0;
	line-height: 1rem;
	font-size: .36rem;
}
.lan a{
	color: #666666;
	text-transform: capitalize;
}
.menu{
	font-size: .32rem;
	background: #c62b32;
	line-height: .9rem;
}
.menu .swiper-slide{
	width: 1.4rem;
}
.menu .swiper-slide a{
	display: block;
	color: #FFFFFF;
	text-align: center;
}
.menu .swiper-slide.on{
	background: #901d22;
}
.banner .swiper-pagination{
	height: .14rem;
	bottom: .2rem;
}
.banner .swiper-pagination-bullet{
	vertical-align: top;
	width: .14rem;
	height: .14rem;
	margin: . 13rem;
	background: #FFFFFF;
	opacity: .5;
}
.banner .swiper-pagination-bullet-active{
	opacity: 1;
	background: #c62b32;
}
.title{
	padding: 0 .3rem;
	background: #FFFFFF;
	font-size: .36rem;
	color: #333333;
	line-height: 1rem;
}
.title a{
	float: right;
	font-size: .26rem;
	color: #aaaaaa;
}
.title p{
	padding-left: .36rem;
	background: url(../images/arw1.png) left center no-repeat;
	background-size: .18rem .22rem;
}
.title p em{
	text-transform: uppercase;
	font-size: .26rem;
	color: #AAAAAA;
	vertical-align: top;
}
.index_1tit{
	background: #eeeeee;
}
.index_1tit .bg{
	width: 1.1rem;
	height: .9rem;
	background: url(../images/bg1.png) center no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	background-size: cover;
	z-index: 99;
}
.index_1tit .swiper-slide{
	width: auto;
	line-height: .9rem;
}
.index_1tit .swiper-slide a{
	display: block;
	padding: 0 .2rem;
	font-size: .28rem;
	color: #000000;
}
.index_1tit .swiper-slide.on{
	background: url(../images/bg2.jpg) center repeat-x;
	background-size: .05rem .9rem;
}
.index_1tit .swiper-slide.on a{
	color: #c62b32;
}
.pro_list{
	padding-left: .22rem;
	padding-bottom: .4rem;
	background: #FFFFFF;
}
.pro_list li{
	float: left;
	width: 3.82rem;
	border: 1px #eeeeee solid;
	overflow: hidden;
	margin: .3rem .08rem 0;
}
.pro_list li .pic{
	width: 3.8rem;
	height: 2.04rem;
	overflow: hidden;
}
.pro_list li p{
	text-align: center;
	background: #EEEEEE;
	font-size: .26rem;
	color: #000000;
	line-height: .46rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index_2{
	padding: 0 .3rem .3rem;
	background: #FFFFFF;
}
.index_2 .video{
	position: relative;
}
.index_2 .video .play{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}
.index_2 .video .play b{
	display: block;
	width: .72rem;
	height: .72rem;
	background: url(../images/play.png) center no-repeat;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -.36rem;
	margin-left: -.36rem;
}
.index_2 p{
	font-size: .28rem;
	color: #666666;
	line-height: .46rem;
	padding-top: .2rem;
	text-indent: 2em;
}

.index_3{
	background: #FFFFFF;
	margin-top: .2rem;
}
.index_3tit{
	border-bottom: 1px #EEEEEE solid;
}
.index_3tit li{
	width: 2.8rem;
	float: left;
	text-align: center;
	border-right: 1px #EEEEEE solid;
	line-height: 1rem;
}
.index_3tit a{
	display: inline-block;
	padding-left: .46rem;
	background: left center no-repeat;
	background-size: .35rem .3rem;
	font-size: .32rem;
	color: #000000;
}
.index_3tit li:nth-child(1) a{
	background-image: url(../images/ic1.png);
}
.index_3tit li:nth-child(2) a{
	background-image: url(../images/ic2.png);
}
.index_3tit li:nth-child(3) a{
	background-image: url(../images/ic3.png);
}
.index_3tit li.on{
	background: #c62b32;
}
.index_3tit li.on a{
	color: #FFFFFF;
}
.index_3tit li:nth-child(1).on a{
	background-image: url(../images/ic1-2.png);
}
.index_3tit li:nth-child(2).on a{
	background-image: url(../images/ic2-2.png);
}
.index_3tit li:nth-child(3).on a{
	background-image: url(../images/ic3-2.png);
}
.index_3con .top{
	padding: .3rem;
}
.index_3con .top .pic{
	float: left;
	width: 2.92rem;
	height: 1.92rem;
	overflow: hidden;
}
.index_3con .top p{
	float: right;
	width: 4.7rem;
	font-size: .32rem;
	color: #333333;
	line-height: .52rem;
	height: 1.56rem;
	overflow: hidden;
}
.news_list li{
	padding: 0 .3rem;
	border-top: 1px #EEEEEE solid;
	line-height: 1.1rem;
}
.news_list li a{
	display: block;
	font-size: .32rem;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index_4{
	background: #FFFFFF;
	padding-left: .24rem;
	padding-bottom: .2rem;
}
.index_4 li{
	float: left;
	width: 2.52rem;
	height: 1.28rem;
	border: 1px #EEEEEE solid;
	overflow: hidden;
	margin: 0 .06rem .2rem;
}
.foot{
	color: #FFFFFF;
	text-align: center;
	padding: .3rem;
	background: #333333;
}
.foot p{
	opacity: .8;
	text-transform: uppercase;
	line-height: .44rem;
}
.blank{
	height: .2rem;
	background: #F5F5F5;
}
.nav{
	background: #FFFFFF;
	text-align: center;
	font-size: .32rem;
	line-height: 1rem;
	position: relative;
}
.nav p{
	padding: 0 .3rem;
	color: #333333;
	border-bottom: 1px #EEEEEE solid;
}
.nav p em{
	display: block;
	padding: 0 .3rem;
	background: url(../images/arw2.png) right center no-repeat;
	background-size: .26rem .16rem;
}
.nav ul{
	position: absolute;
	left: 0;
	top: 1rem;
	border-top: 1px #EEEEEE solid;
	width: 100%;
	z-index: 9;
	background: #FFFFFF;
	display: none;
}
.nav ul li{
	border-bottom: 1px #EEEEEE solid;
}
.nav ul li a{
	display: block;
	padding: 0 .3rem;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.nav p.p2 em{
	background-image: url(../images/arw3.png);
}
.title2{
	padding: 0 .3rem;
	font-size: .32rem;
	color: #000000;
	line-height: 1rem;
}
.title2 p{
	padding: 0 .54rem;
	background: url(../images/ic4.png) left top no-repeat;
	background-size: .34rem .64rem;
}
.pro_det{
	padding: 0 .3rem .3rem;
}
.pro_det .tit{
	font-size: .32rem;
	color: #333333;
	text-align: center;
	line-height: .88rem;
}
.pro_det .pic{
	width: 6.68rem;
	margin: 0 auto;
}
.pro_det h3{
	font-size: .24rem;
	line-height: .64rem;
	color: #c62b32;
}
.pro_det table{
	width: 100%;
	text-align: center;
	border-top: 1px #EEEEEE solid;
	border-left: 1px #EEEEEE solid;
}
.pro_det table td{
	width: 1.3rem;
	font-size: .2rem;
	color: #666666;
	border-bottom: 1px #EEEEEE solid;
	border-right: 1px #EEEEEE solid;
	line-height: .4rem;
}
.pro_det h4{
	font-size: .24rem;
	color: #aaaaaa;
	line-height: .64rem;
}
.pro_det p{
	font-size: .26rem;
	color: #666666;
	line-height: .46rem;
}
.cnav{
	border-bottom: 1px #EEEEEE solid;
}
.cnav li{
	float: left;
	width: 50%;
	line-height: 1rem;
}
.cnav li a{
	text-align: center;
	display: block;
	font-size: .32rem;
	color: #333333;
}
.cnav li.on{
	background: url(../images/bg3.jpg) center repeat-x;
	background-size: .05rem 1rem;
}
.case_list{
	padding: 0 0 .3rem .22rem;
}
.case_list li{
	float: left;
	width: 3.82rem;
	height: 3.05rem;
	margin: .3rem .08rem 0;
}
.case_list li .pic{
	width: 3.82rem;
	height: 2.06rem;
	border: 3px #EEEEEE solid;
	position: relative;
}
.case_list li p{
	padding: .12rem .2rem 0;
	font-size: .26rem;
	color: #000000;
	line-height: .42rem;
}
.case_list li p em{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.case_list li b{
	display: block;
	width: .64rem;
	height: .64rem;
	background: url(../images/play2.png) center no-repeat;
	background-size: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -.32rem;
	margin-top: -.32rem;
}
.one_see .tit{
	text-align: center;
	font-size: .32rem;
	color: #333333;
	line-height: .94rem;
}
.os_pic .swiper-pagination{
	text-align: right;
	bottom: .2rem;
	color: #FFFFFF;
	padding-right: .3rem;
	font-size: .3rem;
	line-height: .5rem;
}
.os_spic{
	margin-top: .1rem;
}
.os_spic .swiper-slide{
	width: 2.5rem;
	margin-right: .1rem;
}
.os_spic .swiper-slide .pic{
	height: 1.63rem;
	width: 2.5rem;
	overflow: hidden;
}
.os_spic .swiper-slide.on .pic{
	border: 3px #c2272d solid;
}
.one_see{
	padding-bottom: .3rem;
}
.cnav2 li{
	width: 2.8rem;
}
.licheng{
	padding-bottom: .3rem;
}
.licheng p{
	font-size: .26rem;
	color: #666666;
	line-height: .46rem;
	padding: .2rem .3rem;
}
.intro{
	padding: .2rem .3rem .3rem;
}
.intro p{
	font-size: .26rem;
	color: #666666;
	line-height: .46rem;
}
.intro .pic{
	margin-top: .2rem;
}
.intro h3{
	font-size: .3rem;
	color: #c2272d;
	line-height: .5rem;
	padding-top: .2rem;
}
.intro h3 em{
	display: block;
}
.news li{
	padding: .3rem;
	border-bottom: 1px #EEEEEE solid;
}
.news li a{
	display: block;
}
.news li .pic{
	float: left;
	width: 2.64rem;
	height: 1.76rem;
	overflow: hidden;
}
.news li .word{
	float: right;
	width: 4.95rem;
}
.news li h3{
	font-size: .36rem;
	color: #333333;
	line-height: .46rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news li p{
	font-size: .26rem;
	color: #666666;
	line-height: .36rem;
	height: .72rem;
	overflow: hidden;
	margin-top: .1rem;
}
.news li span{
	display: block;
	font-size: .26rem;
	color: #AAAAAA;
	line-height: .48rem;
}
.page{
	padding: .3rem 0;
	text-align: center;
}
.page .dis{
	display: inline-block;
	vertical-align: top;
	zoom: 1;
}
.page a{
	float: left;
	font-size: .26rem;
	color: #999999;
	padding: 0 .3rem;
	line-height: .5rem;
	border-radius: .5rem;
}
.page a.on{
	background: #C62B32;
	color: #FFFFFF;
}
.news_det .tit{
	text-align: center;
	padding: .2rem .3rem .3rem;
	border-bottom: 1px #EEEEEE dashed;
}
.news_det .tit h3{
	font-size: .32rem;
	color: #333333;
	line-height: .6rem;
}
.news_det .tit p{
	font-size: .26rem;
	color: #AAAAAA;
	line-height: .32rem;
}
.news_det .tit p em{
	display: inline-block;
	vertical-align: top;
	margin-left: .8rem;
}
.ndet_con{
	padding: .3rem .3rem;
}
.ndet_con p{
	padding-top: .2rem;
	font-size: .26rem;
	color: #666666;
	line-height: .46rem;
}
.ndet_con .pic{
	margin-top: .2rem;
}
.ndet_con .page2{
	padding-top: .2rem;
}
.ndet_con .page2 a{
	display: block;
	font-size: .32rem;
	color: #666666;
	line-height: .7rem;
}
.conus li{
	float: left;
	width: 50%;
	padding: .3rem .3rem 0;
	text-align: center;
	border-right: 1px #EEEEEE solid;
	border-bottom: 1px #EEEEEE solid;
	height: 2.3rem;
}
.conus li i{
	display: block;
	width: .9rem;
	height: .9rem;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
}
.conus li p{
	font-size: .26rem;
	color: #666666;
	line-height: .34rem;
	padding-top: .15rem;
}
.conus li:nth-child(2n){
	border-right: none;
}
.yxiao li{
	border-top: 1px #EEEEEE solid;
	padding: .1rem .3rem .23rem;
	text-align: center;
}
.yxiao li h3{
	font-size: .32rem;
	color: #000000;
	line-height: .68rem;
}
.yxiao li p{
	font-size: .26rem;
	color: #666666;
	line-height: .4rem;
}
.mesbox{
	padding: .1rem .3rem .4rem;
}
.mesbox .int{
	margin-top: .2rem;
	border: 1px #EEEEEE solid;
}
.mesbox .int span{
	float: left;
	display: block;
	font-size: .26rem;
	color: #AAAAAA;
	line-height: .78rem;
	width: 1.2rem;
	text-align: right;
	padding-right: .1rem;
}
.mesbox .int .text{
	float: right;
	width: 6.55rem;
	height: .78rem;
	font-size: .26rem;
	color: #666666;
}
.mesbox .int .text2{
	width: 4.9rem;
}
.mesbox .int textarea{
	float: right;
	width: 6.55rem;
	height: 2.38rem;
	line-height: .78rem;
	font-size: .26rem;
	color: #666666;
}
.mesbox .int .yzm{
	float: right;
	width: 1.54rem;
	height: .44rem;
	margin-top: .17rem;
	overflow: hidden;
	margin-right: .1rem;
}
.mesbox .button{
	display: block;
	margin: .4rem auto 0;
	font-size: .32rem;
	color: #FFFFFF;
	width: 1.8rem;
	height: .8rem;
	background: #c62b32;
}