@charset "utf-8";
/* CSS Document */
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body{
	font-family: Arial, "微软雅黑";
	font-size: 14px;
	color:#525252;
}
ul, ol { list-style:none;} 
img{max-width:100%;}
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Lao UI, sans-serif, "微软雅黑"; vertical-align:middle;}
a{ color:#525252; text-decoration:none;}



/*top*/
#love{width: 100%;}
.bj{background: #3e7fcc;height: 107px;position: relative;z-index: 0 }
.bj h1{height: 107px;width: 50%;;background:#3e7fcc; position: absolute;z-index:-1;}
.bj>p{position: absolute;width: 100%;background: #222324;height: 1px;top:60px;z-index:-2;right: 0}
.bj h2{width: 236px;background:#3e7fcc;height: 107px;float: left; }
.top{width: 1200px;margin: 0px auto;background: #3e7fcc;height: 100%;}
.top>h2>a>img{margin-top:24px;float:left;}
.top h4{font-size: 20px; font-weight:900;color: #222324;margin-top: 19px;padding: 0px 0 13px 46px; float: left;}
.top ol{float: right;margin-top: 24px;}
.top ol li{float: left;margin-left: 20px;color: #222324;font-size: 14px;font-weight: 600}
.top ol li a{color: #222324;}
.top ol li img{margin-top: 4px;margin-right: 5px;}
.top ol li .img{margin-top:2px;}
.top ul{ width: 962px;height: 47px;float: right;border-top: 1px solid #222324;z-index:0;}
.top ul li{margin:0px 20px;float:left;padding: 14px 5px 14px 5px;position: relative;font-weight: 600;}
.top ul .li_1{margin-left:44px;}
.top ul li a{color: #222324;font-size: 16px;}
.top ul li:hover a{color: #f1f1f1;}
.top h5 { float: right;margin-top:12px; }
.top h5 a{color: #222324}
.top h5 img{margin-top: 6px;margin-left: 5px;}
.top .xl{position: absolute;top:46px;font-size:14px;height:900px;transition-duration: 0.8s;z-index:99999;height:0px;overflow: hidden;left: 0; }
.top .xl p{font-size:14px;padding:10px 20px 10px 10px;transition-duration: 0.5s;z-index:1111;border-bottom: 1px solid #C5C5C5;white-space: nowrap;}
.top .xl p a{color: #f1f1f1;}
.top ul li:hover{background:#77c34f; }
.top ul li:hover .xl{height:300px;}
.top ul li:hover .xl p{background:#77c34f;} 
.top ul li .xl p:hover{margin-left:10px;background: #21292D;}
.top ul li .xl p:hover a{color:#f1f1f1;}

/*banner*/

.w1200{max-width:1200px; margin:20px auto;}
.w1200:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.w1024{max-width:1024px; margin:0 auto;}
.w1024:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}

/*banner*/
.banner{ position:relative; z-index:-1;overflow: hidden;width: 100%;}
.block_home_slider {position: relative;text-align: center;line-height: 0px;margin-right: auto;margin-left: auto;}  /*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:50px; height:50px; margin-top:-27px; display:block; position:absolute; top:50%; text-indent:-9000px; display:none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-repeat:no-repeat; background: url(../images/prev.png);}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px;  background-repeat:no-repeat; background: url(../images/next.png);}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging { position:absolute; bottom:30px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a {width:12px; height:12px; display:block; background-repeat:no-repeat; background:#fff; text-indent:-9000px; cursor:pointer; transition:all 0.5s; border-radius:6px;}
.block_home_slider .flex-control-paging li a.flex-active { background:#c82126;}

.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}

.flexslider {margin: 0; padding: 0; height:500px;}
.flex-viewport{height:100%;}
.flexslider .slides{ height:100%;}
.flexslider .slides > li { height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type: none; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */


wfb .xwfb_jt .jc_if_next{width:16px; height:16px; margin-top:10px; display:block; background: url(../images/xw_xjt.png) center no-repeat;}

#home_slider2{display:none;}
/*banner*/




/*chanpin*/
.cp{width: 1200px;margin: 40px auto;}
.cp ul {margin-left: -13px;}
.cp ul li{width: 288px;height: 327px;border: 1px solid #C2C2C2;float: left;margin-left: 13px;margin-bottom: 13px;}
.cp ul li h3{width: 100%;height: 227px;overflow: hidden;}
.cp ul li h3 img{width:  100%}
.cp ul li:hover h3 img{transform:scale(1.08);transition-duration:0.3s;
-ms-transition-duration:0.3s;
-wedkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
-msz-transition-duration:0.3s;}
 .cp ul li h5{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    }   

.cp ul li h4{padding: 12px 0px 10px 14px;font-size: 16px;}
.cp ul li:hover h4{color: #33a1d7;}
.cp ul li:hover h5{color: #33a1d7;}
.cp ul li h5{padding:0px 14px;line-height:24px; }
.cp ul li:hover{box-shadow: 3px 5px 10px #cbcbcb;transition-duration:0.2s;
-ms-transition-duration:0.2s;
-wedkit-transition-duration:0.2s;
-o-transition-duration:0.2s;
-msz-transition-duration:0.2s;


}

/*guanyu*/
.guanyu{width: 1200px;margin: 40px auto;}
.guanyu img{margin-top: 40px;}
.guanyu ul{width: 639px;height: 323px;float: right;}
.guanyu ul h1{font-size: 28px; color: #3B79C0;margin-bottom: 20px;margin-top: 55px;}
.guanyu ul h2{font-size:18px;color:#484848;margin-bottom:20px;}
.guanyu ul p{ line-height: 24px;}
.guanyu ul p{    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 4; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/}
.guanyu ul li{float:left;margin-right: 20px;padding:5px 15px;background: #9E9E9E;border-radius: 10px;margin-top: 15px }
.guanyu ul li:hover{background: #3B79C0;}
.guanyu ul li a{color: #f1f1f1;}

/*xingwen*/

#xingwen {width: 1000px;margin:40px auto;text-align: center;}
#xingwen h1{font-size:26px;margin-bottom: 40px;}
#xingwen h2 {padding:5px 15px;border:1px solid #BEBEBE;margin:30px 10px; }
#xingwen ul {width: 100%;margin-top:30px;display: none;margin-left: -22px;}
#xingwen ul li{width:310px;height:361px;margin-left: 22px;float:left;margin-bottom: 20px;  }

#xingwen ul li:hover{box-shadow: 5px 15px 20px #cbcbcb;transition-duration:0.2s;
-ms-transition-duration:0.2s;
-wedkit-transition-duration:0.2s;
-o-transition-duration:0.2s;
-msz-transition-duration:0.2s;
}
#xingwen .active{padding: 5px 15px;border: #BFBFBF;}
#xingwen ul li h3{width:100%;height:177px;overflow: hidden}
#xingwen ul li h3 img{width:100%;}
#xingwen ul li h4{text-align: left;margin-top: 20px;font-size: 18px;padding-left:10px; 

    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

}
#xingwen ul li p{text-align: left;line-height:24px;padding: 0px 10px; }
#xingwen  ul li p{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    }   

#xingwen ul li h5{float: left;padding: 5px 10px;border-radius: 5px;background: #484856;margin-left: 10px;margin-right:15px;transition-duration:0.3s;
	margin-top:25px; 
-ms-transition-duration:0.3s;
-wedkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
-msz-transition-duration:0.3s;
}
#xingwen ul li h5 a{color: #f1f1f1;}
#xingwen ul li h5:hover{background: #33a1d7}


/*底部*/
.di{background: #3a78c1;float: left;}
.di-1{width: 1100px; margin: 0 auto;}
.di-1 ol{width: 1100px; margin: 0 auto;border-bottom: 1px solid #cecece;overflow: hidden;}
.di-1 ol li{float: left; color: #F1F1F1;margin-top:20px;margin-bottom:5px;font-size: 16px;margin-left: 5px;}
.di-1 ol li a {color:#f1f1f1;}
.di-1 li a:hover{text-decoration:underline;}
.di-1 ul .di_li1{width:250px;height:170px;border-right: 1px solid #f1f1f1; margin-top: 20px;text-align: center;color: #f1f1f1}
.di-1 ul .di_li1 img{margin-top: 60px;margin-bottom: 10px;}
.di-1 ul .di_lil p{margin-top: 10px;}
.di-1 ul li{float: left;}
.di-1 ul {margin-top:20px;}
.di-1 ul .di_li2{width: 250px;margin-left: 40px;}
.di-1 ul .di_li2 h3{width: 100%; height:3px;background: #f1f1f1;}
.di-1 ul .di_li2 p{float: left;margin: 18px 0 0 0;}
.di-1 ul .di_li2 p a{color: #f1f1f1;}
.di-1 ul .di_li2 .p1{margin-right: 29px;}
.di-1 ul .di_li2 h2{font-size: 16px;color: #f1f1f1;margin: 20px 0 12px 2px;}
.di-1 ul .di_li2 p2{margin-top:0px; }
.di-1 ul .di_li2 .h4{margin-top:16px}

.di-1 ul .li_6{width: 270px;}
.di-1 ul li h4{font-size: 14px;color: #f1f1f1;line-height:24px; }
.di-1 ul .li_7 {width: 198px;}
.di-1 ul .li_7 img{width: 48%;margin:20px 0; }


.di-1 dl{width: 100%;float: left;text-align: center;border-top:1px solid #cecece;margin-top:5px;}
.di-1 dd{padding-top:10px;color: #f1f1f1; }
.love {
	width:100%;
	margin-top:40px; 
}

.w1920 {
	width: 100%;
}






/*hz*/
.hz h2{font-size:26px;margin-bottom: 50px;padding:0px 0 0 0; }
.hz-bj {background:url(../1_files/1.jpg);padding:10px 0 40px 0;width: 100%;overflow: hidden; }
.hz-kh {padding:10px 0 40px 0;width: 100%;overflow: hidden; }
#www_jb51_net {
background: #FFF;
overflow:hidden;
width: 1200px;
height:105px;
	float: left;
	margin-top:0px; 
}
#www_jb51_net img {
border: 1px solid #F2F2F2;
	opacity: 0.5;
	
}
	#www_jb51_net img:hover{opacity: 1}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}

.hz{text-align: center;width:1200px;margin:0px auto 0 auto}



/*ny-banner*/
.ny-banner{width: 100%;position: relative;z-index: -1;}

.ny-banner ul{position: absolute;top: 0;width: 100%;height: 100%;background: url( ../images/tubiao/3.png);text-align: center;}
.ny-banner ul li{font-size: 64px;font-family: "思源黑体 CN";font-weight: 600;margin-top:8%;color: #f1f1f1;margin-bottom: 2%} 
.ny-banner ul p{width: 60px;height: 5px;background: #f1f1f1;margin: 0 auto}


/*位置导航*/
.wzdh{width:1200px;margin:10px auto 0 auto; display: none}
.wzdh h2{width:12px ; height:12px ;border: 1px solid #979797;float: left;margin: 22px 10px 0px 5px;}
.wzdh h3{ color: #2a7ebc; font-size: 16px;padding: 20px 0 12px 0;}
.wzdh h3 a{color: #727272;}
.ul_gy{margin:0px auto; overflow: hidden}
.label {
  float:left;
  text-align:center;
  background:#ffffff;
  box-shadow: 0 3px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  color:#222222;
  padding:1% 2%;
  margin:2% 0 1% 2%;
  cursor:pointer;
	font-size: 16px;
	border:1px solid #E7E7E7;
}
.label:hover a{color: #f1f1f1;}
.label:hover{background:#33a1d7}

/*ny-cp*/
#cp{margin-top: 30px;}


/*yemao*/
.yemao{width: 100%;float: left;text-align: center;margin-top:20px;}
.yemao a{padding:5px 8px;border:1px solid #E7E7E7;margin:0 10px;color: #343537; }
.yemao a:hover{background: #E7E7E7;} 
.yemao .s{background: #e7e7e7;}

/*ny-公司简介*/
.gywm{ margin-bottom:60px;width:100%;margin: 20px auto;}
.gywm .li_3{ float:left;  margin-top:20px; margin-right:40px;}
.gywm .li_3 h2{ font-size:20px; font-weight:600; color:#ffb41b; margin-bottom:10px;}
.gywm .li_3 p{font-size:16px; line-height:24px; color:#484848; margin:15px 0; text-indent:0px;}
.gywm .li_3 div{width:22px; height:3px; background:#f7b506; float:left; clear:left; margin:10px 4px;}
.sy_gywm_1 li{float: left;}
.sy_gywm_1 .gsjj_img{width: 50%;}
.gywm ul{width: 100%;}
.sy_gywm_1 li img{width: 80%;margin: 5% 0  0 0}


/*xinwen*/
.ny_dbj{width:100%;}
.ny_bj{width:100%; background:#fff; padding:0 0 10px 0;}
.ny_kj{padding:40px 0 0 0;} 
.ny_kj .ny_wb{line-height:26px; color:#666; font-size:15px;}
.xwzx{}
.xwzx ul{margin-top:-30px;}
.xwzx ul li{ overflow:hidden; margin-top:30px; padding-bottom:30px; border-bottom:1px #eaeaea solid;}
.xwzx ul li .xw_img{width:200px; float:left;}
.xwzx ul li .xw_img img{max-height:120px;}
.xwzx ul li .xw_wz{width:calc(100% - 250px); float:right;}
.xwzx ul li .xw_bt{font-size:17px; font-weight:600; color:#444; margin-top:9px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition:all 0.4s; padding-right:14px;}
.xwzx ul li:hover .xw_bt{padding-left:14px; padding-right:0;}
.xwzx ul li .xw_wz_kj{overflow:hidden;margin-top:16px;}
.xwzx ul li .xw_wz_kj .xw_img_img{width:120px; float:left; display:none;}
.xwzx ul li .xw_wb{ color:#848484;  line-height:20px; height:40px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition:all 0.6s; padding-right:14px;}
.xwzx ul li:hover .xw_wb{padding-left:14px; padding-right:0;}
.xwzx ul li .xw_rq{ overflow:hidden; margin-top:10px; transition:all 0.8s; padding-right:14px;}
.xwzx ul li:hover .xw_rq{ padding-left:14px; padding-right:0;}
.xwzx ul li .xw_rq span{color:#999;}

.xw_xq{ padding-bottom:20px; margin-bottom:40px; border-bottom:1px #ccc dotted; text-align:center;}
.xw_xq .xw_xq_bt{ font-size:18px; color:#444; font-weight:600;}
.xw_xq .xw_xq_rq{ margin-top:20px; font-size:13px;}
.xw_xq .xw_xq_rq span{ color:#999}

.xw_more{margin-top:40px;}
.xw_more a{display:inline-block; line-height:40px; padding:0 16px; color:#fff; background:#c82126 ;}

.jiathis_style_24x24{ overflow:hidden; margin-top:30px;}
.jiathis_style *{ border:none !important;}

.xwxq_sxp{width:100%; overflow:hidden; margin:30px 0 0 0;}
.xwxq_sxp a{display:block; margin-bottom:10px; transition: all 0.7s;}
.xwxq_sxp a:hover{color:#c82126;}
.xwxq_sxp a span{ font-weight:600; color:#444;}

/*lian-xi*/
.lxfs{ background:#f1f1f1; overflow:hidden; position:relative;}
.lxfs .lxfs_wz{width:50%;line-height:26px; color:#444; padding:40px;}
.lxfs .lxfs_dt{width:50%; height:100%; position:absolute; right:0; top:0;}

/*客户留言*/
.zxly{margin-top:40px; }
.zxly ul{ margin:4% 0 -1% -1%;}
.zxly ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.zxly ul li{width:48%; float:left; margin:0 0 2% 2%; border:1px #ededed solid;}
.zxly ul li .input_txt{width:100%; border:none; padding:0 0 0 20px;line-height:40px; background:#f3f3f3;}
.zxly ul .textarea{width:98%; margin:0 0 0 2%;}
.zxly ul li textarea{width:100%; height:120px; border:none; padding:10px 20px;background:#f3f3f3;}
.zxly .more{width:140px; overflow:hidden; margin:60px auto 0 auto;}
.zxly .more .input_btn{width:140px; height:40px; text-align:center; margin:0 auto; background:#444; font-size:16px; border:none; color:#fff;}


.ladel1 {
	margin-left: 0px;
}
/*产品详情*/

.product_kuan{width:100%;margin: 40px auto; overflow: hidden}
.product_xq{width:100%; margin:0 auto; }
.page{ float:left; width:42%;}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ max-width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0 0 1%; width:24%; height:46px; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{ opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ border:1px solid #eee; position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0;}
.sp-large a img{ max-width:100%; height:auto;}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {
	.sp-wrap{ margin:0 0 15px 0;}
	#sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}
}
.product_xq_right{ float:right; width:54%; font-size:14px; color:#525252; line-height:24px;}
.product_xq_right h2{ font-size:20px; line-height:26px; color:#0068b9; padding:0 0 8px 0; margin:0 0 12px 0;}
.yx{width: 110px;float: right;height: 100%; }
.yx img{width: 100%;margin-top:12%}

.products_detail_two{ display:block; height:auto; overflow:hidden; margin:36px 0 0 0; background:#fff; font-size:14px; color:#525252; line-height:24px;}
.products_detwo_titel{ border-bottom:solid 1px #e8e8e8; border-top:solid 1px #e8e8e8; height:55px; line-height:55px;}
.products_detwo_titel a{ cursor:pointer; float:left; font-size:16px; text-align:center; display:block; height:55px; border-right:solid 1px #e8e8e8; border-top:none; padding:0 5%;}
.products_detwo_titel a.cur,.products_detwo_titel a:hover{ color:#fff; background:#33a1d7; text-decoration:none;}
.borleft{ width:100%; border-left:solid 1px #e8e8e8;}

.products_decon{ width:100%; margin:0 auto;}
.pro_con{padding-top:30px; font-size:14px; color:#666; line-height:24px;}
.produxt_common{ padding-bottom:30px; display:block; height:auto; overflow:hidden; width:100%;}
.produxt_common ul { padding-top:20px;}
.produxt_common ul li{ border:solid 1px #ddd; width:225px; float:left; margin-right:19px; text-align:center; padding:5px 4px 20px 4px;}	

.banh{width: 100%;text-align: center;display: none;overflow: hidden}
.banh p{padding:1% 0 1% 0;background: #2E3032; margin-bottom: 48px;color: #f1f1f1;}



/*框架*/
.ny-dh{width: 1200px;margin: 20px auto 0 auto}

.z-dh{width: 270px;float:left;}
.z-dh ul {width: 100%;content:"";display:block;clear:both;position: relative;}
.z-dh .dh-1 h2{width: 100%;background: #33a1d7;height:60px;position: relative;text-align:center;overflow: hidden;}
.z-dh .dh-1 h2 p{
	position: absolute;
	font-size:30px;
	color: #f1f1f1;
	top: 15px;
	font-weight: 600;
	left: 20px;
}
.z-dh ul h2 img{width:100%; }
.z-dh ul li {background: #f1f1f1;height: 40px;margin-top: 2%;border-bottom: 2px  solid #d9dadc;z-index: 888}
.z-dh ul li p{color:#5d5e5f;padding:12px 0 0 20px;  }
.z-dh ul li p:before{content:"";display: block; background: url(../images/tubiao/5.png) no-repeat top -22px  right 10px;height:23px;width:40px;float: right;margin-top:-2px;}
.z-dh ul li:hover{background: #33a1d7}
.z-dh ul li:hover p{color: #f1f1f1;}
.z-dh ul li:hover p:before{content:"";display: block; background: url(../images/tubiao/5.png) no-repeat top  0px  right 10px;height:23px;width:40px;float: right;margin-top:-2px;}

.z-dh .x-dh h2{height: 60px; }
.z-dh .x-dh {width: 100%;background: #f1f1f1;border: 1px solid #d9dadc;margin-top:6%;text-align: center;}
.z-dh .x-dh>div {width: 100%;border-bottom: 1px solid #d9dadc}
.z-dh .x-dh>div img{margin-top:10px;margin-bottom: 5px;}
.z-dh .x-dh li{text-align: left;padding:10px 10px 0px 20px; line-height: 18px;}

.y-dh{width: 900px;float: right;margin-top:8px}
.y-dh ul{width: 100%;margin-top:10px }
.y-dh ul .z{font-size:24px;font-weight: 600;color: #484848}
.y-dh ul .z p{height: 25px;width: 4px;background:#33a1d7;float: left;margin-right: 8px;margin-top:4px}
.y-dh ul .y{float: right;margin-top: -15px;}

.y-dh ul div.xx{width: 100%;height: 1px;border: 1px dashed #8C8C8C;margin-top: 10px}
.y-dh ol {margin-left: -13px;margin-top:13px; }
.y-dh ol li{width: 290.5px;height: 327px;border: 1px solid #C2C2C2;float: left;margin-left: 13px;margin-bottom: 13px;}
.y-dh #sb li{height: 275px;}
.y-dh ol li h3{width: 100%;height: 227px;overflow: hidden;}
.y-dh ol li h3 img{width:  100%}
.y-dh ol li:hover h3 img{transform:scale(1.08);transition-duration:0.3s;
-ms-transition-duration:0.3s;
-wedkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
-msz-transition-duration:0.3s;}
.y-dh ol li h5{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    }   

.y-dh ol li h4{padding: 12px 0px 10px 14px;font-size: 16px;}
.y-dh ol li:hover h4{color: #33a1d7;}
.y-dh oll li:hover h5{color: #33a1d7;}
.y-dh ol li h5{padding:0px 14px;line-height:24px; }
.y-dh ol li:hover{box-shadow: 3px 5px 10px #cbcbcb;transition-duration:0.2s;
-ms-transition-duration:0.2s;
-wedkit-transition-duration:0.2s;
-o-transition-duration:0.2s;
-msz-transition-duration:0.2s;


}

/*框架*/


/*合作客户*/
.cpzx_1 ul{overflow:hidden;width: 100%;margin-left:-20px }
.cpzx_1 ul li{width:160px; float:left; text-align:center;margin-left: 20px;  }
.cpzx_1 ul li img{width:100%;}
.cpzx_1 ul li h3{ font-size:15px; line-height:30px;}
.cpzx_1 ul li p{ font-size:13px; line-height:34px; color:#666;transition: all 0.6s;}
.cpzx_1 ul li:hover p{color:#1699df;}
/*合作客户*/

/*发展历程*/
.fzlc{}
.fzlc ul{ border-top:1px #f3f3f3 solid;}
.fzlc ul li{line-height:24px; padding:20px 0; border-bottom:1px #f3f3f3 solid;}
.fzlc ul li .fzlc_n{font-size: 24px; color:#7f7f7f; font-weight:600;}
.fzlc ul li .fzlc_x{color:#a5a5a5;}
/*发展历程*/



/*工厂参观*/
.gscg{width:100%; margin:0 auto; margin-top:10px;}
.gscg h2{font-size:18px; font-weight:bold; color:#4fb0f0;margin-bottom: 10px;margin-top: 20px;}
.gscg h5{clear:left; font-size:16px; color:#707070;line-height: 24px;}
.gscg h6{font-size:12px; margin-bottom:20px;color:#707070}
/*工厂参观*/

.floe {
	float: left;
}
/*加入我们*/
		
		/* The interesting bit */
	
		input:not(:focus), textarea:not(:focus) {
			opacity:0.5;
		}
		
		input:required, textarea:required {
			background:url(../tests/formdemo/asterisk_orange.png) no-repeat 460px 7px;						
		}

		input:valid, textarea:valid {
			background:url("tests/formdemo/tick.png") no-repeat 460px 5px;			
		}		

		input:focus:invalid, textarea:focus:invalid {
			background:url("tests/formdemo/cancel.png") no-repeat 460px 7px;						
		}

		input[type=submit] {
			padding:10px;
			background:none;
			opacity:1.0;
		}


/*联系我们*/

.middle{
width:880px; float:right; background:#fff; margin-top:10px; padding: 20px;
}
.middle .leftMenu{
	width:100%;
	float: left;
}
.middle .leftMenu .topMenu{
	height: 42px;
}

.middle .leftMenu .topMenu .changeMenu{
	cursor: pointer;
}
.middle .leftMenu .topMenu .banshi{
	padding-left: 23px;
}
.middle .leftMenu .topMenu .menuTitle{
	text-align: center;
	color: #F2F2F2;
	float: left;
	line-height: 42px;
	font-size: 16px;
	width: 120px;
}

.menu_list ul li{
	display: block;
	text-align: center;
	width: 100%;
}
.menu_list ul li .fuMenu{
	color: #a3a3a3;
	font-size: 14px;
	cursor: pointer;
	text-align:left;
	padding: 1px 2px;
	width:100%;
	border-bottom: 1px solid #a3a3a3;
}
.menu_list ul li .xiala{
	float: right;
	margin-top: -25px;
	margin-right: 20px;
}
.menu_list ul li .div1 {
	height: auto;
	padding-top: 10px;
	border: none;
	box-shadow: none;
	}
.menu_list ul li .div1 .zcd{
	color:#757575;
	font-size: 14px;
	background-color:#FFFFFF;
	cursor: pointer;
	padding: 2px 14px;
	line-height:20px;
	text-align: left;
	width: 100%;
	list-style-type: decimal;

}
.div1 {
	height:100%;
	display: none;
}
.removes{
	color: #0FB9EF !important;
	border-left: 3px solid #0FB9EF;
}
.div3 h2{
	font-size: 16px;
	text-align: left;padding: 5px 11px;
	color: #ff9442;
	}
.li_11{border-bottom:1px solid #FFFFFF;margin-bottom:25px;}


.wm {
}