@charset "utf-8";

* {margin:0; padding:0;}

body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {margin:0; padding:0;}

input, select{ vertical-align:middle}

textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}

li {list-style-type:none;}

img {border:0 none;}

.none{

    display: none;

}

a:link{

    text-decoration:none; color: #272727;text-decoration: none;

}

a:visited{

    text-decoration:none; color: #272727;text-decoration: none;

}

a:hover{

    text-decoration:none; color: #272727;text-decoration: none;

}

a:active{

    text-decoration:none; color: #272727;text-decoration: none;

}

body {

    font-family:"微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 14px;

    color: #272727;

    background-color:#fff;

    overflow-x:hidden ;

}

.n-banner img{

width:100%

}

img{ border:none; vertical-align:middle; max-width: 100%;}

i,em{ font-style:normal;}

li{ list-style-type:none;}

textarea{ resize:vertical;}

input, select, textarea{ font-family:"Microsoft Yahei","Arial"; background-color:#fff; margin:0; padding:0; outline:none;}

.clear{

    clear: both;

}

.fl-r{

    float: right;

}

.fl-l{

    float: left;

}





/*第一屏 */

.banner1{ background: url("../images/banner1.png") no-repeat center;background-size: cover ;z-index: 1000;cursor: pointer;position: relative;}

.banner2{ background: url("../images/banner2.png") no-repeat center;background-size: cover ;z-index: 1000;cursor: pointer}

.banner3{background: url("../images/banner3.png") no-repeat center;background-size: cover ;z-index: 1000;cursor: pointer}

.in-head-left{

float:right

}

.i-nav-hold{

width: 250px;

  

    position: absolute;

    z-index: 1001;

  

    left: -180px;

    top: 0px;

    bottom: 0px;

    right: 0px;

}

.nav1{width: 180px;

    z-index: 1001;

     }

.nav1 li{ width: 180px;  background-color: rgba(0, 0, 0, 0.69); border: solid 1px rgba(255, 255, 255, 0.35); background-color: rgba(0, 0, 0, 0.69);}

.nav{width: 180px;

  

    

    position: absolute;

    z-index: 1001;



    left: 0px;

    top: 0px;

  

     }

.nav li{ width: 180px;  background-color: rgba(0, 0, 0, 0.69); border: solid 1px rgba(255, 255, 255, 0.35); background-color: rgba(0, 0, 0, 0.69);}



/*第二屏 */

.section2{ background: url("../images/about_bg.png") no-repeat center;background-size: cover ;z-index: 1000;cursor: pointer}

.about_left{ float: left; padding-left: 10px; margin-top: -50px; }

.about_right{ width:80%; margin: 0 auto; }

.about_right p{ font-size: 16px; color: #ffffff; line-height: 32px; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; padding-top: 50px; text-align: center }

.about_right a{color: #ffffff; }

.about_right a:hover{color: #fd2424}



/*第三屏 */

.section3{ background: url("../images/pro_bg.png") no-repeat center;background-size: cover ;z-index: 1000;cursor: pointer}

.product{}

.pro_left{ float: left; padding-left: 10px;}

.pro_right{ width:80%; margin: 0 auto; }

.pro_tltle{ padding-bottom: 20px;}

.pro_right ul{ }

 .pro_right li{

    float: left;

    background-image: url(../images/pro1_bg.png);

    margin: 1px;

    width: 24%;

padding:10px 0;

} 





/*第四屏 */

.section4{ background: url("../images/fctory_bg.png") no-repeat center;background-size: cover ;z-index: 1000;cursor: pointer}

.factory_left{float: left; padding-left: 10px; margin-top: 10px}

.factory_right{ width: 1400px; margin: 0 auto}

.factory_tltle{

margin-bottom:20px

}



/*第五屏 */

.section5{ background: url("../images/contact_bg.png") no-repeat center;background-size: cover ;z-index: 1000;cursor: pointer}







.liuyan{

   width: 1000px;overflow: hidden;margin: 0 auto;margin-top:-150px

}

.liuyan .liuyan-top{

    text-align: center;font-size: 24px;color: #000;font-weight: bold;line-height: 40px;letter-spacing: 3px;

}

.liuyan .liuyan-left{

       

    width: 500px;

    float: left;

    text-align: left

}



.liuyan .liuyan-left .liuyan-list input{

    width: 280px;height: 40px;line-height: 40px;outline: none;border: 1px solid #000;margin-right: 20px;background: none;padding-left: 10px;

}

.liuyan .liuyan-left .liuyan-address input{

    width: 100%;height:40px;line-height: 40px;outline: none;border: 1px solid #000;;background: none;padding-left: 10px;

}

.liuyan .liuyan-left .form-control{

    width: 100%;outline: none;border: 1px solid #000;;background: none;padding-left: 10px;margin-top: 10px;padding-top: 10px;font-size: 14px;

}

.liuyan .liuyan-left button{

    padding: 10px 50px;background:#2389FF;color: #fff;outline: none;border: 0px;margin-top: 20px;cursor: pointer; font-size: 14px; letter-spacing: 3px; float: left; font-family:"Microsoft Yahei";

}



.liuyan .liuyan-right{

        width: 300px;

    font-size: 18px;

    float: right;



}

.liuyan .liuyan-right ul li{

    height: 50px;line-height: 50px;vertical-align: middle; float: left;

}

.liuyan .liuyan-right ul li i{

    width: 45px;height: 35px;display: inline-block;background: url("../images/tel.png") no-repeat;background-position: 0px 0px;

    vertical-align: middle;line-height: 40px;

}

.liuyan .liuyan-right ul li span{

    vertical-align: middle;color: #000;padding-left: 10px;

}

.liuyan .liuyan-right ul li+li i{

    width: 45px;height: 35px;display: inline-block;background: url("../images/mail.png") no-repeat;

    vertical-align: middle;line-height: 40px;

}

.liuyan .liuyan-right ul li+li+li i{

    width: 45px;height: 35px;display: inline-block;background: url("../images/fax.png") no-repeat;

    vertical-align: middle;line-height: 40px;

}

.liuyan .liuyan-right ul li+li+li+li i{

    background: url("../images/web.png") no-repeat;

}

.liuyan .liuyan-right ul li+li+li+li+li i{

    background: url("../images/map.png") no-repeat;

}

.erweima{

    margin-top: 10px;

}

.footer{

    position: absolute;bottom: 0px;left: 0px;width: 100%;background: #242c2f;text-align: center;height:30px;

    line-height: 30px;color: #687c84; font-size: 16px;z-index:100

}

.footer-hold{

   

}

.footer-hold a{

    color: #687c84;

}





/*搜索 */

.search{z-index: 1001;

    position: absolute;

    right: 200px;

    top: 50px;}

.second-guider-right{

    width:300px;position: relative;

}

.second-guider-right input{

    height: 52px;

    background: rgba(255, 255, 255, 0.55);

    outline: none;

    border: 0px;

  

    padding-right: 40px;

    width: 230px;

    padding-left: 10px;

}

.second-guider-right  button{

    background: url("../images/search.png") no-repeat;width: 59px;height: 58px;display: inline-block;cursor: pointer;position: absolute;right: -50px;top:14px;border: 0px;outline: none;

}





a{

    font-family: arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;

    font-size:14px;

    color:#333;

    text-decoration:none;

}

.wrapper {

    max-width:350px;

    width:100%;

    margin:0px auto;



}





/*首页产品 */

/* main_img */

/* main_img */

.main_img{

   height: 100%;

   width: 100%;

    overflow:hidden;

    position: relative;

}

.main_img img{

   height: auto;

    width: 100%;

    overflow-x: hidden;

    overflow-y: hidden;

    position: relative;

    z-index:1;

    transition-delay: 0s;

    transition-duration: 1s;

    transition-property: all;

    transition-timing-function: ease;

    /* Firefox 4 */

    -moz-transition-delay: 0s;

    -moz-transition-duration: 1s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -webkit-transition-delay: 0s;

    -webkit-transition-duration: 1s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    /* Opera */

    -o-transition-delay: 0s;

    -o-transition-duration: 1s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

}

.main_img .show {



    background: rgba(62, 113, 243, 0.71);

    height:100%;

    left: 0;

    opacity: 0;

    filter:alpha(opacity=0);

    position: absolute;

    top: 0;

    transition-delay: 0s;

    transition-duration: 0.3s;

    transition-property: opacity;

    transition-timing-function: ease-in;

    /* Firefox 4 */

    -moz-transition-delay: 0s;

    -moz-transition-duration: 0.3s;

    -moz-transition-property: opacity;

    -moz-transition-timing-function: ease-in;

    /* Safari 和 Chrome */

    -webkit-transition-delay:0s;

    -webkit-transition-duration: 0.3s;

    -webkit-transition-property: opacity;

    -webkit-transition-timing-function: ease-in;

    /* Opera */

    -o-transition-delay:0s;

    -o-transition-duration: 0.3s;

    -o-transition-property: opacity;

    -o-transition-timing-function: ease-in;

    width:100%;

    z-index: 200;

}

.main_img .show .imgArea {

    width:220px;

    left: 50%;

    bottom:0;

    margin:-15px 0px 0px -100px;

    opacity: 0;

    position: absolute;

    transition-delay: 0s;

    transition-duration: 0.4s;

    transition-property: all;

    transition-timing-function: ease;

    /* Firefox 4 */

    -moz-transition-delay: 0s;

    -moz-transition-duration: 0.4s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -webkit-transition-delay:0s;

    -webkit-transition-duration: 0.4s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

    /* Opera */

    -o-transition-delay:0s;

    -o-transition-duration: 0.4s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

}

.main_img .show .imgArea a{

    color:rgba(255,255,255, 0.8);

    display:block;

    padding:10px;

    border:rgba(255,255,255, 0.6) 1px solid;

    border-radius:8px;

    font-size: 16px;

}

.main_img .show .imgArea a:hover{

    background: rgba(255,255,255, 0.7);

    color:rgba(0,0,0, 0.6);

}

.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}

.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}

.main_img:hover img {

    transform: scale(1.2, 1.2);



    -ms-transform:scale(1.2, 1.2); 	/* IE 9 */

    -moz-transform:scale(1.2, 1.2); 	/* Firefox */

    -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */

    -o-transform:scale(1.2, 1.2); 	/* Opera */

}

@media screen and (max-height: 800px){

.contact_tltle{

display:none

}

    .nav li img{

        height: 70px;margin-top: -20px;

    }

   .nav1 li img{

        height: 70px;margin-top: -20px;

    }

}