@CHARSET "UTF-8";

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.contain {
	background: #dcdcdc;
}


.saasdf{
    overflow: hidden;
    position: relative;
}
.hudjh img{
    width: 100%;
    height: auto;
}


.swipt{
    position: absolute;
    top:40%;
    right: 10%;
    background: url(../images/next.png) no-repeat;
    width: 60px;
    height: 76px;
    z-index: 999;
}
.swipev{
    position: absolute;
    top:40%;
    left: 10%;
    background: url(../images/prev.png) no-repeat;
    width: 60px;
    height: 76px;
    z-index: 999;
}

/*头部样式*/
#header {
	position: relative;
	z-index: 99999;
	width:1200px;margin:0 auto;
}
.top {
	width:1200px;margin:0 auto;
	position: relative;
}

.lange {
	position: absolute;
	top:20px;
	right: 0;
}

.top-link {
	background-color: #011017;
	line-height: 38px;
}
.topLink{
	position: relative;z-index: 9999;
	color: #fff;
}
.topLink .k1 a,
.topLink .k1 {
	text-align: right;
	color: #fff;
}
.topLink .k3 {
	text-align: left;
}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}




/*热门搜索*/
.search{text-align:left;height:24px;margin-top: 30px;}
#formsearch{width:300px;float:right;}
#formsearch input{height:28px;background:#dcdcdc;border:1px solid #c8c8c8;line-height:28px;}
#formsearch input#keyword{height:28px;line-height:28px;padding-left:4px;color:#666;
	font-size: 12px;
	width:220px;
}
#formsearch input#s_btn{width:66px;height:30px;line-height:30px;text-align:center;background-color:#cb9a53;color:#fff;border:none;cursor:pointer;}
.hotSearch{width:400px;float:left;height:30px;line-height:30px;font-weight:normal;}
.hotSearch a{margin-right:6px;}

/*主体样式*/
#container {
	width:1200px;
	margin:0 auto;
	margin-top:10px;
}

.common-title {
	text-align: center;
	padding-bottom: 60px;
}
.about {
	color: #434343;
	width: 538px;
	border-right: 1px solid #959595;
	padding-right: 52px;
}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}


/*产品推荐*/
.wrap-pro {
	background: url(../images/pro-img.jpg) no-repeat center;
	padding: 50px 0;
}
.wrap-pro .contents {
	position: relative;
}
#pre_left{cursor:pointer;width:26px;height:43px;position: absolute;left:0;top:110px;}
#pre_right{cursor:pointer;width:26px;height:43px;position: absolute;right:0;top:110px; }


.prolist{width:2000px;}
.wrap-pro .content{width:1136px;overflow:hidden;float:left;height:300px;_display:inline;margin-left: 30px;}
.wrap-pro .content li{
	float:left;width: 360px;height: 300px;margin-left:12px;margin-right: 11px;
	background: url(../images/pro-bg.png) no-repeat;
}
.wrap-pro .content li a  img {
	width:311px;height:212px;
	padding-top: 14px;
	padding-left: 15px;
}
.wrap-pro .content li h3 a {
	width:344px;
	display:block;
	line-height: 52px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
.wrap-pro .content li:hover{}

.case {
	margin-top: 50px;
}

.navigation{float:right;width:100px;}


/*首页新闻*/
.news_company {
	margin-top: 50px;
}
.news_company .content {
	background: url(../images/new-bg.jpg) no-repeat center;
	height: 317px;
	padding-top: 40px;
}
.new-photo {
	padding-bottom:  10px;
}
.news-list {
	width: 580px;
	padding-right: 58px;
}
.news-list li {
	border-bottom: 1px dotted #b5b5b5;
	line-height: 38px;
	padding:0;
}
.news-list li a {
	color: #434343;
	background: url(../images/newli.png) no-repeat 0 50%;
	padding-left: 20px;
}

/*首页左侧联系我们*/
.contact {
	width: 294px;
}
.contact h2 {
	font-size: 16px;
	font-weight: 600;
	line-height: 48px;

}
.contact .content{

}

.foot-nav {
	background: url(../images/foot-nav.jpg) no-repeat center;
	padding: 30px 0 50px 0;
	margin-top: 50px;
}

.footnav {
	width: 866px;
	position: relative;
}
.footnav li {
	float: left;
	width: 120px;
}
.footnav li a {
	font-size: 16px;
	font-weight: 600;
	line-height: 48px;
}
.footnav li .nav-sec a {
	display: block;
	font-size: 12px;
	line-height: 34px;
	background: url(../images/newli.png) no-repeat 0 50%;
	padding-left: 20px;
	font-weight: 400;
}
.foot-logo {
	position: absolute;
	left: 54%;
	top: 10%;
}

.footnav li.spcial {
	padding-left: 260px;
}

/*友情链接*/
.f_link {
	width:1200px;
	margin:0 auto;
	margin-top:50px;
	line-height:30px;
}

/*页面底部*/
#footer {
	position:relative;
	text-align:center;
	background: #434343;
	padding: 14px 0;
}
#footer a{color:#fff;}
#footer a:hover{color:#ca984f;text-decoration:none;}
.nav_foot{text-align:center;line-height:24px;color:#fff;}
.copyright{text-align:center;line-height:24px;}
#footer div {
	color: #fff;
}

/*------------内页-------------------*/
.n_banner{width:1000px;margin:0 auto;}
.n_banner img{width:1000px;margin:0 auto}


.left{width:225px;float:left;}
.left .box{
	margin-bottom:10px;
	padding:2px;
	border: 1px solid #e0e0e0;
}
.left .box h3 {
	background: #434343;
	color: #fff;
	line-height: 28px;
	font-size: 14px;
	padding-left: 10px;
}
.left .box .content{padding:5px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}


.right2{width:950px;float:right;padding-bottom:10px;border: 1px solid #e0e0e0;}
.sitemp{line-height:28px;height:31px;overflow:hidden;padding-right:10px;background: #434343;
	border-bottom: 2px solid #9dccf4;
}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#fff;font-size:14px;}
.sitemp .site {width:380px;float:right;text-align:right;line-height:30px;color:#fff;}
.sitemp .site a {
	color: #fff;
}
.right2 .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}


/*  */
.sp{height: 100vh;}
.simg{position: absolute;width: 100%;height: 100% !important;top: 0;left: 0;}
.bwz .wh{width: 1360px;text-align: right;}
.bwz{position: absolute;width: 100%;height: 100% !important;top: 32%;left: 0;}
.section {
    overflow: hidden;position: relative;
}
.dibu{position: fixed;bottom: 48px;font-size: 14px;color: #fff;line-height: 20px;text-align: center;z-index: 999;width: 100%;}
.dibu a{color: #fff;}
.wh {
    width: 1200px;
    margin: 0 auto;
}
.pos {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

.di {
    background: #000;
    padding: 15px 0;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
}
.di  a {
    color: #fff;
}
.top2{position: absolute;top:0;background: #fff;z-index: 9999;width: 100%;height: 86px;padding: 0 13px 0 18px;box-sizing:border-box;}
.logo {
	float:left;line-height: 86px;
        display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 86px;
}
.yu{line-height: 86px;padding-left:30px;background:url(../images/line2.png) no-repeat left center;}


/**/
.section2{background:url(../images/bj1.jpg) no-repeat top center;background-size: cover;}
.aa{padding: 28px 0 0 67px;background:url(../images/line3.png) no-repeat left top;}
.aa h3{color: #ffffff;text-transform: uppercase;font-size: 41px;line-height: 1;font-family: 'Arial';}
.aa p{letter-spacing: 1px;font-size: 38px;color: #ffffff;line-height: 1;margin: 14px 0 20px;}
.w1{background:url(../images/line4.png) no-repeat left top;letter-spacing: -1px;font-family: 'Arial';padding-left: 5px;line-height: 22px; color: #ffffff;font-size: 18px;font-weight: bold;}
.aleft{width: 600px;}
.cheng{text-align: right;}
.cheng dd{color: #ffffff;font-size: 14px;text-transform: uppercase;margin-top: 20px;}
.cheng dt{color: #ffffff;font-size: 16px;background:url(../images/line5.png) no-repeat bottom right;padding-bottom: 3px;}
.cheng h3{letter-spacing: -3px;color: #ffffff;font-size: 52px;}
.aul{margin: 93px 0 0 88px;}
.aul li{width: 128px;height: 160px;background-color: #ffffff;text-align: center;}
.aul li .img{display: block;height: 70px;line-height: 70px;margin-top: 20px;}
.aul li p{color: #fff;font-size: 18px;}
.aul li:first-child p{color: #4f4f4f;}
.aul li:nth-child(2){background-color: #cd0b0b;}
.aul li:nth-child(3){background-color: rgba(0,0,0,.3);}
.aul li:nth-child(4){background-color: rgba(0,0,0,.11);}
.aright{width: 489px;}

.awz{color: #ffffff;font-size: 27px;margin: 38px 0 120px;}

.acon{color: #ffffff;font-size: 16px;line-height: 33px;}
.aright a{display: block;color: #ffffff;font-size: 16px;margin-top: 24px;}




/**/
.section3{background:url(../images/bj2.jpg) no-repeat  center;background-size: cover;}
.pwz{color: #ffffff;font-size: 24px;line-height: 32px;text-align: right;}
.psort li{margin-left:40px;}
.pright{margin-top: 27px;}
.psort li a{display: block;color: #ffffff;font-size: 16px;margin-top: 50px;padding-bottom: 12px}
.psort li a:hover{background: url(../images/line6.jpg) no-repeat bottom center;;}
.gun{width: 1622px;margin: 0 auto;margin-top: 115px;}
.gun .bd{overflow: hidden;}
.gun .bd li {margin: 0 18px;width: 378px;position: relative;overflow: hidden;}
.gun .bd li .img{display: block;}
.gun .bd li .img img{width: 378px;height: 255px;}
.pbj{display: block;width: 100%;height: 100%;background:rgba(0,0,0,.64);position: absolute;bottom:-100%;left: 0;text-align: center;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.pbj h3{color: #ffffff;font-size: 18px;font-family: 'Arial';margin: 93px 0 41px;}
.gd{width: 96px;height: 27px;border: solid 1px #ffffff;line-height: 25px;text-align: center;margin: 0 auto;color: #ffffff;font-size: 12px;font-family: 'Arial';text-transform: uppercase;}
.gun .bd li:hover .pbj{bottom: 0;}
.cpzx{margin-top: 80px;}



.gun  .hd{font-size: 0;text-align: center;margin-top:4vw;}
.gun .hd li{display: inline-block;width: 94px;height: 7px;background-color: #ffffff;margin: 0 8px;border: solid 1px #ffffff;cursor: pointer;}
.gun .hd li.on{background: transparent;}



/**/
.section4{background:url(../images/bj3.jpg) no-repeat  center;background-size: cover;}
.xin{margin-top: 3vw;}
.xin li{width: 400px;background: url(../images/line7.png) no-repeat right top;}
.nbj{padding: 0 66px 0 50px;}
.nbj h3 a{color: #ffffff;font-size: 18px;line-height: 20px;height: 45px;overflow: hidden;display: block;}
.nbj p{color: #ffffff;font-size: 14px;line-height: 22px;margin: 30px 0 10px;height: 120px;overflow: hidden;}
.ntime{width: 96px;height: 89px;background-color: #a20d0d;padding: 20px 0 0 15px;}
.ntime dd{color: #ffffff;font-size: 22px;font-family: 'arial';line-height: 1;}
.ntime dt{color: #ffffff;font-size: 22px;font-family: 'arial';}
.xin  .hd{font-size: 0;text-align: center;margin-top:3vw;}
.xin .hd li{display: inline-block;width: 94px;height: 7px;background-color: #ffffff;margin: 0 8px;border: solid 1px #ffffff;cursor: pointer;}
.xin .hd li.on{background: transparent;}
.xinwen .pwz{font-size: 20px;}
.xinwen {margin-top: 60px;}



/**/
.section5{background:url(../images/bj4.jpg) no-repeat  center;background-size: cover;}
.lxwm{position: absolute;width: 100%;height: 100% !important;top: 0;left: 0;}
.lxwm .wh{padding-top: 205px;}
.xright{width: 370px;margin-top: 8.9583vw;}
.lx{color: #ffffff;font-size: 20px;line-height: 35px;margin-top: 29px;}
.ctt dd{color: #ffffff;font-size: 31px;}
.ctt dt{color: #ffffff;font-size: 20px;line-height: 1;}
.xx2{margin: 82px 0 0 67px;}
.tewm{width: 128px;height: 192px;background-color: #ffffff;text-align: center;color: #262626;font-size: 14px;line-height: 20px;padding-top:4px;}
.tewm img{width: 123px;height: 123px;}
.section5 .aul{margin: 0;}
.section5 .aul li:first-child{background-color: #cd0b0b;}
.section5 .aul li:first-child p{color: #fff;}
.section5 .aul li:nth-child(2){background:rgba(0,0,0,.3);}
.section5 .aul li:nth-child(3){background:rgba(0,0,0,.11);}



#slideshow { width: 1920px; height: 680px; position: absolute;left:50%;margin-left:-960px;overflow-x:hidden;}
#slideshow ul { display: none; }

div.wrapper {  margin: 0 auto; position: relative; height:680px;}
.family_x{position:absolute;right:400px;top:520px;width:200px;z-index:9999;}
.family_x ul{}
.family_x ul li{width:100px;float:left;height:22px;line-height:22px;}
.family_x ul li a{font:bold 14px/22px "微乳雅黑";color:#bcbcbc;display:block;padding-left:30px;}
.family_x ul li a:visited{color:#bcbcbc;}
.family_x ul li a:hover{text-decoration:none;color:#FFCC00;}
.family_x ul li.fam_01{background:url(../images/zg.png) no-repeat 0px 50%;}
.family_x ul li.fam_02{background:url(../images/yw.png) no-repeat 0px 50%;}

.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
.box_skitter ul { display: none; }
.box_skitter .container_skitter { overflow: hidden; position: relative; }
.box_skitter .image { overflow: hidden; }
.box_skitter .image img { display: none; }
.box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
.box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
.box_skitter .prev_button { position: absolute; top: 50%; left: 18%; z-index: 100; width: 46px; height: 76px; overflow: hidden; text-indent: -9999em; 
	margin-top: -25px; background: url(../images/prev.png) no-repeat left top !important; }
.box_skitter .next_button { position: absolute; top: 50%; right:18%; z-index: 100; width: 46px; height: 76px; overflow: hidden; text-indent: -9999em; 
	margin-top: -25px; background: url(../images/next.png) no-repeat left top !important; }
.box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }














 .sun-delay0 {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .sun-delay1 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
    .sun-delay2 {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
    .sun-delay3 {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }
    .sun-delay4 {
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
    .sun-delay5 {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }
    .sun-delay6 {
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s;
    }
    .sun-delay7 {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }
    .sun-delay8 {
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }
    .sun-delay9 {
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
    }
    .sun-delay10 {
        -webkit-transition-delay: 2.2s;
        transition-delay: 2.2s;
    }
    .sun-ani-left,
    .sun-ani-down,
    .sun-ani-up,
    .sun-ani-right {
        opacity: 0;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .7s;
        transition-duration: .7s;
    }
    .sun-ani-left {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    .sun-ani-down {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    .sun-ani-up {
        -webkit-transform: translateY(-200px);
        transform: translateY(200px);
    }
    .sun-ani-right {
        -webkit-transform: translatex(100px);
        transform: translatex(100px);
    }
    .actives .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .active .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .active .sun-ani-down {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .active .sun-ani-up {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .active .sun-ani-right {
        opacity: 1;
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }

     .active2 .sun-ani-up {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }