@charset "utf-8";
/*****************************************
* 2020-6-18 网站公共样式
*****************************************/
*{ font-size:14px; margin: 0;padding:0; font-family:Arial;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,img,p,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,hr{margin:0;padding:0}
body{background: url(../images/body-bg.jpg);color:#57595d;}
a{text-decoration:none; color:#545454}
a:focus{outline:none;}
a:hover{text-decoration:none;}
img{ border:0px;}
ol,ul{ list-style:none;}
em,i{ font-style:normal;}
.fl{float:left;}
.fr{float:right;}
.fc{ margin:0 auto;}
.clear { clear:both; margin:0px; top:0px} 
.clearfix {*zoom: 1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;}
.cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;}
.cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;}
.cb15{clear:both;height:15px;line-height:15px;font-size:0;overflow:hidden;}
.cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;}
.cb30{clear:both;height:30px;line-height:30px;font-size:0;overflow:hidden;}
.cb40{clear:both;height:40px;line-height:40px;font-size:0;overflow:hidden;}
.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}
.cb60{clear:both;height:60px;line-height:60px;font-size:0;overflow:hidden;}
.cb80{clear:both;height:80px;line-height:80px;font-size:0;overflow:hidden;}
.cb90{clear:both;height:90px;line-height:90px;font-size:0;overflow:hidden;}
.cb100{clear:both; height:100px; line-height:100px; font-size:0; overflow:hidden;}
.cb120{clear:both; height:120px; line-height:120px; font-size:0; overflow:hidden;}
.cb500{clear:both; height:500px; line-height:500px; font-size:0; overflow:hidden;}

@media screen and (min-width:1660px){
.yingli{ margin:0 140px;}
}
@media screen and (max-width:1660px) and (min-width:1360px){
.yingli{ margin:0 80px;}
}
@media screen and (max-width:1360px) and (min-width:960px){
.yingli{ margin:0 30px;}
}
@media screen and (max-width:960px){
.yingli{ margin:0 20px;}
}

.head{ background:url(../images/topbg.jpg) repeat; padding:15px 0;}
.head .logo{ float:left;}
.head .logo img{ height:70px;}
.head .h_menu{ float:right; line-height:78px; color:#888; /*width:60%;*/}
.head .h_menu li{float: left;transition:all 0.3s;margin-left: 55px;}
.head .h_menu li a{line-height: 70px;display: block;font-size: 18px;color: #fff;position: relative;}
.head .h_menu a:hover{ color:#666;}
@media screen and (max-width:1000px){
.head .logo{float: none;display: block;margin:0px auto;text-align: center;}
.head .h_menu{float: none;width: 100%;}
.head .h_menu li{margin-left: 0px;padding: 0 3.5%;}
}
@media screen and (max-width:960px){
.head .h_menu li a{line-height: 45px;}
.head .h_menu li{margin-left: 0px;padding: 0 2%;}
}

/**banner轮播**/
.flexslider{height:auto;position: relative; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:auto;}
.flexslider .slides img{width: 100%;height:auto;overflow:hidden; max-height:750px;}
.flex-control-nav{position:absolute;bottom:8px;display: block; z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:40px;overflow:hidden;cursor:pointer; background-color: #333;border-radius: 50%;}
.flex-control-nav .flex-active{background-color: #309cff;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{
    position: absolute;
    top: 45%;
    margin-top: -36px;
    width: 72px;
    height: 72px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 10;
    background:url(../images/ico_sliding.png) no-repeat;
}
.flex-direction-nav li a.flex-next{left: 30px;background-position: 0 0;}
.flex-direction-nav li a.flex-next:hover{background-position: 0 -144px;}
.flex-direction-nav li a.flex-prev{right: 30px;background-position: 0 -72px;}
.flex-direction-nav li a.flex-prev:hover{background-position: 0 -216px;}
.index_news{background:#f7f6f6;margin-top: 10px;}
.news_leftB{width:8%;height:45px;line-height:45px;text-align:center;font-size:20px;font-weight:700;float:left;}
.news_rightB{width:92%;height:45px;line-height:45px;float:left;font-size:14px;background:#f7f6f6;overflow:hidden;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_rightB a:hover{color: #000;}
/*产品*/
.pro_left{width: 30%; float: left;margin-top: 35px;}
.pro_right{width: 66%; float: right;margin-top: 35px;}
.index_mid_con1{ box-shadow:0px 0px 8px #aaa;}
.index_mid_con1_tit{ height:35px; background:url(../images/pli2.jpg) repeat-x; border:1px #fff solid; padding-top:10px;}
.con1_tit{ OVERFLOW: hidden; HEIGHT:34px; margin-left:9%; text-align:center;}
.con1_tit span { float:left; width:25%; line-height:34px; background:url(../images/pli4.jpg) repeat-x; cursor: hand; border-top:1px #b2bdcc solid; border-left:1px #b2bdcc solid; border-right:1px #b2bdcc solid; cursor: pointer; margin-left:2%;}
.con1_tit span.hover{ height:34px; background:url(../images/pli3.jpg) repeat-x; cursor: hand; color:#fff; border-top:1px #309cff solid; border-left:1px #309cff solid; border-right:1px #309cff solid;}
.con1_tit span.hover a{color: #fff;}
.index_mid_con1_con{ background:#fff; padding:20px; height:210px;font-size: 14px;color: #666;line-height: 25px;}
.index_mid_con1_con img{display: block;width: 80%;margin:0px auto;}
.index_mid_con1_con p{ line-height:28px;font-size: 14px;}
.pro_right .title{ height:41px; background-color:#f8f8f8; line-height:41px; border-bottom:2px solid #666666; margin-bottom:20px;}
.pro_right .title span{ display:block;height:41px;color:#666; font-size:20px; font-weight:700; float:left; text-indent:10px; }
.h_pro_rightbox{width: 100%;background-color: #fff;clear: both;}
.h_pro_rightbox li{width: 18%;margin:1%;float: left;height: auto;overflow: hidden;}
.h_pro_rightbox li span{display: block;width: 100%;height: 200px;overflow: hidden;position: relative;}
.h_pro_rightbox li img{display: block;width: 100%;}
.h_pro_rightbox li p{font-size: 16px;color: #666;text-align: center;font-weight: 700;padding:10px 0;}
.h_pro_rightbox li p i{font-size: 16px;color: #666;width: 100%;display: block;/*word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/}
.h_pro_rightbox li p em{display: block;font-size: 14px;color: #84878C;font-weight: 100;}
@media screen and (max-width:1600px){
.h_pro_rightbox li,.h_pro_rightbox li span{height: auto;}
}
@media screen and (max-width:1440px){
.index_mid_con1_con{height: 190px;}
}
@media screen and (max-width:1360px){
.index_mid_con1_con{height: auto;}
.index_mid_con1_con img{width: 95%;}
}
@media screen and (max-width:960px){
.h_pro_rightbox li,.h_pro_rightbox li span{height: auto;}
.h_pro_rightbox li{width: 31.33%;}
.flex-direction-nav li a{display: none;}
.flex-control-nav{display: block;}
.head .logo img{height: 50px;}
}
/*内页产品*/
.pro_rightbox{width: 100%;background-color: #fff;clear: both;}
.pro_rightbox li{width: 18%;margin:1%;float: left;height: 285px;overflow: hidden;}
.pro_rightbox li span{display: block;width: 100%;height: 220px;overflow: hidden;position: relative;}
.pro_rightbox li img{display: block;width: 100%;}
.pro_rightbox li p{font-size: 16px;color: #666;text-align: center;font-weight: 700;padding:10px 0;}
.pro_rightbox li p i{font-size: 16px;color: #666;width: 100%;display: block;/*word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/}
.pro_rightbox li p em{display: block;font-size: 14px;color: #84878C;font-weight: 100;}
.ban{margin-top: 35px;margin-bottom: 35px;}
.ban img{display: block;width: 100%;}
#conbza02{text-indent: 35px;}
@media screen and (max-width:1600px){
.pro_rightbox li{width:31.33%;height: 360px; }
.pro_rightbox li span{height:auto; }
}
@media screen and (max-width:1200px){
.pro_left,.pro_right{width:100%; }
.pro_rightbox li{width:48%; height: auto; }
.pro_rightbox li span{height:415px; }
}
@media screen and (max-width:960px){
.index_mid_con1_con img{width: 63%;}
.pro_rightbox li{width:100%;margin:0;  height: auto;}	
.pro_rightbox li span{height:auto; }
.news_rightB{float: none;width: 100%;}
}
@media screen and (max-width:640px){

}
/** DIVIDER **/
.divider{background:url(../images/divider.png) repeat-x top center;height:25px}
.lighting{background:url(../images/lighting.png) no-repeat center center; width:25px; height:25px; margin:0 auto}
.lighting:hover{background:url(../images/lighting_hover.png) no-repeat center center; cursor:normal}

.index_mid{ display:block; padding-bottom:30px;}
h3.index_tit{ font-size:24px; line-height:55px;}
h3.index_tit.green{color: #779e00;}
a.index-mid_img{width: 80%;height: 260px;overflow: hidden;display: block;}
.webdesign{height: 260px;}
.webdesign p a{line-height: 30px;font-size: 16px;color: #666;}
a.index-mid_img img{width: 100%;}
.divider1{clear: both;margin-top: 35px;position: relative;top:10px;}
.index_mid .widcon1{ margin:1%; float:left;}
@media screen and (min-width:1200px){
.widcon1{ width:31%;}
}
@media screen and (max-width:1200px) and (min-width:760px){
.widcon1{ width:48%;}
.divider1{display:none;}
}
@media screen and (max-width:760px){
.widcon1{ width:100%;}
a.index-mid_img{width: 100%;}
.webdesign{height: auto;}
}

/*底部*/
.footer{background: url(../images/bg1.jpg) repeat;border-top: 2px solid #fff;padding:30px 0;}
.footer-details{width:75%;float: left; }
.footer-details h4,.footer-address h4{color:#fff; font-size:20px; text-shadow:0 1px 0 #181a1e; background:url(../images/btm-heading.png) repeat-x bottom;height:25px; padding-bottom:10px; margin-bottom:17px}
.Stream{width: 18%;float: left;margin:1%;}
.Stream a{display: block;height: 180px;width: 100%;overflow: hidden;}
.Stream img{width: 100%;display: block;}
/** BOTTOM ADDRESS **/
.footer-address{width: 22%;float: right;}
.footer-address h4{margin-bottom: 28px}
.address{font-size: 16px; color:#babdc0; font-family:tahoma,arial; padding-bottom:25px}
.address img{float:left; padding-right:7px;margin-top: 4px;}
.address strong{font-size: 17px;font-weight:bold; color:#fff; display:block; float:left; padding-bottom:8px; padding-right:4px; font-family:Arial,Helvetica,sans-serif}
.address a{color:#b6d346}
.address a:hover{color:#babdc0}
.footerbottom{font-size: 14px;font-family:tahoma,arial; line-height:60px; color:#bbbdc0;background: url(../images/bg2.jpg) repeat;text-indent: 1%;border-top: 1px solid #535862;}


@media screen and (max-width:1060px){
.footer-details{margin-bottom: 30px;}
.footer-details,.footer-address{width: 100%;float: none;}
.Stream a{height: auto;}
}
@media screen and (max-width:960px){
.Stream{width: 31.33%;}
.footerbottom{line-height: 25px;padding:10px 0;}
}
/*底部左侧广告*/
h2 {
	padding: 0px;
	margin: 0px;
}
.infolist {
	width: 300px;
	matgin: 0;
}
.infolist ul {
	margin: 0;
	padding: 0;
}
.infolist ul li {
	list-style: none;
	height: 26px;
	line-height: 26px;
	padding-left: 30px;
}
.infocontent {
	width: 300px;
	height: 78px;
	overflow: hidden;
}
.rollBox {
	width: 990px;
	overflow: hidden;
	padding: 12px 0 5px 6px;
}
.rollBox .LeftBotton {
	height: 52px;
	width: 19px;
	background: url(images/job_mj_069.gif) no-repeat 11px 0;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 25px 0 0 0;
	cursor: pointer;
}
.rollBox .RightBotton {
	height: 52px;
	width: 20px;
	background: url(images/job_mj_069.gif) no-repeat -8px 0;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 25px 0 0 0;
	cursor: pointer;
}
.rollBox .Cont {
	width: 950px;
	overflow: hidden;
	float: left;
}
.rollBox .ScrCont {
	width: 10000000px;
}
.rollBox .Cont .pic {
	width: 132px;
	float: left;
	text-align: center;
}
.rollBox .Cont .pic img {
	padding: 4px;
	background: #fff;
	border: 1px solid #ccc;
	display: block;
	margin: 0 auto;
}
.rollBox .Cont .pic p {
	line-height: 26px;
	color: #505050;
}
.rollBox .Cont a:link, .rollBox .Cont a:visited {
	color: #626466;
	text-decoration: none;
}
.rollBox .Cont a:hover {
	color: #f00;
	text-decoration: underline;
}
.rollBox #List1, .rollBox #List2 {
	float: left;
}
.float_layer {
	width: 300px;
	border: 1px solid #aaaaaa;
	display: none;
	background: #fff;
	position: absolute;
	z-index: 1000;
	float: right;
	margin-bottom: 0px;
}
.float_layer h2 {
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
	font-size: 14px;
	color: #333;
	background: url(../images/title_bg.gif) repeat-x;
	border-bottom: 1px solid #aaaaaa;
	position: relative;
}
.float_layer .min {
	width: 21px;
	height: 20px;
	background: url(../images/min.gif) no-repeat 0 bottom;
	position: absolute;
	top: 2px;
	right: 25px;
}
.float_layer .min:hover {
	background: url(../images/min.gif) no-repeat 0 0;
}
.float_layer .max {
	width: 21px;
	height: 20px;
	background: url(../images/max.gif) no-repeat 0 bottom;
	position: absolute;
	top: 2px;
	right: 25px;
}
.float_layer .max:hover {
	background: url(../images/max.gif) no-repeat 0 0;
}
.float_layer .close {
	width: 21px;
	height: 20px;
	background: url(../images/close.gif) no-repeat 0 bottom;
	position: absolute;
	top: 2px;
	right: 3px;
}
.float_layer .close:hover {
	background: url(../images/close.gif) no-repeat 0 0;
}
.float_layer .content {
	height: 200px;
	overflow: hidden;
	font-size: 14px;
	line-height: 18px;
	color: #666;
}
.float_layer .wrap {
	padding: 0px;
}
@media screen and (max-width:960px){
.float_layer {display:none !important;}
}

/*内页-关于我们*/
.info_left{width: 71%; float: left;margin: 35px 0;padding: 15px 2%; background-color:#fff;box-shadow: #ddd 0px 0px 5px;}
.info_right{width: 18%; float: right;margin: 35px 0;padding: 15px 2%; background-color:#fff;box-shadow: #ddd 0px 0px 5px;}
.info_title{color:#434853; background:url(../images/h3-bg.jpg) repeat-x bottom; line-height:48px; margin-bottom:15px; font-size:20px; float:left; width:100%}
.info_title p{ float:right; color:#888; font-size:13px;}

.aboutinfo,.contactinfo{font-size: 16px!important;color: #57595d;line-height: 27px;margin-bottom: 30px;}
.aboutinfo img,.news_box img{max-width: 99%;height: auto !important;margin:0px auto 15px;display: block;}
/* portfolio_list */
.portfolio_list{float:left; width:100%; list-style:none; position:relative; padding:0px 0px 0px 0px}
.portfolio_list li{float:left; color:#57595d; margin:0px; width:100%}
.portfolio_list li span{float:left; display:block; line-height:22px; color: #adafb4; font-family: Arial, sens-serif; font-size: 14px;}
.portfolio_list a{color:#57595d; float:left; padding:0px 10px 4px 10px; text-decoration:none; width:auto !important; line-height:26px !important;  font-size:14px}
.portfolio_list li a.active,.portfolio_list li:hover a{color: #729700;}
.cont-detail{color:#57595d; font-family:tahoma,arial; padding-bottom:19px}
.cont-detail img{float:left; padding-right:7px}
.cont-detail strong{font-weight:bold; color:#57595d; display:block; float:left; padding-bottom:8px; padding-right:4px; font-family:Arial,Helvetica,sans-serif}
.cont-detail a{color:#729700}
.cont-detail a:hover{color:#babdc0}

/*内页-新闻中心*/
.news_left{width: 18%; float: left;margin: 35px 0; background-color:#fff;padding: 15px 2%;box-shadow: #ddd 0px 0px 5px;}
.news_right{width: 71%; float: right;margin: 35px 0;padding: 15px 2%; background-color:#fff;box-shadow: #ddd 0px 0px 5px;}
.news_title{color:#434853; background:url(../images/h3-bg.jpg) repeat-x bottom;display: block; line-height:48px; margin-bottom:15px; font-size:18px; width:100%}
.newsdate{font-size: 12px;color: #666;}
.news_content p{line-height: 25px;font-size: 14px;}
.news_content .btn{width: 70px;background-color: #68831C; border-radius: 5px;margin-top: 20px;display: block;padding: 5px 30px;border: 1px solid #68831C;color: #fff;}
.news_info li .news_title:hover{color: #68831C;}
.news_content .btn:hover{background:transparent;color: #68831C; }
.news_info li{padding: 0 0 40px 0;margin: 0 0 40px 0;border-bottom: dotted 2px #cccccc;}
.news_box{font-size: 16px !important;color: #666;line-height: 25px;}
@media screen and (max-width:960px){
.info_title{line-height: 25px;padding:10px 0;margin-top: 20px;}
.news_box img{width: 100%!important;}
}

/*pages*/
.pagebar .pagination {height: 28px; text-align: center; 
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 5px 9px;
  margin: 0 3px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #b6d346;
  border: 1px solid #b6d346;
}
.pagination a.page-num-current {
  color: #fff;
  background: #b6d346;
  border: 1px solid #b6d346;
}
@media screen and (max-width:1060px){
.news_left{width: 96%; float: none;}
.news_right{width: 96%; float: none;}
}
/*内页-联系我们*/
.info_txt{font-size: 14px;color: #666; line-height: 25px;}
.contactinfo a{color:#729700;font-size: 16px; border-bottom:1px solid #dadde2; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none;}
@media screen and (max-width:960px){
.contactinfo img{width: 100% !important; height: auto!important;}
}
/** RESPOND **/
.respond{width:100%; padding-bottom:21px}
.respond h3{padding-top:27px}
.respond form{float:left; margin-top:-8px}
.respond label{font-weight:bold; display:block; line-height:29px}
.respond label span, .respond span.astro{display:inline; background:none; color:red}
.respond input{width:237px; padding:8px 15px; outline:none;border:none; background:transparent; color:#57595d; text-shadow:0px 1px 0px #fff}
.respond span{display:block; background:url(../images/input-bg.png) no-repeat left; width:282px; height:36px; margin-bottom:15px}
.respond span.txt-area{display:block; background:url(../images/txt-area.png) no-repeat left; width:522px; height:162px; }
.respond textarea{background:transparent;  padding:18px 20px;  width:480px;height: 130px; border:none; resize:none; color:#57595d; text-shadow:0px 1px 0px #fff}
.respond input.wfsubbox{width:150px;float: left;line-height: 30px;padding:0; background-color: #68831C; border-radius: 5px;margin-top: 20px;display: block;border: 1px solid #68831C;color: #fff;}
.respond button.wfsubbox{width:150px;float: left;line-height: 30px;padding:0; background-color: #68831C; border-radius: 5px;margin-top: 20px;display: block;border: 1px solid #68831C;color: #fff;}
.readmore p{float: left;margin-top: 30px;margin-left: 10px;}
@media screen and (max-width:960px){
.respond span.txt-area{width: 95% !important;background-size: 100% 100%;}
.respond textarea{ width: 96% !important;padding:2%;}
}
/*内页-产品*/
.infoimg{margin-bottom: 15px;}
@media screen and (max-width:960px){
.infoimg img{width: 100% !important;}
}
/*内页-证书*/
.zhengshubox{width: 100%;background-color: #fff;clear: both;}
.zhengshubox li{width: 18%;margin:1%;float: left;overflow: hidden;}
.zhengshubox li span{display: block;width: 100%;min-height: 165px; overflow: hidden;position: relative;}
.zhengshubox li img{display: block;width: 100%;}
.zhengshubox li p{font-size: 16px;color: #666;height: 40px;display: none; text-align: center;font-weight: 700;padding:10px 0;}
@media screen and (max-width:1060px){
.zhengshubox li{width: 100%;}
.yingli .zhengshubox li span{min-height:auto;max-height: auto;max-height:auto!important;}
.info_left{width: 96%; float: none;}
.info_right{width: 96%; float: none;position: relative; bottom: 20px;}
}