.w1200{margin: 105px auto 0;width: 1200px;}
.s1200{margin: 0 auto 0;width: 1200px;}
.w1200s{margin: 0 auto ;width: 1200px;}
.w1000{margin: 105px auto 0 ;width: 1000px;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
*body{overflow: height}
.dao_a{width: 600px}
/*头部*/
.head_a img{width: 30px;height: 30px;margin: 0 0 0 15px }
.head_a p{width: 200px;display:block;}
.head_a{width: 600px;margin:33px 0 0 170px  }


.head_a {font-weight: 900;position:relative;bottom: 10px}

.head_a p{width: 280px;display:block;color: #000000;font-weight:600}










.slk{height:100%;width: 100%;}
.slk ul li{height:100%;width: 100%;}
.slk img{height:100%;width: 100%;}
li{list-style: none;}
.header{width:100%;height:;position:fixed;top:;left:;z-index: 9999;background: #ffffff}
.head_c{margin: 0;padding: 0}
.head_b a{ text-decoration:none}
.head_d{width: 400px;}
.head_b {width: 200px}
.head_b p{width:200px;height: 20px;margin-left: 10px}
.head_b .p1{font-size: 35px;color: #000000}
.head_b .p2{font-size: 17px;color: #000000;position: relative;top: 10px}
.pplk a{margin-left:40px}
/*尾部*/
.footer_a{background: #ffffff;}
.footer_b{height: 65px;color: #000000;}
.footer_c{background: #696969;}
.footer_d{width: 1200px;color: #ffffff;height: 40px;line-height: 40px;text-align: center;}
.footer_f{height:65px;line-height: 65px;width: 400px;margin-left:702px;}
.footer_f img{margin: 0 0 0 10px}
.footer_e{height:65px;line-height: 65px;font-size: 30px }


/*轮播图*/
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0; }
.slides{;z-index:1;height: 100%;position: absolute;margin:95px 0 0 0}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) }
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) }
/*关于我们*/



.banner{width: 100%;height: 100%;position: relative;top: 90px }
.about_a{height: 80px;width: 100%;line-height: 80px;font-size: 40px;margin-left:10px}

.about_b li{width: 397px;float: left;display:block;height: 50px;background: #ffffff;color: #ffffff;line-height: 50px;text-align: center;margin: 0 1px}
.about_b li a{color: #000000;text-decoration: none;display:block;font-size: 20px}
.about_b li:hover{background: #ECD8B5;color: red}
.about_b li{border: 1px solid #F0F0F0; }
.about_b li a:hover{background: #ECD8B5;color: red}
.about_b li {margin-bottom:10px }
.about_c {padding: 50px;}














/*tab切换*/
*{margin:0;padding:0;list-style:none;}
body{font-size:12px;color:#666;text-align:left;}
.tabbox{width:100%;font-family:'微软雅黑';min-height:700px;height:auto !important;height:700px;}
.tabbox{background: url(../img/bj.jpg)no-repeat right bottom;};}
.tabbox .tab{overflow:hidden;background:#ccc;}
.tabbox .tab a{display:block;padding:10px 125.5px;float:left;text-decoration:none;color:#333;font-size: 20px;border-right: 0.5px solid #CCCCCC;border-bottom: 0.5px solid #CCCCCC}
.tabbox .tab a:hover{background:#E64E3F;color:#fff;text-decoration:none;}
.tabbox .tab a.on{background:#002351;color:#fff;text-decoration:none;}
.tabbox .content{overflow:hidden;width:100px;height:100px;position:relative;}
.tabbox .content ul{position:absolute;left:0;top:0;height:100px;}
.tabbox .content li{width:1200px;height:100px;float:left;}
.tabbox .content li p{padding:10px;}
/*联系我们*/
.contact_a{border: 1px solid #E1E1E1;min-height:700px;height:auto !important;height:700px;background:url(../img/bj.jpg)no-repeat right bottom;}
.contact_b{width: 100%;height: 400px;}
/*产品中心*/
.product_a{min-height:700px;height:auto !important;height:700px;background:url(../img/bj.jpg)no-repeat right bottom;}
.product_b li{width: 397px;float: left;display:block;height: 50px;background: #002351;color: #ffffff;line-height: 50px;text-align: center;margin: 0 1px}
.product_b li a{color: #ffffff;text-decoration: none;}
.product_c{margin: 10px 0 0 0;}
.product_c a{text-decoration: none;color: #000000}
.product_d {width: 320px;margin: 0 20px}
.product_d img{height: 250px;width: 250px;margin: 20px 30px}
.product_d img{cursor: pointer;transition: all 0.6s;}
.product_d img:hover{transform: scale(1.03);}
.product_d p{text-align: center;color:#000000;font-size: 20px;height: 40px }
.product_e{width: 830px;padding: 10px 10px;line-height: 30px;height: 350px;position: relative;color: #000000;}
.product_f{font-size: 30px}
.product_g{margin: 20px 0;line-height: 17px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 17px}
.product_h{line-height: 20px;margin: 20px 0;padding: 10px 0;border-top: 1px dashed #CCCCCC;border-bottom: 1px dashed  #CCCCCC}
.product_h p{ text-overflow: -o-ellipsis-lastline;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;font-size: 10px}
.product_j{position: relative;left: 90px;bottom: 25px}
.product_i{position: relative;top: 10px}
.products_a{margin-left: 50px;width: 1150px;border: 1px solid #E1E1E1;min-height:700px;height:auto !important;height:700px;background:url(../img/bj.jpg)no-repeat right bottom;}
/*博客*/
.blog_z{font-size: 40px;height: 80px;line-height: 80px}
.blog_a{border: 1px solid #E1E1E1;padding: 0 10px;font-size: 15px;}
.blog_b{margin: 10px 0;}
.blog_e{height: 300px}
.blog_e img{height: 250px;margin: 30px 0 0 30px;width: 250px }
.blog_d{ width: 608px;padding: 10px 10px;line-height: 28px;height: 250px;position: relative;color: #000000;margin: 30px 0 0 30px;}
.blog_d{   display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 8;
    overflow: hidden;}
.blog_f{position:absolute; right:20px; bottom:0px;color: red }
.blog_g{margin: 30px 0 30px 200px;width: 720px}
.blog_g li{width:85%;color: #000000; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 19px}
.blog_g i{width:15%;color: #000000;font-size: 19px }
.blog_g a:hover{background: #F0F0F0;display:block;}
.blog_g a{height: 40px;display:block;line-height: 40px}
.blog_h{position:absolute; left: 30px; bottom:0px;}
/*博客表单*/
.b_xx {border: 1px solid #F0F0F0;margin: 50px 0 0 0}
.u_a {border:1px solid #ccc;margin:20px 0 20px 20px}
.u_b textarea {resize:none;width:300px}
.u_b span {position:relative;bottom:100px}
.u_b i {display:block;width:100px;margin:10px 160px}
.u_b input {width:640px;height:40px;margin-left:160px}
.u_b textarea {resize:none;width:640px;margin-left:160px}
.u_c button {width:200px;height:50px;margin:20px 0 20px 380px;background:#FFB800;color: #ffffff  }
.blog_c{min-height:500px;height:auto !important;height:500px;border: 1px solid #F0F0F0; background:url(../img/bj.jpg)no-repeat right bottom;}
/*固定窗口*/

.gu_b span {position:relative;bottom:100px;}
.gu_b i {display:block;width:230px;margin:3px 0;text-align: center;}
.gu_b input {width:90%;margin: 10px 0;height: 40px;margin:  5%}
.gu_b textarea{resize:none;width: 90%;height: 100px;margin:  5%}
.gu_c button {width:90%;height:40px;margin-top:30px;margin: 0 5%;background: #03C305;color: #ffffff}
.gu_d{width: 210px;margin-left: 30px;background: #E1E1E1}
.gu_w{margin: 0 0 0 50px; border: 1px solid #A0A0A0;border-radius: 10px 10px 0 0;background: #ffffff }
#common_box{width:400px;height:400px;position:fixed;_position:absolute;right:0;top:44%;z-index:88; }
#cli_on{width:40px;height:180px;float:left;cursor:pointer;text-align:center;line-height:180px;
border-radius: 5px;
}
.gu_p{height: 70px;background: #03C305;border-radius: 9px 9px 0 0;color: #ffffff;padding: 3% }

.cli_on{position: relative;top: 8px;left: 6px}
.iu{position: relative;right: 40px;bottom:300px}

.gu_b input{outline:none}   
.gu_b textarea{outline:none}
.gu_b input:focus {
   border-style:solid;  
    border:1px solid #18C139;  
    box-shadow: 0 0 1px #18C139; 
}
.gu_b textarea:focus {
   border-style:solid;  
    border:1px solid #18C139;  
    box-shadow: 0 0 1px #18C139; 
}

.gu_c button{border-radius: 5px}


/*WhatsApp飘浮框*/
.text{opacity:0;} 
.pixc{height: 55px;width: 300px;position:fixed;_position:absolute;left:0;top:50%;z-index:88;}
.pixc:hover .text { opacity:1; text-align:justify; color:#000000; }
.oi_a{width: 55px;height: 55px;background:#F6791E} 
.oi_a img{width: 50px;height: 50px}
.oi_d{position: relative;left: 240px;background:#03C305;}
.oi_d img{width: 50px;height: 50px;}
.oi_b{width: 180px;height: 50px;background: #F6791E}
.oi_c{width: 180px;height: 50px;background: #03C305;line-height: 55px;position: relative;left: 10px}
.oi_c p{color: #FFFFFF;}
.pixa:hover .text { opacity:1; text-align:justify; color:#000000; }
.pixa{height: 55px;width: 300px;position:fixed;_position:absolute;right:-15px;top:38%;z-index:99998;}


@media (max-width: 769px) {
    /*顶部图片*/
    .banner img{width: 100%;}
    /*顶部x 侧边邮箱*/
    #common_box{width:250px;height:100%;position:fixed;_position:absolute;right:0;top:75%;z-index:88;}
    .gu_c button {width:230px;height:40px;padding: 0;margin-top: 20px;background: #18C139 }
    .gu_c {width:100%;height:40px;}
    .gu_b span {position:relative;bottom:100px;}
    .gu_b i {display:block;width:230px;margin:3px 0;text-align: center;}
    .gu_b input {width:90%;margin: 2% 5%}
    .gu_b textarea{resize:none;width: 90%;height: 100px;margin: 2% 5%}
    .gu_c button {width:90%;height:40px;margin: 2% 5% }
    .gu_w{margin: 0 0 0 50px;height:400px;background: #ffffff}
    #cli_on{width:40px;height:10px;float:left;cursor:pointer;text-align:center;line-height:180px;
    border-radius: 5px;}
    .gu_p{height: 70px;border-radius: 9px 9px 0 0;color: #ffffff;padding: 3% }
    .yc{position:fixed;_position:absolute;right:0;top:0%;z-index:9999;background: #ffffff}      
    .gu_p{width: 100%}
    .lo{width: 20%;height: 100%;margin: 2% 0}
    .lu{width: 70%;height: 100%;bottom: 2px solid red}
    .gu_c button{border-radius: 5px}
     /*WhatsApp飘浮框*/
      .pixa{height: 70px;width: 300px;position:fixed;_position:absolute;right:-15px;top:65%;z-index:99998;}
      .oi_z{width: 70px;height: 70px;position: relative;left: 220px;background: none}  
      .oi_z img{width: 70px;height: 70px;}










    /*底部 */
    .footer_f{margin: 0;padding: 0}
    .footer_f img{height: 50%;}
    .footer_c{margin: 0;padding: 0;text-align: center;}
    .footer_d{width: 100%;height: 100%;margin: 0;padding: 0;}
    /*关与我们*/
    .w1200{width: 100%;margin: 90px auto 0}
    .about_b ul li{width: 100%;text-align: center;}
    .about_c{padding: 5px; }
    /*联系我们*/
    .contact_a{margin: 5px;padding: 5px}
    /*博客*/
    .ws1000{margin: 0;padding: 0;width: 100%}
    .blog_z{margin: 0;padding: 0}  
    .w1000{width: 100%;margin: 90px auto 0}
    .blog_a{height: 100%;margin: 0 ;padding: 0}
    .blog_e{margin: 0;padding: 2% 10%;width: 100%;height: 100%}
    .blog_e img{text-align: center;display:block;margin: 0;padding:0 ;width: 100%}
    .blog_b{width: 100%}    
    .blog_d{width: 100%;margin: 0;padding: 0;border: 2px solid #ffffff;height: 5rem}
    .blog_m{width: 100%;padding: 0 0 0 1%;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;overflow: hidden;line-height: 2rem;height: 4rem;}
    .blog_f{position: absolute;margin:1% 0 0 1%;padding: 0;background: #ffffff;width: 100%;left:0;}    
    .blog_g{width: 100%;margin: 0;padding: 0} 
    .blog_g ul li{margin: 0;padding: 0 0 0 1%;width:69%;font-size: 1.5rem}
    .blog_g ul i{margin: 0;padding: 0;width: 30%;font-size: 1.5rem}
    .blog_c{width: 100%;padding: 2% 2%}
    .submit{width: 100%}
    .mi_b .eml{width: 94%;margin: 0  3% ;padding: 0;display:block; }
    .mi_b textarea{width: 94%;margin: 0 3% ;padding: 0 }
    .u_c button{ margin: 0 20%;padding: 0;width: 60% }
     


    /*产品*/
    .product_e{width: 100%;height: 100%}
    .product_g{width: 100%;}
    .product_d {width: 100%;padding: 0; margin: 0}
    .product_d p{margin: 2% 0 0 0}
    .product_g{margin: 0}
    .product_d img{padding: 0 ;margin: 0 10%;width: 80%;text-align: center;}
    .product_z{width: 100%;text-align:right;padding: 0 10px 0 0;position: relative;}
    .products_a{width: 100%;padding: 0 2%;margin: 0;min-height:300px;height:auto !important;height:300px; }
    .pplk a{margin: 0;padding: 0}
    /* 手机端首页轮播*/
    .slides img{width: 100%;height: 100%;}
    

}