@charset "utf-8";
/* CSS Document */
/*
主色 #55b651
辅色 #fdeb02
*/
*,*:after,*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*公共样式*/
*{ margin:0; padding:0; list-style:none;box-sizing:border-box;-webkit-box-sizing:border-box;}
img{ border:0;}
body{background:#fff;color:#333;font-size:14px;word-break: break-all;word-wrap: break-word;font-family: "Lato","Noto Sans",sans-serif;letter-spacing:0.5px;word-break: break-word;}
a{color:#333;text-decoration:none;}
span,p{text-decoration:none;}
li{list-style:none;}


.clr{clear:both; height:0px; overflow:hidden}
#clear:before,#clear:after{display:table;content:""}
#clear:after{clear:both}
#clear{zoom:1}

.wid{width:90%;margin:0 auto}
.hui{width: 100%;display: inline-block;background: #f1f1f1;padding: 5vh 0;}
.bai{width: 100%;display: inline-block;background: #fff;padding: 5vh 0;}


@media(max-width:1440px){
.wid{width:90%;}
}

@media(max-width:1200px){
.wid{width: 92%;}
}

/*flex子容器两端靠边、顶部对齐、可流动*/
.flexBetween{display: flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;} 
	
/* top */
.top_{width: 100%;height:30px;line-height: 30px;color: #55b651;border-bottom: 1px solid #e3e3e3;font-size: 12px;display: inline-block;transition: all .1s ease-out; }
.top{}
	/* topLeft */
.topLeft{float: left;}
.topLeft a{margin-left:30px;}
.topLeft a:first-child{margin-left: 0 !important;}
.topLeft a i{margin-right: 5px;font-size: 14px;}
	/* topRight */
.topRight{float: right;height: 24px;line-height: 24px;margin-top: 3px;}
.topRight .language{cursor: pointer;position: relative;float: left;z-index: 500;height: 100%;line-height: 24px;}
.language font{}
.topRight .language i{display:inline-block;transition: all .1s ease-out;font-size: 12px;}
	/* languages */
/* 语言切换 */
.language{cursor: pointer;position: relative;z-index: 500;float: right;}
.nowLanguage{height: 100%;display: flex;align-items: center;}
.nowLanguage i{transition: all .1s ease-out;font-size: 12px;display: inline-block;margin-left: 5px;}
.nowLanguage span{font-size:12px;color: #000;}
.nowLanguage .icon{width:1.5em;height:1.5em;padding-right: 5px;}
	/* languages */
.languages{position: absolute;top:120%;left:50%;margin-left:-60px;width:120px;background: #fff;border-radius:3px;overflow: hidden;box-shadow: 0 0 10px #ccc;display: none;z-index: 9999;}
.languages a{display: block;width: 100%;float: left;padding: 5px 0;font-size: 12px;border-top: 1px #fafafa solid;line-height:25px;background: #fff;text-indent: 2em;}
.languages .icon{width: 1.2em;height: 1.2em;}
.languages a:first-child{border-top: none;}
.languages a:hover{background:#34b039;color: #fff;}
.languages a.now{color: #c0c0c0;}
.languages a.now .icon{opacity: .5;}

.rotate90{
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.topRight .topRightLinks{float: left;margin: 0 15px 0 0;}
.topRightLinks a{float: left;display: inline-block;width: 24px;height: 24px;text-align: center;margin:0 5px;border-radius: 2px;}
.topRightLinks a:hover{background: #55b651;color: #fff;}
	
/*header*/
.header_{width: 100%;background: #fff;display: inline-block;height: auto;float: left;position: relative;position: fixed;top: 0;left: 0;z-index: 99999;}
.header{height: 100px;transition: all .3s ease-out;}
.header .logo{display: inline-block;float: left;height: 100%;display: flex;align-items:center;}
.header .logo img{display: block;height: 80%;}
@media(max-width:1470px){
.header .logo img{height: 65%;}
}
@media(max-width:1360px){
.header .logo img{height: 50%;}
}
@media(max-width:1150px){
.header .logo img{height: 100%;}
}

.navBox{display: inline-block;float: right;height: 100%;}
.navIco{float: right;height: 100%;display: none;}
.navIco i{font-size: 40px;display:table-cell; vertical-align:middle;}

.nav{float: right;height: 100%;}
.nav>div{float: left;position: relative;z-index: 300;height: 100%;display:table;}
.nav .navOne{width: 100%;height: 100%;display: inline-block;}
.nav .navOne a{text-transform:uppercase;font-weight: bold;height: 100%;display:block;padding: 0 1.7vw;display:flex;align-items:center; }

.nav .navOne i{display: none; }

.nav .navTwo{display: none;position: absolute;top: 100%;left: 0;width:100%;background:rgba(255,255,255,0.9);}
.nav .navTwo a{display: block;width: 100%;float: left;text-align: center;padding: 1.5vh 5px;border-top: 1px #f1f1f1 solid;text-transform:capitalize;font-size: 14px;}
.nav>div .navTwo a:first-child{border-top: none;}
.nav>div .navTwo a:hover{background:rgba(85,182,81,0.8);color: #fff;}

.nav>div.cur .navOne a{color: #fff;background: #55b651;}


@media(max-width:1360px){
.nav>div>a{padding: 0 1.3vw;}
}


@media(max-width:1150px){
	/*top*/
.topLeft a{margin-left:5px;font-size: 12px;}
.topLeft a i{margin-right: 2px;font-size: 12px;}
.topRight .topRightLinks{display: none;}

.header{height: 60px;}

/*nav*/
.navIco{display:table;}
.nav{display: none;position: absolute;top: 100%;left: 0;width: 100%;z-index: 999;margin-top: 0;overflow: auto;height: auto;background: #e7e7e7;}
.nav>div{width: 100%;background: #6d6d6d;padding: 0;}
.nav a{color: #fff;}
.nav .navOne{width:100%;padding:0 3%;margin: 0 auto;display: flex;flex-direction: nowrapjustify-content: center; justify-content: space-between;border-top: 1px rgba(255,255,255,0.1) solid;}
.nav:first-child .navOne{border-top:none}
.nav .navOne a{width:calc(100% - 50px);width: -moz-calc(100% - 50px);width: -webkit-calc(100% - 50px);padding: 20px 0;height: auto;display: inline-block;text-indent:1.2em;float: left}
.nav .navOne i{width: 50px;float: right;text-align: center;color: #fff;line-height: 60px;font-size: 24px;}

.nav>div .navTwo{position: inherit;width: 100%;background:#55b651;}
.nav>div .navTwo a{width: 100%;text-align: left;text-indent:10%;border-top: 1px rgba(255,255,255,0.2) solid;font-size: 14px;}
.nav>div.cur .navOne{}
.nav>div.cur .navOne a{background:none;}
}
			
/*banner*/
 .banner{width: 100%;display: inline-block;margin-top: 130px;}
 @media(max-width:1150px){
	  .banner{margin-top: 90px;}
 }
.pic {width:100%;display:block;}
.swiper-container {width: 100%;color: #fff;text-align: center;}
.swiper-slide {width: 100%;height: 100%;}
.pagination {position: absolute;z-index: 20;left:0;bottom:1.5vw;z-index:500;height:auto !important;overflow:hidden;font-size:12px;margin:0;text-align:center; padding:0;display:inline-block;float:left;margin-top:0px !important;width: 100%;}
.swiper-pagination-switch {display: inline-block;width:25px;height:3px;border-radius:1px;background: #ccc;border:none;margin-right:8px;opacity: 0.8;}
.swiper-visible-switch {background: #323232;}
.swiper-active-switch {background: #323232}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}



.bgBox{}


.inTit{text-align: center;padding:0 0 3vh}
.inTit p{text-transform:capitalize}
.inTit p.p1{font-family: "optima";font-size:36px;font-weight:300;}
.inTit p.p2{font-size: 18px;margin-top: 10px;}
.inTit .p4{width: 100%;height: 1px;background: #e1e1e1;margin: 20px 0 0 0;}
.inTit .p4 div{width: 50px ;height:1px;background: #55b651;margin: 0 auto;}
.inTitWhite{color: #fff;}
.inTitWhite .p4{background: rgba(255,255,255,0.3);}
.inTitWhite .p4 div{background: rgba(255,255,255,0.5);}
@media(max-width:1150px){
.inTit{padding:3vh 0 2vh}
.inTit p.p1{font-size:24px;font-weight:bold;}
.inTit p.p2{font-size: 12px;margin-top: 10px;}
}

.more_{display: block;clear: both;margin: 30px auto 20px;}	
.more{padding:12px 70px;display:inline-block;font-size: 12px;text-transform:uppercase;color:#626262 ;border: 1px #acacac solid;}
@media(max-width:1150px){
.more{width: 100%;}
}
.more:hover{color: #fff;border: 1px #55b651 solid;background: #55b651;}
.moreWhite{color: #fff;border: 1px #fff solid;}
.moreWhite:hover{color: #55b651;border: 1px #fff solid;background: #fff;}

.readmore{display: inline-block;padding: 15px 20px;margin: 0 15px 0 0;color: #fff;border-radius: 5px;text-transform:uppercase;background: #31c273;}
.readmore:hover{transform:scale(1.1,1.1)}


/*首页公司简介*/
.inAboutText{width: 100%;float:left;font-size: 16px;word-break: break-word;margin:10px 0 0;text-align: center;}
.inAboutText p{color: #333;line-height:1.5;padding: 8px 0;font-size: inherit;}
.inAboutText img{display: block;max-width: 100%;border-radius: 5px;}
.inAboutText .company{}

/*indexPro*/
.inPro{margin:15px auto 0}
.inProTar{margin: 0 auto 10px;display: inline-block;}
.inProTar>div{display: block;padding:15px 50px;color:#fff;float: left;font-size:16px;transition: all .1s ease-out;background:none;border:1px #fff solid;text-transform:capitalize;border-left: none;font-weight: bold;cursor: pointer;}
.inProTar>div:first-child{border-left:1px #dedede solid;}
.inProTar .cur{color:#55b651;background: #fff}

.inProTarCon{width: 100%;float: left;position: relative;margin-top:25px}
.inProTarCon span{display: block;display: inline-block;width: 100%;display: none;}
.inProTarCon span.cur{display: block;}
.inProTarCon ul{width: 100%;box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff;display: inline-block;}
.inProTarCon ul li{width: 25%;float: left;height: 12.5vw;border-right: 1px #dedede solid;border-top: 1px #dedede solid;box-sizing:border-box;-webkit-box-sizing:border-box;}
.inProTarCon ul li a{display: block;width: 100%;height:100%;float: left;}
.inProTarCon ul li:nth-child(1){border-top:none}
.inProTarCon ul li:nth-child(2){border-top:none}
.inProTarCon ul li:nth-child(3){border-top:none}
.inProTarCon ul li:nth-child(4){border-top:none}
.inProTarCon ul li:nth-child(4n){border-right: none;}
.inProTarCon ul li a img{display: block;max-width:90%;margin: 0.5vw auto 0.5vw;height:9vw;}
.inProTarCon ul li a p{display: block;width: 100%;text-align: center; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight: bold;}
.inProTarCon ul li a:hover img{transform: scale(1.1)}
.inProTarCon ul li a:hover p{color:#55b651;}
.inProTarCon .readMore_{width: 100%;position: absolute;bottom: 3vh;display: none;}


.inProTarConType{background-size: 100% 100%;}
.inProTarConType a{background: rgba(0,0,0,0.8);position:relative;text-transform:capitalize;letter-spacing:1px }
.inProTarConType a div{width: 100%;float: left;text-align: center;color: #fff;}
.inProTarConType a div.p1{font-size:24px;font-family: "Impact";word-break: break-word; width:100%;height:12vw;display:table;}
.inProTarConType a div.p1 center{display:table-cell; vertical-align:middle;}
.inProTarConType a div.p2{display: block;width: 100%;text-align: center;position: absolute;bottom: 20px;left: 0;}

@media(max-width:1150px){
.inProTarConType a div.p1{height:30vw;}
.inProTar{width: 100%;}
.inProTar>div{width: 50%;padding:15px 0;}
.inProTarCon ul li{width: 50%;height:37vw;border-right: 1px #dedede solid;border-top: 1px #dedede solid;}

.inProTarCon ul li a img{max-width:90%;margin: 0.5vw auto 0.5vw;height:26vw;}
.inProTarCon ul li:nth-child(1){border-top:none}
.inProTarCon ul li:nth-child(2){border-top:none}
.inProTarCon ul li:nth-child(3){border-top: 1px #dedede solid;}
.inProTarCon ul li:nth-child(4){border-top: 1px #dedede solid;}
.inProTarCon ul li:nth-child(4n){border-right: 1px #dedede solid;}
.inProTarCon ul li:nth-child(2n){border-right: none;}

.inProTarCon ul li a:hover img{transform:none}
}


/*广告*/
.ad{}
.ad img{display: block;width: 100%;border-radius: 5px;margin: -10% auto 0;}

/*优势*/
.youshi{margin: 30px auto 0;}
.youshi li{width:23.5%;text-align: center;float: left;margin-right: 2%;}
.youshi li:nth-child(4n){margin-right: 0;}
.youshi li i{font-size:5vw;}
.youshi li p{word-break: break-word;}
.youshi li p.p1{font-size:24px;font-family: "optima";margin: 15px 0;font-weight: bold;}
.youshi li p.p2{}

@media(max-width:1150px){
.youshi li{width:49%;}
.youshi li i{font-size:15vw;}
.youshi li p.p1{font-size:16px;}
.youshi li:nth-child(4n){margin-right: 2%;}
.youshi li:nth-child(2n){margin-right: 0;}
.youshi li:nth-child(3){margin-top:30px;}
.youshi li:nth-child(4){margin-top:30px;}
}

/*专利*/
.zhuanli_{width: 100%;position: relative;}
.zhuanli{margin-top: 15px;position: relative;z-index: 20;}
.zhuanli a{display: block;width:15.5% ;}
.zhuanli a img{display: block;width: 100%;}
.zhuanli_ b{display: block;width: 100%;height: 150px;position: absolute;bottom: -50px;left: 0;z-index: 10;background: #55b651;}
@media(max-width:1150px){
.zhuanli a{display: block;width:48% ;}
}


/*新闻*/
.inNews{display: flex;flex-wrap: wrap;justify-content: center;}
.inNews a{float: left;width: 48%;box-sizing:border-box;-webkit-box-sizing:border-box;padding: 25px 10px 25px 60px;position: relative;border: 1px #ccc solid;transition: all .3s ease-out;margin:15px 0;min-height: 95px;display: flex;flex-direction: column;flex-wrap: wrap;}
.inNews a:nth-child(2n){margin-left: 4%;}
.inNews a .date{padding:5px 5px;background:#55b651;position: absolute;left: -15px;top: 50%;margin-top: -30px}
.inNews a .date p{color: #fff;text-align: center;}
.inNews a .date p.p1{font-size: 24px;font-weight: bold;}
.inNews a .date p.p2{font-size: 12px;}
.inNewsCon{float: left}
.inNewsCon p{line-height: 1.2;}
.inNewsCon p.p1{font-size: 16px;font-weight: bold;}
.inNewsCon p.p2{font-size: 12px;margin-top: 5px;}
.inNews a:hover{box-shadow: 0 0 30px #ccc;border: 1px #fff solid;}
@media(max-width:1150px){
.inNews a{width: 100%;}
.inNews a:nth-child(2n){margin-left: 0;}
}


/*更多链接*/
.links{width: 100%;text-align: center;padding: 10px 0 5px;}
.tit2{font-family: "optima";font-size:20px;font-weight:300;padding: 0 0 10px 0;width: 100%;text-align: center;}
.links ul{display: flex;flex-wrap:wrap;justify-content:center}
.links ul li{margin:3px 0;}
.links ul li a{padding: 0 15px;}
.links a:hover{color:#55b651;}

/*首页表单*/
.inForm_{font-family: "optima";}
.inFormTit{width: 30%;font-size:14px;text-transform:uppercase;font-weight: bold;}
.inForm{width: 68%;display: flex;justify-content:space-between;}
.inForm select,.inForm input,.inForm button{height: 60px;border: none;padding: 20px;box-sizing:border-box;-webkit-box-sizing:border-box;font-size: 15px;text-transform:uppercase;border-radius: 3px;background: #fff;color: #333;}
.inForm select{width: 19%;border: 1px solid #9e9e9e;}
.inForm input{width: 60%;border: 1px solid #9e9e9e;}
.inForm button{width:19%;cursor: pointer;transition: all .3s ease-out;background: #282828 ;color: #fff;}
.inForm button:hover{background: #55b651;}
@media(max-width:1150px){
.inForm_{padding: 15px 0;}
.inFormTit{width: 100%;text-align: center;margin-bottom: 10px;}
.inForm{width: 100%;}
.inForm select,.inForm input,.inForm button{padding: 10px;font-size: 14px;height: 45px;}
.inForm select{width: 25%;}
.inForm input{width: 48%;}
.inForm button{width:25%;}
}

/*footer*/
.foot_{width:100%;background:#fff;padding:50px 0 50px;}
.foot{}
.foot li:nth-child(1){width: 35%;}
.foot li:nth-child(2){width: 35%;}
.foot li:nth-child(3){width: 25%;}
.foot li .footTit{display: block;width: 100%;border: 1px #ddd solid;padding: 15px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;font-weight: bold;text-transform:uppercase;font-size: 16px;font-family: "optima";}
.foot li .footTit i{font-weight: 100;}
.foot li:hover .footTit{background: #282828;color: #fff;}
.foot li dl{width: 48%;display: block;}
.foot li dl,.footCon{margin-top: 20px;}
.foot li dl dt{font-weight: bold;padding:0 0 10px;text-transform:uppercase;}
.foot li dl dt a{display: block;width: 100%;font-size: 15px;}
.foot li dl dt i{font-size: 12px;}
.foot li dl dd{width: 100%;}
.foot li dl dd a{width: 100%;padding: 5px 0;text-indent:10px;display: block;width:100%;font-size: 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.foot dl:hover dt a{color: #55b651;}
.footCon{width: 100%;}
.footCon h1{font-size: 15px;padding: 0 0 10px;text-transform:uppercase}
.footCon p{padding: 5px 0;}

@media(max-width:1200px){
.foot li{margin: 7px 0;}
.foot li:nth-child(1){width: 100%;}
.foot li:nth-child(2){width: 100%;}
.foot li:nth-child(3){width: 100%;}
.foot li dl{width: 100%;display: none;}
.foot li dl dt a{text-indent:20px;font-size: 14px;}
.foot li dl dd a{border-bottom: 1px #ddd solid;padding:10px 0;width: 90%;margin: 0 auto}
.foot li dl dd a:first-child{border-top: 1px #ddd solid;}
}




.footBottom{border-top: 1px #ddd solid;margin-top:40px;padding: 10px 0;font-size: 12px;text-transform:uppercase}
.footIcp{float:left}
.footIcp,.footIcp p,.footIcp a,.footIcp span{color: inherit;}
.friendLink{display:inline-block;float:right}

.foot_ a:hover{color:#55b651}

@media(max-width:1200px){
.footIcp{width: 100%;text-align: center;}
.friendLink{width: 100%;text-align: center;margin: 0 auto;}
}




/*子页公共*/
.subBan{width:100%;display: inline-block;position: relative;margin-top: 130px;}
@media(max-width:1150px){
.subBan{margin-top: 90px;}
 }


.subBan img{display: block;width: 100%;}
.subType_{width: 100%;background:#f1f1f1;position: relative;z-index: 30;}
.subType{display: inline-block;}
.subType a{float:left;height:50px;line-height:40px;padding:0 25px;box-sizing:border-box;-webkit-box-sizing:border-box;margin: 0 15px;border-top:5px #f1f1f1 solid;}
.subType a:hover{background: #fff;border-top:5px #fff solid;}
.subType a.cur{background: #fff;border-top:5px #55b651 solid;}
@media(max-width:1150px){
.subType a{padding:0 10px;margin: 0;}
 }


/* -------------------------------------------------------- */
/*公司简介*/
.abSummary_{;width: 100%;display: inline-block;position: relative;z-index: 20;box-shadow: 0 0 20px #d7d7d7;}
.abSummary{padding:15px 0 0;}

/*子页*/
.subBoxBg{}
.subBox{padding:30px 0 50px;min-height:350px;position: relative;}

.companyLeft{width: 45%;float: left;padding-top: 10px;}
.companyLeft .inTit{float: left;width: 100%;text-align: left;}
.companyText{margin:4vh 0 0;line-height: 1.8;font-size: 14px;color: #484848;width: 100%;float: left;word-break: break-word; text-indent: 2em;}
.companyText p{padding: 5px 0;color: inherit;}

.companyRight{width: 50%;float: right;}
.companyRight img{display: block;max-width: 100%;border-radius: 5px;}

/*左*/
.subNav{width:15%;float: left;}
.subNav .subTypeName{width:100%;float:left;text-transform:uppercase;color:#fff;background: #2848a6;padding:15px 0}
.subNav .subTypeName>div{width: 90%;margin:0 auto;padding:15px 0;border: 1px rgba(255,255,255,0.2) solid;text-indent: 8%;}
.subNav .subTypeName>div p{}
.subNav .subTypeName>div p.p1{font-size:24px}
.subNav .subTypeName>div p.p2{font-size:16px}

.subTypeName i{}
.subNav dl{width: 100%;}
.subNav dl dd{float:left;width: 100%;margin-top: 5px;}
.subNav dl dd a{font-size:14px;padding: 10px 0;float: left;width: 100%;display: block;text-indent:12%;transition: all .3s ease-out;border: 1px solid #dedede;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.subNav dl dd a.cur{background: #2848a6;color:#fff}
.subNav dl dd a.cur span{display: block;}
.subNav dl dd a:hover{background: #2848a6;color:#fff}

/*右*/
.sub{min-height: 500px;width:83%;float: right;}
.subTit{width:100%;border-bottom:1px solid #E4E4E4;margin:0 0 0px;height: 70px;line-height: 70px;position: relative;}
.subTit .typename{font-size:18px;font-weight:bold}
.subTit #back{font-size:16px;float: left;display: block;height: 70px;line-height: 70px;color: #666;margin-right:15px;}
.subTit #back i{font-size:inherit;line-height: 70px;}
.subTit #back:hover{color:#000 ;}
.location{float: right;height:100%;overflow: hidden;transition: all .3s ease-out;display: flex;flex-direction: row;background: #fff;padding: 0 0 0 5px;}
.locationIcon{margin-right: 10px;float: left;}
.locationIcon i{font-size: 20px;}
.location a:hover{color: #55b651;}
@media(max-width:1270px){
.location{position: absolute;right: 0;top: 0;}
}

/*product*/
/*左侧菜单*/
.leftNavBox{width:240px;float: left;overflow: hidden;color:#333;}
.leftNavTop{width: 100%;border-bottom:1px solid #E4E4E4;margin:0 0 0px;height: 70px;line-height: 70px;}
.leftNavTop i{font-size:30px;padding-right:5px;float: left;}
.leftNavTop .leftNavName{color: #000;font-family: "Impact";}
.leftNavTop .p1{font-size: 28px;text-transform:capitalize;letter-spacing:3px}
.leftNavTop .p2{font-size: 16px;text-transform:uppercase}

.leftNav{width: 100%;}
.leftNav dl{padding: 15px 0;border-bottom: 1px solid #E4E4E4;}
.leftNav dl,.leftNav dl dt,.leftNav dl dd{width: 100%;float: left;}
 
.leftNav dl dt{display: flex;flex-direction: row;align-items: center; }
.leftNav dl dt i#leftNavIcon{display: none;width: 30px;height: 30px;line-height: 30px;}
.leftNav dl dt a{width: 100%;float: left;display: block;color: inherit;font-size: 18px;padding:0 0 5px;font-weight: bold;}
.leftNav dl dt a i{font-size: 12px;padding-right:3px;}
.leftNav dl dt.cur{color: rgba(85,182,81,1);}
.leftNav dl dd a:hover{background: rgba(85,182,81,0.8);color: #fff;}
.leftNav dl dd a.cur{background: rgba(85,182,81,1);color: #fff;}
.leftNav dl dt a:hover{color:#55b651;}
.leftNav dl dt a.cur{color:#55b651;}

.leftNav dl dd{width: 100%;float: left;}
.leftNav dl dd a{width: 100%;padding:8px 0;float: left;display: block;color: inherit;text-indent:17px;text-transform:capitalize;font-size: 12px;}

.leftNavDown{width: 100%;padding:20px 0;float:left;text-transform:uppercase;}
.leftNavDown>div{width: 100%;text-align:left;text-align: center;}
.leftNavDown .p1{font-size:14px;}
.leftNavDown .p1 i{padding-right: 5px;}
.leftNavDown .p2{font-size: 24px;margin-top:7px;font-family: "Impact";}

.subContent{display: inline-block;float: right;
width: calc(100% - 280px);
width: -moz-calc(100% - 280px);
width: -webkit-calc(100% - 280px);
}

@media(max-width:1150px){
.leftNavBox{width: 100%;margin-bottom: 30px;}
.subContent{width: 100%;}
.leftNav dl dt i#leftNavIcon{display: block;}
.leftNav dl dt a{
	width: calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
}
.leftNav dl dd{display: none;}
.leftNavDown{display: none;}
.subBox{padding: 30px 0;}
}


/*产品列表页*/
.proList{box-sizing:border-box;-webkit-box-sizing:border-box;width: 100%;display: flex;justify-content:flex-start;flex-direction: row;flex-wrap:wrap;flex:1;margin-top: 20px;}
.proList li{width: 23.5%;float: left;margin:0 2% 30px 0;}
.proList li:nth-child(4n){margin:0 0 30px 0}
.proList li a{display: block;width: 100%;height:100%;float: left;border: 1px #E4E4E4 solid;border-radius: 5px;transition: all .3s ease-out;}

.proList li a img{display: block;max-width:85%;margin: 1vw auto 1vw;height:9vw;}
.proList li a .proPar{width:85%;margin: 0 auto;border-top: 1px #E4E4E4 solid;text-align: center;padding: 20px 0 25px;}
.proList li a p{display: block;line-height: 1.2;}
.proList li a p.p1{font-weight: bold;color:#55b651;padding: 0 0 10px;font-size: 16px;}
.proList li a:hover{box-shadow: 0 0 30px #e0e0e0;border: 1px #fff solid;transform: scale(1.05)}

.proList .readMore_{width: 100%;position: absolute;bottom: 3vh;display: none;}
@media(max-width:1400px){
.proList li{width: 31%;}
}
@media(max-width:1400px){
.proList li{width: 32%;margin:0 2% 30px 0;}
.proList li:nth-child(4n){margin:0 2% 30px 0;}
.proList li:nth-child(3n){margin:0 0 30px 0}
.proList li a img{margin: 10px auto;height:200px;max-width:95%;}
}
@media(max-width:1150px){
.proList li{width: 49%;margin:0 2% 30px 0;}
.proList li:nth-child(4n){margin:0 2% 30px 0;}
.proList li:nth-child(3n){margin:0 2% 30px 0}
.proList li:nth-child(2n){margin:0 0 30px 0}
.proList li a img{margin: 10px auto;height:200px;max-width:95%;}
}

/*产品详情页*/
.proBox{width: 100%;margin-top: 20px;display: flex; }
.proBoxLeft{width: 650px;float: left;border: 1px #E4E4E4 solid;background:#fafafa;}
.proBoxRight{float: right;flex:1;background:#fafafa;padding:10px 30px 20px;border: 1px #E4E4E4 solid;border-left: none;
}
.ba{width: 100%;margin: 15px auto;display: flex;justify-content: space-around; }
.ba a{display: block;border: 1px #ccc solid;width:45%;margin-left:2%;float: left;padding:10px 0;text-align: center;transition: all .3s ease-out;}
.ba a:hover{background: #677387;color: #fff;}
.ba a:first-child{margin-left: 0;}
.ba a.ba_none{color: #ccc;}
@media(max-width:1720px){
.proBoxLeft{width:500px;}
}
@media(max-width:1476px){
.proBoxLeft{width:400px;}
}
@media(max-width:900px){
.proBox{display: block;}
.proBoxLeft{width:100%}
.proBoxRight{width: 100%;padding:40px 15px 20px;border-left: 1px #E4E4E4 solid;border-top:none;}
}

	/*产品参数*/
.proData { width:100%; font-size:22px;float:left;border-bottom: 1px #dedede solid;padding: 10px 0;}
.proSummary{ width:100%; line-height:1.5; float:left;font-size: 14px; margin-top:10px;}

.proLinks{width:100%; margin:20px 0;float: left; }
.proLinks a { display:block; padding:15px 0;float:left; border-radius:3px; transition: all .3s ease-out;font-size:16px;border:1px #55b651 solid; color:#55b651;text-align: center;margin: 6px 0;}
.proLinks a.toMail{width: 40%;float: left;}
.proLinks a.toTel{width: 58%;float: right;}
@media(max-width:1476px){
.proLinks a.toMail,.proLinks a.toTel{width: 100%;}
}
.proLinks a i { padding-right:5px }
.proLinks a:hover { background:#55b651;color:#fff}
	/*其他产品*/
.otherPro{width: 100%;}
.otherPro li{width: 23.5%;float: left;margin:10px 2% 10px 0;}
.otherPro li:nth-child(4n){margin:10px 0 10px 0;}
.otherPro li a{display: block;width: 100%;text-align: center;border: 1px #E4E4E4 solid;}
.otherPro li a .proPar{width: 100%;padding: 5px 0;background: #fff;line-height: 1.1;font-size: 12px;}
.otherPro li a .proPar .p1{font-size: 14px;font-weight: bold;padding: 0 0 5px 0;}
.otherPro li a img{display: block;width: 100%;}

@media(max-width:1280px){
.otherPro li{width:49%;}
.otherPro li:nth-child(2n){margin:10px 0 10px 0;;}
}

/*公司简介*/
.subText{width: 100%;display: inline-block;line-height: 1.8;}
.subText .shipin{width: 40%;float: left;margin: 0 4% 0 0;}
.subText img{display:block;max-width:100%}
.subText video{width: 100%;float: left;margin:20px 0 0 0}
.subText video:first-child{margin: 0;}

.subText span img{display: block;max-width:56%;margin: 0 auto;}


.typeName{width: 100%;padding: 0 0 15px;margin-bottom: 30px;text-transform:uppercase;font-family: LaoMN;line-height: 1.2;border-bottom: 1px #cccccc solid;position:relative}
.typeName .p1{font-size: 40px;}
.typeName .p2{font-size: 36px;}



/*news*/

.news { margin:20px auto 20px;min-height:500px;width: 100%;}
.news>li { float:left; height:230px; width:100%; padding:15px 1%; border:1px #e4e4e4 solid; box-sizing:border-box; -webkit-box-sizing:border-box; margin:25px 0; transition: all .3s ease-out;border-radius: 5px;}
.news>li:first-child{margin:0 0 25px}
.newsLeft { width:30%; height:100%; float:left }
.newsLeft>img { display:block; height:100%; margin:0 auto; max-width:100% ;}
.newsRight { width:68%; height:100%; float:right }
.newsTit { width:100%; float:left; padding:10px 0 }
.newsTit>a { color:#000; font-weight:bold; font-size:18px }
.newsTit>a:hover { text-decoration:underline }
.newsRight .date { float:left; display:inline-block !important; display:inline; border-bottom:1px #000 solid; padding-bottom:10px; font-size:16px; position:relative; z-index:35 }
.newsRight .summary { width:100%; float:left; padding-top:10px; border-top:1px #ececec solid; margin-top:-1px; position:relative; z-index:30; font-size:14px; line-height:24px ;}
.newsRight .summary ul{width: 100%;}
.newsRight .summary ul li{float: left;height: 100px;float: left;}
.newsRight .summary ul li a{display: block;float: left;margin-left: 15px;height: 100%;}
.newsRight .summary ul li:first-child a{margin-left: 0;}
.newsRight .summary ul li a img{display: block;height: 100%;}
.news>li:hover { box-shadow: 0 0 20px #d7d7d7; }
@media(max-width:1150px){
.news{margin:0 auto 10px;}
.news>li{height: 150px;margin:10px 0;padding: 5px  1%;}
.news>li:first-child{margin:0 0 10px}
.newsTit{padding: 0 0 5px;}
.newsTit>a{font-size: 14px;line-height: 1.2;}
.newsRight .date{font-size: 12px;padding-bottom: 3px;}
.newsRight .summary{line-height: 1.2;font-size: 12px;}
}


/*newsview*/
.jBox {padding: 3vw;}
.newsView{width:100%;height:72vh;overflow-x:hidden;overflow-y:auto;}
.jBoxTit { width:100%; padding:0; float:left; font-size:16px; font-weight:bold; color:#000 ;text-align:center}
.jBoxTime { width:100%; padding:5px 0; float:left; border-bottom:1px #d0d0d0 solid; margin-bottom:15px; color:#999;text-align:center;font-size:12px}
.newsView p { color:#666; padding:6px 0; line-height:20px }
.newsView img { display:block; max-width:100% ;margin:0 auto}



/*图册*/
.photo{display: flex;padding: 10px 0;flex-wrap:wrap}
.photo li{width:23.5%;margin:15px 0;flex:1;display: flex;justify-content:space-between; }
.photo li a{display: inline-block;height:100%;border: solid 1px #d6e0eb;display:flex;align-items:center}
.photo li a img{display: block;width:95%;max-height:92%;margin:0 auto;;}
.photo li a:hover{border:1px #2848a6 solid}
@media(max-width:1150px){
.photo li{width:48%;flex:none;}
}

/*联系我们*/
.contactCard{width: 100%;margin-top: -120px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.leftCon,.map{height: 500px;background: #fff;padding:15px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.leftCon{width:28%;float:left;}
.map{width:70%;height:500px;float:right;}

.text{line-height:1.5;word-break: break-word}
.text img{display:block;max-width:100%;border-radius:5px;}
.text p,.text div,.text span{line-height:1.5;text-indent:0}

.leftCon p{padding:10px 0;border-top: solid 1px #f1f1f1;font-size: 12px;color: #585858;}
.leftCon p font{text-transform:uppercase;padding-right:5px;font-size: 14px;text-transform:capitalize}


@media(max-width:1170px){
.leftCon,.map{width: 100%;height: auto;}
.map{height: 500px;}
}


/*分页样式*/
#pages { padding:14px 0 10px; text-align:center;clear: both;margin-top: 20px;}
#pages a{
	display: inline-block;
	padding:5px 8px;
	margin-left:8px;
	color:#2848a6;border:1px #2848a6 solid;
	margin-bottom: 10px;
}
#pages a.a1{
		padding:6.5px 15px;
	}
#pages a:hover{
	color:#fff;background:#2848a6;
}
#pages span{
    padding:8px 15px;
	margin-left:8px;
	color:#fff;background:#2848a6;
}
@media(max-width:1200px){
	#pages a{
		padding:5px 10px;
	    margin-left:4px;
		font-size: 12px;
	}
	#pages a.a1{
		padding:4px 10px;
	    margin-left:4px;
	}
	#pages span{
		padding:5px 10px;
	    margin-left:4px;
	}
}
.pages {
	text-align: center;
	width: 100%;
	color: #595555;
	margin:10px 0 0 0;
	padding-bottom:30px;
}
.pages li span {
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	color: #999;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0 5px;
	padding: 0px 15px;
	text-align: center;
}
.pages li a {
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	color: #000 !important;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0 5px;
	padding: 0px 15px;
	text-decoration: none;
}
.pages .pagination li{
	height:30px;
	line-height:30px;
	text-align:center;
	display:inline-block;	
	margin-top:30px;
}

/*搜索框*/
/* .search{width:60%;float:right;}
.search form{width: 60%;float:right;border-radius:5px;overflow: hidden;background:#fff;height: 50px;margin-right:20px;}
.searchText,.searchBtn{background:none;border:none;height: 100%;display: block;}
.searchText{width: 70%;float: left;text-indent:20px;font-size:14px;}
.searchBtn{width:50px;float: right;color:#000;color:rgba(0,0,0,0.7);text-align: center;}
.searchBtn i{line-height: 50px;font-size:24px}
.searchBtn:hover{color:#000}

.search .release{display: block;padding:0 20px;height: 50px;float: right;border: 1px rgba(255,255,255,0.3) solid;border-radius:5px;text-align: center;line-height: 50px;color:rgba(255,255,255,0.5)}
.search .release i{font-size: 16px;padding-right: 5px;}
.search .release:hover{color:rgba(255,255,255,0.8);border: 1px rgba(255,255,255,0.5) solid;} */







.rotate90{
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}


.moveUp10{
	transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}