@charset "utf-8";

/*banner*/
.banner{position: relative; height:auto;clear: both;z-index:1;}
.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: #efefef;}
.slick-dots .slick-active button {background: #c30101;width: 48px;}
.banner .slick-arrow{width:73px;height:73px;cursor: pointer;z-index:8;top:44.5%;outline: none;position:absolute;border:0;overflow: hidden;text-align: center;transition:.8s;line-height: 140px;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.3;}
.banner:hover .slick-next{ right: 6%; opacity: 0.3;}
.banner .slick-arrow:hover{opacity: 0.8;}


.til01{text-align: center;color: #333;font-size:36px;line-height:62px;font-family: "Microsoft Yahei";clear: both;display: block;white-space: nowrap;padding: 0 0 43px;font-weight: normal;}
.til01 p{display: block;font-size:20px;line-height:33px;opacity: 0.5;}
.til01 a{color: #333;}
.til01 b {color: #c30101;}


/*搜索*/
.seabox{height:64px;line-height:41px;font-size: 14px;font-family: "Microsoft Yahei";position: relative;background: #fff;padding: 20px 0 0;}
.keyword{width:690px;color: #000;background:url(../images/ico01.jpg) no-repeat 0 center;padding: 0 0 0 28px;}
.keyword a{color:#666;display: inline-block;padding: 0 14px 0 6px;}
.keyword a:hover{color: #313742;}
.sea_inp{width:405px;height:41px;position: relative;z-index: 1;overflow: hidden;background: #f4f4f4;}
.sea_inp .serach{width:310px;height:41px;border:0;background:none;line-height:41px;color:#666;float:left;outline: none;display: block;padding:0 12px 0 18px;}
.sea_inp .sub{ width:64px; height:41px;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.png) no-repeat 19px 8px #c30101;border: 0;text-indent: 190px;}

/*引子*/
.webox{font-size:16px;color: #666;line-height:26px;position: relative;z-index:2;padding:91px 0 0;background: #f4f4f4;/*height: 606px;*/}
/*.webox:before{content: "";position: absolute;bottom:-60px;right: 0;width:100%;height:206px;background:url(../images/webg.gif) no-repeat center 0;z-index: -1;}*/
.webox_c{height:292px;background: #fff;margin-bottom: 50px;}
.webox_w{width: 480px;position: relative;padding: 58px 0 0 80px;}
.webox_w h2{height:56px;font-size: 22px;color: #fff;line-height:56px;background: #c30101;position: absolute;left: 62px;top: -20px;font-weight: normal;width:510px;text-align: center;}
.webox_w p{height:156px;}
.webox_w span{display: inline-block;line-height: 48px;background:url(../images/we_ico.gif) no-repeat right 0;padding: 0 108px 0 0;}

.webox_p p,.webox_p p img{width:564px;height: 292px;display: block;overflow: hidden;}
.webox_p video {width:564px;height: 292px;display: block;overflow: hidden; background: #000;}
.about_ico{width:38px;height:38px;top:127px;left:262px;display:block;background:url(../images/ico03.png) no-repeat center;}

.webox_l{height: 150px;font-size: 18px;line-height:27px;color: #333;}
.webox_l li{float: left;position: relative;padding: 0 112px 0 0;text-align: center;}
.webox_l li:before{content: "";position: absolute;width:100px;height:1px;top:34px;right:10px;background:#cec9b6;}
.webox_l li:last-child{padding-right: 0;}
.webox_l li:last-child:before{width: 0;height: 0;}
.webox_l li span{display: block;height:58px;}
.webox_l li span b{line-height:58px;font-family:Arial , Times New Roman;font-size: 60px;}
.webox_l li span em{display: inline-block;width: 26px;line-height: 26px;border-radius: 26px;color: #fff;background: #c30101;font-size: 16px;}
.webox_l li:hover span{color: #313742;}

/*解决方案*/
.plan{clear: both;font-size:20px;line-height:42px;position: relative;padding:40px 0 48px;z-index:2;}
.plan_l{width: 580px;}
.plan_r{width: 600px;}
.plan li{margin-bottom: 20px;position: relative;overflow: hidden;}
.plan li img {width: 100%;}
.plan li span{/*border-left: 11px solid #325dcd;width: 268px;*/ width: 100%; height: 42px;position: absolute;left: 0; bottom: 0;z-index: 2;white-space: nowrap; 
background: rgba(0, 0, 0, 0.2);
    background-image: -webkit-gradient(linear, top left, bottom right, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(left, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2));}
.plan li span a{display: block;color: #fff;padding: 0 0 0 13px; font-size: 16px;}
.plan img{display: block;overflow: hidden;}
/*.plan_l li,.plan_l li img{width: 390px;height: 522px;}
.plan_r li,.plan_r li img{width: 387px;height: 281px;}
.plan_r li:nth-child(1),.plan_r li:nth-child(1) img{width: 793px;height: 462px;}
.plan_r li:nth-child(2){margin-right: 18px;}
.plan_r li:nth-child(2),.plan_r li:nth-child(2) img{width: 387px;height: 582px;}*/
.plan_r li {float: left; width: 280px; margin-right: 20px;}
.plan_r li:nth-child(2n) {margin-right: 0;}


/*产品中心*/
.probox{clear: both;font-size:18px;font-family:"Microsoft Yahei";line-height:50px;position: relative;padding:45px 0 60px;z-index: 1;background: #f4f4f4;}
.probox:before{content: "";position: absolute;width:1px;height:658px;top:108px;left:50%;background:#dbdbdb;}
.prod1{width: 580px;overflow:hidden;}
.probox h3{font-size: 24px;line-height: 63px;color: #333;position: relative;font-weight: normal;height: 63px;overflow:hidden;}
.probox h3:before{content: "";position: absolute;width:4px;height:29px;top:17px;left:0;background:#325dcd;}
.probox h3 a{display: inline-block;color: #333;padding: 0 16px;float: left;}
.probox h3 em{display: block;font-weight: normal;float: left;padding: 3px 0 0;}
.probox h3 span{float:left;}
.pro_gg{margin-bottom: 22px;}
.pro_gg,.pro_gg img{width: 580px;height: 382px;display: block;overflow: hidden;}

.probox li{position: relative;float: left;width: 276px;margin-right:28px;}
/*.probox li:nth-child(2n){margin-left:28px;}*/
.probox li p,.probox li p img{width: 276px;height: 208px;display: block;overflow: hidden;}
.probox li span{text-align: center;height: 38px;display: block;}
.probox li span a{display: block;color: #333;}
.probox li:hover span a{color: #325dcd;}

/*优势*/
.edge{clear: both;font-family:"Microsoft Yahei";line-height:22px;font-size: 14px;padding:50px 0 0;position: relative;}
.edge_c,.edge_p,.edge_p img{width: 100%;display: block;}
.edge_w{width: 1098px;height: 114px;background: rgba(0, 0, 0, 0.7);left:51px;bottom: 35px;color: #fff;}
.edge_w span{width:186px;height: 114px;background:#325dcd;text-align: center;font-size: 30px;line-height: 42px;float: left;position: relative;}
.edge_w span:before{content: "";position: absolute;width: 0;height: 0;left: 186px;top:44px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #325dcd;}
.edge_w span em{display: block;padding: 16px 0 0;height:42px;}
.edge_wc{width: 835px;float: left;padding:10px 0 0 48px;}
.edge_wc h3{font-weight: normal;font-size: 24px;line-height: 46px;}

.edge_t{height: 142px;z-index: 2;position: relative;margin-top: -14px;text-align: center;font-size: 24px;color: #333;line-height:34px;}
.edge_t span{display: inline-block;padding: 30px 44px 0;;background:url(../images/edge_em1.png) no-repeat center 0;}
.edge_t span.cur{background:url(../images/edge_em2.png) no-repeat center 0;font-weight: bold;color: #c30101;}

/*案例*/
.case{clear: both;font-size:16px;font-family:"Microsoft Yahei";line-height:30px;position: relative;padding:82px 0 0;z-index: 1;color: #636262;background: #f2f2f2;}
.case:before{content: "";position: absolute;width: 100%;height:1px;left:0;top:220px;background: #c9c9c9;z-index: -1;}
.case_t{height:120px;font-size:20px;color: #000;line-height:40px;text-align: center;}
.case_t li,.case_t p{float: left;width: 150px;padding: 27px 0 0;}
.case_t li a,.case_t p a{color: #000;display: block;}
.case_t li em,.case_t p em{width:40px;height:34px;overflow: hidden;margin:0 auto;display: block;}
.case_t li em img,.case_t p em img{display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.case_t li.cur,.case_t p:hover{border-top: 2px solid #c30101;padding: 25px 0 0;}
.case_t li.cur a,.case_t p:hover a{color: #c30101;font-weight: bold;}
.case_t li.cur em img,.case_t p:hover em img{margin-top:-50px;}

.case_c .tempWrap{overflow: visible !important;}
.case_c dl{width: 1200px;position: relative;margin-right:18px;padding-bottom: 32px;}
.case_c dl:before{content: "";position: absolute;width:100%;height:600px;background:rgba(0, 0, 0, 0.6);top:0;left:0;z-index: 2;}
.case_c dt,.case_c dt img{width: 1200px;display: block;height: 600px;overflow: hidden;}
.case_c dd{height: 90px;padding:50px 46px 45px;position: relative;}
.case_c dd span{position: absolute;right: 0;top: 50px;text-align: center;height: 90px;border-left: 1px solid #e2e2e2;color: #636262;width: 188px;line-height: 26px;}
.case_c dd span a{display: block;color: #636262;}
.case_c dd span b{display: block;color: #c0c0c0;font-size: 30px;line-height: 48px;}
.case_c dd span em{display: inline-block;padding-right:20px;background:url(../images/ico02.png) no-repeat right center;}
.case_c dd h4{display: block;font-size: 24px;line-height:24px;height:40px;color: #333;}
.case_c dd h4 a{display: block;color: #333; }
.case_c dl.cur:before{background: none;width:0;height:0;}

/*施工流程*/
.tec_p{padding: 60px 0 0;height: 704px;font-family:"Microsoft Yahei";line-height: 24px;font-size: 16px;color: #666;text-align: center;background:url(../images/tec_pbg.jpg) no-repeat center 0;position: relative;z-index: 2;}
.tec_p:before{content: "";position: absolute;width:1366px;height:500px;top:195px;left:50%;margin-left: -683px;z-index:-1;background:url(../images/tec_pcbg.png) no-repeat center 0;}
.tec_pc{padding: 77px 0 0;height: 380px;}
.tec_pc li{width: 165px;float: left;padding: 0 93px 0 0;}
.tec_pc li:last-child{padding: 0;}
.tec_pc li b{display: block;width: 68px;height: 64px;margin: 0 auto 9px;}
.tec_pc li span{display: block;font-size: 18px;line-height: 51px;position: relative;}
.tec_pc li span:before{content: "";position: absolute;width:26px;height:1px;bottom:0;left:50%;margin-left: -13px;z-index:-1;background:#d5d5d5;}
.tec_pc li p{padding: 14px 0 0;height: 100px;}
.tec_pc li em{display: inline-block;width: 42px;line-height: 42px;background:url(../images/tec_em1.png) no-repeat center;font-family: Arial;font-size: 16px;}
.tec_pc li:hover span{font-weight: bold;color: #c30101;}
.tec_pc li:hover em{background:url(../images/tec_em2.png) no-repeat center;color: #fff;}
.tec_pho{height: 60px;line-height: 60px;color: #fff;}
.tec_pho span{background:url(../images/c_pho.png) no-repeat 0 15px;display: inline-block;padding-left: 48px;}
.tec_pho span b{font-family: Times New Roman;font-size: 40px;}

/*新闻资讯*/
.nswsbox{font-family:"Microsoft Yahei";line-height: 24px;font-size: 14px;clear: both;color: #666;padding:40px 0 60px;position: relative;overflow: hidden;background: #f4f4f4;}
/*.nswsbox .til01{height: 128px;}*/
.news{width:511px;}
.faqs{width:598px;}
.new_t{font-size:20px;height:40px;line-height:40px;position: relative;border-bottom: 1px solid #0064ac;margin-bottom:25px;}
.new_more{display: block;color: #666;text-transform: uppercase;font-size: 16px;line-height: 22px;}
.new_t span{float: left;padding-right: 58px;position: relative;}
.new_t span a{display: block;color: #0064ac;background:url(../images/new_ico2.gif) no-repeat 0 8px;padding-left: 33px;}
.news .new_t span a{background:url(../images/new_ico1.gif) no-repeat 0 8px;}
.new_t span.cur a,.new_t span a:hover{font-weight: bold;}

.news_c dt,.news_c dt img{width:511px;height:283px;display: block;overflow: hidden;}
.news_c dd{/*padding: 20px 0 0;*/height: 104px;border-bottom: 1px solid #cdcdcd;margin-bottom: 16px;}
.news_c dd h3{color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;display: block;font-size: 16px;height: 44px;line-height:28px;}
.news_c dd h3 span{font-weight: normal;font-size: 16px;float: left;width:81px;line-height: 28px;background: #c30101;border-radius: 14px;margin:0 16px 0 0;text-align: center;color: #fff;}
.news_c dd h3 a{color: #333;display: block;}
.news_c dd p a,.news_c dl:hover h3 a{display: inline-block;color: #c30101;}
.news_c li,.faqs_c li{height:34px;line-height: 34px;/*padding: 0 0 0 24px;*/position: relative;}
.news_c li span,.faqs_c li span{float: right;color: #999;}
.faqs_c li{background:url(../images/ico04.gif) no-repeat 0 15px;padding-left: 13px;}
.news_c li a,.faqs_c li a{color: #666;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
/*.news_c li:before{content: "2";position: absolute;width:16px;height:16px;background:#17191d;left: 0;top:8px;color: #fff;line-height: 16px;text-align: center;font-size: 12px;}
.news_c li:nth-child(1):before{content: "1";background: #c30101;}*/
.news_c li:hover a,.faqs_c li:hover a{color: #c30101;text-decoration: underline;}
.faqs_c{height: 316px;margin-bottom:35px;overflow: hidden;}
.faqs_c dl{/*height: 159px;*/overflow: hidden;margin-bottom: 15px;border-bottom: 1px solid #cdcdcd; padding-bottom: 20px;}
.faqs_c dt{display: block;font-size: 16px;line-height:20px;height:36px;font-weight: bold;}
.faqs_c dt a{color: #424242;}
.faqs_gg{height: 130px;background: #0064ac;}
.faqs_gg p,.faqs_gg p img{width: 461px;height: 130px;display: block;overflow: hidden;float: left;}
.faqs_gg span{width: 137px;float: left;font-size: 22px;line-height: 28px;text-align: center;background:url(../images/ico05.png) no-repeat center 73px;}
.faqs_gg span a{display: block;color: #fff;padding: 40px 0;}

/*关于*/
.aboutbox{font-family:"Microsoft Yahei";font-size: 14px;line-height:24px;color: #666;overflow: hidden;text-align: center;}
.about_p,.about_p img{width: 100%;display: block;max-width: 1920px;margin: 0 auto;}
.about_w{width:1200px;/*height: 204px;*/background: #fff;margin: -98px auto 34px;box-sizing:border-box;box-shadow: 0 0 10px 10px rgba(0 , 0 , 0 , 0.1);padding: 36px 64px 36px;position:relative;z-index:2;}
.about_w .til01{padding-bottom: 28px;}
.about_w .til01:before{content: "";position: absolute;width:70px;height:3px;background:#c30101;left:50%;margin-left: -35px;top:70px;}
.about_w h3 a{ color: #333333;}
.about_w p {font-size: 16px; line-height: 30px;}

/* 风采展示 */
.show{clear: both;position: relative;height: 295px;}
.prev1,.next1{width:15px;height:27px;display: inline-block;cursor: pointer;top:124px;right:-32px;z-index: 9;background:url(../images/next1.png) no-repeat 0 0;}
.prev1{left:-32px;background:url(../images/prev1.png) no-repeat 0 0;}
.prev1:hover,.next1:hover{background-position: 0 bottom;}
.show_t{height:28px;font-size:20px;text-align: center;line-height:28px;margin-bottom: 30px;}
.show_t span{display: inline-block;background:url(../images/show_ico1.png) no-repeat 0 0;padding: 0 52px 0 33px;}
.show_t span:nth-child(2){background:url(../images/show_ico2.png) no-repeat 0 0;}
.show_t span:nth-child(3){background:url(../images/show_ico3.png) no-repeat 0 0;padding-right: 0;}
.show_t span a{color: #3e3e3e;}
.show_t span.cur a,.show_t span:hover a{color: #c30101;font-weight: bold;}
.show_t span.cur,.show_t span:hover{background-position: 0 -49px;}

.show_cl{overflow: hidden;}
.show_cl li{width: 285px;float: left;margin:0 20px 0 0;position: relative;text-align: center;}
.show_cl li p,.show_cl li p img{width: 285px;height:161px;display: block;overflow: hidden;}
.show_c li span{font-size: 14px;display: block;line-height: 40px;color: #666;}
.show_c li span a{display: block;color: #666;}
.show_c li:hover span{color: #c30101;}

/*友情链接*/
.link{padding: 20px 0;line-height:30px;position: relative;z-index: 9;font-size: 14px;color: #fff;background: #c30101; width: 100%;}
.link a{display: inline-block;color: #fff;padding: 0 40px 0 15px;}

/*.footWrap{padding-bottom: 81px!important;}*/


.webox_p img, .serv_con dt img, .case dt img, .news_c p img, .plan li img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox_p:hover img, .serv_con dl:hover dt img,.case dl:hover dt img, .news_c:hover p img, .plan li:hover 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)}
}