﻿.w1100{ width:1200px; margin:0 auto;}
.top_s{ width:100%;margin: 0 auto;position: relative;top: 58px;z-index: 2;text-align: center;}

/*首页产品-滚动*/
/*首页-文字前面的图标*/
.blockfour {background: url(../images/icons.png) no-repeat;background-size: cover;}
.block_5,.block_4,.block_3,.block_1,.block_2{ height:52px; width:75px;margin:0px 5px 0 0; }
.block_1 {background-position: 0 0;}
.block_2 {background-position:-88px 0;}
.block_3 {background-position:-180px 0;}
.block_4 {background-position:-270px 0;}
.block_5 {background-position:-363px 0;}
/*产品标题*/
.index_pic2{ margin-top:3%; width:100%;padding-top: 3%; padding-bottom:2%;}
.indexpic_name{width: 100%;text-align: center;}
.indexpic_name a{width:220px;display: block;margin: 0 auto;}
.wz4_s{ width:60%}
.wz4_s>p{font: 34px/0.9 'Kokila';color:#999999}
.wz4_s>h3{background: #fff;margin: 0 auto;font-size:25px;font-weight: 500; position: relative;z-index: 2;padding: 0; height: 35px;line-height:20px;color: #96d364;width: 200px;}
.div_line {border-top: 1px solid #999999;position: relative;top: -25px;margin: 0 auto;}
.products_pic {height:195px; margin:3% auto;clear: both;}

/*--首页-关于我们--*/
#about-us {padding:30px 0px;background:#fff;}
#about-us img{margin:2% auto;}
#about-us blockquote{font-size:22px;color:#505050;margin: 2% auto;}
#about-us span{font-size:22px;color: #96d364;}
.heading {text-align: center;color: #ff5333;}
.heading b{ font-size:20px;color: #000;display: block;line-height: 35px;text-transform: uppercase;font-weight: normal;}
.heading:before{content: "";position: absolute;left:41.5%;bottom: -5%;width:18%;border-top: 1px solid #B2B2B2;}
.tel_phone{width: 22%;padding: 1%;font-weight: 600;font-size: 16px;margin: 2% auto;border:1px solid #FF4242;}
.case{ width:100%; margin:auto; background:url(../images/baneer2.jpg) no-repeat; height:172px;background-size: 100%; margin-bottom: 2%;}
.case_name{line-height: 28px;padding-top: 45px;text-align: center;}
.case_name p{color:#0182f4;font-family:"Lucida Fax";font-size:13px;}
.case_name span{color:#fff;font-size:28px;}

/*首页-新闻资讯内容*/
.newsListBd{ width:100%; margin: 0 auto;} 
.newsList{margin: 3% auto;height: 200px;padding-left:4%; background:url(../images/new_line.png) no-repeat 50%;}   
.newsListDl{ float: left;width:50%;margin:8px 0px 30px 0}
.newsListDl a{display:block; overflow: hidden;}
.newsListDl li{ float:left;width:65px; height:60px; border: 1px solid #ff6565;color:#ff6d6d; font-size:35px; line-height:40px; text-align: center;padding: 5px;}	
.newsListDl li span{display: block;color:#FF5656; font-size:15px; line-height: 16px; text-align: center;}
.newsListDl dt{ float:left;width: 85px;height: 75px;border: 1px solid #96d364;color: #96d364;font-size: 35px;line-height: 40px;text-align: center;padding: 5px;}	
.newsListDl dt span{display: block;color:#96d364; font-size:14px; line-height: 16px; text-align: center; font-weight: normal;}
.newsListDl dd{float:left;height:75px; padding-left: 12px;padding-top: 5px;}
.newsListDl .title {display: block;color:#000; font-size:17px; line-height:26px; }	
.newsListDl .intro{width:370px;display: block; color:#616161; font-size:12px; line-height:20px;padding-top:3px;}

/*首页-四大优势*/
.advantage{margin-top:10px;padding-top:50px;padding-bottom:50px; background:#96d364;color:#fff;margin-bottom: 4%;}
.advantage h1{margin-bottom:100px;}
.advantage .container h5{font-size:18px;color: #fff;}
.title_content p{ color:#fff;}
/*.advantage .container p{display:none;}*/
/*.advantage .circle{transition:all 1.5s;-ms-transition:all 1.5s;-webkit-transition:all 1.2s;-moz-transition:all 1.5s;-o-transition:all 1.5s;}
.circle-hover{border:8px solid;border-radius:50%;width:240px;height:240px;}*/
/*.circle-hover {width: 215px;height: 215px;margin:10% 17%;}*/
.advantage .circle-1 img{border-radius:50%;width: 215px;border: 8px solid #FFF;height: 215px;}
.advantage .advantage-circle{margin-top:50px;}
/*.advantage .circle-1{border-color:#fff;}
.advantage .circle-2{border-color:#fff;}
.advantage .circle-3{border-color:#fff;}
.advantage .circle-4{border-color:#fff;}
.advantage .circle-1:hover{background:rgba(0,249,90,.5);}
.advantage .circle-2:hover{background:rgba(250,205,0,.5);}
.advantage .circle-3:hover{background:rgba(0,189,255,.5);}
.advantage .circle-4:hover{background:rgba(253,1,0,.5);}*/
.youshi{width:25%; float:left}
.keyword_youshi{ font-size:45px; font-family:"Impact"; color:#fff;margin: 5% auto;line-height: 45px;}

/*首页-分类*/
.classid{background:#fff; clear:both;margin: 3% auto;border: 1px solid #DADADA;height: 340px;text-align: center;}
.classid li{ float:left;width: 298px;height: 363px;border-right: 1px solid #E4E4E4;padding-top: 2%;overflow: hidden;}
.classid li:last-child{border-right:none}
.classid li span{ display:block; font-size:18px; color:#636363;margin-top: 4%;}
.classid li p{ font-size:12px; color:#636363;border: 1px solid #96d364;margin: 6% 1%;width: 14%;float: left;padding: 1%;}
.classid li a blockquote{ font-size:15px;background:#96d364;color:#fff; width: 40%;padding: 2%;margin: 0 auto; clear: both;}

/*left*/
.propicT{ width: 240px;height:85px;color:#ffffff;font-size: 24px; line-height: 85px; text-align: center;background: #75c732;}
.procla_list{ width:240px;height:auto!important;min-height:100px;background: #277ec3; }
.procla_list ul	{ width: 204px;padding:18px}
.procla_list ul li{ 
	width:174px; display:block;
	color:#fff;font-size:14px;line-height:40px; padding-left:20px; padding-right:10px;
	overflow:hidden;background:url(../images/index_19.jpg) left center no-repeat;}
.procla_list ul li a:hover,.procla_list ul li a:focus {color: #33FFF6;}	
.procla_list a{color:#fff;font-size:14px; font-weight: bold;  }
.procla_list ul  ul{ display:; clear:both}
.procla_list ul  ul li{
	width:154px; height:36px;padding-left:20px; padding-right:0px;
	font-size:14px; color:#000;line-height:36px; 
	background:url(../images/index_15.png) left center no-repeat;   }
.procla_list ul  ul li a{font-size:14px; color:#fff; font-weight: normal;  }
.procla_list ul li.open{ background:url(../images/index_11.jpg) left center no-repeat; }
.procla_list ul li.on{ background:url(../images/index_11.jpg) left center no-repeat;  }
.procla_list ul li.on a{color:#ffffff;}
.leftNews{ width: 240px;padding:15px 10px;background: #fff; }
.leftNews li{width: 200px; height: 36px;padding-left:20px;border-bottom: 1px solid #d4dde3;background: url(../images/newsbg2.jpg) 5px center no-repeat;}
.leftNews li a{color: #666666; font-size: 12px; line-height: 36px; display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.leftNews li a:hover{ color:#F00}


.contact{ width:240px; padding: 20px 10px 15px 14px; margin-top: 20px; overflow:hidden; background: #fff;}
/*.contactnr{width:220px;}*/
.contactTel{
	position: relative; 
	width: 218px; height:44px;border: 1px solid #277ec3; margin-top: 25px; margin-bottom: 10px;
	color: #277ec3;font-size:26px; line-height:44px;font-family:impact; text-align: center;}
	
.contactnr p{font-size:12px; color:#666666; line-height:26px; }
.contactTel span{position: absolute; display: block;left:50px; top: -15px;z-index: 99;width: 120px;height: 24px;color:#277ec3; font-size: 14px; line-height:24px;text-align:center;background: #fff;}	
.contactnr .title{width:220px;height: 46px;}
.contactnr .title .font{ float:left;width: 90px;height: 46px;font-size:18px; color:#fff; line-height:46px;text-align: center;background:#62B1FF;}		
.contactnr .title .englist{float:left;width: 120px;padding-left: 10px;color:#fff;font-size:12px;line-height:46px;font-family: arial;  text-transform:uppercase;background:#75c732;}
.contactnr dl{width:220px; display:block;clear:both;}
.contactnr dl dt,.contactnr dl dd{font-size:12px; color:#666666; line-height:26px; }
.contactnr dl dt{ width:40px; float:left; padding-left: 10px; }
.contactnr dl dd{width:160px; float:left; }
.proRxT{ width: 240px;height:50px;color:#ffffff;font-size: 24px; line-height: 50px; text-align: center; background: #75c732; margin-top: 9%;}
	
.left{ width:260px; float:left;overflow:hidden; padding-right:20px; padding-bottom: 30px;}
/*产品内页*/
.porduct-main{ width:1000px; margin:0 auto; position:relative; padding-top:25px; padding-bottom: 20px; }
.main_con{width:940px; float:left;}
.mainConTitle{padding-bottom:10px;border-bottom: 1px solid #c8c8c8; color: #242D36;font-size: 24px;}
.mainConTitle .position{  position: absolute; right: 0px;  color: #666666; font-size: 12px;}
.mainConTitle .position a{color:#666; padding-left: 5px; padding-right:5px;}
.mainConTitle .position font{ padding-left: 5px; }
.mainConTitle .position a:hover{color:#0B61A5}
.mainConTitle .xian{ width: 120px;height: 2px;font-size: 0px; line-height: 0px;position:absolute; left:0px; bottom:-2px;background: #348502; }

.mainContect .titleNews{ width:100%;  border-bottom:1px dotted #c8c8c8;padding-top:25px;color: #0b61a5;font-size: 24px;  line-height: 34px;font-family: "微软雅黑"; text-align: center; }
.mainContect .titleNews span{display:block;color:#999999;font-size:12px;line-height:50px; font-weight:normal}
.mainContect .picNews{ width:100%; text-align:center;padding:20px 0;}
.mainContect .picNews img{margin:0 auto;}
.mainConList .pic1{ float:left;width:280px; height:245px;margin: 10px 15px 15px 0; background: #fff;}
.mainConList .pic1 a{padding:5px; display: block; overflow: hidden;}
/*.mainConList .pic1 a:hover{	background: #277ec3;cursor: pointer;}*/
/*.mainConList .pic1 a:hover .title{color:#ffffff;}*/
.mainConList .pic1 a:hover .intro{color:#ffffff;}		
.mainConList .pic1 dt{width:224px; height:168px; margin:auto}
.mainConList .pic1 dt img{ width:224px; height:168px; -webkit-transition: all 0.4s;transition: all 0.4s;}
.mainConList .pic1 a:hover img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}
.mainConList .pic1 dd{position: relative;width:214px;margin-top: 5%;padding:0 25px;}
.mainConList .pic1 .title{padding-top:10px; display: block; color:#4A4A4A;font-size:14px;}
.mainConList .pic1 .title:hover{ color: #0080FF;}
.mainConList .pic1 .intro{width:214px; height:50px; display: block;color:#999999;font-size:12px; line-height: 20px;}
.mainConList .pic1 .more{position:absolute;right:-35px; bottom: -3px;}
/*产品+新闻详细-翻页*/
.luotong_page{;padding-top:3%;text-align: center;}
.luotong_page a{color: #007396;padding: 1%;margin: 5px;border:1px solid rgb(137, 181, 234);}
.luotong_page a:hover{color: #F00;border: 1px solid #F00;}
.luotong_page a:active{olor: #999;}
 
/*留言*/
.reserve {background-color: #eeeeee;}
.message{background-color: #fff;height: 49px;line-height: 49px;}
.message h1{font-size: 1.6rem;font-weight: 400;text-align: center}
.message a{color:#FF5B5B;}
.index_message{width: 50%;margin: 0 auto;background-color: #fff;text-align: center!important;    padding-top: 2%;padding-bottom: 2%;}
.index_message span{color: #999999;font-size: 14px;margin-bottom: 18px;display: block;}
fieldset{border: none;}
.am-form-group {margin-bottom: 1.5rem;}
.feedback fieldset > div input[type="text"], .feedback fieldset > div textarea { background-color: #EEEEEE;}
.am-btn {width: 53%;background-color:#64C6FF; padding: 1%;font-size: 18px;color: #FFF;text-align: center;border: 1px solid transparent;}
.am-btn-danger {color: #fff;background-color: #dd514c;border-color: #dd514c;font-size: 1.8rem;}
input,select{ font-size: 12px;line-height: 16px; width: 50%;padding: 1%;}


#kinMaxShow{visibility:hidden;width:100%; height:550px; overflow:hidden;}