@charset "utf-8";
/*banner*/
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left:5%; font-size:0;bottom:8%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 21px;height: 21px;border-radius: 21px;margin-right:12px; display: inline-block;outline: none;background:#fff;}
.slick-dots .slick-active button {background: #1670b9;width: 48px;}
.banner .slick-arrow{width:30px;height:84px;cursor: pointer;z-index: 22;top:44.5%;outline: none;position:absolute;border:0;overflow: hidden;text-align: center;transition:.8s;opacity: 0;text-indent: 100px;}
.banner .slick-arrow.slick-prev{background:url(../images/ban_prev.png) no-repeat 0 0;left: 3%; opacity: 0;}
.banner .slick-arrow.slick-next{background:url(../images/ban_next.png) no-repeat 0 0;right: 3%; opacity: 0;}
.banner:hover .slick-prev{ left: 6%; opacity: 0.8;}
.banner:hover .slick-next{ right: 6%; opacity: 0.8;}
.banner .slick-arrow:hover{opacity: 1;}

.til01{text-align: center;color: #000;font-size:48px;line-height:70px;font-family: "Microsoft Yahei";white-space: nowrap;padding: 0 0 56px;background:url(../images/tilbg1.png) no-repeat center 42px;font-weight: normal;}
.til01 p{display: block;font-size:20px;line-height: 42px;opacity: 0.6;}
.til01 a{color: #000;}
.til02{background:url(../images/tilbg2.png) no-repeat center 42px;}
.til02,.til02 p,.til02 a{color: #fff;opacity: 1;}

/*搜索*/
.seabox{height:53px;line-height:40px;font-size: 16px;font-family: "Microsoft Yahei";position: relative;overflow: hidden;background: #efefef;padding: 16px 0 0;}
.keyword{width:740px;color: #333;}
.keyword a{color:#666;display: inline-block;padding: 0 30px 0 10px;}
.keyword a:hover{color: #333;}
.sea_inp{width:332px;height:38px;position: relative;z-index: 1;overflow: hidden;background: #fff;border-left: 1px solid #e2e2e2;border-radius: 19px;}
.sea_inp .serach{width:250px;height:38px;border:0;background:none;line-height:38px;color:#666;float:left;outline: none;display: block;padding:0 0 0 26px;}
.sea_inp .sub{ width:55px; height:38px;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.png) no-repeat 17px 8px;border: 0;text-indent: 190px;}

/*引子*/ 
.guide{font-size:16px;color: #666;line-height:30px;position: relative;padding:78px 0;z-index: 1;text-align: center;}
.guide h2,.guide h2 img{display: block;margin: 0 auto;}
.guide_l{font-size: 16px;line-height: 30px;color: #333;height: 125px;position: relative;z-index: 1;font-weight: bold;}
.guide_l li{float: left;padding:0 67px;}
.guide_l li:last-child{padding-right: 0;}
.guide_l li span{display: block;line-height:70px;height:70px;font-size: 70px;color: #333;font-weight: normal;}
.guide_l li span i{font-size: 24px;}
.guide_l li span b{font-family: Arial , Times New Roman;font-weight: normal;}
.guide_l li:hover,.guide_l li:hover span{color: #1670b9;}
.guide_p,.guide_p img{width: 502px;height: 320px;display: block;}

.guide_w{padding: 32px 16px 0;height: 94px;}

/*产品中心*/
.probox{clear: both;font-size:16px;font-family:"Microsoft Yahei";position: relative;color: #666;line-height:62px;padding: 55px 0;background:url(../images/prodbg.jpg) no-repeat center 0;z-index: 1;}
.probox:before{content: "";position: absolute;width:1244px;height:750px;background: #fff;left: 50%;top: 220px;margin-left: -622px;z-index: -1;}
.prod1{padding: 24px 0 0;}
.prod1 dl{float: left;position: relative;margin: 0 0 2px 2px;overflow:hidden;width:298px;}
.prod1 dl:nth-child(1),.prod1 dl:nth-child(2){width:599px;}
.prod1 dl:nth-child(1),.prod1 dl:nth-child(3){margin-left: 0;}
.prod1 dl:nth-child(3){clear:both;}
.prod1 dt,.prod1 dt img{width: 100%;display: block;overflow: hidden;}
.prod1 dd{position: absolute;z-index: 1;right:0;width: 100%;top: 38px;text-align: center;}
.prod1 dd h3{font-weight: normal;font-size: 20px;line-height: 54px;}
.prod1 dd h3 a{display: block;color: #272a33;}
.pro_more{display: block;width: 84px;line-height: 36px;text-align: center;background: #1670b9;border-radius: 18px;margin: 0 auto;}
.pro_more span{display: inline-block;background:url(../images/ico01.gif) no-repeat right center;padding:0 20px 0 0;color: #fff;font-size: 14px;}
.prod1 dl:nth-child(1) dd,.prod1 dl:nth-child(2) dd{text-align: left;width: 74.6%;}
.prod1 dl:nth-child(1) dd h3 a,.prod1 dl:nth-child(2) dd h3 a{color: #fff;}
.prod1 dl:nth-child(1) dd .pro_more,.prod1 dl:nth-child(2) dd .pro_more{margin: 0;}
.prod2{padding: 24px 0 46px;text-align: center;position: relative;}
.prev1,.next1{width:62px;height:62px;display: inline-block;cursor: pointer;top:248px;right: -80px; z-index: 9;overflow: hidden;}
.prev1{left: -80px;}
.prod2_c{overflow: hidden;margin: 0 0 37px;}
.prod2_t{width: 946px;margin: 0 auto;}
.prod2_t li{float: left;width: 164px;margin: 0 0 0 25px;}
.prod2_t li img{box-sizing:border-box;width: 164px;height: 164px;display: block;border-radius: 100%;}
.prod2_t li.cur img{border: solid 2px #c9975f;}
.prod2_t li:first-child{margin: 0;}

/*品质*/
.chara{clear: both;line-height:36px;font-size: 16px;color: #666;background:#efefef;padding:36px 0 98px;position: relative;}
.chara_t{width: 416px;position: absolute;z-index: 2;left: 50%;top: 290px;background:url(../images/chara_tbg.png) no-repeat 0 28px;height: 456px;padding: 0 0 0 46px;font-size: 18px;line-height: 35px;color: #fff;margin-left: -600px;}
.chara_t li{height:120px;}
.chara_t li em{width: 62px;height: 62px;display: block;float: left;overflow: hidden;margin-right: 15px;position: relative;border-radius:62px;}
.chara_t li em i{width: 62px;height: 62px;display: block;position: absolute;left: 0;top: 0;}
.chara_t li p{float: left;}
.chara_t li p span{display: block;font-size: 24px;line-height: 34px;}
.chara_t li em i.default{opacity: 1;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.chara_t li em i.hover{opacity: 0; transform: scale(0);transition: .5s;}
.chara_t li em img{transition: 1s;}
.chara_t li i.hover img{margin-left: -90px;}
.chara_t li.cur i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.chara_t li.cur i.hover{opacity: 1; transform: scale(1);}
/* .chara_t li.cur em img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);} */
/*.chara_p,.chara_p img{width:100%;display:block;}*/
.chara_c{background:url(../images/chara_cbg.jpg) no-repeat center 0;}
.chara_p{height:658px;display:block;}
.chara_p1{width:57.29%;height:658px;display:block;float: right;}
.chara_w{padding:44px 35px 0;width: 1200px;height: 178px;box-sizing:border-box;margin: -60px auto 0;z-index: 2;background: #fff;position: relative;}
.chara_w ul{width: 700px;float: left;}
.chara_c .chara_c1:nth-child(3) .chara_w ul{margin-top: -20px;}
.chara_w li{position: relative;padding: 0 0 0 9px;}
.chara_w li::before{content: "";position: absolute;width: 2px;height: 2px;background: #666;left: 0;top: 18px;}
.chara_ico{float: right;width:380px;}
.chara_ico p{float: left;position: relative;padding: 0 35px 0 39px;height:85px;border-left: 1px solid #dfdfdf;font-size: 18px;color: #333;}
.chara_ico p:last-child{padding-right: 0;}
.chara_ico p span{display: block;color: #1670b9;font-size: 18px;line-height: 54px;height: 54px;overflow: hidden;font-weight: bold;}
.chara_ico p span i{font-family: Times New Roman;font-size: 60px;font-weight: normal;}
.chara_c .chara_c1:nth-child(4) .chara_ico p span i{font-size: 40px;}

/*优势*/
.super{clear: both;line-height:24px;font-size: 14px;color: #666;background:url(../images/superbg.jpg) no-repeat center 0;padding: 70px 0 90px;}
.super_c dl{width: 388px;background: #fff;float: left;}
.super_c dl:nth-child(2){margin: 0 18px;}
.super_c dt,.super_c dt img{width: 388px;height: 443px;display: block;overflow: hidden;}
.super_c dd{padding: 18px 35px 0;height: 166px;text-align: center;}
.super_c dd h3{font-size: 20px;height: 62px;line-height: 50px;color: #000;}
.super_c dl:hover{background: #1670b9;color: #fff;}
.super_c dl:hover h3{color: #fff;}

/*生产实力*/
.workshop{clear: both;font-size:20px;font-family:"Microsoft Yahei";line-height:38px;position: relative;padding:54px 0 98px;z-index: 1;color: #333;text-align: center;}
.workshop_t ul{width: 191px;float: left;}
.workshop_t ul:nth-child(2){float: right;}
.workshop_t li{height: 114px;background: #e4e4e4;margin-bottom: 1px;}
.workshop_t li a{display: block;color: #333;}
.workshop_t li em{display: block;height:54px;font-family: Times New Roman;font-size: 72px;overflow: hidden;opacity: 0.2;line-height: 90px;}
.workshop_t li.cur,.workshop_t li.cur a{color: #fff;background: #1670b9;}
.workshop_c{width: 818px;position: absolute;top: 222px;left: 191px;z-index: 1;overflow: hidden;height: 459px;}
.workshop_c p,.workshop_c p img{width: 818px;overflow: hidden;height: 459px;display: block;}

/*案例*/
.case{clear: both;font-size:16px;font-family:"Microsoft Yahei";line-height:28px;position: relative;padding:68px 0 76px;z-index: 1;color: #fff;background:url(../images/casebg.jpg) no-repeat center 0;}
.prev2,.next2{width:74px;height:120px;display: inline-block;cursor: pointer;top:412px;left:50%;margin-left: 500px; z-index: 9;overflow: hidden;}
.prev2{margin-left: -574px;}
.case_cont{width: 1000px;margin: 0 auto;}

.case_c .tempWrap{overflow: visible !important;}
.case_c dl{width: 1000px;position: relative;color: #666;}
.case_c dt,.case_c dt img{width: 1000px;display: block;height: 500px;overflow: hidden;}
.case_c dt{margin-top: 58px;height:389px;overflow: hidden;background: #000;}
.case_c dt img{background: #000;opacity: 0.5;}
.case_c dd{display: none;width:923px;height:126px;background:#fff;margin: -78px auto 0;box-sizing:border-box;padding:20px 32px 0;z-index: 1;position: relative;}
.case_c dd h4{display: block;font-size:24px;line-height:42px;font-weight: normal;}
.case_c dd h4 a{color: #333;display: block;}
.case_c dl.cur dt{margin: 0;height: 500px;}
.case_c dl.cur dt img{opacity: 1;}
.case_c dl.cur dd{display: block;}


/*新闻资讯*/
.nswsbox{padding: 52px 0 88px;position: relative;font-size: 14px;line-height:26px;color: #666;overflow: hidden;}
.nswsbox .til01 {padding-bottom: 34px;}

.news{width:750px;}
.new_t{font-size:24px;height:75px;line-height:75px;position: relative;}
.new_t a{color: #333;display: block;}

.news_c dl{width:365px;height:380px;float: left;}
.news_c dl:nth-child(2){margin-left:20px;}
.news_c dt,.news_c dt img{width:365px;height:204px;display: block;overflow: hidden;}
.news_c dd h4{font-size: 16px;line-height: 56px;height: 56px;overflow: hidden;}
.news_c dd h4 a{display: block;color: #000;}

.news_c li{height:52px;line-height: 52px;overflow: hidden;border-bottom: 1px solid #ededed;position: relative;padding: 0 0 0 20px;}
.news_c li span{float: right;font-family: Arial;color: #aaa;}
.news_c li:before{content: "";position: absolute;width:5px;height:5px;top:22px;left:6px;background: #9e9e9e;border-radius: 5px;}
.news_c li a{color: #777;display: block;width:590px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.faqs{width:400px;overflow: hidden;height: 620px;}
.faqs_c dl{height: 110px;overflow: hidden;border-bottom:dotted 1px #ccc;margin-bottom:32px;}
.faqs_c dt{height:35px;display: block;line-height:26px;font-size: 16px;color: #010101;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;background:url(../images/new_ico01.gif) no-repeat 0 0;padding-left: 36px;}
.faqs_c dt a{color: #010101;display: block;white-space: nowrap; text-overflow: ellipsis;}
.faqs_c dl:hover dt,.faqs_c dl:hover dt a{font-weight: bold;}

/*关于*/
.aboutbox{font-family:"Microsoft Yahei";font-size: 16px;line-height:30px;color: #666;overflow: hidden;position: relative;z-index: 1;padding: 0 0 60px;}
.aboutbox .til01{width: 1200px;position: absolute;left: 50%;margin-left: -600px;z-index: 2;top: 58px;}
.about_p,.about_p img{width: 100%;display: block;}
.about_con{background: #fff;width: 1200px;height: 553px;margin: -160px auto 0;z-index: 2;position: relative;box-shadow: 0 10px 14px 14px rgba(0, 0, 0, 0.05);box-sizing:border-box;padding: 46px 26px 0;text-align: center;overflow: hidden;}
.about_w{height:144px;}
.about_w a{display: inline-block;color: #1670b9;}

/* 风采展示 */
.show{overflow: hidden;}
.show_t{height:62px;font-size:20px;text-align: center;line-height: 62px;width: 660px;background: #f3f3f3;border: solid 1px #ddd;border-radius:31px;margin: 0 auto 50px;position: relative;}
.show_t li{width: 220px;float: left;border-radius:31px;}
.show_t li span{color: #444;display: inline-block;padding:0 0 0 32px;}
.show_t li.cur,.show_t li:hover{color: #fff;background: #1670b9;}
.show_t li.cur span,.show_t li:hover span{color: #fff;background-position: 0 -42px!important;}

.show_cl{overflow: hidden;}
.show_cl li{width: 278px;float: left;margin:0 12px 0 0;position: relative;text-align: center;}
.show_cl li:last-child{margin:0;}
.show_cl li p,.show_cl li p img{width: 278px;height:208px;display: block;overflow: hidden;}
.show_cl2 li{width:170px;}
.show_cl2 li p,.show_cl2 li p img{width:170px;}
.show_c li span{font-size: 16px;display: none;line-height:48px;height:48px;width: 100%;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);}
.show_c li span a{display: block;color: #fff;}
.show_c li:hover span{display: block;}

/*友情链接*/
.link{height:64px;line-height:64px;position: relative;z-index: 9;font-size: 14px;color: #aeb3c1;background: #272a33;border-top: 1px solid #33363e;}
.link span{text-transform: uppercase;float: left;font-size: 18px;}
.link a{display: inline-block;color: #777b86;padding: 0 25px;}


.prod1 dt img, .super_c dt img,.workshop_c p img, .news_c dt img, .show_cl li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prod1 dl:hover dt img, .super_c dl:hover dt img,.workshop_c p:hover img,.news_c dl:hover img, .show_cl li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}



@keyframes living {
    0%{
        transform: scale(1);
        opacity: 1;
    }
    50%{
        transform: scale(1.3);
        opacity: 0.7;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}


@-webkit-keyframes swing{
    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
    20%,40%,60%,80%,100%{-moz-transform-origin:top center}
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0deg)}
}