/*banner*/
.banner{ height:550px; overflow:hidden; position: relative;z-index:0;}
.banner .bd div{ height:550px; overflow:hidden; }
.banner a{ height:550px; display:block; overflow: hidden;}
.pics_wrap{border-top: 2px solid #ced3d7;}

/*搜索*/
.sea_key{
height: 56px;
line-height: 56px;
overflow: hidden;
border-bottom: 2px solid #f5f5f5;

}
.search{ width:270px; height:26px; overflow:hidden; margin-top:17px;  border:1px solid #dedede; border-radius: 4px;}
.search .inp01{
float:left;
width:221px;
height:26px;
line-height:26px;
font-size:12px;
color:#666;
border:0;

padding-left: 20px;

}
.search .inp02{margin-right: 10px;padding-top:2px; font-size: 18px;border:none;float:right;cursor:pointer;}

.keywords{ width:620px; font-size:14px;color:#676767; height:60px; line-height:60px;}
.keywords b{ font-weight: normal;color: #000;}
.keywords a{ color:#676767; display:inline-block; padding-right:15px;} .keywords a:hover{color:#B0CE27;} 



/*困惑*/
.advantage{overflow: hidden;height:400px;}
.advantage h2{text-align: center; font-size: 30px; margin:25px 0 15px;}
.advantage h2 a{ color: #4d4d4d; text-decoration: none;}
.advantage h2 span{ margin-top: 15px; display: block; font-size: 19px; color: #8b8b8b; 
 text-transform: uppercase; font-weight: normal;}
.advantage img{width: 350px;}
.advantage h4{font-size:25px; margin:10px 0; text-align: center; border-bottom: 1px solid #fff; line-height: 35px; height: 50px;}
.advantage li{  text-align: center;margin-top:35px; float: left; width: 248px; margin-left:2px;}
.advantage li div{background:#e5e5e5; color: #666;padding: 25px;
}

.advantage li.one div{
background:#e5e5e5;	 border-radius: 4px  0  0 4px;
}
.advantage li.two div{

}
.advantage li.three div{
background:#e5e5e5;
}
.advantage li.four div{
background:#e5e5e5; border-radius:0 4px  4px 0;
}
.advantage li div p{ padding:5px 0px;
}

.advantage li div p i{ font-size: 50px;
}


/*首页幻灯*/







/*产品*/
.prod{ padding: 15px 0 45px;}
.prod h2{text-align: center; font-size: 60px;font-family: arial; padding:5px 0 20px;background: url(../img/l.png) no-repeat center 115px;text-transform: uppercase; color: #ddd ;}
.prod h2 span{ display: block;font-family:"方正兰亭黑简体"; font-size: 30px; color: #444344;   font-weight: bold;}
.prod_nav{ height: 473px;padding-top: 100px; margin-bottom:20px;background: url(../img/product_bg.png) no-repeat center center;position: relative;}

.prod_nav>a{width: 188px;height: 188px;display: block;position: absolute;top: 198px;left: 403px;border-radius: 50%;}
.prod_nav li{position: absolute;}
.prod_nav li a:hover {text-decoration: none;}
.prod_nav li.prod_1{top: 10px;left: 180px;}
.prod_nav li.prod_2{top: 130px;left: 120px;}
.prod_nav li.prod_3{top: 270px;left: 100px;}
.prod_nav li.prod_4{top: 400px;left: 130px;}
.prod_nav li.prod_5{top: 500px;left: 200px;}
.prod_nav li.prod_6{top: 10px;right: 170px;}
.prod_nav li.prod_7{top: 130px;right: 110px;}
.prod_nav li.prod_8{top: 270px;right: 90px;}
.prod_nav li.prod_9{top: 400px;right: 120px;}
.prod_nav li.prod_10{top: 500px;right: 190px;}

.prod_nav li img{vertical-align: middle;}

.prod_nav li span{margin-right: 10px;}
.prod_nav li.pro_right span{margin-left: 10px;}

.prod_list{ height: 580px; }
.prod_big{ height: 315px; margin-bottom: 33px; overflow: hidden;}
.prod_big .prod_big_num{ width: 130px; float: left; height: 315px; overflow: hidden; padding: 0 64px 0 18px; font-size: 200px; color: #212121; text-align: center;}
.prod_big .prod_big_num span{ display: block; height: 34px; line-height: 34px; border-top: 2px solid #212121; border-bottom: 2px solid #212121; font-size: 14px; color: #666666; }
.prod_big dl{ width: 988px; height: 315px; overflow: hidden; float: right;}
.prod_big dt{ width: 477px; height: 309px; border: 3px solid #dadada; overflow: hidden; float: left;}
.prod_big dt img{ display: block; width: 477px; height: 309px;}
.prod_big dd{ width: 470px; height: 315px; float: right; overflow: hidden;}
.prod_big dd h3{ font-size: 18px; color: #212121; margin-bottom: 10px;}
.prod_big dd h3 a{ color: #212121;}
.prod_big dd p{ font-size: 14px; line-height: 30px;height:160px ;color: #666; }
.prod_big dd .prod_detail{ background: url("..../img/reason_btn_bg1.jpg") no-repeat 0 0; height: 37px; line-height: 37px; font-size: 14px; color: #fff; display: block;  text-decoration: none; padding-left: 15px; margin-top: 20px;}
.prod_small{ height: 236px; position: relative;}
.prod_togg{overflow: hidden;}
.prod_small ul{ margin-left: auto; width: 1016px; margin-right: auto;}
.prod_togg li{ width: 240px; height:270px; float: left; margin-right: 14px; overflow: hidden;}
.prod_togg li.none{ margin-right: 0;}
.prod_togg li img{ display: block; width: 236px; height:236px;border:1px solid #dadada; border-radius:4px; }
.prod_togg li span a{width: 240px; display: block; text-align: center; font-size: 14px; color: #212121;  line-height: 30px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.prod_small .prev,.prod_small .next{ position: absolute; width: 19px; height: 66px; display: block;z-index: 999;}
.prod_small .prev{ top:100px; left: -25px; font-size: 25px;}
.prod_small .next{ top:100px; right: -25px;  font-size: 25px;}
.prod_togg li:hover img{ border:1px solid #B0CE27; }




/*oem*/
.oem_box{background:url(../img/boxbg.jpg) repeat center;clear:both;height:150px;width:100%;margin:auto;}
.oem_box_con{color:#fff;height:100px;padding:25px 0;width:1000px;margin-left:auto;margin-right:auto}
.oem_box_con h3{color:#B0CE27;font-size:28px;line-height:40px;margin-bottom:5px}
.oem_box_con p a{border-radius:4px;padding:5px;color:#fff;border:1px solid #fff;margin:5px 5px;display:inline-block}
.box_cl{margin-top:-10px}
.box_cl span{color:#f7f7f7;font-size:22px;line-height:30px}
.box_cr{margin-top:30px;width:500px}
.box_cr h2{float:left;padding-top:5px;font-size: 28px;}
.box_cr a{color:#fff;float:right;font-size:16px;height:50px;line-height:50px;text-align:center;width:160px}
.oem_box_con a.btn{background:no-repeat}

/*oem*/


/*ability*/
.ability{background: url(../img/ability_bg.jpg) no-repeat center center;height: 676px;}

/*ability*/

/*解决方案*/
.solution{margin: 35px 0 80px;}
.solution h2{text-align: center; font-size: 60px;font-family: arial; padding:5px 0 20px;background: url(../img/l.png) no-repeat center 115px;text-transform: uppercase; color: #ddd ;}
.solution h2 span{ display: block; font-family:"方正兰亭黑简体"; font-size: 30px; color: #444344;   font-weight: bold;}

#focus_Box{position:relative;width:1000px;height:500px;margin:20px auto;}
#focus_Box ul{position:relative;width:1000px;height:472px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#d3bfa7;top:146px;left:377px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
behavior: url(ie-css3.htc);
}
#focus_Box li:first-child+li,#focus_Box li:first-child+li+li+li{
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
behavior: url(ie-css3.htc);
	}
#focus_Box li:first-child+li+li{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
behavior: url(ie-css3.htc);
}
#focus_Box li>div{-webkit-box-shadow:5px 19px 28px -15px rgba(0, 0, 0, 1);-moz-box-shadow:5px 15px 60px -13px rgba(0, 0, 0, 1);box-shadow:5px 15px 60px -13px rgba(0, 0, 0, 1);overflow: hidden;position: relative;}

#focus_Box li img{width:100%;background:url(../img/loading.gif) no-repeat center 50%;vertical-align:top}
#focus_Box li .txt{left:0;bottom:0px;width:100%;background:#d1c0a6;text-indent:8px;color:#fff;padding-bottom: 20px;}

#focus_Box li:first-child+li .txt,#focus_Box li:first-child+li+li+li .txt{background: #a5937b;}
#focus_Box li:first-child+li+li .txt{background: #8a8a8a;}

#focus_Box li .txt h3{text-align: center;padding: 10px 0;font-family: "方正兰亭黑简体";}



#focus_Box li .txt span {position: relative; margin: 10px 20px;display: block;line-height: 24px; height: 92px;overflow: hidden;}
#focus_Box li .txt span::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px;
background: -webkit-linear-gradient(left, transparent, #d3bfa7 55%);
background: -o-linear-gradient(right, transparent, #d3bfa7 55%);
background: -moz-linear-gradient(right, transparent, #d3bfa7 55%);
background: linear-gradient(to right, transparent, #d3bfa7 55%);
}
#focus_Box li:first-child+li .txt span::after,#focus_Box li:first-child+li+li+li  .txt span::after{
background: -webkit-linear-gradient(left, transparent, #a5937b 55%);
background: -o-linear-gradient(right, transparent, #a5937b 55%);
background: -moz-linear-gradient(right, transparent, #a5937b 55%);
background: linear-gradient(to right, transparent, #a5937b 55%);
}
#focus_Box li:first-child+li+li .txt span::after{

background: -webkit-linear-gradient(left, transparent, #8a8a8a 55%);
background: -o-linear-gradient(right, transparent, #8a8a8a 55%);
background: -moz-linear-gradient(right, transparent, #8a8a8a 55%);
background: linear-gradient(to right, transparent, #8a8a8a 55%);
}


#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:45px;height:45px;top:50%;border: 2px solid #666;font-size: 35px;line-height: 40px;text-align: center;-webkit-border-radius: 50%; border-radius: 50%;behavior: url(js/PIE.htc); font-weight: bold;}
#focus_Box .prev{left:-60px;}
#focus_Box .next{ right:-60px;} 
#focus_Box .prev:hover,#focus_Box .next:hover{border-color: #B0CE27;color: #B0CE27;}
#focus_Box a.imgs-scroll-btn{display:block;width:150px;height:30px;line-height: 30px; background:#b4d31e;margin:0 auto;color: #fff;text-decoration: none;border-radius: 5px;}
/*解决方案*/





/*理由*/
.reason{overflow:hidden;background:#fff;color:#fff;padding-bottom:20px;background:url(../img/reson_bg.jpg) no-repeat center center;height: 650px;}
.reason .content{font-family:"Microsoft Yahei";margin-bottom:0;padding-top:30px}
.reason h2{text-align: center; font-size: 60px;font-family: arial; padding:5px 0 20px;background: url(../img/l.png) no-repeat center 115px;text-transform: uppercase; color: #ddd ;}
.reason h2 span{ display: block; font-family:"方正兰亭黑简体"; font-size: 30px; color: #939393;  font-weight: bold;}
.reason .mb20{padding-top: 20px;}
.reason .width450{position: relative;width: 450px;;padding: 20px 15px; display: inline-block;}
.reason .width450 .opacity{position: absolute;display: inline-block; width: 100%; height: 100%; top: 0; left: 0; background: rgb(255,255,255);-webkit-opacity: 0.2;-moz-opacity:0.2 ;filter:alpha(opacity=20);filter:"alpha(opacity=20)";filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);opacity: 0.2;}
.reason .width450 img,.reason .width200 h3, .reason .width200 p { position: relative;z-index: 3;}
.reason .width200{width: 200px;}
.reason .width200 h3{ margin: 30px 0 10px;font-size: 24px;font-family: "黑体";}

.reason ul{padding-top: 30px;}
.reason ul li{float: left;width: 220px;margin-right: 40px;}
.reason ul li:first-child+li+li+li{margin-right: 0;}
.reason ul li h3{margin-bottom: 20px;font-family: "黑体";font-size: 24px;}
.reason ul li  p{font-size: 14px;}
.reason ul li h3 img{margin-right: 20px;}

/*理由*/


/*定制流程*/
.process1{ -webkit-box-shadow: 0px 9px 50px -4px #999;-moz-box-shadow: 0px 9px 50px -4px #999;box-shadow: 0px 9px 50px -4px #999; position: relative;overflow: hidden;}
.process{background: #fff;position: relative;	height: 100%;}
.process h2{text-align: center; font-size: 60px;font-family: arial; padding:50px 0 20px;background: url(../img/l.png) no-repeat center 160px;text-transform: uppercase; color: #dadada ;margin-bottom: 50px;}
.process h2 span{ display: block; font-family:"方正兰亭黑简体"; font-size: 30px; color: #939393;   font-weight: bold;}
.process li{float: left;width: 133px;}
.process .ico_8{width: 68px;}
.process li a{width: 66px;display: inline-block;text-decoration: none;}
.process li a div{width: 66px;height: 66px; background: url(../img/icon_icon_bg.png) no-repeat;z-index: 2px;position: relative;}
.process .ico_1 a div{background-position:0 0 ;}
.process .ico_2 a div{background-position:-66px 0 ;}
.process .ico_3 a div{background-position:-132px 0 ;}
.process .ico_4 a div{background-position:-198px 0 ;}
.process .ico_5 a div{background-position:-264px 0 ;}
.process .ico_6 a div{background-position:-330px 0 ;}
.process .ico_7 a div{background-position:-396px 0 ;}
.process .ico_8 a div{background-position:-462px 0 ;}


.process .ico_1:hover a div{background-position:0 -66px ;}
.process .ico_2:hover a div{background-position:-66px -66px ;}
.process .ico_3:hover a div{background-position:-132px -66px ;}
.process .ico_4:hover a div{background-position:-198px -66px;}
.process .ico_5:hover a div{background-position:-264px -66px ;}
.process .ico_6:hover a div{background-position:-330px -66px;}
.process .ico_7:hover a div{background-position:-396px -66px ;}
.process .ico_8:hover a div{background-position:-462px -66px ;}
.process li a span{display: block;margin-top: 10px;}
.process li>img{  padding: 0 29px;padding-top: 27px;position: absolute;}

.process_tel{margin:60px auto;text-align: center;}
.process .center{ width: 440px;display: inline-block;}
.process .center img{float: left;}
.process .center span{font-size: 32px;color: #B0CE27;float: left;margin-left: 10px;}
.process .center a{float: right;width: 150px;height: 40px;background: #b0ce27;color: #fff;line-height: 40px;border-radius: 20px;position: relative;z-index: 2;}

.process .process_shadow{text-align: center;}
.process .triangle{display: inline-block; width: 0;height: 0;border-width:0 8px 8px 8px ;border-color:#b2b2b2 transparent ;border-style: solid;}
/*定制流程*/






/*新闻聚焦*/
.xxx ul{float: left;}
.xxx li a{font-size: 13px;display: inline-block;float: left;}
.xxx li a:hover{text-decoration: none;}
.xxx li:hover,.xxx li:hover>a{color:#B0CE27;}
.xxx li {padding:10px 0 5px 0;font-size: 16px;border-bottom: 1px solid #dedede; width: 100%; float: left; text-align: left; margin-left: 0px; width:320px;}
.xxx li span{float: right; font-size: 13px;}

.info5{  overflow: hidden; margin: 30px 0;}
.news5{ width:640px; height: 395px; overflow: hidden; padding-right: 34px;}
.news5 .more{zoom: 0;}
.news5-hd{ height: 35px; border-bottom: 1px solid #c4c4c4;  margin-bottom: 35px;}
.news5-hd .more a{color: #666666;line-height: 20px;font-size: 14px;text-decoration: none;}
.news5-hd .news5-list ul{float: left;}
.news5-hd li{float: left;font-size: 17px;color: #111111;margin-right: 60px;overflow: hidden;height: 34px;line-height: 34px;}
.news5-hd li a{color: #111111;text-decoration: none;}
.news5-hd ul:after{content: '';display: block;clear: both;}
.news5-hd li.cur{ border-bottom: 3px solid #B0CE27; background-position: 0 -40px;}
.news5-hd li.cur a{color: #111111;display: block;}
.news5-bd dl{ height: 200px; overflow: hidden; margin-bottom: 40px;}
.news5-bd dt{ width:280px; height: 200px; overflow: hidden; float: left;}
.news5-bd dt img{ display: block; width: 260px; height: 160px; border-radius:5px; }
.news5-bd dd{ width: 345px; height: 200px; padding-left:10px; float: right; overflow: hidden;}
.news5-bd dd h3{ font-size: 16px; color: #333333; margin-bottom:5px;}
.news5-bd dd h3 a{ color: #333333; font-weight: bold;}
.news5-bd dd p{ font-size: 13px; line-height: 24px; color: #666;}
.news5-bd dd .news5_detail{ display: inline-block;block; width: 143px; height: 37px;line-height: 37px;color: #fff;font-size: 14px; text-decoration: none; background:#B0CE27; text-align: center; border-radius:5px;margin-top: 15px;}
.news5-bd li{ width: 320px; height: 80px; float: left; margin-left: 0px;}
.news5-bd li.news5_right{ float: right;}
.news5-bd li span{ width:70px; background:#f2f2f2; text-align: center; font-size: 18px; display: block; float: left; padding-top:5px; padding-bottom:5px; color: #333333;}
.news5-bd li span b{ display: block; font-size: 24px;}
.news5-bd li em{ display: block; width: 240px; float: right; overflow: hidden; font-size: 14px; margin-top:0px; padding-top:0px; }
.news5-bd li em h3{margin-top:0px; padding-top:0px; }
.news5-bd li em h3 a{ margin-bottom:5px; color: #333333; font-size: 14px; line-height: 24px; display: block; font-weight: normal;}
.news5-bd li em p{ font-size: 11px; color: #666; }

.faq5{ width: 320px;  overflow: hidden;}
.faq5 h2{ height: 35px; border-bottom: 1px solid #c4c4c4;font-weight: normal; margin-top: 0px;}
.faq5 h2 .faq5_more{color: #666666;line-height: 20px;font-size: 14px;text-decoration: none;font-family: "Arial"; font-weight: normal;}
.faq5 h2 span{ font-size: 17px; height: 34px; border-bottom: 3px solid #B0CE27; display: block;float: left;}
.faq5 h2 span a{ color: #111111;}
.faq5 dl{ overflow: hidden; padding-bottom: 24px; margin-bottom: 24px;  border-bottom: 1px dashed #e4e4e4;}
.faq5 dt{ height: 18px; line-height: 20px; margin-bottom: 10px; font-size: 15px; background: url("..../img/ask.jpg") no-repeat 0 0; padding-left: 35px;}
.faq5 dt a{ color: #000;}
.faq5 dd{ background: url("..../img/answer.jpg") no-repeat 0 0; font-size: 15px; line-height: 24px; padding-left: 35px; color: #151515;}
.faq5 dl.none{ border-bottom: none;}




/*友情链接*/
.link{padding:10px 0;overflow:hidden;background:#f5f5f5;border-top:1px solid #e1e1e1}
.link h2{border-right:1px solid #e1e1e1;float:left;width:138px;font-size:16px;font-weight:400}
.link h2 span{font-size:18px;display:block;color:#333;text-decoration:none}
.link h2 span a{color:#333}
.link h2 em{display:block;font-size:14px;color:#666;margin-top:5px}
.link h2 em a{color:#666}
.link p{float:left;padding-left:25px;width:800px;overflow:hidden;font-size:12px;line-height:25px;word-break:break-all;word-wrap:break-word}
.link p a{text-decoration:none;color:#666;margin-right:28px}




/*合作伙伴*/
.partner{ margin:50px 0 40px;}
.partner h2{text-align: center; font-size: 60px;font-family: arial; margin-bottom: 60px; padding:5px 0 20px;background: url(../img/l.png) no-repeat center 115px;text-transform: uppercase; color: #dadada ;}
.partner h2 span{ display: block; font-family:"方正兰亭黑简体"; font-size: 30px; color: #939393;   font-weight: bold;}

.partner_slide{ position: relative; }
.partner_togg{overflow: hidden;}
.partner ul{ margin-left: auto; width: 1016px; margin-right: auto;}
.partner li{ width: 237px;  float: left; margin-right: 17px; overflow: hidden;}
.partner li.none{ margin-right: 0;}
.partner li img{ display: block; width: 235px;  border:1px solid #ddd;  border-radius:4px;}
.partner li span {zoom: 0;}
.partner li span a{ display: block; text-align: center; font-size: 14px; color:#333;  line-height: 30px;}
.partner .prev,.partner .next{ position: absolute; width: 19px; height: 66px; display: block;z-index: 999;}
.partner .prev{ top: 60px; left: -25px; font-size: 25px;}
.partner .next{ top: 60px; right: -25px; font-size: 25px;}



/*company*/
.about{background: url(../img/about_bg.jpg) no-repeat center center;height: 702px;}
.about h2{text-align: center; font-size: 60px;font-family: arial; padding:50px 0 20px;background: url(../img/l.png) no-repeat center 160px;text-transform: uppercase; color: #ddd ;margin-bottom: 50px;}
.about h2 span{ display: block; font-family:"方正兰亭黑简体"; font-size: 30px; color: #fff;   font-weight: bold;}
.about .about_txt{color: #fff;font-family: "方正兰亭黑简体";line-height: 22px;}
.about ul{margin: 80px auto 24px;display: inline-block;}
.about li{float: left;margin:0 80px;}
.about li a{color: #fff;text-decoration: none;display: inline-block;width: 163px;height: 163px; border: 3px solid #c5c5c5;border-radius: 10px;text-align: center;z-index: 3;position: relative;}
.about li a div{width: 100px;height: 100px;margin-top: 15px;display: inline-block; background: url(../img/icon_icon_bg.png) no-repeat center center;background-position: 0 -132px;}
.about li:first-child+li a div{background-position: -200px -132px;}
.about li:first-child+li+li a div{background-position: -100px -132px;}

.about li:hover a div{background-position: 0 -232px;}
.about li:first-child+li:hover a div{background-position: -200px -232px;}
.about li:first-child+li+li:hover a div{background-position: -100px -232px;}
.about li span{display:inline-block;margin: 10px 0 20px;}
.about li a:hover {background: #fff;}
.about li:hover a{color: #B0CE27;}
.about .more{margin: auto ;width: 120px;position: relative;z-index: 2px;}
.about .more a{position: relative;z-index: 2;margin: auto ;width: 120px;height: 30px;line-height: 30px; display: inline-block;-webkit-border-radius: 15px; border-radius: 15px; border: 1px solid #B0CE27;color: #B0CE27;text-align: center;}
/*company*/