@charset "utf-8";

/*全局样式*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,address,cite,code,del,em,img,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,

form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,

section,summary,time,mark,audio,video,blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,

img, ins, kbd, q, s, samp, span, small, strike, strong, button, header, footer,input,textarea,select{margin:0;padding:0;border:0;outline:0;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}





html,body{width:100%; height:100%;}

body{color:#222;position:relative;font-family:"宋体","Microsoft YaHei",Arial;background: #fff;font-size: 12px;line-height: 18px;}

a{color:#222;outline: none;}

a:hover,a:link,a:active,a:visited{outline:none;text-decoration:none;}



input,textarea,button,select{appearance:none;-moz-appearance:none; -webkit-appearance:none;font-family:inherit;font-size:inherit;outline: none;}

textarea{resize:none;outline:none;}

input:focus,textarea:focus{ outline:none;}





img{position:relative;border:0;}

.ul,.ol,.dl{list-style:none;}

.table{border-collapse:collapse;}



.clear{ width:0; height:0; display:block; clear:both; overflow:hidden;}

.noFloat:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}

.userselect{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.g-img{width: 100%;height: auto;display: block;}

.g-i{font-style: normal}

.le{

    float: left;

}



.wrapper{

    width: 1200px;

    margin: 0 auto;

    position: relative;

    z-index: 99;

}



.main{

    width: 100%;

    height: 200%;

}



.first-screen{

    width: 100%;

    height: 50%;

    position: relative;

    border-bottom: 1px solid #e1e1e1;

}

.header{

    position: absolute;

    left:0;

    top:0;

    width: 100%;

    height: 50px;

    background: #fff;

    z-index: 100;

}

.nav{text-align: center;font-size:20px;font-weight: bold;line-height: 50px;}

.nav a{

    margin: 0 10px;

    height: 20px;

}

.nav .cur{

    background: #000;

    color: #fff;

}



.us-pic{

    width: 100%;

    overflow: hidden;

    position: relative;

    height:100%;

}

.banner{

    width: 100%;

    height: 100%;

    position: absolute;

    left:0;

    top:0;

    z-index: 1;

}

.banner .banner-img{width: 1920px;position: absolute;left:50%;top:0;margin-left: -960px;}



.photo-name{

    position: relative;

    z-index: 2;

}

.us-pic .photo{

    width: 600px;

    float: left;

    margin-top: 10%;

}

.us-pic .name{

    width: 360px;

    border: 6px solid #afaeac;

    padding:19px;

    float: right;

    margin-top: 8%;

}

.us-pic .bor{

    border: 3px solid #d6d4d1;

    padding-top: 42px;

    padding-bottom: 42px;

    text-align: center;

}



.about-us{text-align: center;background: #f7f7f7;padding: 90px 0;}



.tit{font-size:22px;font-weight: bold}

.tit-e{font-size:15px;color: #b2b2b2;margin-top: 10px;}



.about-us-desc{

    background:#fff;

    padding:20px 48px 40px;

    font-size:13px;

}

.about-us-desc p{

    margin-top: 10px;

}

.about-us .top-bar{

    background: url("../images/top-bor.png") no-repeat left top;

    width: 100%;

    height: 98px;

    position: relative;

    top:58px;

}

.about-us .bot-bor{

    background: url("../images/bot-bar.png") no-repeat right bottom;

    width: 100%;

    height: 98px;

    position: relative;

    top:-58px;

}

.about-us .desc{

   width: 790px;

    text-align: left;

    float:left;

}

.about-us .code{

    float: right;

    width: 200px;

    height: 200px;

    margin-top: 50px;

}

.tt1{

    font-size:28px;

    font-weight: bold;

}

.tt2{

    font-size:20px;

    color: #666666;

    margin-top: 10px;

}

.about-name{

 padding-bottom: 20px;

}



.pro-tit{text-align: center;margin-top: 90px;}

.img-li{

    border: 19px solid #441f09;

    padding: 28px;

    margin-top: 80px;

}

.img-d{

    text-align: center;

    font-size: 20px;

    margin-top: 20px;

}

.img-d span{margin: 0 20px;}

.img-fix{

    

}

.img-inner{

   /* width: 1200px;

    height:800px;

    margin-left:50px; */

    display: flex;

    align-items: center;

    justify-content: center;

}

.p-img{

    width: 100%;

    height: auto;

    display: block;

    margin: auto;

    /*border: 2px solid #662929;*/

}

.p-img-v{

    height:800px;

    width: auto;

    display: block;

    margin:0 auto;

}



.production{

    padding-bottom: 50px;

}



.li-bor{

    float: left;

    width: 556px;

}

.li-bor1{

    float: right;

    width: 556px;

}

.top{

    position: fixed;

    right: 10px;

    top:80%;

    width: 36px;

    height: 33px;

    background: url("../images/top.gif") no-repeat left top;

    z-index: 100;

    cursor: pointer;

}

#loading{

    position: absolute;

    left:0;

    right: 0;

    top:0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background:rgba(198,223,254,0.5);

    z-index: 101;

    text-align: center;

}

#loading .loading-img{

    width: 32px;

    height: 32px;

    position: relative;

    left:50%;

    top:40%;

}

#loading .loading-text{

    position: relative;

    top:50%;

    font-size: 20px;

}



@media screen and (max-width: 1000px) {

    .top{

        display: none;

    }

    .wrapper{

        width: 100%;

    }

    .main{

        width: 100%;

        height: auto;

    }

    .first-screen{

        width: 100%;

        height: auto;

    }

    .header{

        display: none;

    }

    .us-pic{

        height: auto;

    }

    .us-pic .photo{

        width: 100%;

    }

    .us-pic .name{

        display: none;

    }



    .about-us .desc{

        width: 100%;

    }

    .li-bor,.li-bor1{

        width: 100%;

        float: none;

    }

    .p-img-v{

        height:300px;

    }





}

.swiper-container .content{

   /* position: absolute;

    left:0;

    right: 0;

    top:0;

    z-index: 10;*/

    line-height: 30px;

    border-left: #662929 solid 1px;

}