@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr, span {
	margin: 0;
	padding: 0;
}
html {font-size: 62.5%;/*10 �� 16 �� 100% = 62.5%*/}
body {font-size: 1.4rem;/*1.4 �� 10px = 14px */}

body {
	font-family: "Microsoft YaHei" ! important;
	color: #000000;
	background: #fff;
	margin: 0 auto;
	padding: 0px;
	min-width:1200px;
}
a {
	text-decoration: none;
	color: #235aa7;
	outline: none;
}
a:active {
star:expression(this.onFocus=this.blur());
}
img {
	border: 0px;
	vertical-align: middle;
}

li {
	list-style: none;
}

.basehead{
border-bottom: 4px solid #0087b7;	
padding-top: 1%;
padding-bottom: 1%;
}
.basehead .logo{
	float: left;
	width: 25%;
}
.basehead .logo img{
	display: block;
	margin-top:10px;
}
.basehead .rightcontent{
	float: right;
	width: 74%;
}
.basehead .rightcontent .tel{
	text-align: right;
	font-size: 16px;
	margin-bottom: 3%;
}
.basehead .rightcontent .tel a{
	color: #ff5800;
	padding-left: 30px;
	background: url(phone.png) no-repeat left center;
	background-size: auto 80%;
}
.basehead .rightcontent .tel a span{
	
}
.basehead .rightcontent .tel a img{
	position: relative;
	top: -3px;
}
.basehead .rightcontent .navlistbox{
text-align: right;
}
.basehead .rightcontent .navlistbox ul{
	
}
.basehead .rightcontent .navlistbox ul li{
	display: inline-block;
	padding: 1% 2.2%;
	padding-bottom: 0.6%;
	border-radius: 7px;
}
.basehead .rightcontent .navlistbox ul li *{
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;
}
.basehead .rightcontent .navlistbox ul li.current{
background: #0087b7;
}
.basehead .rightcontent .navlistbox ul li.current .h2tit a .cn{
color: #fff
}

.basehead .rightcontent .navlistbox ul li.current .h2tit a .en{
color: #fff
}
.basehead .rightcontent .navlistbox ul li:hover{
background: #0087b7;
}
.basehead .rightcontent .navlistbox ul li:hover .h2tit a .cn{
color: #fff
}

.basehead .rightcontent .navlistbox ul li:hover .h2tit a .en{
color: #fff
}


.basehead .rightcontent .navlistbox ul li .h2tit{
	font-weight: normal;
}
.basehead .rightcontent .navlistbox ul li .h2tit a{
	display: block;

	text-align: center;

}
.basehead .rightcontent .navlistbox ul li .h2tit a .cn{
	font-size: 1.8rem;
	display: block;
	color: #3f3f3f;
}
.basehead .rightcontent .navlistbox ul li .h2tit a .en{
	font-size: 1.2rem;
	color: #a2a2a2;
	display: block;
}
.banner{
	background: #015196
}
.banner img{
	display: block;
	width: 100%;
}

.main{
	
}

.main .titlemodel{
	text-align: center;
	padding-top: 92px;
	background: url(bj1.png) no-repeat center top;
	background-size: auto 100%;
	height: 160px;
}

.main .titlemodel .cn{
	font-size: 2.6rem;
}
.main .titlemodel .en{
	margin-bottom: 6px;
	font-size: 1.4rem;
	color: #7d7d7d
}

.main .section_1{
	padding-top: 20px;
    padding-bottom: 100px;
}

.main .section_1 .desc{
padding: 0px 3%;
text-indent: 2em;	
font-size: 1.2rem;
line-height: 1.7rem;
color: #757575;
margin-bottom: 3%;
}

.main .section_1 .list{

}

.main .section_1 .list ul{
	zoom:1;
overflow: hidden;
}
.main .section_1 .list ul li{
    float: left;
    width: 19%;
    margin-right: 1.2%;
}
.main .section_1 .list ul li.last{
margin-right: 0px;
}

.main .section_1 .list ul li a{
	display: block;
	border-radius: 7px;
	overflow: hidden;
	background: #e0e3e8;
	padding-top: 14%;
	text-align: center;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	transition:all 0.3s;
    background: url(sha.png) no-repeat 80% 17% #e0e3e8;
    background-size: auto 38%;
}
.main .section_1 .list ul li a:hover{
background-color: #ffad01
}
.main .section_1 .list ul li a:hover .h2tit{
color: #fff;
}
.main .section_1 .list ul li a:hover .descr{
color: #fff;
border-color: #fff;
}
.main .section_1 .list ul li a:hover .more{
color: #fff;
border-color: #fff;
}
.main .section_1 .list ul li a:hover .imgbox img{
border:2px solid #fff;
border-radius: 1000px;
}



.main .section_1 .list ul li a *{
	display: block;
		-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;
}
.main .section_1 .list ul li a .imgbox{

}
.main .section_1 .list ul li a .imgbox img{
	margin: auto;
	max-width: 70%;
	border:2px solid  transparent;
border-radius: 1000px;

}
a:hover{
	text-decoration: none;
}
.main .section_1 .list ul li a .h2tit{
	padding-top: 6%;
	font-size: 1.8rem;
	color: #131212
}
.main .section_1 .list ul li a .descr{
	border-top: 1px dashed #b8b8b8;
	width: 70%;
	margin: auto;
	margin-top: 2%;
	padding-top: 4%;
	color: #5b5b5b;
	font-size: 1.3rem;
	line-height: 1.8rem;
	margin-bottom: 7%;
}
.main .section_1 .list ul li a .more{
	margin: auto;
	border:2px solid #313131;
	display: inline-block;
	color: #313131;
	padding: 0.7% 3%;
	margin-bottom: 10%;
}
.main .titlemodel.bj2{
padding-top: 76px;
		background:url(bj2.png) no-repeat center top #313131;
}
.main .titlemodel.bj2 .cn{
	color: #fff;
}

.main .titlemodel.bj2 .en{
	
}
.main .section_2{
		background: #313131;
	padding-bottom: 4%;
}
.main .section_2 .tab{
	padding-top: 3.5%;
}
.main .section_2 .tab .hd{
	margin-bottom: 2%;
}
.main .section_2 .tab .hd ul{
	text-align: center;
}
.main .section_2 .tab .hd ul li{
	display: inline-block;
	background: #7d7d7d;
	color: #fff;
	width: 15%;
	height: 3rem;
	line-height: 3rem;
	cursor: pointer;
	margin: 0px 0.3%;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;
}
.main .section_2 .tab .hd ul li a{
	color: #fff;
}
.main .section_2 .tab .hd ul li:hover{
background: #d44e29
}
.main .section_2 .tab .hd ul li.current{
background: #d44e29
}
.main .section_2 .tab .bd{
	
}
.main .section_2 .tab .bd .model{
	zoom:1;
	display: none;
	overflow: hidden;
}
.main .section_2 .tab .bd .model li{
	float: left;
	width: 20%;
	border:1px solid #313131;
}
.main .section_2 .tab .bd .model li .box{
	position: relative;
	overflow: hidden;
}
.main .section_2 .tab .bd .model li .box .imgbox{
	
}
.main .section_2 .tab .bd .model li .box .imgbox img{
	display: block;
	width: 100%;
}
.main .section_2 .tab .bd .model li .box .zzobo{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
	width: 100%;
	overflow: hidden;
	height: 100%;
	top: 100%;
		-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;
opacity: 0;
filter:alpha(opacity=0);
	background: rgba(0,0,0,0.7);

}
.main .section_2 .tab .bd .model li:hover .box .zzobo{
top: 0px;opacity: 1;
filter:alpha(opacity=100);

}
.main .section_2 .tab .bd .model li .box .zzobo a{
	position:absolute;
top: 50%;
left: 50%;
text-align: center;
width: 100%;
transform: translate(-50%, -50%);
}
.main .section_2 .tab .bd .model li .box .zzobo a img{
	max-width: 80%;
	display: block;
	margin: auto;
	margin-bottom: 5%;
}
.main .section_2 .tab .bd .model li .box .zzobo a .title{
	display: block;
font-size: 2rem;line-height: 130px;
color: #fff
}
.main .section_3{
	padding-top: 5%;
	padding-bottom: 5%;
	
}
.main .section_3 .model{
	float: left;
	width: 30%;
	margin-right: 4.5%;
}
.main .section_3 .model.last{
margin-right: 0px;
}
.main .section_3 .model .h2tit{
	padding-bottom: 1%;
	border-bottom: 1px solid #b5b3b5;
	zoom:1;
	overflow: hidden;
}

.main .section_3 .model .h2tit .s1{
	float: left;
	font-size: 2.3rem;
	color: #000;
}
.main .section_3 .model .h2tit .s1 img{
	position: relative;top: -3px;
}
.main .section_3 .model .h2tit .more{
	float: right;
	color: #000;
	font-size: 1.4rem;
	position: relative;
	top: 3px;
}
.main .section_3 .model .list{
	padding-top: 3.5%;
}
.main .section_3 .model .list li{
	line-height: 3rem;
	font-size: 1.4rem;
	height: 3rem;
}
.main .section_3 .model .list li a{
	color: #676767;

}
.main .section_3 .model .list li a .title{
	float: left;
	width: 77%;
	overflow: hidden;
text-overflow: ellipsis;
padding-left: 10%;
white-space: nowrap;
	-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;

}
.main .section_3 .model .list li a .title:hover{
color: #0d5db3

}
.main .section_3 .model .list li a .time{
	float: right;
	width: 20%;
	text-align: right;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.main .section_3 .model.last{
	
}
.main .section_4{
	padding-bottom: 4%;
	background: url(link.png) repeat-y left top;
	background-size: 100% auto;
	padding-top: 3.5%;
}
.main .section_4 .left{
	float: left;
	width: 30%;
}
.main .section_4 .h2tit{
	font-size: 3.1rem;
	color: #333333;
	background: url(dot.png) no-repeat left top;
	padding-left: 12%;
	background-size: auto 50px;
	padding-top: 2%;
}
.main .section_4 .h2tit span{
display: block;
background: url(link2.png) no-repeat left bottom;	
padding-bottom: 10px;
}
.main .section_4 .left .mapcontainer{
	border:2px solid #c5c5c5;
	height: 442px;
	margin-top:3rem
}
.main .section_4 .left .mapcontainer *{
	-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.main .section_4 .right{
	float: right;
	width: 100%
}
.main .section_4 .right .h2tit{
padding-left: 6%;
padding-top: 1%;
}
.main .section_4 .h2tit span{

}
.swiper-pagination-bullet{
	background: none !important;
	width: 12px !important;
	height: 12px !important;
	border:2px solid #c60419 !important;
}

.swiper-pagination-bullet,.swiper-pagination-bullet-active{
	background: #c60419 !important;
}

.main .section_4 .right .list{
	margin-top:3rem;
	zoom:1;
	overflow: hidden;
	text-align: right;
}

.banner2 img{
	display: block;
	width: 100%;
}
.main .section_4 .right .list .words .desc{
	text-align: left;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}
.main .section_4 .right .list .words img{
display: inline-block;
width: auto;
margin-bottom: 6%;

}
.main .section_4 .right .list .words{
	color: #fff;
	text-align: right;
		padding-top: 4%;
		padding-left: 1%;
		padding-right: 0.6%;
		padding-bottom: 1%;
		font-size: 1.2rem;
		height: 220px;
}



.main .section_4 .right .imgbox{

	margin-top:3rem;
	zoom:1;
	overflow: hidden;

}
.main .section_4 .right .imgbox img{
display: block;
width:100%;

}
.main .section_4 .right .list img{
	display: block;
	width: 100%;
	height: 280px;
}
.main .section_4 .right .list .words img{
height: auto;
}

.main .section_4 .right .list .model1{
	width: 25%;
	background: #ffb91d;
	float: left;
	height: 280px;

}
.main .section_4 .right .list .model2{
	float: left;
	width: 25%
}
.main .section_4 .right .list .model3{
	width: 25%;
	float: left;
	background: #ff5730;
	height: 280px;
}
.main .section_4 .right .list .words .desc{
	line-height: 22px;
    font-size: 13px;
	padding:5px;
}
.main .section_4 .right .list .model4{
	float: left;
		width: 25%
}
.main .section_4 .right .list .model5{
	float: left;
		width: 25%
}
.main .section_4 .right .list .model6{
	width: 25%;
	float: left;
	background: #b8c402;
	height: 280px;
}
.main .section_4 .right .list .model7{
	float: left;
		width: 25%
}
.main .section_4 .right .list .model8{
	width: 25%;
	float: left;
	background: #d23143;
	height: 280px;
}

.main .section_5{
	background: #373737;
	padding-top: 4%;
	padding-bottom: 5%;
}

.main .section_5 .titlemo{
	text-align: center;
	margin-bottom:2%;
}

.main .section_5 .titlemo .cn{
	margin-bottom: 1%;
}
.main .section_5 .titlemo .en{
	display: block;
	background: url(link3.png) no-repeat center center;
}
.main .section_5 .titlemo .en span{
	display: inline-block;
	font-size: 1.2rem;
	background: #c60419;
	color: #d2d2d2;
	padding: 2px 3%;

	
}
.main .section_5 .desc{
background: #2a2a2a	;
text-align: center;
padding: 1% 0px;
margin-bottom: 3%;
}
.main .section_5 .desc img{
max-width: 100%;
}
.main .section_5 .content{
	
}
.main .section_5 .content .left{
	float: left;
	width: 50%;
	padding-left: 10%;
	padding-right: 2%;
}
.main .section_5 .content .left .model{
	margin-bottom: 10px;
}
.main .section_5 .content .left .model .words{
	display: block;
	border:none;
	background: #4b4b4b;
	height: 2.6rem;
	line-height: 2.6rem;
	padding: 0px 3%;
	width: 100%;
	color:#919090;

}

.main .section_5 .content .left .model2{
	margin-bottom: 15px;
}

.main .section_5 .content .left .model2 textarea{
	display: block;
	border:none;
	background: #4b4b4b;
	height: 8rem;
	padding: 1% 3%;
	width: 100%;
	resize: none;
	color: #919090;
}
.main .section_5 .content .left .sub{
	
}
.main .section_5 .content .left .sub .send{
	display: block;
	width: 100%;
	background: #c60419;
	border:none;
		height: 2.6rem;
	line-height: 2.6rem;
	color: #fff;
	font-size: 1.5rem;
}
.main .section_5 .content .rightcontact{
	float: right;
	width: 50%;
		padding-left: 2%;
	border-left: 1px dashed #fff;
}
.main .section_5 .content .rightcontact .model{
font-size: 1.5rem;
color: #908f8f;
margin-bottom: 2%;
}
.main .section_5 .content .rightcontact .model img{
	margin-right: 1.5rem;
}
.main .section_5 .content .rightcontact .model span{
	
}
.main .section_5 .content .rightcontact .some{
	
}
.main .section_5 .content .rightcontact .some .box{
	float: left;
	width: 20%;
	text-align: center;
	margin-right: 1%;
	font-size: 1.2rem;
	color: #6f6f6f;
}
.main .section_5 .content .rightcontact .some .box img{
	display: block;
	width: 100%;
	margin: auto;
	margin-bottom: 5px;
	margin-left: 8px;
    border-radius: 6px;
}
.basefooter{
	border-top: 3px solid #c60419;
	background: #1f1f1f;
	padding-top: 1%;
	text-align: center;
	line-height:180%;
	padding-bottom: 16px;
}
.pc{
	display: block;
}
.wap{
	display: none;
}

.basefooter .listnav{
	margin-bottom: 3%;
}

.basefooter .listnav ul{
	
}

.basefooter .listnav ul li{
	display: inline-block;
	font-size: 1.4rem;
	color: #6f6f6f;
	margin: 0px 1%;
}
.basefooter .listnav ul li a{
	color: #6f6f6f;	
}
.basefooter .listnav ul li span{
	
}
.basefooter .company{
	font-size: 1.5rem;
    color: #919090;
	margin-bottom: 0.7%;
}

.basefooter .desc2{
	font-size: 1.4rem;
	color: #6f6f6f;
	line-height: 2.2rem;
}

.basefooter .desc2 p{
	
}








.wapnav{
display: block;
position: fixed;
width: 100%;
height: 100%;
left: -100%;
top: 0px;
z-index: 5555;

}
.wapnav .showbox{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80%;
	background: #f3f3f3;
	box-shadow: 10px 0px 10px rgba(0,0,0,0.09);
	height: 100%;
	z-index: 5556;
}

.wapnav .showbox .bolist{
	padding-top:15%;
	height: 100%;
	overflow-y: scroll;
	padding-bottom: 15%;
}
.wapnav .showbox .bolist .sli{
	
}
.wapnav .showbox .bolist .sli .h2tit{
		text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    line-height: 20px;
    display: block;
    padding: 12px 10px 12px 20px;
    margin: 0;
    border-bottom: 1px solid #dad6d6;
	display: block;
	font-size: 14px;
    padding: 14px 10px 14px 26px;
}
.wapnav .showbox .bolist .sli .h2tit a{
color: #999

}
.wapnav .showbox .bolist .sli .h2tit a.current{
color: #208f57

}
.wapnav .showbox .bolist .sli  .sub{
	display: none;
}
.wapnav .showbox .bolist .sli  .sub li{
	
}
.wapnav .showbox .bolist .sli  .sub li a{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    line-height: 20px;
    display: block;
    padding: 12px 10px 12px 20px;
    margin: 0;
    border-bottom: 1px solid #dad6d6;
	display: block;
	font-size: 13px;
	text-indent: 2em;
    padding: 14px 10px 14px 26px;
    color: #666
}
 .btn123{
	position: fixed;
	left: 0%;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 2rem;
	color: #000;
	top: 23px;
	color:#444;
	z-index: 4445;
		-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;
}
.zzbox {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 5555;
    display: none;
}
 .btn123 i{

color: #ccc;
}
 .btn123.cur {
transform:rotate(90deg);
left: 80%
}



.sidelist{
	position: fixed;
	right: 0px;
	bottom: 30%;
	width: 50px;
	background: rgba(0,0,0,0.6);
	z-index: 555;
	padding-top: 0px;
}
.sidelist .model1{
	
}
.sidelist .model1 a{
	display: block;
	text-align: center;
	color: #fff;
	padding-bottom: 12px;

}
.sidelist .model1 a i{
	font-size: 3rem;
		display: block;
}
.sidelist .model1 a span{
		display: block;
}
.sidelist .model2{
height: 50px;
position: relative;
cursor: pointer;
}
.sidelist .model2 .clikc{
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-size: 3rem;
	text-align: center;
}
.sidelist .model2 .clikc i{
	
}
.sidelist .model2 .slia{
	position: absolute;
	padding-left: 10px;
	width: 150px;
	height: 50px;
	left: 50px;
	top: 0px;
	z-index: 33;
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
display: -moz-box; /* Firefox 17- */  
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
display: -moz-flex; /* Firefox 18+ */  
display: -ms-flexbox; /* IE 10 */  
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */  
            flex-direction: column;
            justify-content: center;
	background: #e29d01;
	color: #fff;
		-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;
}
.sidelist .model2:hover .slia{
left:-100px;
}
.sidelist .model2 .slia p.m{
	font-size: 1.6rem;
}
.sidelist .model2 .slia p i{
	background: #fff;
	width: 18px;
	height: 18px;
	color: #e29d01;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
}
.sidelist .model3{
	border-top: 0px solid #909090;
    padding-top: 5px;
    padding-bottom: 5px;
	text-align: center;
}
.sidelist .model3 img{
height: 40px;
cursor: pointer;
}


.channelmain{

}
.channelmain .position{
	padding: 0.7% 0px;
	font-size: 1.4rem;
	color: #999
}
.channelmain .position i{
	margin-right: 3px;
}
.channelmain .position a{
	color: #999;
	margin-right: 3px;
}
.channelmain .channelcontent{
	
}
.channelmain .channelcontent .container{

}
.channelmain .channelcontent .sidebar{
float: left;
width: 20%;
background: #fff;	
}
.channelmain .channelcontent .sidebar .h2tit{
	line-height: 5rem;
    border-bottom: 1px dashed #ddd;
    font-size: 2rem;
    padding-left:6%;
    color: #333

}
.channelmain .channelcontent .sidebar .list{
	
}
.channelmain .channelcontent .sidebar .list li{
	
}
.channelmain .channelcontent .sidebar .list li a{ 
    display: block;
    padding-left: 18%;
        color: #333;
        overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;



    height: 4rem;
    line-height: 4rem;
    border-bottom: 1px dashed #ddd;
    font-size: 1.8rem;
    background: url(colicon.png) no-repeat 20px center;

	-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;


}
.channelmain .channelcontent .sidebar .list li a:hover{ 
background: url(colicon.png) no-repeat 20px center #c00;
color: #fff;
}
.channelmain .channelcontent .rightcontent{ 
	float: right;
	width: 78%;
	background: #fff;
	padding-left: 1%;
	padding-right: 1%;
}
.channelmain .channelcontent .rightcontent.center{ 
	float: none;
	width: 100%;
}



.channelmain .channelcontent .rightcontent .typename{ 
	font-size: 2.8rem;
	font-weight: bold;
	color: #F00;
	line-height: 5rem;
	border-bottom: 1px solid rgb(51,51,51);
}


.channelmain .channelcontent .rightcontent .typename2{ 
    height: 4rem;
    line-height: 4rem;
    border-bottom: 1px solid #ddd;
    font-size: 2rem;
}





.channelmain {
	    background: #eee url(aboutbg.jpg) no-repeat;
background-size: 100% auto
}
.channelmain .channelcontent .rightcontent .prolist{ 
	padding-top: 2%;
	padding-bottom: 4%;
}
.channelmain .channelcontent .rightcontent .prolist .list{ 
	zoom:1;
	overflow: hidden;
	padding: 10px;
}
.channelmain .channelcontent .rightcontent .prolist .list li{ 
	float: left;
	width: 33.33333%;
	padding: 0px 0.5%;
	margin-bottom: 1%;
}
.channelmain .channelcontent .rightcontent .prolist .list li .box{ 

background: url(anlibg1.png) no-repeat center center #fff;
padding-bottom: 18%;
background-size: 100% 100%;

}
.channelmain .channelcontent .rightcontent .prolist .list li .imgbox{ 
	padding: 6px;
	overflow: hidden;
}
.channelmain .channelcontent .rightcontent .prolist .list li .imgbox img{ 
	display: block;
	width: 100%;
		-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.channelmain .channelcontent .rightcontent .prolist .list li .imgbox a { 
    height: 0;
    position: relative;
    width: 100%;
 padding-bottom: 80%;
overflow: hidden;
display: block;

}
.channelmain .channelcontent .rightcontent .prolist .list li:hover .imgbox img{ 

-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);



}
.channelmain .channelcontent .rightcontent .prolist .list li .desc{ 
	
}
.channelmain .channelcontent .rightcontent .prolist .list li .desc .title{ 
	
}
.pagesize{
	text-align: center;
}
.channelmain .channelcontent .rightcontent .prolist .list li .desc .title a{ 
	display: block;
	font-size: 1.6rem;
    font-weight: normal;
    height: 2.6rem;
    line-height: 2.6rem;
    color: #333;
    padding: 0px 10px;
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;


}
.pagination>li>a, .pagination>li>span{
	color: #333;
}
.channelmain .channelcontent .rightcontent .prolist .list li .desc .infor{ 
	
}
.channelmain .channelcontent .rightcontent .prolist .list li .desc .infor a{ 
	    padding: 0px 10px;
    line-height: 2rem;
    color: #999;
    display: block;
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;


}


.channelmain .channelcontent .rightcontent .aboutindex{
	padding-top: 2%;
	padding-bottom: 4%;
}
.channelmain .channelcontent .rightcontent .aboutindex .logo{

}
.channelmain .channelcontent .rightcontent .aboutindex .logo img{
	display: block;
	margin: auto;
	width: 40%;
}
.channelmain .channelcontent .rightcontent .aboutindex .pic{
padding-top: 2%;
padding-bottom: 2%;
}
.channelmain .channelcontent .rightcontent .aboutindex .pic img{
width: 30%;
}
.channelmain .channelcontent .rightcontent .aboutindex .model{
	padding-bottom: 2%;
}
.channelmain .channelcontent .rightcontent .aboutindex .model .h2tit{
	font-size:2.2rem;
	color: red;
	margin-bottom: 1%;
}
.channelmain .channelcontent .rightcontent .aboutindex .model .desc{
	font-size: 1.8rem;
	color: #444;
}
.channelmain .channelcontent .rightcontent .aboutindex .conbox{
line-height: 2.5rem;
font-size: 1.6rem;
letter-spacing: 2px;
}
.channelmain .channelcontent .rightcontent .aboutindex .conbox p{
	margin-bottom: 3%;
}
.channelmain .channelcontent .rightcontent .prolist{

} 
.channelmain .channelcontent .rightcontent .prolist .proinfor{
	padding: 1% 2%;
	line-height: 2.4rem;
	padding-top: 0px;
	font-size: 1.6rem;
		text-indent: 2em;
		padding-bottom:4%;
} 
.channelmain .channelcontent .rightcontent .prolist .proinfor p{

} 

.channelmain .channelcontent .rightcontent .prolist .case{
	
} 
.channelmain .channelcontent .rightcontent .prolist .case .title{
	font-size: 1.8rem;
	font-weight: bold;
	color: red;
	margin-bottom: 3%;
} 
.channelmain .channelcontent .rightcontent .prolist .case .caselist{
	zoom:1;
	overflow: hidden;
} 
.channelmain .channelcontent .rightcontent .prolist .case .caselist li{
	float: left;
	padding-left: 1%;
	padding-right: 1%;
	margin-bottom: 2%;
	width: 33.33%;
} 
.channelmain .channelcontent .rightcontent .prolist .case .caselist li .box{
	position: relative;
} 
.channelmain .channelcontent .rightcontent .prolist .case .caselist li .box .imgbox{
	    height: 0;
    position: relative;
    width: 100%;
 padding-bottom: 70%;
} 
.channelmain .channelcontent .rightcontent .prolist .case .caselist li .box .imgbox img{
	    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
} 
.channelmain .channelcontent .rightcontent .prolist .case .caselist li .box .zz{
position: absolute;
left: 0px;
width: 100%;
top: 0px;
height: 100%;
text-align: center;	

} 
.channelmain .channelcontent .rightcontent .prolist .case .caselist li .box .zz .c{
position: absolute;
left: 0px;
width: 100%;
top: 0px;
height: 100%;
text-align: center;	
background: rgba(255,0,0,0.7);

position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0px;
	-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;

} 
.channelmain .channelcontent .rightcontent .prolist .case .caselist li:hover .box .zz .c{
width: 100%;

} 
.channelmain .channelcontent .rightcontent .prolist .case .caselist li .box .zz a{
	font-size: 1.8rem;
	color: #000;
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100%;
	display: block;
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
display: -moz-box; /* Firefox 17- */  
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
display: -moz-flex; /* Firefox 18+ */  
display: -ms-flexbox; /* IE 10 */  
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */  
            flex-direction: column;
            justify-content: center;

	-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;

} 
.channelmain .channelcontent .rightcontent .prolist .case .caselist li:hover .box .zz a{
color: #fff;
} 


.channelmain .channelcontent .rightcontent .prolist .newslist{
	padding-top: 1%;
}
.channelmain .channelcontent .rightcontent .prolist .newslist li{
zoom:1;
overflow: hidden;
margin-bottom: 2%;
padding-bottom: 2%;
border-bottom: 1px dashed #ccc;	
}
.channelmain .channelcontent .rightcontent .prolist .newslist li .imgbox{
	float: left;
	width: 30%;
	overflow: hidden;
}
.channelmain .channelcontent .rightcontent .prolist .newslist li .imgbox img{
	display: block;
	width: 100%;
		-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;

}
.channelmain .channelcontent .rightcontent .prolist .newslist li .imgbox:hover img{
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);


}
.channelmain .channelcontent .rightcontent .prolist .newslist li .content{
	float: right;
	width: 68%;
}
.channelmain .channelcontent .rightcontent .prolist .newslist li .content .h2tit{
	line-height: 3rem;
	font-size: 1.9rem;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;


}
.channelmain .channelcontent .rightcontent .prolist .newslist li .content .h2tit a{
	color: #333;
		-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
transition:all 0.3s;

}
.channelmain .channelcontent .rightcontent .prolist .newslist li .content .h2tit:hover a{
color: #c00;

}
.channelmain .channelcontent .rightcontent .prolist .newslist li .content .time{
	    font-size: 1.4rem;
    color: #c00;
}
.channelmain .channelcontent .rightcontent .prolist .newslist li .content .time{
	
}
.channelmain .channelcontent .rightcontent .prolist .newslist li .content .infor{
	    line-height: 1.8rem;
    padding: 5px 0px;
    font-size: 1.2rem;
    color: #999;
    margin-bottom: 7%;
}
.channelmain .channelcontent .rightcontent .prolist .newslist li .content .more{
	float: right;
	width: 90px;
	text-align: center;
	line-height: 2.6rem;
	height: 2.6rem;
	color: #fff;
	font-size: 1.4rem;
	background: #ccc;
}
.channelmain .channelcontent .rightcontent .newscontent{

} 
.channelmain .channelcontent .rightcontent .newscontent .h2tit{
	text-align: center;
	font-size: 2.4rem;
	padding-top:5%;
	padding-bottom: 1%;
	letter-spacing: 1px;
}
.channelmain .channelcontent .rightcontent .newscontent .infor{
	text-align: center;
	font-size: 1.2rem;
	color: #333;
	padding-top: 1%;
	margin-bottom: 5%;
}
.channelmain .channelcontent .rightcontent .newscontent .contentbox{
	line-height: 2rem;
	font-size: 1.6rem;
	padding-left: 2%;
	padding-right: 2%;
}
.channelmain .channelcontent .rightcontent .newscontent .share{
	padding-top: 6%;
	padding-bottom: 1%;
}
.channelmain .channelcontent .rightcontent .newscontent .relative{
	
}
.channelmain .channelcontent .rightcontent .newscontent .relative .pic{
	
}
.channelmain .channelcontent .rightcontent .newscontent .relative .pic img{
	max-width: 100%;
}
.channelmain .channelcontent .rightcontent .newscontent .relative .relist{
	zoom:1;
	overflow: hidden;
	padding-top: 1%;
	padding-bottom: 6%;
}
.channelmain .channelcontent .rightcontent .newscontent .relative .relist li{
	float: left;
	width: 50%;
	padding-left: 1%;
	padding-right: 3%;
	line-height: 2rem;
	font-size: 1.4rem;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;


}
.channelmain .channelcontent .rightcontent .newscontent .relative .relist li a{
	color: #333;
}
/*about*/
.content {
    width: 100%;
    min-width: 1200px;
}
.features-container {
    background: url(aa4d25f9d0bc68dd.jpg) no-repeat center 0px;
    overflow: hidden;
    height: 735px;
    position: relative;
    background-size: 100% 100%;
}
.container {
    width: 1200px;
    padding: 0px;
}
.row {
    margin: 0px;
}
.features-container .col-sm-5 {
    position: absolute;
    z-index: 10;
    top: 35px;
	width: 41.66666667%;
    float: left;
}
.features-container .col-sm-5 img {
    margin-left: -20px;
    vertical-align: middle;
    border: 0;
}
.features-container .col-sm-7 {
    background-color: #fff;
    border-color: #fff;
    border-radius: 4px;
    left: 30%;
    z-index: 0;
    top: 100px;
    position: relative;
    padding: 35px 50px 40px 140px;
    width: 68%;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.features-container .col-sm-7 .features-box-icon {
    text-align: right;
    padding: 6px 0px 20px 0;
}
.features-container .col-sm-7 p {
    line-height: 30px;
    font-size: 16px;
    text-indent: 32px;
    padding-bottom: 3px;
    margin: 0 0 10px;
}

/*我们的优势*/
.more-features-container{background:#00a1f1; padding: 20px 0 50px 0;}
.more-features-container .col-sm-12 h4{color:#fff; text-align:center; font-size:20px;    font-weight: 100;}
.more-features-container .col-sm-12 h2{color:#fff; text-align:center; font-size:38px;  margin: 10px 0;}
.more-features-container .col-sm-12{    text-align: center; padding:60px 0;}
.more-features-container .row{padding-bottom:20px;}
.more-features-container .col-sm-6{ border-color: #fff; border-radius: 4px; border: 1px #ccc solid; width:49%; min-height:146px; color:#fff;padding:25px 20px; }
.more-features-container .col-sm-6.fadeInLeft{float:left;}  
.more-features-container .col-sm-6.fadeInRight{float:right;} 
.more-features-container .col-sm-6 .features-box{padding-top:3px;}
.more-features-container .col-sm-6 .c1{ font-size: 26px; }

.more-features-container .col-sm-6 p{ font-size: 16px;line-height: 26px; float: left;    display: inline-block;width: 100%; margin-top:8px;}
.more-features-container .sm-1{background:url(716d334693860bc0.png) no-repeat  right -5px;}
.more-features-container .sm-3{background:url(716d334693860bc0.png) no-repeat  right -165px;}
.more-features-container .sm-5{background:url(716d334693860bc0.png) no-repeat  right -330px;}

.more-features-container .sm-2{background:url(5e2541eb23a36b7a.png) no-repeat  right -5px;}
.more-features-container .sm-4{background:url(5e2541eb23a36b7a.png) no-repeat  right -165px;}
.more-features-container .sm-6{background:url(5e2541eb23a36b7a.png) no-repeat  right -330px;}

.more-features-container .typcn-brush{display: inline-block; float: left;}
.more-features-container .sm-1 .typcn-brush{background:url(30b3acb61ab753a.png) no-repeat 0 0; width: 60px;height: 30px;}
.more-features-container .sm-3 .typcn-brush{background:url(30b3acb61ab753a.png) no-repeat 0 -165px; width: 60px;height: 44px; margin-top:-5px;}
.more-features-container .sm-3 p,.more-features-container .sm-1 p,.more-features-container .sm-2 p,.more-features-container .sm-5 p{}
.more-features-container .sm-5 .typcn-brush{background:url(30b3acb61ab753a.png) no-repeat 0 -334px; width: 60px;height: 45px; margin-top:-5px;}
.more-features-container .sm-2 .typcn-brush{background:url(30b3acb61ab753a.png) no-repeat 0 -505px; width: 60px;height: 46px;     margin-top: -8px;}
.more-features-container .sm-4 .typcn-brush{background:url(30b3acb61ab753a.png) no-repeat 0 -670px; width: 60px;height: 46px;     margin-top: -8px;}
.more-features-container .sm-6 .typcn-brush{background:url(30b3acb61ab753a.png) no-repeat 0 -842px; width: 60px;height: 46px;     margin-top: -8px;}

/**/

.k3{width: 394px;}
.k3 .di{ background-color:#666;display: block;}
.they-use-compodoc-container .col-sm-12 h4{color:#fff; text-align:center; font-size:20px;     font-weight: 100;}
.they-use-compodoc-container .col-sm-12 h2{color:#fff; text-align:center; font-size:38px;  margin: 10px 0;}
.they-use-compodoc-container .col-sm-12{    text-align: center; padding:40px 0;}
.they-use-compodoc-container{background:url(183f7da73410b425.png) no-repeat center 0; padding: 20px 0 62px 0;}
.they-use-compodoc-container .col-sm-4{position:relative; overflow:hidden; padding: 0px 5px; margin-bottom:8px;}
.they-use-compodoc-container .col-sm-4 h3{background:url(c259a5789bf4b8cc.png) repeat -1px 0;font-size:18px;
	line-height: 30px;
    height: 45px;
    position: absolute;
    top: 204px;
    margin: 0px;
    width: 394px;
    color: #fff;
    text-align: center;
    padding: 5px 40px;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	border-radius: 0px 0px 6px 6px;
}
.they-use-compodoc-container .col-sm-4:hover h3{font-size:20px;
	opacity: 1;
	filter: alpha(opacity=1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);
	font-weight: normal;
	border-radius: 0px 0px 6px 6px;
    
}
/**/

.product .product-box {
    margin-top: 46px;
}

.flex-h {
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-a-i {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	width: 295px;float: left;
}
.product .product-box .flex-a-i .product-small-item {
    padding-top: 67.72%;
}

.product .product-box .product-item {
    position: relative;
    overflow: hidden;
}
.product .product-box .w5 {
    width: 5px;
}
.product .product-box .product-item img {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    -webkit-tap-highlight-color: transparent;
}
.product .product-box .product-item .flex-v-c {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 45% 21.25%;
    background-color: rgba(41, 41, 41, 0.3);
}
.product .product-box .product-item .flex-v-c:hover {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 85% 21.25%;
    background-color: rgba(41, 41, 41, 0);
}
.flex-v-c {
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}
.product .product-box .flex-a-i .product-small-item .flex-v-c .text .name {
    font-size: 20px;
    line-height: 35px;
}
.product .product-box .product-big-item .flex-v-c .text .name {
    font-size: 20px;
    line-height: 55px;
}

.product .product-box .product-item:hover .flex-v-c .text .name {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: all .3s ease-in-out, -moz-transform .3s ease-in-out;
    -ms-transition: all .3s ease-in-out, -ms-transform .3s ease-in-out;
    transition: all .3s ease-in-out, transform .3s ease-in-out;
}
.product .product-box .product-item .flex-v-c .text .name {
    text-align: center;
    border: 1px solid #ffffff;
    color: #ffffff;
    opacity: 1;
    -webkit-transform: translate3d(0, -50px, 0);
    -moz-transform: translate3d(0, -50px, 0);
    -ms-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
    -webkit-transition: all .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -moz-transition: all .2s ease-in-out, -moz-transform .2s ease-in-out;
    -ms-transition: all .2s ease-in-out, -ms-transform .2s ease-in-out;
    transition: all .2s ease-in-out, transform .2s ease-in-out;
}
.product .product-box .flex-a-i .product-small-item .flex-v-c .text .desc {
    text-align: justify;
    margin-top: 15px;
    font-size: 13px;
    line-height: 19px;
}

.product .product-box .product-item:hover .flex-v-c .text .desc {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: all .3s ease-in-out, -moz-transform .3s ease-in-out;
    -ms-transition: all .3s ease-in-out, -ms-transform .3s ease-in-out;
    transition: all .3s ease-in-out, transform .3s ease-in-out;
}
.product .product-box .product-item .flex-v-c .text .desc {
    color: #fff;
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    -webkit-transition: all .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -moz-transition: all .2s ease-in-out, -moz-transform .2s ease-in-out;
    -ms-transition: all .2s ease-in-out, -ms-transform .2s ease-in-out;
    transition: all .2s ease-in-out, transform .2s ease-in-out;
}
.product .product-box .product-big-item {
    width: 50%;float: left;margin-left: 5px;
    padding-top: 33.75%;
}

.product .product-box .product-item {
    position: relative;
    overflow: hidden;
}
.product .product-box .flex-a-i .product-small-item:nth-of-type(2) {
    margin-top: 5px;
}



/*dm*/
.bian1 {
	border: 2px solid #CCCCCC;    border-radius: 12px;
}
.bian2 {
	border: 3px solid #c78d56;    border-radius: 12px;
}
a.bian {display: block;border: 2px solid #CCCCCC;    border-radius: 8px; margin:auto 12px;line-height: 0px;}
a.bian:hover,a.bian:hover{display: block;border: 2px solid #c60419;    border-radius: 8px;}

a.bian img{border-radius:8px}
.m-main {
    width: 1000px;
    border: 0px solid #e1e1e1;
    background: #fff;
    padding: 30px 20px;
	margin:auto;
}
.u-tit {
    font-size: 26px;
    font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    margin: 10px 0;
    color: #262626;
    overflow: hidden;
}

.k2 {
    border: 3px solid #ffd511;
}
.u-tit {
    font-size: 26px;
    font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    margin: 10px 0;
    color: #262626;
    overflow: hidden;
}

.m-main {
    width: 1200px;
    border: 2px solid #e9e9e9;
    background: #fff;
    padding: 30px 20px;
    margin: auto;
}

/**/