.header{
	background:url("../images/headerbg.jpg") 26% top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding:20px 0 0px;
	text-align: center;
	position: relative;
}
.header_center{
	width: 92%;
	margin:0 auto;
	font-size:0;
}
.logo{
	float: left;
	display: inline-block;
	*zoom:1;
	*display:inline;
}
.nav{
	display: inline-block;
	vertical-align: middle;
	/*padding-left: 13%;*/
	*zoom:1;
	*display:inline;
}
.nav ul li{
	display: inline-block;
	*zoom:1;
	*display:inline;
	vertical-align: top;
	width: 125px;
	line-height: 49px;
	text-align: center;
	padding-bottom: 5px;
	position: relative;
}
.nav ul li a{
	display: block;
	font-size: 15px;
	color: #fff;
}
.nav ul li.nav_sub:after{
	content: "";
	width: 100%;
	height: 5px;
	background: #6ebeff;
	position: absolute;
	left:0;
	bottom:0;
}

.banner{
	position:relative;
}
.news_tip{
	position: absolute;
	left:0;
	top:-12px;
	width: 100%;
	z-index: 9;
	z-index: 99;
}
.news_tip_center{
	width: 1200px;
	margin:0 auto;
	background: #fff;
	position: relative;
	padding:10px 40px;
	position: relative;
}
.newspic{
	float: left;
	padding-top: 6px;
}
.inews_scroll{
	float: left;
	width: 80%;
	padding-left: 18px;
	position: relative;
}

.inews_scroll .swiper-slide p{
	float: left;
	width: 70%;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.inews_scroll .swiper-slide span{
	float: right;
}
.updown{
	float: right;
	margin-top: 10px;
}
.updown .swiper-button-next{
	width: 11px;
	height: 6px;
	position: inherit;
	margin-top: 0;
	background:url("../images/down.jpg") 0 0 no-repeat;
}
.updown .swiper-button-prev{
	position: inherit;
	width: 11px;
	height: 6px;
	background:url("../images/up.jpg") 0 0 no-repeat;
}
.newsarea{
	display: inline-block;
	vertical-align: top;
	width: 995px;
	padding-left: 25px;
}
.newsarea p{
	font-size: 13px;
	color: #666;
	line-height: 21px;
	float: left;
}
.newsarea span{
	font-size:13px;
	color: #969697;
	float: right;
}
.newsarea{height:20px;overflow:hidden}
#scrollDiv li{height:25px;padding-left:10px;}
.language_search{
	display: inline-block;
	*zoom:1;
	*display:inline;
		vertical-align: middle;
	

	border-left: 1px solid #448dc9;
}
.language_search a{
	border-right: 1px solid #448dc9;
	display: inline-block;
	vertical-align: top;
	padding:0 26px;
	font-size: 12px;
	color: #fff;
	line-height: 15px;
}
.language_search a i{
	padding-right: 6px;
}
.inproducts{
	background:url("../images/inprobg.jpg") center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding:115px 0 80px;
	position: relative;
}
.tit_all{
	text-align: center;
}
.tit_all h3{
	padding-bottom: 13px;
}
.tit_all h3 img{
	vertical-align: top;
}
.tit_all h3 span{
	font-size: 28px;
	color: #1571bc;
	line-height: 28px;
	font-weight: normal;
	padding:0 34px;
	display: inline-block;
	vertical-align: top;
}
.tit_all p{
	font-size: 13px;
	color: #777578;
	padding-bottom: 15px;
	line-height: 22px;
}
.public_center{
	width: 1200px;
	margin:0 auto;
}
.tit_all i{
	color: #857a46;
	font-size: 17px;
}
.inproduct_type{
	padding-top: 40px;
	position: relative;
}
.inproduct_type .swiper-container{
	width: 90%;
	margin:0 auto;
}
.inproduct_type .swiper-slide{
	text-align: center;
	cursor: pointer;
}
.inproduct_type .swiper-slide img{
	border:1px solid #e5e5e5;
}
.inproduct_type .swiper-slide p{
	font-size: 13px;
	color: #000;
	padding: 20px 0;
}
.inproduct_cribe{
	position: relative;
	margin-top: 42px;
	padding:30px 107px 57px 85px;
	background: #fff;
	-moz-box-shadow:1px 1px 10px #aaa; 
	-webkit-box-shadow:1px 1px 10px #aaa; 
	box-shadow:1px 1px 10px #aaa;
}
.inpro_left{
	float: left;
	padding:40px;
	width: 445px;
}
.inpro_right{
	float: right;
}
.inpro_left h3{
	font-size: 18px;
	color: #000;
	font-weight: normal;
	padding-top: 20px;
}
.inpro_left p{
	font-size: 12px;
	color: #666;
	line-height: 24px;
	padding:30px 0 45px;
	overflow : hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
}
.inpro_left a{
	font-size: 14px;
	color: #444;
	display: block;
	border:2px solid #857a46;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width: 130px;
	line-height: 38px;
	text-align: center;
}
.inpro_left a i{
	color: #000;
	font-size: 12px;
}
.inpro_num{
	position: relative;
}
.inpro_num .swiper-pagination{
	font-size: 18px;
	position: inherit;
	bottom:0;
	text-align: left;
}
.arrow{
	position: absolute;
	left:58px;
	top:-3px;
}
.inpro_info{
	display: none;
}
.inabout{
	background:url("../images/inaboutbg.jpg") center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding:140px 0 180px;
}
.inabout_center{
	width: 1345px;
	margin:0 auto;
}
.inabout_tit img{
	width: 165px;
}
.inabout_left{
	width: 625px;
	float: left;
	text-align: center;
	position: relative;
}
.inabout_left:before{
	content: "";
	width: 2px;
	height: 110px;
	background: #1571bc;
	position: absolute;
	left:50%;
	top:-140px;
}
.inabout_left:after{
	content: "";
	width: 2px;
	height: 110px;
	background: #1571bc;
	position: absolute;
	left:50%;
	bottom:-180px;
}
.inabout_right{
	width: 635px;
	float: right;
	position: relative;
}
.inabout_right img.zz{
	position: relative;
	z-index: 9;
}
.inabout_tit h3{
	font-size: 24px;
	color: #333;
	font-weight: normal;
	padding:42px 0 40px;
}
.inabout_tit p{
	font-size: 13px;
	color: #555;
	line-height: 28px;
	overflow : hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
}
.main ul li{
	display: inline-block;
	width: 33.33%;
	vertical-align: top;
}
.main ul li span{
	color: #857a46;
	font-size: 55px;
	font-family: 'Fjalla One', sans-serif;
}
.main ul li p{
	font-size: 14px;
	color: #888;
}
.digital{
	padding:45px 0 50px;
}
.more{
	width: 164px;
	line-height: 44px;
	border:1px solid #888;
	margin:0 auto;
	text-align: center;
}
.more a{
	font-size: 15px;
	color: #888;
	display: block;
}
.invideo{
	background:url("../images/videobg.jpg") center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
	padding:60px 0 80px;
}
.invideo_tit{
	font-size: 48px;
	color: #fff;
	font-weight: normal;
	padding-bottom: 25px;
	font-family: 'Droid Serif', serif;
}
.invideo_cribe{
	position: relative;
	width: 818px;
	text-align: center;
	margin:0 auto;
	font-weight: normal;
}
.invideo_cribe img{
	width: 770px;
	border:20px solid #857a46;
}
.invideo_cribe video{
	width: 770px;
	height:432px\9;
	*height:432px;
	_height:432px;
	border:20px solid #857a46;
}
.takefor{
	position: absolute;
	left:-90px;
	top:150px;
	font-size: 20px;
	color: #fff;
	text-transform:uppercase;
	line-height: 24px;
	font-family: 'Droid Serif', serif;
}
.inews{
	padding:80px 0;
	background: url("../images/inewsbg.jpg") center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.innews_list{
	padding-top: 37px;
}
.innews_list ul li{
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin:0 1%;
	position: relative;
	padding:18px 27px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.innews_list ul li a{
	display: block;
}
.innews_list ul li h3{
	font-size: 16px;
	color: #333;
	font-weight: normal;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.innews_list ul li span{
	color: #b7b7b7;
	font-size: 14px;
	display: block;
	padding:3px 0 11px;
}
.innews_list ul li p{
	font-size: 13px;
	color: #666;
	line-height: 20px;
}
.innews_list ul li:before{
	content: "";
	width: 9px;
	height: 26px;
	background: #1571bc;
	position: absolute;
	left:0;
	top:20px;
	z-index: 9;
}
.innews_list ul li:after{
	content: "";
	width: 1px;
	height: 85px;
	background: #d3d3d3;
	position: absolute;
	left:8px;
	top:20px;
}
.innews_list ul li:hover{
	-moz-box-shadow:1px 1px 8px #ccc; 
	-webkit-box-shadow:1px 1px 8px #ccc; 
	box-shadow:1px 1px 8px #ccc;
}
.innews_list ul li:hover h3{
	color: #1571bc;
}
.inmessage{
	background: #1571bc;
}
.inmessage_center ul li{
	display: inline-block;
	vertical-align: top;
	margin-right: 18px;
	padding:4px 0;
	border-bottom: 1px solid #7dabd0;
}
.inmessage_center ul li input{
	background: none;
	font-size: 13px;
	color: #fff;
	float: left;
	line-height: 24px;
	width: 80%;
}
.inmessage_center ul li i{
	font-size: 19px;
	color: #fff;
	float: right;
	display: block;
	line-height: 24px;
}
.inmessage_center ul li input::-webkit-input-placeholder{
    color:#7dabd0;
}
.inmessage_center ul li input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#7dabd0;
}
.inmessage_center ul li input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#7dabd0;
}
.inmessage_center ul li input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#7dabd0;
}

.inmessage_center ul li.yh,.inmessage_center ul li.dh{
	width: 98px;
}
.inmessage_center ul li.yx{
	width: 168px;
}
.inmessage_center ul li.ly{
	width: 745px;
}
.inmessage_center button{
	color: #fff;
	font-size: 13px;
	display: block;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.inmessage_center{
	width: 1245px;
	margin:0 auto;
}
.inmessage_center ul{
	float: left;
	padding-top: 26px;
}
.inmessage_center button{
	float: right;
	width: 55px;
	background: #1f4881;
	font-size: 13px;
	color: #fff;
	line-height: 85px;
}
.footer{
	padding:50px 0 40px;
	background:url("../images/footerbg.jpg") center top no-repeat #2c2c2c;
	-webkit-background-size: cover;
	background-size: cover;
}
.copy{
	background: #232323;
	padding: 6px 0;
}
.copy p{
	float: left;
	font-size: 13px;
	color: #999;
	line-height: 28px;
}
.share{
	float: left;
	line-height: 0;
	padding-left: 65px;
}
.bdsharebuttonbox{
	line-height: 0;
}
.tech{
	float: right;
	line-height: 28px;
	color: #999;
	font-size: 13px;
}
.tech a{
	display:inline-block;
	*zoom:1;
	*display:inline;
}
.tech img{
	padding-top: 5px;
}
.foewm ul li{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-left: 30px;
}
.foewm ul li img{
	/*border:6px solid #fff;*/
}
.foewm ul li p{
	font-size: 14px;
	color: #ccc;
	padding-top: 20px;
}
.fonav{
	float: left;
}
.foyears{
	float: left;
}
.foewm{
	float: right;
}
.font_nav1{
	display: inline-block;
	vertical-align: top;
	width: 170px;
}
.font_nav1 span{
	display: block;
	font-size: 16px;
	padding-bottom: 24px;
	color: #fff;
}
.font_nav1 a,.font_nav1 p{
	display: block;
	font-size: 14px;
	color: #ccc;
	line-height: 30px;
}
.font_add{
	width: 380px;
}
.newspage1{
	padding:107px 0 80px;
	background:url("../images/newsbg.jpg") left top repeat;
}
.news_tit{
	text-align: center;
	padding-bottom: 30px;
}
.news_tit h3{
	font-size: 30px;
	color: #0267b5;
	font-weight: normal;
}
.newspage_list ul li{
	float: left;
	background: #fff;
	margin:0 12px;
	width: 375px;
}
.newspage_list ul li a{
	display: block;
}
.newspage_list ul li p{
	font-size: 16px;
	color: #19191a;
	padding-bottom: 18px;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.newspage_list ul li span{
	color: #999;
	font-size: 13px;
}
.newspage_list ul li figcaption{
	padding:43px 28px 30px;
}
.newspage_list ul li:hover{
	-moz-box-shadow:1px 0px 11px #ccc; 
	-webkit-box-shadow:1px 0px 11px #ccc; 
	box-shadow:1px 0px 11px #ccc;
}
.newspage2{
	padding:72px 0;
}
.newstime{
	float: left;
	text-align: center;
	width: 100px;
	border-right: 1px solid #e6e6e6;
}
.newsmidd{
	float: left;
	width: 700px;
	padding-left: 40px;
}
.newsimg{
	float: right;
	width: 215px;
}
.newstime p{
	font-size: 48px;
	color: #0267b5;
}
.newstime span{
	font-size: 13px;
	color: #888;
}
.newsmidd h3{
	font-size: 20px;
	color: #19191a;
	font-weight: normal;
	padding:4px 0 11px;
}
.newsmidd span{
	color: #999;
	font-size: 13px;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	display: block;
	line-height: 28px;
}
.newsmidd span:before{
	content:'';
	width: 4px;
	height: 4px;
	background: #857a46;
	position: absolute;
	left:0;
	top:10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.newsmidd span em{
	float: left;
}
.newsmidd span .bdsharebuttonbox{
	display: inline-block;
	vertical-align: top;
	float: left;
}
.newsmidd p{
	font-size: 13px;
	color: #777;
	line-height: 24px;
	padding-top: 15px;
	overflow : hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}
.newspage2_list ul li{
	padding:40px 0 0 40px;
}
.news_right{
	float: right;
	width: 1060px;
}
.newspage2_list ul li .news_right{
	border-bottom: 1px solid #e6e6e6;
	padding:0 50px 40px 0;
}
.newspage2_list ul li:hover{
	background: #f8f8f8;
}
.newsbread{
	font-size: 14px;
	color: #999;
}
.newsbread i{
	color: #999;
	font-size: 12px;
	padding-right: 13px;
}
.newsbread a{
	color: #999;
	font-size: 14px;
	padding-right: 13px;
}
.newsbread span{
	padding-left: 13px;
}
.newstail_tit{
	position: relative;
	padding-bottom: 44px;
	background:url("../images/line.jpg") left bottom repeat-x;
}
.newstail_tit h3{
	font-size: 30px;
	padding:50px 0 44px;
	color: #555;
}
.news_num span{
	color: #999;
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	line-height: 28px;
	padding-right: 5px;
}
.bdsharebuttonbox{
	display: inline-block;
	vertical-align: top;
}
.newsdetail{
	padding:60px 0;
}
.news_discribe{
	padding:60px 30px;
	font-size: 16px;
	color: #555;
	line-height: 48px;
}
.news_btn a{
	display: inline-block;
	vertical-align: middle;
	padding:0 5px;
}
.news_btn{
	position: absolute;
	right:0;
	bottom:30px;
}
.message{
	width: 1046px;
	margin:0 auto;
	padding:100px 0;
}
.message_list{
	padding-top: 70px;
}
.message_list ul li{
	width: 330px;
	padding:10px;
	float: left;
	background: #f9f9f9;
	margin-bottom: 24px;
	border:1px solid #d5d5d5;
	margin-right: 28px;
}
.message_list ul li:nth-child(3){
	margin-right: 0;
}
.message_list ul li span i{
	float: right;
	font-size: 20px;
	color: #999;
	display: block;
	line-height: 28px;
}
.message_list ul li label{
	font-size: 14px;
	color: #999;
	line-height: 28px;
	float: left;
}
.message_list ul li input,.message_list ul li textarea{
	line-height: 28px;
	font-size: 14px;
	color: #999;
	background:none;
}
.message_list ul li.code{
	width: 158px;
}
.message_list ul li.code input{

	width: 80px;
}
.message_list ul li.area{
	width: 100%;
}
.message_list ul li textarea{
	height: 170px;
	width: 900px;
}
.message_list ul li.codeimg{
	background:none;
	padding:0;
	border:0;
	line-height: 50px;
	margin-right: 0;
}
.message_list ul li button{
	font-size: 15px;
	color: #fff;
	width: 235px;
	line-height: 44px;
	display: block;
	display:inline-block;
	*zoom:1;
	*display:inline;
	cursor: pointer;
	background: #848484;
}
.message_list ul li.mebtn{
	width: 520px;
	float: right;
	margin-right: 0;
	border:0;
	padding:0;
	background:none;
	text-align: center;
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display:box;
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.message_list ul li.mebtn button:hover{
	background: #857a46;
}
.map{
	padding-top: 60px;
}
.address{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display:box;
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-between;
}
.additem{
	width: 590px;
	background: #f9f9f9;
	padding-top: 50px;
	padding-left: 130px;
	padding-bottom: 55px;
	margin:30px 0;
}
.additem ul li span{
	float: left;
}
.additext{
	float: left;

}
.additem h3{
	font-size: 24px;
	color: #555;
	font-weight: normal;
	padding-bottom: 20px;
}
.additem h3 b{
	color: #1571bc;
}
.additem ul li{
	line-height: 28px;
}
.additem ul li span,.additext{
	color: #666;
	font-size: 15px;
}
.contact{
	padding:100px 0;
}
.joinlist{
	padding-top: 25px;
}
.joinlist ul li{
	padding:25px;
	border:3px solid #eee;
	width: 360px;
	float: left;
	margin:10px;
}
.join_tit p{
	font-size: 18px;
	color: #4c89c6;
}
.join_tit b{
	color: #e30000;
	font-size: 20px;
	display: block;
	padding:11px 0;
}
.join_tit span{
	color: #777;
	font-size: 14px;
}
.join_yq{
	margin-top: 20px;
	height: 170px;
	overflow: hidden;
}
.join_yq h3{
	font-size: 18px;
	color: #777;
	padding-bottom: 10px;
}
.join_yq p{
	font-size: 13px;
	color: #777;
	line-height: 32px;
}
.joinlist ul li button{
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 23px;
	font-size: 16px;
	color: #fff;
	background: #666;
	line-height: 44px;
	cursor: pointer;
}
.joinlist ul li:hover{
	border:3px solid #1571bc;
}
.joinlist ul li:hover button{
	background: #1571bc;
}
.productbrand{
	padding:40px 0;
}
.productbody{
	background:url("../images/productbg.jpg") center top no-repeat;
}
.product_top h3{
	font-size: 36px;
	color: #857a46;
	padding-bottom: 33px;
}
.prosearch{
	padding:30px 34px;
	border:10px solid #ededed;
}
.prosearch ul li{
	float: left;
	padding-right: 20px;
}
.prosearch ul li span{
	color: #565656;
	font-size: 14px;
	display: block;
	line-height: 30px;
	padding-right: 15px;
	float: left;
}
.prosearch ul li select{
	color: #b8b8b8;
	font-size: 14px;
	width: 260px;
	padding:0 10px;
	float: left;
	line-height: 30px;
	height: 30px;
	border:1px solid #ededed;
}
.prosearch ul li input{
	border:1px solid #ededed;
	line-height: 30px;
	font-size: 14px;
	color: #b8b8b8;
	padding:0 10px;
	width:460px;
	height: 30px;
}
.prosearch button{
	background: #1571bc;
	width: 260px;
	line-height: 32px;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.aboutitem{
	padding:110px 0 55px;
	background:url("../images/aboutbg.jpg") center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.about_center{
	width: 1000px;
	margin:0 auto;
}
.about_tit{
	text-align: center;
	padding-top: 40px;
}
.about_tit img{
	width: 123px;
}
.about_tit h3{
	font-size: 28px;
	color: #1571bc;
	padding-top: 5px;
}
.about_cribe{
	padding-top: 30px;
	font-size: 16px;
	color: #555;
	line-height: 40px;
}
.abouttit h3{
	padding-bottom: 0;
}
.about_item2{
	background:url("../images/aboutnumbg.jpg") center top no-repeat;
	background-attachment: fixed;
    background-color: transparent;
    background-position: 50% 50%;							
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    padding:120px 0 90px;
}
.about_scroll{
	position: relative;
}
.about_scroll:after{
	content: "";
	background: rgba(21,113,188,.9);
	width: 100%;
	height: 56px;
	position: absolute;
	top:48%;
	left:0;
}
.digital2{
	width: 1000px;
	margin:0 auto;
	position: relative;
	z-index: 99;
}
.main2 ul li{
	text-align: center;
}
.main2 ul li span{
	color: #fff;
	line-height: 58px;
}
.main2 ul li p{
	color: #fff;
}
.about_item3{
	padding:74px 0;
}
.honor_list{
	padding-top: 40px;
	padding-bottom: 35px;
}
.honor_list{
	position: relative;
}
.honor_list .swiper-pagination{
	width: 100%;
	bottom:0;
}
.honor_list .swiper-pagination-bullet{
	width: 35px;
	height: 6px;
	background: #999999;
	opacity: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.honor_list .swiper-pagination-bullet-active{
	background: #1571bc;
}
.honor_list .swiper-slide{
	border:1px solid #d6d6d6;
	padding:4px;
}
.vr{
	position: relative;
}
.vr_click{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
}
.vr_click:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;	
}
.vr_click_lh{
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin-left: -.4em;
}
.vr_click_lh i{
	color: #fff;
	font-size: 63px;
}
.vr_click_lh p{
	font-size: 24px;
	color: #fff;
	padding-top: 10px;
}
.products_list{
	padding: 70px 0
}
.products_list ul li{
	width: 280px;
	margin:5px 10px;
	text-align: center;
	position: relative;
	padding:50px 0 60px;
	float: left;
	background: #fff;

}
.products_list ul li p{
	font-size: 18px;
	color: #555;
	font-weight: bold;
	line-height: 24px;
	height: 24px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.product_hover img{
	display: block;
	margin:0 auto;
	padding-top:25px ;
}
.product_hover{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	padding-top: 127px;
	background: rgba(133,122,70,.9);
	display: none;
}
.products_list ul li .product_hover p{
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}
.products_list ul li .product_hover span{
	color: #fff;
	font-size: 14px;
	display: block;
	padding-top: 42px;
}
.san{
	position: absolute;
	right:0;
	bottom:0;
}
.down_tit{
	color: #ccc;
}
.down_tit span{
	color: #0267b5;
	font-size: 30px;
	padding-right: 35px;
}
.down_tit a{
	color: #000;
	font-size: 15px;
	padding:0 28px;
}
.down_tit a:hover{
	color: #857a46;
}
.down_page{
	padding: 98px 25px;
}
.dowm_num{
	position: absolute;
	left:0;
	top:0;
	height: 100%;
	font-size: 48px;
	color: #fff;
	background: #d3d3d3;
	width: 90px;
	text-align: center;
	padding-top: 1.5%;
}
.down_midd{
	padding:20px;
	margin-left: 100px;
	float: left;
}
.down_right{
	float: right;
}
.down_midd h3{
	/* font-size: 16px; */
	font-size: 22px;
	color: #19191a;
	/* padding:2px 0 7px; */
	padding:15px 0 7px;
	font-weight: normal;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.down_midd span{
	color: #999;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
	position: relative;
}
.down_midd span:before{
	content: "";
	width: 4px;
	height: 4px;
	background: #857a46;
	position: absolute;
	left:0;
	top:7px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.down_midd i{
	float: left;
	font-size: 48px;
	color: #aaa;
	margin-right: 15px;
}
.down_anme{
	float: left;
}
.down_list ul li{
	border:1px solid #d3d3d3;
	padding-right: 30px;
	margin-bottom: 20px;
	position: relative;
}
.down_list{
	width: 750px;
	float: left;
}
.down_right i{
	color: #b6b6b6;
	font-size: 22px;
	line-height: 94px;
}
.down_item{
	padding-top: 26px;
}
.down_list ul li:hover .dowm_num{
	background: #0267b5;
}
.down_list ul li:hover .down_anme h3{
	color: #0267b5;
}
.common_pro{
	float: right;
	padding:34px;
	width: 320px;
	border:10px solid #f3f3f3;
}
.common_pro h3{
	font-size: 18px;
	color: #000;
}
.common_pro .swiper-slide{
	text-align: center;
}
.common_pro .swiper-slide p{
	font-size: 15px;
	color: #555555;
}
.common_propic{
	position: relative;
	padding-bottom: 40px;
}
.common_propic .swiper-pagination{
	width: 100%;
	bottom:0;
	text-align: center;
}
.common_propic .swiper-pagination-clickable .swiper-pagination-bullet{
	margin:0 5px;
}
.common_propic .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #a1955c;
	opacity:1;
}
.common_propic .swiper-pagination-bullet-active{
	width: 14px;
	height: 14px;
	background: #857a46;
}
.maxpro_pic{
	float: left;
	width: 620px;
}
.maxpro_name{
	float: right;
	width: 540px;
	padding-top: 44px;
}
.maxproname_item1 h3{
	font-size: 32px;
	color: #000;
	
}

.maxproname_item1_list div{
	color: #888888;
	font-size: 16px;
	margin:20px 0 20px;
	display: block;
	position: relative;
}
.maxproname_item1_list div:before{
	content: "";
	background:url(../images/lx.jpg) left top;
	width: 9px;
	height: 9px;
	position: absolute;
	left:-20px;
	top:5px;
}
.maxproname_item1_list div em{
	color: #1571bc;
}
.maxproname_item1_list b{
	display: block;
}
.maxproname_item1_list span{
	line-height:2;
}

.maxproname_item1_list p,.maxproname_item1_list b{
	color: #555;
	line-height: 2;
	font-size: 14px;
}
.maxproname_item1_list p{
	color:#444;
}
.maxproname_item1_list{
	padding-left: 23px;
	font-size:1.4rem;
	color:#444;
}
.maxproname_item2{
	padding-top: 70px;
	position: relative;
}
.maxproname_item2 button{
	background: #999999;
	width: 150px;
	line-height: 57px;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
	margin-right: 10px;
}
.maxproname_item2 button i{
	padding-right: 10px;
}
.maxproname_item2 button:hover{
	background: #857a46;
}
.maxproname_item3{
	padding-top: 35px;
}
.maxproname_item3 a{
	font-size: 12px;
	color: #808080;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 30%;
}
.proinfo{
	padding-top: 35px;
}
.proinfo_fixbg{
	background:url("../images/aboutnumbg.jpg") center top no-repeat;
	background-attachment: fixed;
    background-color: transparent;
    background-position: 50% 100%;							
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    height: 200px;
}
.proinfo_area{
	padding:45px 0;
	position: relative;
}
.proinfo_area_left{
	float: left;
	width: 480px;
	padding-left: 60px;
	color:#555;
	line-height:2;
	font-size:1.5rem;
}
.proinfo_area_left b{
	color: #555;
	font-size: 14px;
	line-height: 35px;
}
.proinfo_area_left span{
	font-size:1.5rem;
	line-height:2;
}
.proinfo_area_left p{
	font-size: 1.5rem;
	color: #555;
	line-height: 35px;
	line-height:2;
}
.proin_tit{
	position: absolute;
	left:0;
	top:-60px;
	background: #fff;
	text-align: center;
	width: 224px;
	line-height: 60px;
	padding-right: 20px;
}
.proin_tit h3{
	font-size: 18px;
	color: #1571bc;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
.proin_tit i{
	color: #1571bc;
	float: right;
	font-size: 18px;
}
.productpic_phone{
	display: none;
}
.menu{
	display: none;
}
.menu_list{
	display: none;
}
.news_scroll{
	float: left;
	width: 80%;
	padding-left: 20px;

}
.news_scroll .swiper-slide p{
	float: left;
}
.news_scroll .swiper-slide span{
	float: right;
}
.aboutban{
	position: relative;
}
.news_tip2{
	bottom:-48px;
	top:inherit;
}
.sideban{
	position: relative;
}

.searchhh{
	position: absolute;
	bottom:-34px;
	right:5%;
	padding:5px 10px;
	background: #fff;
	z-index: 99;
	display: none;
}
.searchhh input{
	width: 180px;
	font-size: 14px;
	color: #000;
	float: left;
	line-height: 24px;
}
.searchhh button{
	float: left;
	background: none;
	cursor: pointer;
}
.searchhh button i{
	line-height: 24px;
}


/*4/14*/
.protail_itembt{
	padding-bottom: 40px;
}
.protail_itembt ul{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display:box;
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	justify-content: space-between;
}
.protail_itembt ul li{
	width: 50%;
	background: #857a46;
	height: 300px;
	float:left\9;
	*float:left;
	_float:left;
}
.it1{
	width: 50%;
	float: left;
	text-align: center;
	height: 100%;
	padding:68px 0;
}
.it1 i{
	font-size: 65px;
	color: #fff;
	display: block;
	padding-bottom: 26px;
	margin:0 auto;
}
.it1 p{
	font-size: 26px;
	color: #fff;
}
.it1 span{
	color: #fff;
	font-size: 18px;
	display: block;
}
.it2{
	background: #1571bc;
}
.proitemright img{
	display: block;
	height: 300px;
	width: 100%;
}
.proitemright{
	width: 50%;
	float: right;
	height: 300px;
}
.inabout_right_otpiv{
	position: absolute;
	right:0;
	bottom:-32px;
}
.bdshare-button-style0-16:after{
	display: none!important;
}
.join_yq::-webkit-scrollbar {  
  width: 14px;  
  height: 14px;  
  /*display: none;*/
}  
.join_yq::-webkit-scrollbar-track,  
.join_yq::-webkit-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}  
.join_yq::-webkit-scrollbar-track {  
  box-shadow: 1px 1px 5px rgba(255,255,255,.2) inset;  
}  
.join_yq::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;
}   
.join_yq::-webkit-scrollbar-corner {  
  background: transparent;  
} 

.scrollbox  
{  
    width: 80%;  
    float: left; 
}  
#scrollDiv  
{  
    width: 100%;  
    height: 30px;  
    overflow: hidden;  
}   
#scrollDiv li  
{  
    height: 30px;  
    line-height: 30px;  
    vertical-align: bottom;  
    zoom: 1;  
}  
#scrollDiv li a  
{  
    color: #333;  
    text-decoration: none;  
}  
.scroltit  
{  
    height: 26px;  
    line-height: 26px;  
    border-bottom: #CCC dashed 1px;  
    padding-bottom: 4px;  
    margin-bottom: 4px;  
}  
#scrollDiv p{
  float: left;
}
#scrollDiv span{
  float: right;
}
.updowny{
  float: right;
}

.inprohove_ot .inprohove img{
	border:1px solid #2568b4;
}
.inprohove_ot .inprohove p{
	color:#2568b4;
}
/*.bloo:before{
	display: block;
}*/
.newsimgmm{
	height: 280px;
}
.maxproname_item2 button i{
	padding-right: 10px;
}
.maxproname_item2 button.sar{
	width: 70px;
	text-align: center;
	background: #f3f3f3;
}
.maxproname_item2 button.sar i{
	color: #808080;
	font-size: 24px;
	padding-right: 0;
}
.sharrr{
	position: absolute;
	right:20%;
	bottom:-32px;
	display: none;
}