*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
body{min-width: 1238px !important;}
  a {
        text-decoration: none;
    }
    ul {
        list-style: outside none none;
    }
li{
	list-style: none;
}
.sy-box{background:#fff;}
.clear{
	zoom:0;
	clear: both;
}
.clear:after{
	content:" ";
}
.content-box {
	max-width: 1238px;
	margin: 0 auto;

}
.top{
	width: 100%;
	 background: #c7c9cb;
	 overflow: hidden;
	 height: 30px;
}

.top > div{
	line-height: 30px;
}

.content-box-right{
    float: right;
}
.content-box-right a{font-size: 12px;
    color: #6a6868; font-family: "宋体"; text-decoration: none;  }
.top-logo{
	width: 100%;
	background:#fff;
}
.top-logo > .logo {
	padding-top: 10px;
	padding-bottom: 10px;
}
.top-logo > .logo > img{
	float: left;
	position: relative;
	left: -20px;
}
.top-logo > .logo > .index-text{
	float:left;
	height: 100%;
	padding-top:28px;
	padding-left: 5px;
	font-size: 20px;
	color: #525252;
}
.logo > .index-text > div:first-child{
	color: #12944c;
	padding-bottom: 5px;
}
.top-logo > .logo > .index-tel{
	float:right;
	padding-top:25px;
}
.tel-icon{float: left;}
.tel-num{float: left;padding-left: 25px;	
	font-size: 20px;
	color: #12944c;}
.navs {
	height: 40px;
	position: relative;
	z-index: 900;
}
.navbars{background: #25292c;color: #fff;font-size: 16px;
    box-shadow: 0 4px 18px 0px rgba(0,0,0,0.6);
    z-index: 999;overflow: hidden;
    position: relative;
}
.navs > span{
	display: inline-block;
	text-align: center;
	line-height: 40px;
	width: 135px;
	transition: all 0.3s; 
	
}



.navs > span:first-child{
	width: 100px;
}


* {font-family:"微软雅黑";margin:0;padding:0;}
.navs li li a {display:inline-block;}
.navs li li a {display:block;}
.navs > ul li a:hover{
	color: #12944c;
	cursor: pointer;
}
.navs ul {list-style-type:none;margin:0;padding:0; }
.navs ul li { float:left;line-height:40px;display:block;font-size:16px;padding:0;margin:0;display: inline-block;text-align: center;
	line-height: 40px;width: 135px;position: relative;
	transition: all 0.3s ease-in-out; }
.navs .bgcolor{background-color:#fff;}
.navs ul li a {display:block;height:40px;font-size:16px;text-align:center;color:#fff;text-decoration:none;background:transparent;}
.navs ul table {width:100%;border-collapse:collapse;border:0;padding:0;margin:0; background-color: rgba(255,255,255,0.7); position: absolute;}
.navs ul li ul {display:none; }
.navs ul li:hover,.nav ul li a:hover,.nav ul li a:active {color:#fff;background-color:transparent;}
.navs ul li:hover ul,.nav ul li a:hover ul,.nav ul li a:active ul {display:block;width:100%;}
.navs ul ul li {display:block; border:none;  width: 100%;}
.navs ul ul li a{display:block;color:#000;border:none;}
.navs ul ul li a:hover{
    background: rgba(35,84,63,1);width: 100%;color: #fff;
     
} 
/**********************************************/
#demo2{ 
    position: relative;    
    margin: 15px auto;
    padding:20px 0;
    width: 980px;     
   
}
#demo2 .img_list{overflow: hidden; position: relative; height: 420px;}
/* 根据图片的张数来设定ul的宽度 */
.img_list ul{ width: 3500px; position: absolute; height: 420px; left: 0px;}
.img_list li{ float: left; width: 980px;}
.img_list img{ margin: 1px; width: 880px; height: 420px;}
/* 图片对应的按钮样式 */
.btn_list ul{ position: absolute; right: 20px; bottom: 35px; }
.btn_list li{ float: left; margin-right: 10px; color: #999; border: 1px solid #ccc; }
.btn_list li:hover,.btn_list li.on{ cursor: pointer; border: 1px solid #E204A4;}
.btn_list li img{ width: 30px; height: 15px; display: block;}
/* 左右点击的按钮样式 */
#demo2 .toLeft,#demo2 .toRight{
    display: none;
    position: absolute;
    width: 20px;
    height: 55px;    
    top: 200px;    
    background: url(../images/zbbg_24.png) no-repeat 0 -138px;
}
/* 图片对应的说明*/
.img_intro{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
}
.img_intro .img_intro_bg,.img_intro .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.img_intro .img_intro_bg{
    background: #000;    
    opacity: .3;
    z-index: 999;
}
.img_intro .text{
    padding: 5px 10px;
    z-index: 1000;
    color: #999;
}
#demo2 .toLeft{
    left: -90px;
}
#demo2 .toRight{
    right: -40px;
    background-position: -51px -138px;
}
.sy-slide.sy-active{
    z-index: 1 !important;
}
.sy-slide {
    z-index: 1 !important;
}
.choosebrand{height: 70px; line-height: 70px;text-align: center;}
.choosebrand .times-new-roman{color: #c9c7c7; font-size: 37px;font-family: "Times New Roman";padding-right: 10px;font-weight: 600;}
.choosebrand .brand{color: #12944c; font-size: 24px;font-family: "微软雅黑";}
.choosenbrand-Explain{color: #333333; font-size: 14px;font-family: "宋体";width: 100%;text-align: center;word-break:break-all;word-wrap:break-word;padding:0 45px;}
.more-new-case{background-color: #d1d1d3;height: 42px;line-height: 42px;}
.more-new-case .more-new-caseinco{color: #fff;height: 42px;line-height: 42px;font-size: 30px;padding-left: 35px;float: left;}
.more-new-case .more-new-casetext{color: #262526;font-size: 14px; height: 42px;line-height: 42px;float: left;}

.apple{height:42px; overflow:hidden; margin:0;padding:0;}
.apple a{display:block; text-decoration:none; margin:0;padding:0;}
.aa{  height:42px; overflow:hidden;  }
.apple a,.aa a{ width:100%; height:42px; line-height:42px; text-indent:20px; color:#1B96EE;}
.aa {word-wrap:break-word;line-height:42px;  color:#1B96EE;}
/**************************************************/
@media screen and (min-width: 1366px) {.choosebrand-bottom{    background: #fff;
    max-width:1238px;
    position: absolute;
    z-index:3;
top: 644px ;
left: 0;
right:0;
margin:auto;} }  
@media screen and (max-width: 1366px) {.choosebrand-bottom{    background: #fff;
    max-width:1238px;
    position: absolute;
    z-index:3;
top: 476px ;
left: 0;
right:0;
margin:auto;} }  

@media screen and (max-width: 1938px) and(min-width: 1238px){ .choosebrand-bottom{    background: #fff;
    max-width:1238px;
    position: absolute;
    z-index:3;
top: 644px;
left: 0;
right:0;
margin:auto;}}  


.indexmain{background:#fff; } 
.index_bg{background: url(../images/mainbg.png) repeat-y;overflow: hidden; background-size: 100%;    padding-top: 612px; }
.productcase_bg{background: url(../images/mainbg.png) repeat-y;overflow: hidden; background-size: 100%;}
.producticno{background: url(../images/productimg.png) no-repeat center;height: 30px;margin:10px 0;}
.producttitle{height: 70px;background: #fff;}
.producttitle  .namecolor{color: #05793e;font-size: 25px; float:left;padding-right: 20px;line-height: 70px;}
.producttitle .coloren{color:#736e6e;font-family: "Arial";padding-left: 20px;}
.producttitle  .leftname{line-height: 70px;float: left;color: #181818;font-size: 15.6px;padding-left: 50px;}
.producttitle .rightmenu{float: right;padding-right: 45px; height: 70px;padding-top: 20px;}
.producttitle .rightmenu .column{width: 115px;height: 30px;border:1px #ccc solid; text-align: center; float: left; line-height: 30px;background: url(../images/moremenu.png) no-repeat center right 10px;padding-right: 5px;margin-right: 15px;cursor: pointer;}
.producttitle .rightmenu .column a{ color: #2f3f38; text-decoration: none;}
.paoductconten{margin-bottom: 50px;}
.productadv{height: 260px;border-top: 1px #43aa78 solid;width: 100%;}
.productadv img{width: 100%;}
.product_list{background: #fff;overflow: hidden;box-shadow:0 0px 11px 0px rgba(0,0,0,0.6);}
.product_list a{text-decoration: none;}
.product_list .productbox{border-right: 1px #dadadd solid;padding:45px 45px 0 45px; float: left;width:299px;}
.product_list .productbox:last-child{border: none;}
.product_list .productbox .name{color: #282828; font-size: 12px;text-align: center;font-family: "宋体"; height: 40px; line-height: 40px;margin:0;}
.honor{height: 250px;padding:30px 45px 0 45px;margin-bottom: 50px;background-color: #fff;}
.honor .honorleft{width: 150px;float: left;}
.honor .honorleft .honorname{color: #12944c;font-size: 16px;padding-bottom: 10px;}
.honor .honorleft .honornameen{color: #c9c7c7;font-size: 27px; font-family: "Arial";margin-bottom: 120px;}
.honor .honorleft .honornammore{color: #79a709;font-size: 16px; font-family: "Arial";}
.honor .honorleft .honorleft a{text-decoration: none; }
.honorright{ float: left; }
.honorright .honorright_img{width:215px;float: left;margin-right: 30px;}
.honorright .honorright_img .honorimg{height: 150px;margin-bottom: 20px;}
.honorright .honorright_img .honorimg img{width:100%;height: 150px;}
.honorright .honorright_img .name{color: #504f4f;font-size: 12px; text-align: center;}


#content{ width:500px; height:170px; margin:100px auto;}
#imgbox-loading {position: absolute;top: 0;left: 0; cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0; left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none; z-index: 90;}
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%; height: 100%;vertical-align: top;}
.imgbox-title { padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px; height: 20px;}


.device{ float: left; }
.device .device_img{width:215px;float: left;margin-right: 30px;}
.device .device_img .honorimg{height: 150px;margin-bottom: 20px;}
.device .device_img .honorimg img{width:100%;height: 150px;}
.device .device_img .name{color: #504f4f;font-size: 12px; text-align: center;}
.whychoose{ background: url(../images/whychoose.png) top no-repeat;padding-top: 200px;padding-bottom: 15px;}
.whuchoosebg{background-color: #fff;}
.lbx{        color: #fff;
    bottom: 29px;
    position: relative;
    font-size: 46px;
    text-align: center;
    padding-left: 5px;
}
 /*六边形 */
  .triangle{
  	padding-top: 20px;
    width: 82px;
    margin-top: 20px;
    height: 45px;
    background: #79a709;
    position: relative;
}
.triangle:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 42px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 25px solid #79a709;
}
.triangle:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 42px solid transparent;
    border-right: 40px solid transparent;
    border-top: 25px solid #79a709;
}
.whuchoose_boxl{float: left;overflow: hidden;width: 610px;}
.whuchoosebgboxl{margin-left: 250px; padding-top:20px;text-align: center;width: 365px;overflow: hidden;float: left;position: relative;z-index: 100;}
.choosename{float: left;padding-left: 20px;color: #12944c;font-size: 27px;height: 100px; line-height: 75px;font-weight: 600;}
.choosenubler{float: left; }
.whuchoosebgboxr{margin-left: 110px;padding-right: 110px;padding-bottom: 20px; text-align: center;}
.whychoosetext{color:#282828;font-size: 14;width: 620px;text-align: center;float: left;padding:0 110px 30px 110px;}
.whychooseimage{width: 230px;margin:0 auto;padding-bottom:20px;}
.boxrow{
	position: relative;
	

}
.boxrow:after{
	content: " ";
	position: absolute;
	width: 80%;
	height: 1px;
	border-bottom: 1px dashed #e5e5e5 ;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
}
.boxrow:after:last-child{
	border-bottom: none ;
}
.boxrow:before{
	content: " ";
	position: absolute;
	height: 100%;
	width: 1px;
	border-left: 1px dashed #e5e5e5 ;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	z-index: 10000;
}
.boxrow:first-child:before{
    height: 80%;
    bottom: -74px;
}
.boxrow:last-child:before{
    height: 80%;
    top: -74px;
}
.boxrow:last-child:after{
    display: none;
}
.orderprocess{height: 710px;background: url(../images/orderprocess.png) no-repeat; position: relative;background-size:100% 100%;}
 
.orderprocess .toplogo{padding:20px 0 20px 0;width: 435px;margin: 0 auto;}
/*********菱形***********/
#parallelogram {
    margin: 0 auto;
    width: 80%;
    height: 540px;
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    transform: skew(-15deg);
    background-color: rgba(0,0,0,0.5);
}  
.diamond_img{    padding-top: 50px;
    left: 35%;
    position: absolute;
    top: 90px;
    width: 600px;
    height: 585px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;}
.orderprocess .circular{background-color: #00663e;border-radius: 50px;width: 26px; height: 26px;left: 25%;position: absolute;top:254px;}

.orderprocess .dottedlinet{    
	     border: 1px #fff dashed;
    left: 27%;
    position: absolute;
    top: 270px;
    width: 48%;
}
.orderprocess .dottedlinet2{    
	    border: 1px #fff dashed;
    left: 30%;
    position: absolute;
    top: 410px;
    width: 45%;

}
.orderprocess .dottedlinet3{    
	border: 1px #fff dashed;
    left: 30%;
    position: absolute;
    top: 549px;
    width: 39%;
}
.orderprocess .dottedlinev{    
	border: 1px #fff dashed;
    left: 75%;
    position: absolute;
    top: 271px;
    height: 138px;
}
.orderprocess .dottedlinev2{    
    border: 1px #fff dashed;
    left: 30%;
    position: absolute;
    top: 409px;
    height: 138px;
}
/*********倒三角形***********/
#triangle-up {
      width: 0;
    height: 0;
    position: absolute;
    left: 74.1%;
    top: 323px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #00663e;
}
#triangle-up2 {
    width: 0;
    height: 0;
    position: absolute;
    left: 29.2%;
    top: 495px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #00663e;
}
#triangle-up3 {
     width: 0;
    height: 0;
    position: absolute;
    left: 69%;
    top: 531px;
    border-top: 19px solid transparent;
    border-left: 19px solid #00663e;
    border-bottom: 18px solid transparent;
}
.orderprocess .circularmain{background-color: #fff;border-radius:112px;width: 112px; height: 112px;left: 33%;position: absolute;top:210px;color: #000;}
.orderprocess .circularmain:hover{background-color: #79a709;color: #fff;}
.orderprocess .circularmain .text{font-size: 23px;line-height: 112px;text-align: center;padding-left:11px;width: 100px;word-wrap: break-word;}
.aboutusandmessage{margin-top:70px;}
.aboutusandmessage .leftmain{background-color: #fff; width: 820px; float: left;}
.aboutus{margin:45px;border-bottom:1px #ccc solid;overflow: hidden;}
.aboutus  .name{color: #12944c;font-size: 18px;margin-bottom: 20px;}
.aboutus  .nameen{color: #c9c7c7;font-size: 27px;}
.aboutus .aboutusinco{width: 230px;padding:20px 20px 50px 0; float: left;}
.textandmore{float: right;overflow: hidden;padding-top: 20px;}
.textandmore > .text{width: 480px;font-size: 16px; color: #333;text-indent:2em;}
.textandmore > .more{width: 110px;height:30px;font-size: 18px; color: #fff;background-color: #109551;text-align: center;line-height: 30px;float: right;margin-top: 85px;}
.textandmore > .more a{width: 110px;height:30px;font-size: 18px; color: #fff;text-align: center;line-height: 30px;display: block;}
.message{background-color: #fff; overflow: hidden;margin:45px;}
.message  .name{color: #12944c;font-size: 18px;margin-bottom: 20px;}
.message  .nameen{color: #c9c7c7;font-size: 27px;margin-bottom: 20px;}
.message  .explain{color: #333333;font-size: 13px;margin-bottom: 20px;}
.messageformleft {color: #757575; float: left;width: 213px;}
.messageformleft input{border: 1px #757575 solid;margin-bottom: 10px; width: 215px;height: 35px;}
.messageformleft .inputsubmit{background-color: #109551;height: 60px; line-height: 38px; color: #fff;font-size: 25px;border:none;text-align: left;padding-left: 30px;}
 .messageformright{float: left; padding-left: 15px;}
  .messageformright textarea{width: 490px;height: 195px;}   
  .putin{    left: 145px;
    font-size: 30px;
    top: -53px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    color: #fff;}          
.aboutusandmessage .rightmain{
	background-color: #fff;
	padding-left: 30px;
	 width: 400px; 
	 float: right;
	 height: 890px;
	 position: relative;
	 box-shadow: -17px 0px 0px #dbdcde;
}
.aboutusandmessage .rightmain:before{
    position: absolute;
    content: " ";
    width: 417px;
    height: 20px;
    top: -20px;
    left: -17px;
    right: 0;
    margin: auto;
    background-color: #fff;
    background-image: url(../images/case1.png);
    background-repeat: no-repeat;
    background-origin: center;
    background-position: 0px;
    background-size: 20px 20px;
}
.aboutusandmessage .rightmain:after{
	    position: absolute;
    content: " ";
    width: 417px;
    height: 20px;
    bottom: -17px;
    left: -17px;
    right: 0;
    margin: auto;
    background-color: #fff;
    background-image: url(../images/case.png);
    background-repeat: no-repeat;
    background-origin: center;
    background-position: 0px;
    background-size: 26px 20px;
}
.rightmain  .name{color: #12944c;font-size: 16px;margin-bottom: 10px;}
.rightmain  .nameen{color: #c9c7c7;font-size: 25px;}
.rightmain  .caselist{color: #514e4e; font-size: 14px;}
.rightmain  .caselist li{ }
.rightmain  .caselist li a:hover{color: #0a0a0a;text-decoration:none;}
.rightmain  .caselist li:hover{color: #0a0a0a;text-decoration:none;}
.rightmain  .caselist li a{padding-left:5px; color: #514e4e; display: block;padding-top: 30px;}
.rightmain .casemore{color: #79a709;font-size: 16px;float: right;margin-top:80px;margin-right:50px;}
.rightmain .casemore a{color: #79a709;font-size: 16px;}
.links{height: 120px;margin-top: 80px;border:1px #ccc solid; border-radius: 15px;width: 100%;position: relative;}
.links .urlname{color: #333333;font-size: 20px;position: absolute;top: -16px;left: 50px;}
.links .localhosturl{padding-left: 50px;color: #282828; font-size: 16px;padding-top: 22px;}
.links .localhosturl .localhosturltop{border:1px #ccc solid; text-align: center;width: 108px;height: 30px; line-height: 30px; float: left;}
.links .localhosturl .localhosturltop a{color: #282828;}
.links .localhosturl .localhosturllist{color: #282828; float: left;height: 30px; line-height: 30px;padding-left: 20px;}
.linkcolor{color: #e7881c;width: 5px; height: 5px;}
.bottom{height: 320px;margin-top: 90px;position: relative;background-color: #25292c;}
.bottom .erweima{position: absolute; margin:0 auto;border:4px #25292c solid; border-radius: 5px;  top: -44px;left: 45%;}
 #go_top{position:fixed; LEFT: 85%;z-index:200;bottom:50px; width: 60px; height: 60px;border-radius: 60px;background-color: #12944c;text-align: center; font-size: 14px;color: #fff;}  
 #go_top:hover{cursor: pointer;}
.topclass{transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    color: #fff;
    font-size: 20px;
    left: -2px;
    top:5px;
}
.bottom .bottomlogo{width: 320px;height: 60px;margin:0 auto;padding-top: 140px;}
.bottom .bottomaddrtel{height: 60px;margin:0 auto;padding-top: 80px; color: #fff; font-size: 12px; text-align: center;width: 400px;}
.bottom .bottomaiform{height: 60px;margin:0 auto;padding-top: 60px; color: #fff; font-size: 12px; text-align: center;width: 600px;}
.bottom .bottomaddrtel .compent{float: left;padding-bottom:10px;}
.bottom .bottomaddrtel .iphone{float: right;padding-bottom:10px;}
.bg-fff{
    width: 100%;
    height: 366px;
    background-color: #fff;
    border-bottom: 1px solid #b4b8ba;
}