@charset "utf-8";

/* CSS Document */

div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,input,body,strong,span,pre{margin:0; padding:0; border:0; background-repeat:no-repeat;}

h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}

body{font-size:14px; font-family:"微软雅黑";margin:0px;padding:0px;color:#333;min-width: 1200px;outline:none;}

img{border:0px;}

ul,li{ list-style:none;outline:none;}

em,i{ font-style:normal;}

a{ text-decoration:none; color: #333;}

a:hover{ background-repeat:no-repeat; color:#36beea;}
table{border-collapse: collapse;}






/*top*/

.web_header{position: fixed;top: 0;width: 100%;background: #fff;left: 0;z-index: 999;border-bottom: 1px solid #eee;}

.top_main{width: 1200px;margin: 0 auto;}

.logo{float: left;padding: 25px 0;display: block;}

.logo img{height: 40px;display: block;}







/*tel*/

.tel_bg{float: right;padding: 20px 0 0 50px;}

.tel_bg h4{font-size: 12px;color: #999;line-height: 20px;}

.tel_bg h2{font-size: 18px;line-height: 30px;color: #36beea;}







/*语言*/

.yuyan{float: right;overflow: hidden;padding: 30px 0 0 80px;}

.yuyan a{display: block;float: left;line-height: 30px;height: 30px;color: #bbb;}

.yuyan a:hover{color: #36beea;}

.yuyan span{color: #ccc;margin: 0 10px;display: block;float: left;line-height: 30px;font-size: 12px;}





/*nav*/

.minNav{float:right;}

.minNav ul{}

.minNav ul .yiji_li{float:left; position:relative; z-index:999;height:90px;line-height:90px;margin-left: 10px;}

.minNav ul .yiji_li > a{display: block;padding: 0 20px;text-transform:capitalize;}

.minNav ul .yiji_li:hover > a{color: #36beea;}

.clearfix ul {list-style-type:none;margin:0; padding:0;}

.clearfix li ul {background:#fff;border:1px solid #ddd; position:absolute; left:0;width: 220px;}

.sub-menu { display:none;}

.dropdown {}

.dropdown ul{width: 220px;}

.dropdown li{width: 220px;position: relative;}

.dropdown li ul{  position:absolute;top:0;left:220px;}

.dropdown li a{padding: 0 20px;display: block!important;height: 40px;line-height: 40px;font-size: 12px;}

.dropdown li a:hover{background:#36beea;color: #fff;}

.dangqian{color: #36beea!important;}

.clear_none{clear: both;}









/*banner*/

.flexslider{position:relative;overflow:hidden;margin-top: 90px;}

.slides{position:relative;z-index:1;}

.slides li a{display: block; height: 700px;}

.flex-control-nav{position:absolute;bottom:20px;z-index:1;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;margin:0 4px;}

.flex-control-nav a{display:inline-block;width:10px;height:10px;text-indent: 50px; overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;

	cursor:pointer;}

.flex-control-nav .flex-active{background-position:0 0;}



.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:50px;height:80px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:0;background:url(../images/prev.png) center  no-repeat;}

.flex-direction-nav li a.flex-next{right:0;background:url(../images/next.png)  center no-repeat;}

/*banner-end*/









/*main*/





/*产品*/

.sycp_bg{background: #f5f5f5;}

.sycp_main{width: 1200px;margin: 0 auto;padding: 50px 0;}

.sy_title{text-align: center;}

.sy_title h2{font-size: 30px;color: #e5e5e5;font-weight: bold;line-height: 40px;display: none;}

.sy_title h1{font-size: 30px;color: #333;text-transform:capitalize;}

/**/

.sycp_bg .sycp_list{padding-top: 40px;}

.sycp_bg .sycp_list ul li{float: left;width: 380px;margin-right: 30px;}

.sycp_bg .sycp_list ul li a{display: block;position: relative;}

.sycp_bg .sycp_list ul li a:hover{box-shadow: 0 20px 50px #ddd;}

.sycp_bg .sycp_list ul li a:hover b{opacity: 1;}

.sycp_bg .sycp_list ul li a img{display: block;width: 100%;height: 250px;}

.sycp_bg .sycp_list ul li a b{position: absolute;top: 0;left: 0;width: 100%;height: 250px;opacity: 0;

	background: url(../images/cp_more.png) no-repeat center rgba(54,190,234,.7);transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; 

	-o-transition: 0.5s;}

.sycp_bg .sycp_zi{background: #fff;padding: 40px;}

.sycp_bg .sycp_zi h2{font-size: 20px;line-height: 50px;height: 50px;overflow: hidden;border-bottom: 1px solid #e9e9e9;}

.sycp_bg .sycp_zi h5{font-size: 12px;line-height: 40px;height: 40px;overflow: hidden;color: #999;}

.last{margin-right: 0!important;}

.sy_more{display: block;width: 120px;line-height: 50px;border: 1px solid #e5e5e5;color: #999;text-align: center;margin: 50px auto 0 auto;border-radius: 5px;}

.sy_more:hover{box-shadow: 0 0 30px #ddd;background: #fff;color: #333;}














/*关于*/

.sygy_main{width: 1200px;margin: 0 auto;padding: 50px 0;}

.sygy_img{position: relative;}

.about_img{text-align: center;}

.about_img p{line-height: 30px;padding: 0 100px;margin: 40px 0;}

.sygy_img img{display: block;width: 100%;/*box-shadow: 0 20px 50px #ccc;*/margin-bottom: -60px;}

.sygy_img span{display: block;position: absolute;top: 0;width: 100%;height: 100%; z-index: 9999;}

.sygy_img span a{width: 120px;display: block; line-height: 44px;margin: 100px auto 0 auto; background: rgba(255,255,255,.2);color: #fff;border-radius: 5px;}

.about_list{padding:0 20px;position: relative;z-index: 999;}

.about_list ul{}
.about_list .abfw_g{background: #fff;border-radius: 10px;text-align: center;padding:20px 0;box-shadow: 0 20px 50px rgba(0,0,0,.05);}

.about_list ul li{float: left; width: 25%;background: url(../images/about_hr.png) no-repeat right;}
.about_list ul li img{display: block;margin: 0 auto 20px auto;width: 60px;}

.about_list ul li h4{line-height: 26px;height: 52px;overflow: hidden;font-size: 20px;padding: 0 20px;}

.about_list ul li h5{font-size: 12px;line-height: 24px;padding: 20px 40px;color: #666;}

#bg_none{background-image: none;}









/*新闻*/

.news_bg{background: #f5f5f5;}

.news_main{width: 1200px;margin: 0 auto;padding: 50px 0;}

.syxw_list{padding-top: 40px;}

.syxw_list ul li{float: left;width: 590px;margin: 0 20px 20px 0;}

.syxw_list ul li a{display: block;padding:40px;background: #fff;overflow: hidden;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;

	-o-transition: 0.5s;position: relative;}

.syxw_list ul li a:hover{box-shadow: 0 20px 50px #ccc;transform: translate3d(0,-5px,0);-webkit-transform: translate3d(0,-5px,0);

	-moz-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);}

.syxw_list ul li a:hover b{box-shadow: 5px 8px 20px rgba(0,88,157,0.3);color: #fff;background: #36beea;border:1px solid #36beea;}

.syxw_list ul li a img{float: left; display: block;width: 220px;height: 150px;}

.syxw_list .syxw_zi{float: right;width: 250px;}

.syxw_list .syxw_zi h2{font-size: 18px;line-height: 50px;height: 50px;overflow: hidden;margin-bottom: 10px;}

.syxw_list .syxw_zi p{font-size: 12px;color: #999;line-height: 25px;height: 50px;overflow: hidden;}









/*案例*/

.sy_case{width: 1200px;margin: 0 auto;padding: 40px 0;}

.sypp_list .picScroll-left{padding:  50px 0;position: relative;}

.sypp_list .hd .prev{ display:block;  width:40px; height:60px; float:left;overflow:hidden;position: absolute;bottom: 42%;left: 0;

	 cursor:pointer; background:url(../images/pp_z.png) no-repeat center;z-index: 999;background-size: 40px;opacity: .8}

.sypp_list .hd .next{ display:block;  width:40px; height:60px; float:right;overflow:hidden;position: absolute;bottom: 42%;right: 0;

	 cursor:pointer; background:url(../images/pp_y.png) no-repeat center;z-index: 999;background-size: 40px;opacity: .8}

.sypp_list .hd .prev:hover{opacity: 1;}

.sypp_list .hd .next:hover{opacity: 1;}



.sypp_list .bd{overflow: hidden;}

.sypp_list .bd ul{}

.sypp_list .bd ul li{width:600px;float:left;text-align: center;}

.sypp_list .bd ul li a{display: block;position: relative;color: #fff;}

.sypp_list .bd ul li a img{display: block;width: 100%;height: 380px;}

.sypp_list .bd ul li a:hover .sypp_zi{background: rgba(54,190,234,.7);}

.sypp_list .sypp_zi{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%; background: url(../images/ppzi_bg.png) repeat-x bottom;}

.sypp_list .sypp_zi h2{font-size: 30px;color: #fff;line-height: 380px;height: 380px;overflow: hidden; }









/*合作*/

.hezuo{width: 1200px;margin: 0 auto;padding: 40px 0;}

.hezuo .picScroll-left{padding-top: 20px;position: relative;}

.hezuo .hd .prev{ display:block;  width:16px; height:30px; float:left;overflow:hidden;position: absolute;bottom: 40%;left: 0;

	 cursor:pointer; background:url(../images/zuo.png) no-repeat;z-index: 9999;}

.hezuo .hd .next{ display:block;  width:16px; height:30px; float:right;overflow:hidden;position: absolute;bottom: 40%;right: 0;

	 cursor:pointer; background:url(../images/you.png) no-repeat;z-index: 9999;}

.hezuo .bd{overflow: hidden;}

.hezuo .bd ul{}

.hezuo .bd ul li{width:285px;float:left;margin-right: 20px;background: #fff;text-align: center;}

.hezuo .bd ul li a{display: block;padding: 50px 0;}

.hezuo .bd ul li a img{height: 80px;margin: 0 auto;}











/*底部*/

.footer_bg{background: #333;}

.footer_main{width: 1200px;margin:0 auto;padding: 50px 0;}

.db_content{overflow: hidden;}

.db_zuo{float: left;}

.db_nav{overflow: hidden;padding-bottom: 20px;}

.db_nav a{display: block;float: left;line-height: 30px;color: #999;margin-right: 50px;}

.db_zuo h4{font-size: 12px;color: #888;line-height: 30px;height: 30px;}

.db_zuo h4 a{display: inline-block;color: #999;font-size: 12px;}

.db_lx{float: left;margin-left: 100px;}

.db_lx p{font-size: 12px;line-height: 30px;color: #888;}

.weixin{float: right;text-align: center;overflow: hidden;}

.ewm_img{float: right;margin-left: 50px;}

.weixin img{display: block;height: 120px;}

.weixin h6{line-height: 30px;color: #888;}











/*内页*/

.ny_bg{background: #f5f5f5;}

.ny_main{width: 1200px;margin: 0 auto;padding: 40px 0;}









/**/

.ny_title{}

.ny_title h1{font-size: 30px;line-height: 40px;border-bottom: 1px solid #e9e9e9;padding-bottom: 20px;}







/*ny_banner*/

.ny_banner{height: 300px;position: relative;margin-top: 90px;}

.bn_title{position: absolute;top: 0;width: 100%;background: rgba(0,0,0,.6);height: 100%;}

.bn_ti{width: 1200px;margin: 0 auto;text-align: center;padding-top:100px;}

.bn_ti h1{font-size: 20px;font-weight: 100;color: #fff;line-height: 50px;}

.bn_ti h1 span{color: #36beea;}

.bn_ti b{display: block;width: 40px;height: 4px;background: rgba(255,255,255,.3);margin: 10px auto;}

.bn_ti h3{font-size: 12px;height: 40px;line-height: 40px;font-weight: 100;text-transform: uppercase;color: #fff;text-transform: uppercase;}







/*关于*/

.nygy_zi{padding: 50px;border: 1px solid #eee;margin: 40px 0;border-radius:5px;box-shadow: 0 10px 50px #eee;background: #fff;}

.nygy_zi h2{font-size: 30px;margin-bottom: 20px;}

.nygy_zi h2 span{color: #36beea;}

.nygy_zi .nygy_p{line-height: 40px;font-size: 15px;color: #666;}

/*nygy_list*/

.nygy_list{overflow: hidden;padding: 100px 0;background: #fff;box-shadow: 0 20px 50px #e5e5e5;}

.nygy_list ul{overflow: hidden;}

.nygy_list li{width: 300px;float: left;text-align: center;}

.nygy_list li img{display: block;width: 120px;margin: 0 auto;border-radius: 100px;box-shadow: 0 20px 60px rgba(54,190,234,.4);}

.nygy_list li b{height: 1px;display: block;width: 20px;background: #36beea;margin:20px auto 0 auto;}

.nygy_list li h3{line-height:30px;margin-top: 20px;text-transform: uppercase;font-size: 16px;padding: 0 30px;}









/*erji_a*/

.erji_bg{background: #eee;}

.erji_a{text-align: center;width: 1200px;margin: 0 auto;padding: 40px 0;}

.erji_a a{display: block;height: 50px;line-height: 50px;padding: 0 20px;background: #fff;margin-right: 4px;float: left;font-size: 12px; border: 1px solid #fff;}

.erji_a a:hover{border: 1px solid #36beea!important;color: #36beea;box-shadow: 0 10px 30px rgba(54,190,234,.1);}

.ny_dangqian{border: 1px solid #36beea!important;color: #36beea;box-shadow: 0 10px 30px rgba(54,190,234,.1);}









.weizhi{padding-left: 20px;text-align: left;background: url(../images/weizhi.png) no-repeat left ;line-height:40px;margin-bottom:40px;}

.weizhi a{display: inline-block;font-size: 12px;}









/*产品*/

.nycp_list ul{}

.nycp_list ul li{float: left;width: 380px;margin: 0 30px 30px 0;position: relative;}

.nycp_list ul li a{display: block;background: #fff;text-align: center;overflow: hidden;

	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}

.nycp_list ul li a:hover{box-shadow: 0 20px 50px #ccc;transform: translate3d(0,-5px,0);-webkit-transform: translate3d(0,-5px,0);

	-moz-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);} 

.nycp_list ul li a h1{font-size: 16px;padding: 0 20px; line-height: 80px;height: 80px;overflow: hidden;}

.nycp_list ul li a:hover .nyfg_ti b{background: #fff;}

.nycp_list ul li a:hover .nyfg_more{opacity: 1;}

.nycp_list ul li a img{display: block;width: 100%;height: 250px;}

.nycp_list .nyfg_more{position: absolute;top: 0;left: 0;bottom: 0; width: 100%;height: 250px;background: rgba(0,0,0,.7);opacity: 0;}

.nycp_list .nyfg_more b{display: block;width: 140px;height: 50px;line-height: 50px;background: rgba(255,255,255,.2);margin: 100px auto 0 auto;color: #fff;

	font-weight: normal;}

.nycp_list .nyfg_more b:hover{background: #fff;color: #333;}









/*page*/

.page{ overflow:hidden;margin-top: 30px; text-align: center;}

.page a{padding: 0 12px; height:32px;line-height:32px;margin-right:10px; display:inline-block;border:1px solid #eee; color:#999; 

	text-align: center; transition: 0.5s;}

.page a:hover,.page span{background:#36beea;color:#fff;border:1px solid #36beea;}

.page span{line-height:32px; height:32px; padding:0 12px; text-align:center; margin:0 10px 0 0; display:inline-block;}









/*ny_content*/

.ny_xq{padding: 40px;border:1px solid #eee;}

.ny_xq .xq_nyti{font-size: 30px;margin-bottom: 30px;color: #333;}

.ny_xq .nyxw_date{line-height: 50px;border-bottom:1px solid #eee;margin-bottom: 30px;color: #bbb;font-size: 14px;}

.ny_xq .xqzi_main{line-height: 34px;color: #666!important;padding:30px 0;font-size: 15px;}

.ny_xq .xqzi_main img{max-width: 100%!important;margin: 20px auto!important;height: auto!important;display: block;}







/*fanpian*/

.fanpian{line-height: 30px;padding: 50px 0;color: #666;background: #fff;border-top: 1px solid #eee;}

.fanpian a{display: inline-block;color: #666;}

.fanpian a:hover{color: #e71c35;}











/*新闻*/

.nyxw_list ul{}

.nyxw_list ul li{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #e9e9e9;}

.nyxw_list li a{display: block;}

.nyxw_list li b:hover {background: #36beea;color: #fff;}

.nyxw_list .nyxw_img{float: right;width: 450px;position: relative;}

.nyxw_list .nyxw_img h4{font-size: 12px;line-height: 50px;width: 120px;background: rgba(54,190,234,.5);color: #fff;text-align: center;position: absolute;bottom: 0;left: 0;}

.nyxw_list .nyxw_img img{width: 100%; display: block;height: 225px;}

.nyxw_zi{float: left;width: 600px;}

.nyxw_zi h2{font-size: 24px;line-height: 60px;height: 60px;overflow: hidden;margin-bottom: 20px;font-weight: bold;}

.nyxw_zi p{color: #999;line-height: 30px;height: 60px;overflow: hidden;}

.nyxw_zi b{font-size: 12px;line-height: 40px;width: 100px;background: #fff; text-align: center;display: block;font-weight: normal;color: #666;

	margin-top: 20px;box-shadow: 0 20px 50px #ddd;text-transform: uppercase;}











/*联系*/

/*nylx_list*/

.nylx_list{overflow: hidden;padding: 100px 0;background: #fff;box-shadow: 0 20px 50px #e5e5e5;}

.nylx_list ul{overflow: hidden;}

.nylx_list li{width: 400px;float: left;text-align: center;}

.nylx_list li img{display: block;width: 60px;margin: 0 auto 30px auto;}

.nylx_list li h4{font-size: 14px;line-height: 40px;color: #999;}

.nylx_list li h3{line-height:30px;margin-top: 10px;font-size: 14px;padding: 0 50px;color: #666;}

.nylx_img{display: block;width: 100%;}






/*产品详情*/
.xq_top{background: #fff;margin: 10px 0;overflow: hidden;}
.cpxq_left{float: left;width: 500px;}
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*html .clearfix{ zoom:1;}
.preview{}
.smallImg{position:relative;  margin-top:10px; overflow:hidden;float:left;}
#imageMenu { overflow:hidden;  float:left;}
#imageMenu ul{overflow: hidden;}
#imageMenu li {overflow:hidden;margin: 0 5px 5px 0; border:1px solid #eee;float:left; text-align:center;}
#imageMenu li img{width:94px; cursor:pointer;display: block;height: 62px;}
#imageMenu li:hover{border: 1px solid #36beea;}
.bigImg{position:relative; float:left; width:100%; overflow:hidden;border:1px solid #eee;}
.bigImg #midimg{width:100%; display: block;height: 330px;}
.bigImg #winSelector{width:180px; height:180px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
#bigView{position:absolute;border: 1px solid #ddd; overflow: hidden; z-index:999;}
#bigView img{position:absolute;width: 1200px;}

/*右*/
.cpxq_you{float: right;width: 600px;}
.cpxq_you h1{font-size: 30px;line-height: 40px;overflow: hidden;margin: 20px 0;}
.cpxq_zhai{font-size: 12px;line-height: 30px;height: 60px;overflow: hidden;color: #999;margin: 40px 0;padding: 20px; border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;}
.cpxq_a{text-align: center;}
.cpxq_a a{display: block;width: 160px; line-height: 50px;height: 50px;background: #36beea;color: #fff;border-radius: 50px;box-shadow: 0 10px 40px rgba(54,190,234,.2)}
/*cp_xiang*/
.cpxq_main{padding-top: 20px;}
.kcxq_b .slideTxtBox{}
.kcxq_b .hd{ position:relative; border:1px solid #eee;}
.kcxq_b .hd ul li.on{ color: #fff;background: #36beea;}
.kcxq_b .hd li{display: inline-block; cursor:pointer;padding:0 50px;height:50px;line-height:50px; color: #999;}
.kcxq_b .bd{padding-top: 40px;}
.kcxq_b .bd ul{overflow: hidden;}
.kcxq_b .bd ul li{}
.kcxq_b .cpxq_list .cpxq_liti{font-size: 20px;line-height: 40px;margin-bottom: 30px;font-weight: bold;}
.kcxq_b .cpxq_list .cpxq_li{line-height: 30px;}
.kcxq_b .cpxq_list .cpxq_li td{border:1px solid #e5e5e5;padding: 0 5px!important;line-height: 40px;}
.kcxq_b .cpxq_list .cpxq_li img{display: block;max-width: 100%;margin: 20px auto;}
.kcxq_b .nyxq_img{max-width: 100%;margin: 0 auto 50px auto;}