@charset "utf-8";
/* 涓昏壊褰 #997c3b */
body{ font-family:Helvetica,"SourceHanSansCN-Normal","SourceHanSansCN"; margin:0; padding:0; color: #1f1a17;}
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,dt{ font-weight:normal;}
li{ list-style:none;}
a{text-decoration:none;}
a:focus, a:hover{text-decoration:none; outline: none;}
:focus{ outline: none;}
img{ border: none; outline: none; max-width:100%; height:auto;}
input{ border:none; outline:none; background: none;}
input::-moz-placeholder{ color: #aaa;}
input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder{ color:#aaa; }
input::placeholder{ color:#aaa; }
textarea::-moz-placeholder{color:#aaa; }
textarea:-ms-input-placeholder { color:#aaa; }
textarea::-webkit-input-placeholder{ color:#aaa; }

.clear{clear: both; margin: 0; padding: 0;}
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom:1;}

/*scroll*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#1295e7;}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#1295e7;}
::-webkit-scrollbar-thumb:vertical:active {background-color:#1295e7;}

/* 棣栭〉 */
.headerbox{
	width: 100%;
	height: 110px;
	background: #fff;
	transition:all .5s;
	-webkit-transition: all .5s;
	-moz--transition:all .5s;
	-o-transition: all .5s;
	box-shadow: 0 0 10px rgba(153,124,59,.1);
}

.headerbox.position{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}	
	
.headerbox .logobox{
	float: left;
	height: 59px;
	overflow: hidden;
	margin-top: 25px;
}
.headerbox a.logo img{
	max-width: inherit;
	width: auto;
	height: 100%;
	float: left;
}
.headerbox .language{
	float: left;
	position: relative;
	margin-left:30px;
	margin-top: 10px;
}
.language a{
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 21px;
	color: #707070;
	font-size: 14px;
	line-height: 20px;
}
.language a:hover{
	color: #1295e7;
}
.headerbox .navbox{
	float:right;
}
.headerbox .navbox{
	float: right;
	height: 110px;
}
.navbox ul li{
	float: left;
	height:110px;
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.navbox li>a{
	display: block;
	font-size: 16px;
	color: #444;
	line-height:110px;
	padding: 0 30px;
	position: relative;
	border-right: 1px solid #eee;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
}
.navbox li .subnav{
	width: 100%;
	position: absolute;
	left: 0;
	display: none;
	top:92px;
	background: rgba(245, 242, 235,.8);
	z-index: 10;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.navbox li .subnav a{
	display: block;
	font-size: 16px;
	text-align: center;
	color: #1e191a;
	line-height: 24px;
	margin: 12px 0;
}
.navbox li .subnav a:hover{
	color: #1295e7;
}
.navbox li.current{
	background-image: url(../images/bg_menuH.jpg);
}
.navbox li:hover{
	transition: all .3s;
	background-image: url(../images/bg_menuH.jpg);
}
.navbox li:hover>a{
	color: #fff;
}
.navbox li.current>a{
	color: #fff;
}

.indexbanner{
	position: relative;
	overflow: hidden;
}
.indexbanner .swiper-pagination{
	bottom: 25px !important;
}
.indexbanner .swiper-pagination-bullet{
	width:42px;
	height: 3px;
	background: #fff;
	opacity: 1;
	border-radius: 0;
}
.indexbanner .swiper-pagination-bullet-active{
	background:#108acd;
}
.index-product{
	padding-top: 30px;
	padding-bottom: 42px;
}
.index-title{
	text-align: center;
	margin-bottom: 24px;
	overflow: hidden;
}
.index-title span.index-line{
	float: left;
	width: 40.085%;
	position:relative;
	height: 1px;
	background: #e4e4e4;
	margin-top:20px;
}
.index-title span.index-line::after{
	content: " ";
	display: inline-block;
	position: absolute;
	width: 11px;
	height: 11px;
	border-radius:50px;
	top: -5px;
	background: #e4e4e4;
}
.index-title span.index-line.index0::after{
	right: 0;
}
.index-title span.index-line.index1::after{
	left: 0;
}
.index-title h1{
	float:left;
	width: 19.83%;
	font-size: 24px;
	color: #1295e7;
}
.index-title h1 span{
	display:block;
	margin-top: 10px;
	font-size: 12px;
	color: #ccc;
	font-family: 'arial';
	font-weight: bold;
}
.index-productlist{
	position: relative;
}
.index-productlist .swiper-slide a{
	display: block;
	padding: 30px 18px 23px;
	background: #1295e7;
}
.index-productlist .swiper-slide .imgbox{
	height:181px;
	overflow: hidden;
	width: 100%;
	position: relative;
	border: 1px solid #ccc;margin-bottom: 20px;
}
.index-productlist .swiper-slide img{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
}
.index-productlist .swiper-slide h2{
	font-size: 16px;
	text-align: center;
	color: #fff;
}

.index-product-list li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);

}
.index-about{
	padding-top: 30px;
	background:#f3f3f3;
	padding-bottom: 38px;
}
.index-about-top{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed rgba(220,220,220,1);
}
.index-about-top .index-aboutimg{
	float:left;
	width:25%;
}
.index-about-top .index-about-right{
	float: right;
	width:74%;
	font-size: 14px;
	line-height: 28px;
	color: #444;
	text-align: justify;
}
.index-about ul li{
	float: left;
	width: 21.83%;
	margin-right: 4.22%;
}
.index-about ul li .imgbox{
	overflow: hidden;
	margin-bottom: 14px;
}
.index-about ul li img{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
}
.index-about ul li .index-about-text{
	font-size: 12px;
	line-height: 24px;
	color: #444;
}
.index-news{
	padding-top: 30px;
	padding-bottom: 20px;
}
.indexnewsbox{

}
.index-news-left{
	float: left;
	width: 32%;
}
.index-news-left .swiper-slide a{
	display: block;
}
.index-news-left .swiper-slide .imgbox{
	overflow: hidden;
}
.index-news-left .swiper-slide img,.index-news-right li img{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
}
.index-about ul li:hover img,.index-news-left .swiper-slide:hover img,.index-news-right li:hover img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}
.index-news-left .swiper-slide .index-newstitle{
	position: absolute;
	width: 100%;
	height: 38px;
	
	padding: 0 10px;
	left: 0;
	bottom: 0;
	z-index: 1;
	transition: all .5s;
	background: rgba(0,0,0,.5) ;
}
.index-news-left .swiper-slide h2{
	font-size: 16px;
	color: #fff;
	line-height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.index-news-left .swiper-slide:hover .index-newstitle{
	background: rgba(16, 138, 205,1)
}
.index-news-left .swiper-button-next,.index-news-left .swiper-button-prev,.index-productlist .swiper-button-next,.index-productlist .swiper-button-prev{
	width: 28px;
	height: 54px;
	opacity: 0;
	margin-top: -27x;
	background-color: rgba(0,0,0,.5);
	background-size: 12px auto;
	transition: all .5s;
}

.index-news-left .swiper-button-next,.index-productlist .swiper-button-next{
	right: 0;
	border-radius: 5px 0 0 5px;
	background-image: url(../images/banner_next.png);
}
.index-news-left .swiper-button-prev,.index-productlist .swiper-button-prev{
	left: 0;
	border-radius: 0 5px 5px 0;
	background-image: url(../images/banner_prev.png);
}
.index-news-left:hover .swiper-button-next,.index-news-left:hover .swiper-button-prev,.index-productlist:hover .swiper-button-next,.index-productlist:hover .swiper-button-prev{
	opacity: 1;
}
.index-news-left .swiper-button-next:hover,.index-news-left .swiper-button-prev:hover,.index-productlist .swiper-button-prev:hover,.index-productlist .swiper-button-next:hover{
	background-color: rgba(16, 138, 205,1)
}

.index-news-right{
	float: right;
	width: 66%;
}
.index-news-right li{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}	
.index-news-right li a{
	display: block;
	overflow: hidden;
}
.index-news-right li .index-newsimg{
	border: 1px solid #dcdcdc;
	float: left;
	width:12.6%;
	overflow: hidden;
}

.index-news-right li .index-newsinfo{
	float: right;
	width:85%;
}
.index-news-right li h2{
	height: 56px;
	font-size: 16px;
	line-height: 28px;
	color: #444;
	margin-bottom: 16px;
	overflow: hidden;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
}
.index-news-right li span{
	color: #8c8c8c;
	font-size:16px;
}
.index-news-right li:hover h2{
	color: #108acd;
}

.footer{
	width: 100%;
	padding: 38px 0;
	background: #108acd;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.footer a{
	color: #fff;
}
.footer-left{
	float: left;
	width: 67.33%;
	overflow: hidden;
}
.footer-left .imgbox{
	float: left;
	width: 16.8%;
	text-align: center;
}
.footer-left .imgbox img{
	margin-top: ;
}
.footer-left .footer-nav{
	float: right;
	width: 74.5%;
	padding-left: 6.5%;
	border-left: 1px solid #099def;
	border-right:1px solid #099def;
}
.footer-nav dl{
	float: left;
	width: 16%;
	margin:0 3.5%;
}
.footer-nav dl dt{
	font-size: 16px;
	margin-bottom: 4px;
}
.footer-nav dl dd{
	line-height: 28px;
}
.footer-right{
	float: right;
	width: 32.66%;
	padding-left: 5.5%;
}
.footer a:hover{
	color: #243587;
}
.footer-bottom{
	padding-top: 20px;
	padding-bottom: 18px;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	color: #444;
}
.footer-bottom a{
	font-size: 14px;
	color: #444;
}
.footer-bottom a:hover{
	color: #108acd;
}
.footer-bottom p img{
	display: inline-block;
	margin-top: 18px;
}

/* 鍏徃浠嬬粛 */
.mainbox{
	padding-top: 42px;
	padding-bottom: 30px;
}
.mainleft{
	float: left;
	width: 23.66%;
	padding-right: 40px;
}
.columnname{
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	margin-bottom: 5px;
	font-weight: bold;
	padding-left:40px;
	background: #108acd;
}
.mainleft ul li{
	height: 36px;
	margin-bottom: 2px;
	background: #dcdcdc;
	transition: all .3s;
}
.mainleft ul li a{
	display: block;
	padding: 0 50px;
	line-height: 36px;
	font-size: 14px;
	color: #444;
}
.mainleft ul li:hover{
	background: #108acd;
}
.mainleft ul li:hover a{
	color: #fff;
}
.mainleft ul li.current{
	background: #108acd;
}
.mainleft ul li.current a{
	color: #fff;
}
.mainright{
	float: right;
	width: 76.34%;
	min-height: 397px;
	border-left: 1px solid #dcdcdc;
	padding-left: 30px;
}
.maintop{
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 20px;
}
.maintop h2{
	float: left;
	color: #999;
	line-height: 38px;
	font-size: 14px;
}
.maintop .newsnav{
	font-size: 12px;
	color: #4d4d4d;
	line-height: 38px;
	float: right;
}
.maintop .newsnav a{
	font-size: 12px;
	color: #4d4d4d;
}
.maintop .newsnav a:hover{
	color: #108acd;
}
.maintop .newsnav a.active{
	color: #108acd;
}
.aboutcontent{
	color: #444;
	font-size: 14px;
	line-height: 28px;
}
.aboutcontent p{
	color: #444;
	font-size: 14px;
	line-height: 28px;
}
.aboutcontent p img{
	max-width: 100% !important;
	height: auto !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* 浼佷笟鏂囧寲 */
.culture{
	padding: 48px 40px;
	height: 398px;
	background-image: linear-gradient(#108acd, #45a9de);
}
.culture p{
	font-size: 24px;
	color: #fff;
	line-height:48px;
}

/* 娉ㄥ璁惧 */
.aboutlist{
	width: 92%;
	margin: 0 auto;
	overflow: hidden;
}
.aboutlist li{
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 15px;
}
.aboutlist li:nth-child(even){
	margin-right: 0;
}

/* 鏈€鏂版妧鏈 */
.aboutcontent h3{
	color: #444;
	font-size: 24px;
	text-align: center;
	margin-top:30px;
	margin-bottom: 12px;
}
.technology li{
	position: relative;
	padding-left: 14px;
}
.technology li::before{
	content: " ";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background: #108acd;
	position: absolute;
	left: 0;
	top: 11px;
}

/* 鏂伴椈涓績 */
.newslist li{
	position: relative;
	height: 34px;
	line-height:34px;
	overflow: hidden;
	padding:0 18px;
	border-bottom: #b4b3b9 1px dotted;
}

.newslist li a{
	float: left;
	width: 85%;
	font-size:14px;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	color:#444;
}
.newslist li a b{
	font-weight: normal;
	color:#108acd;
}
.newslist li span{
	float:right;
	font-size: 14px;
	color:#b3b3b3;
}
.newslist li:hover a{
	color: #108acd;
}

.pages{
	text-align: right;
	margin-top: 40px;
	margin-bottom: 40px;
	clear:both;
}
.pages a{
	padding: 0 5px;
	display: inline-block;
	margin: 0 5px 0 0;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	color: #595959;
	border: 1px solid #d9d9d9;
}
.pages b{
	padding: 0 5px;
	display: inline-block;
	margin: 0 5px 0 0;
	height: 30px;
	min-width: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	background: #108acd;
	border: 1px solid #108acd;
	color: #fff;
	font-weight: normal;
}
.pagebox {
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}
.pagebox a{
	padding: 0 8px;
	display: inline-block;
	margin: 0 5px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 18px;
	color: #000;
}
.pagebox a.active{
	color: #997c3b;
}


/* 鏂伴椈鍐呭 */
.newscontent{
	padding-top: 10px;
}
.titlebox{
	/* text-align: center; */
	padding-bottom:10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
}
.titlebox h1{
	color: #1e1e1e;
	text-align: center;
	font-size: 20px;
	margin-bottom:15px;
}
.titlebox .release{
	font-size:16px;
	line-height: 28px;
	color: #666;
}
.titlebox span{
	margin: 0 10px;
}

.newstext,.newstext p{
	font-size: 14px;
	color: #444;
	line-height: 28px;
}
.newstext p img{
	max-width:100% !important;
	height:auto !important;
	margin-top: 10px;
	margin-bottom: 10px;
}
.newschange{
	overflow: hidden;
	border-top: 1px solid #d9d9d9;
	margin-top: 40px;
	margin-bottom: 20px;
	padding-top: 20px
}
.newschange p{
	color: #595959;
	font-size: 14px;
}
.newschange p a{
	color: #595959;
}
.newschange p a:hover{
	color: #108acd;
}
.newschange p.newsprev{
	float: left;
	width: 50%;
}
.newschange p.newsnext{
	float: right;
	text-align: right;
	width: 50%;
}

/* 浜у搧鍒楄〃椤 */
.productlist{
	padding-top:10px;
}
.productlist li{
	float: left;
	width:32.2%;
	text-align: center;
	margin-bottom: 14px;
	margin-right:1.7%;
}
.productlist li .probox{
	height: 178px;
	overflow: hidden;
	position: relative;
}
.productlist li .imgbox{
	height: 178px;
	position: relative;
}
.productlist li img{
	position: absolute;
	left: 0;
	width: 100%;
	height: auto;
	top:50%;
	transform: translateY(-50%);
}
.productlist li .protext{
	position: absolute;
	width: 100%;
	height: 100%;
	left: -100%;
	top: 0;
	overflow: hidden;
	padding: 14% 20%;
	box-sizing: border-box;
	color: #fff;
	background: rgba(16, 138, 205,.7);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.productlist li h2{
	font-size: 14px;
	border-bottom: 1px solid #fff;
	line-height: 28px;
	padding-bottom: 13px;
}
.productlist li p.prosummry{
	font-size: 14px;
	line-height: 24px;
	margin-top: 19px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.productlist li span{
	display: inline-block;
	width: 118px;
	margin-top: 6px;
	background-image: url(../images/eyebg.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 14px;
	padding-left: 20px;
	background-size: 15px;
	transition: all .5s ease;
	/* text-align: center; */
}
.productlist li h3{
	color: #333;
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .5s ease;
}

.productlist li:hover .protext{
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  left: 0px;
  top: 0px
}
.productlist li:hover h3{
	color: #108acd;
}

/* 浜у搧鍐呭 */
.productImgleft{
	float: left;
	width: 43%;
	position: relative;
}
.bigpics{
	height: 300px;
	margin-bottom: 10px;
}
.bigpics .swiper-slide a{
	display: block;
	height: 100%;
}
.bigpics .swiper-slide .imgbox{
	position: relative;
	height: 100%;
	overflow: hidden;
	text-align: center;
	border: 1px solid #dcdcdc;
}
.bigpics .swiper-slide img{
	position: absolute;
	width: auto;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.productswiper{
	position: relative;
	padding: 0 32px;
	height: 54px;
}
.productswiper .swiper-container{
	height: 100%;
}
.productswiper .swiper-slide a{
	display: block;
	height: 100%;
}
.productswiper .swiper-slide .imgbox{
	height: 100%;
	overflow: hidden;
	text-align: center;
	position: relative;
	border: 2px solid #dcdcdc;
}
.productswiper .swiper-slide img{
	position: absolute;
	width: auto;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.productswiper .swiper-slide-thumb-active .imgbox{
	border: 2px solid red;
}

.productImgleft .swiper-button-next,.productImgleft .swiper-button-prev{
	position: absolute;
	top: auto;
	bottom: 0;
	width:22px;
	height:54px;
	background-image: none;
	/* background-size: 50px 70px; */
	margin-top: 0;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.productImgleft .swiper-button-prev{
	left: 0;
}
.productImgleft .swiper-button-next{
	right:0;
}

.productImgleft .swiper-button-prev::after,.productImgleft .swiper-button-next::after{
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 9px auto;
	background-position: center center;
}
.productImgleft .swiper-button-prev::after{
	background-image: url(../images/prev3.png);
}
.productImgleft .swiper-button-next::after{
	background-image: url(../images/next3.png);
}
.productImgleft .swiper-button-prev:hover,.productImgleft .swiper-button-next:hover{
	border: 1px solid #108acd;
}

.gallery-top {
  width: 100%;
  height: 300px;
}
.productImgright{
	float: right;
	width: 55%;
}

.productImgright ul li{
	overflow: hidden;
	padding: 10px 0;
	border-bottom:1px dashed #f0f0f0;
}
.productImgright ul li h2{
	float: left;
	font-size: 14px;
	color: #979797;
	width: 70px;
	line-height: 28px;
}
.productImgright ul li .rightinfo{
	width: 84%;
	float: right;
	font-size: 14px;
	line-height: 28px;
	color: #555;
}
.productImgright ul li .rightinfo span{
	font-size: 18px;
	color: #333;
}
.productBottom{
	padding-top: 45px;

}
.productBottom h2{
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 30px;
}
.productBottom h2 span{
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 114px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	background: #108acd;
}
.productBottom .productNewstext{
	font-size: 14px;
	color: #444;
	line-height: 28px;
}
.productBottom .productNewstext p img{
	max-width: 100%;
	height: auto !important;
	margin-top:10px;
	margin-bottom: 10px;
}
.productContent .newschange{
	border-top: none;
}

/* 鑱旂郴鎴戜滑鍐呭 */
.contact{
	padding-top:10px;
	padding-bottom: 40px;
}
.contact h2{
	color: #444;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}
.contact p{
	font-size: 14px;
	color: #444;
	line-height: 28px;
}
.contact p a{
	color: #444;
}
.connect ul li{
	float: left;
	width: 47.6%;
	margin-bottom: 20px;
	margin-right: 4.8%;
	border: 1px solid #d2d2d2;
	height: 42px;
	font-size: 14px;
	line-height: 28px;
	color: #444;
}
.connect ul li.saytext{
	width: 100%;
	height: 158px;
}
.connect ul li textarea{
	display: block;
	padding: 8px 10px;
	width: 100%;
	height: 100%;
	border: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.connect ul li input{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}
.connect input.submitbtn{
	width: 100%;
	display: inline-block;
	background-color: #333;
	border-color: #333;
	border: 0px;
	border-radius: 0px;
	width: 100%;
	height: 42px;
	color: #fff;
	transition: .5s;
}
.connect input.submitbtn:hover{
	background-color: #108acd;
	border-color: #108acd;
}


/* 鎵嬫満绔鑸 */
.mc_phone_nav{
	display: none;
	float: right;
	overflow: hidden;
	width: 35px;
	margin-right: 10px;
	height: 70px;
}
.mc_menubox{
	width: 35px;
	height:70px;
	cursor: pointer;
	text-align: center;
	position: absolute;
	top: 0;
}
.mc_menubox .point{
	position: relative;
	display: inline-block;
	width: 35px;
	height:70px;
}
.mc_menubox .point .mc_nav {
	position: absolute;
	top: 32px;
	left: 0;
	z-index: 100000;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.mc_menubox .point .mc_nav::after,.mc_menubox .point .mc_nav::before {
	content: '';
	position: absolute;
	left: 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.mc_menubox .point .mc_nav, .mc_menubox .point .mc_nav::after, .mc_menubox .point .mc_nav::before {
	display: inline-block;
	width: 35px;
	height: 4px;
	border-radius: 4px;
	background-color: #108acd;
}
.mc_menubox .point .mc_nav::after, .mc_menubox .point .mc_nav::before{
	width: 26px;
}
.mc_menubox .point .mc_nav::after {
	top: -11px;
}
.mc_menubox .point .mc_nav::before {
	top: 10px;
}
.mc_menubox .point.active .mc_nav {
	background: transparent;
}
.mc_menubox .point.active .mc_nav::after {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mc_menubox .point.active .mc_nav::before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mobile{
	opacity: 0;
	position: fixed;
	width: 100%;
	left: -100%;
	top:70px;
	z-index:1000000;
	background-color: #fff;
	height: 100%;
	/* max-height: calc(100vh - 64px); */
	overflow: auto;
	border-top: 1px solid #EAEAEA;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;

}
.mobile.active{
	opacity: 1;
	left: 0;
}
.mobilebox {
	/* display: none; */
	width: 100%;
	background-color: #fff;
	height: 100%;
	padding: 10px 0;
}
.mobilebox h4 {
	position: relative;
	padding: 0 20px;
	overflow: hidden;
}
.mobilebox h4::after {
	content: '';
	display: block;
	clear: both;
}
.mobilebox h4 a {
	float: left;
	width: 88%;
	font-size: 16px;
	line-height: 46px;
	color: #525252;
	max-width: calc(100% - 36px);
}
.mobilebox .ul2 {
	display: none;
	padding-top: 7px;
	padding-bottom: 8px;
	/* background: #f7f8fa; */
	border-top: 1px solid rgba(0, 0, 0, .1);
	/* border-bottom: 1px solid rgba(0, 0, 0, .1); */
}
.mobilebox .ul2 .container_s {
	max-width: 100%;
	padding: 0 25px;
}

.mobilebox .ul1 {
	/* border-bottom: 1px solid rgba(0, 0, 0, .1); */
	padding-bottom: 15px;
}
.img_s {
	float: right;
	display: block;
	font-size: 16px;
	line-height: 46px;
	color: #5a545b;
	transition: all .36s;
}
.mc_phnav_hasnosub .img_s{
	display: none;
}
.mobilebox h5 {
	position: relative;
}

.mobilebox h5::after {
	content: '';
	display: block;
	clear: both;
}

.mobilebox h5 a {
	display: block;
	font-size: 14px;
	line-height: 32px;
	color: #5a545b;
	max-width: calc(100% - 36px);
}

.mobilebox h5 img {
	position: absolute;
	top: 50%;
	right: 5px;
	width: 35px;
	padding: 11px;
	cursor: pointer;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.mobilebox h4.active img.img_s,
.xialaph h5.active img.img_s {
	display: none;
}

.mobilebox h4.active img.img_d,
.mobilebox h5.active img.img_d {
	display: block;
}
.mobilebox h4.active .img_s {
	transform: rotate(180deg);
}

.mobilebox h5.active .img_s {
	transform: rotate(180deg);
}

.mobilebox h4.active .img_s {
	transform: rotate(180deg);
}


@media screen and (max-width:768px) {
	.mc_phone_nav{
		display:block;
	}
	.headerbox{ height: 70px;}
	.headerbox .navbox{display: none;}
	.headerbox .logobox{
		margin-top: 18px;
		margin-left: 10px;
		height: auto;
	}
	.headerbox .logobox .logo img{
		height: 34px;
	}
	.headerbox .language{ margin-left: 12px; margin-top: 0;}
	.language a{ font-size: 12px;padding-left: 18px;background-size: 12px; line-height: 18px;}
	.indexbanner{ clear: both;}
	.indexbanner .swiper-pagination{bottom: 4px !important;}
	.indexbanner .swiper-pagination-bullet{ width: 22px;}
	.index-product{ padding-left: 10px; padding-right: 10px; padding-bottom:30px;}
	.index-title h1{ width: 42.83%; font-size: 20px;}
	.index-title span.index-line{ width:28.585%;}
	.index-productlist .swiper-slide a{ padding:10px 10px;}
	.index-productlist .swiper-slide .imgbox{ height:100px;margin-bottom: 12px;}
	.index-about{ padding-left: 10px; padding-right: 10px; padding-bottom:10px;}
	.index-about-top .index-aboutimg{ float:none; width:100%; text-align: center; margin-bottom: 15px;}
	.index-about-top .index-about-right{ float:none; width:100%;}
	.index-about ul li{ width:47.89%; margin-bottom:15px;}
	.index-news{padding-left: 10px; padding-right: 10px; padding-bottom:0;}
	.index-news-left{ float:none; width:100%;}
	.index-news-right{ float:none; width:100%; margin-top:20px;}
	.index-news-right li .index-newsimg { width:30.6%;}
	.index-news-right li .index-newsinfo{ width:65%;}
	.index-news-right li h2{ font-weight:normal;}
	.footer-left{ width:24%;}
	.footer{ padding:15px 10px;font-size:12px; line-height:22px;}
	.footer-left .imgbox{ float:none; width:100%;}
	.footer-left .footer-nav{ display:none;}
	.footer-right{ width:73%; padding-left:0;}
	.footer-left .imgbox img{ width:80px;}
	.footer-bottom{ padding:15px 10px; font-size:12px; line-height:22px;}
	.footer-bottom a{ font-size:12px;}
	.footer-bottom p img{ margin-top:0;}
	
	.mainleft{ float:none; width:100%; padding-right:0; border-bottom:1px solid #dcdcdc; padding-bottom:20px;}
	.mainbox{padding-top:30px;}
	.columnname{ text-align:center;color:#444; background:transparent;height: auto; padding-left:0; line-height: initial;margin-bottom: 20px;}
	.mainleft ul{overflow:hidden;}
	.mainleft ul li{width:20%; float:left; text-align:center; background:transparent; margin-bottom:0;}
	.mainleft ul li a{ padding:0; }
	.mainright{ float:none; width:100%; padding:0 10px; margin-top:30px; min-height:auto;}
	.maintop{ display:none;}
	
	.culture{padding:20px 20px; height:180px;}
	.culture p{ font-size:14px; line-height:32px;}
	
	.aboutlist{ width:100%;}
	.aboutlist li{ margin-bottom:8px;}
	
	.aboutcontent h3{ font-size:20px;line-height:28px;}
	
	.productlist{ overflow: hidden;}
	.productlist li{ width:49.15%; }
	.productlist li .probox,.productlist li .imgbox{ height: 130px;}
	.productlist li h3{ height: 32px; line-height: 32px;}
	.pages b,.pages a{ font-size: 14px; margin:2px 0; padding: 5px 4px; height: auto; line-height: inherit; min-width: inherit; border: none;}
	.pages{ text-align: center; margin-top: 20px; margin-bottom: 10px;}
	.pages b{ padding: 5px 8px;}

	.productImgleft{ float: none; width: 100%;}
	.productImgright{ float: none; width: 100%; margin-bottom: 30px;}
	.productImgright ul li .rightinfo{ width:77%;}

	.newslist li{ padding: 0;}
	.newslist li a{ width: 76%;}

	.titlebox .release{ font-size: 14px; text-align: center;}
	.newschange p a{
		display: inline-block;
		width: 65%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: bottom;
	}
}