@charset "utf-8";



.til01{text-align: center;color: #121416;font-size:48px;line-height:62px;font-family: "Microsoft Yahei";clear: both;display: block;white-space: nowrap;padding: 0 0 36px;}
.til01 p{display: block;font-size:30px;line-height:44px;font-weight: normal;opacity: 0.9;}
.til01 em{display: block;font-size:24px;line-height:36px;font-weight: normal;opacity: 0.6;text-transform: uppercase;}
.til01 a{color: #121416;}
.til02,.til02 a{color: #fff;}


/*引子*/
.webox_p {
  width: 725px;
  height: 482px;
  overflow: hidden;
  position: relative;
}

.webox_p a.a_video {
  background: url(../images/sy01.jpg) no-repeat center center;
  width: 725px;
  height: 482px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}


.webox{font-size:18px;color: #333;line-height:35px;position: relative;z-index:2;padding:76px 0;overflow: hidden;}
.webox_w{width:39%;}
.webox_w h2{padding: 0 0 34px;background:url(../images/wetbg.gif) no-repeat 0 bottom;font-size:38px;line-height: 60px;color: #000;margin-bottom: 20px;}
.webox_w h2 span{display: block;font-weight: normal;font-size: 30px;line-height: 50px;}
.webox_p,.webox_p img{width: 724px;height: 463px;display: block;overflow: hidden;}

.webox_w li{float: left;height: 130px;width:50%;position: relative;}
.webox_w li:nth-child(2n-1):before{content: "";position: absolute;width:1px;height:61px;background:#ebebeb;top:15px;right:20%;}
.webox_w li span{display: block;height: 60px;font-size: 14px;}
.webox_w li span b{font-family: Times New Roman;font-size: 54px;font-weight: bold;line-height: 60px;}
.webox_w li em{width: 32px;line-height: 32px;border-radius: 32px;text-align: center;background: #0255c5;color: #fff;display: inline-block;}

.ban_tel{position: absolute;top: 400px;left: 480px;}
.ban_tel i{display: block;}
.ban_tel a,.ban_tel02 a,.ban_tel04 a{display: block;float: left;width: 155px;text-align: center;height: 52px;line-height: 52px;background:#0255c5;font-size: 24px;color: #fff;font-weight: bold;}
.ban_tel a,.ban_tel02 a,.ban_tel04 a {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.ban_tel a:hover,.ban_tel02 a:hover,.ban_tel04 a:hover {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.ban_tel02{padding:50px 0 0 20px;}
.ban_tel02 span{display: block;float: left;font-size: 32px;color: #000;font-weight: bold;line-height: 52px;background: url(../images/ban_tel02.png) no-repeat;padding: 0 30px 0 70px;height: 52px;text-align:left;}
.ban_tel02 i{display: block;}
.ban_tel03{position: absolute;top: 520px;left: 0;}
.about_w .ban_tel02{padding:40px 0 0 470px;}

.ban_tel04{position: absolute;bottom: 7.5%;left: 10%;}
.ban_tel04 i{padding:0 0 0 20px;}
.ban_tel04 a{float: left;height: 40px;line-height: 40px;font-size: 22px;}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

/*案例*/
.case{margin-top: 100px;clear: both;font-size:18px;font-family:"Microsoft Yahei";line-height:54px;position: relative;z-index: 1;color: #fff;}
.case:before{content: "";position: absolute;width: 100%;height:1px;left:0;top:142px;background: #d4d4d4;z-index: -1;}
.case_t{height: 95px;z-index: 2;position: relative;font-size: 20px;color: #333;line-height:27px;}
.case_t li{display: inline-block;width:14.28%;float: left;position: relative;padding: 28px 0 0;margin-left: 2.3%;}
.case_t li a{color: #333;}
.case_t li b{float: left;width: 42px;height: 41px;display: block;overflow: hidden;margin: 0 18px 0 0;}
.case_t li b img{display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case_t li em{display: block;font-size: 10px;font-family: Arial;text-transform: uppercase;line-height: 13px;opacity: 0.3;letter-spacing: -1px;}
.case_t li.cur{font-weight: bold;color: #0255c5;}
.case_t li.cur a{color: #333;}
.case_t li.cur b img{margin-top: -81px;}
.case_t li.cur:after{content: "";position: absolute;width: 100%;height:3px;left: 0;top: 0;background:#0255c5;}

.case_pl,.case_pr{width: 50%;overflow: hidden;}
.case_pl p{position: absolute;width:100%;left:0;bottom:0;z-index:1;line-height:54px;height:54px;background: rgba(0 , 0 , 0 , 0.5);text-align: center;color: #fff;}
.case_pr dl{width:48.6%;float: left;position: relative;margin-left: 1.4%;overflow: hidden;margin-bottom: 14px;font-size:16px;}
.case_pr dd{width: 100%;height:0;position: absolute;left: 0;top: 0;background:#0255c5;opacity:0.5;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;z-index: 3;text-align: center;}
.case_pr dd a{background:url(../images/ico01.png) no-repeat center 0;margin-top: 20%;line-height: 84px;display: none;color: #000;}
.case_pl img,.case_pr dt,.case_pr dl img{width: 100%;display: block;overflow: hidden;}
.case_pr dt{position: relative;}
.case_pr dt span{position: absolute;width: 40.9%;left: 2.9%;bottom: 36px;z-index: 2;}
.case_pr dt span img{width: 100%;box-sizing:border-box;border-radius: 100%;background: #fff;padding: 4px;}
.case_pr dt p{position: absolute;width:100%;left:0;bottom:0;z-index:1;line-height:54px;height:54px;background: rgba(0 , 0 , 0 , 0.5);box-sizing:border-box;padding: 0 40px;}
.case_pr dt a{display: block;color: #fff;}
.case_pr dl:hover p,.case_pr dl:hover span{display: none;}
.case_pr dl:hover dd{height: 100%;}
.case_pr dl:hover dd a{display: block;}

/*产品中心*/
.probox{clear: both;font-size:14px;font-family:"Microsoft Yahei";line-height:26px;position: relative;padding:85px 0 0;z-index: 1;text-align: center;}
.prod1{color: #fff;height: 681px;background:url(../images/probg1.jpg) no-repeat center 0;}
.prod2{color: #666;height: 681px;background:url(../images/probg2.jpg) no-repeat center 0;}
.prod1_p,.prod2_p{width: 36.35%;display: block;top: 72px;right: 2.6%;z-index: 1;}
.prod1_p{left: 2.6%;}
.prod1_p img,.prod2_p img{width: 100%;display: block;}
.prod1_w{width: 62.35%;max-width: 873px;padding: 124px 0 0;position: relative;z-index: 2;}
.prod2_w{width: 62.35%;max-width: 873px;padding: 124px 0 0;position: relative;z-index: 2;}
.probox h3{line-height: 78px;font-size: 32px;text-align: center;margin-bottom: 52px;white-space: nowrap;overflow:hidden;}
.probox h3 b{display: inline-block;float: left;}
.probox h3 span{display: inline-block;width: 20%;font-size: 20px;font-weight: normal;color: #333;box-sizing:border-box;float:left;}
.probox h3 span:nth-child(3),.probox h3 span:nth-child(4){padding-left:40px;}
.probox .prod2_w h3 span:nth-child(3),.probox .prod2_w h3 span:nth-child(4){padding-left:54px;}
.probox .prod1_w h3{font-size: 60px;letter-spacing: 8px;}
.probox .prod2_w h3{font-size: 60px;letter-spacing: 8px;}
.probox .prod1_w h3 b{float: left;color: #000;}
.probox li{width: 15.9%;float: left;margin-left:5%;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;font-size: 16px;white-space: nowrap;color: #000;}
.probox li:first-child{margin-left: 0;}
.probox li:hover{margin-top: -10px;}
.probox li em{display: block;}
.probox li b{display: block;font-size: 26px;line-height: 62px;white-space: nowrap;}
.prod2_w h3 b,.prod2_w li b{color: #000;}
@media screen and (max-width: 1680px) {
    .prod2_w{padding: 120px 0 0;}
    .probox li b{font-size: 24px;}
}
@media screen and (max-width: 1480px) {
    .prod2_w{padding: 80px 0 0;}
    .probox li{font-size: 14px;}
    .probox li b{font-size: 22px;}
}
/*优势*/
.chara{clear: both;font-family:"Microsoft Yahei";line-height:24px;font-size: 16px;padding:86px 0 0;position: relative;color: #010101;}
.chara:before{content: "";position: absolute;width: 100%;height:223px;left:0;bottom:0;background: #eaeaea;z-index: -1;}
.chara .til01 p{font-size: 20px;}
.chara_c,.chara_cl,.chara_cl p,.chara_cl p img{width: 100%;display: block;}
.chara_t{height: 280px;}
.chara_t li{width: 25%;height: 280px;float: left;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;box-sizing:border-box;padding: 108px 0 0 64px;}
.chara_t li h4{font-size: 24px;line-height: 36px;white-space: nowrap;}
.chara_t li h4 em{display: block;font-size: 14px;line-height: 24px;opacity: 0.3;font-weight: normal;}
.chara_t li p{display: none;padding: 20px 0 0;}
.chara_t li span b{display: block;}
.chara_t li.cur{color: #000;background:#0255c5;padding: 45px 30px 0 45px;}
.chara_t li.cur span{display: none;}
.chara_t li.cur p{display: block;}

/*广告*/
.h_gg,.h_gg img{display: block;width: 100%;}

/*优势*/
.edge{clear: both;line-height:24px;padding:75px 0 0;font-size: 14px;color: #666;}
.edge_t{height:105px;font-size:24px;line-height: 31px;color: #333;}
.edge_t li{width: 19%;float: left;margin-left:8%;border-top: 2px solid #ddd;padding: 14px 0 0;font-weight: bold;}
.edge_t li:first-child{margin: 0;}
.edge_t li b{float: left;font-family:Arial , Times New Roman, serif;color: #e2e2e2;font-size: 50px;line-height:50px;padding: 0 8px 0 0;}
.edge_t li em{display: block;font-size: 16px;line-height: 18px;text-transform: uppercase;}
.edge_t li.cur{border-color: #000;}
.edge_t li.cur b{color:#000;}

.edge_c{width: 1400px;height: 560px;overflow: hidden;background: #fbfbfb;margin: 0 auto;}
.edge_p{width: 50%;height: 560px;}
.edge_p img{width: 100%;height: 80%;}
.edge_w{width: 46.6%;padding: 60px 0 0;}
.edge_wc{width: 632px;}
.edge_wc h4{font-size: 40px;line-height: 76px;color: #000;}
.edge_wc p{width: 550px;padding: 0 0 15px;}
.edge_more{display: block;width: 140px;line-height: 36px;background: #0255c5;color: #fff;text-align: center;margin-bottom: 30px;}
.edge_more:hover{color:#000;}

/*新闻资讯*/
.nswsbox{font-family:"Microsoft Yahei";line-height: 26px;font-size: 14px;clear: both;color: #555;padding:85px 0;position: relative;overflow: hidden;}
.nswsbox .til01{padding: 0;}
.news{width:53.7%;}
.faqs{width:38.6%;height: 620px;overflow: hidden;}
.new_t{font-size:24px;height:90px;line-height:76px;position: relative;font-weight: bold;}
.new_more{display: block;color: #808080;text-transform: uppercase;font-size: 14px;font-family: Arial;font-weight: normal;}
.new_t span{float: left;}
.new_t span a{display: block;color: #333;padding: 0 42px 0 0;}
.new_t span.cur a,.new_t span a:hover{color: #000;}

.news_c dl{width: 48.4%;float: left;height: 356px;}
.news_c dl:nth-child(2){margin-left:3.2%;}
.news_c dt,.news_c dt img{width:100%;display: block;overflow: hidden;}
.news_c dd h4{color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;display: block;font-size: 16px;height: 55px;line-height:54px;}
.news_c dd h4 a{color: #333;display: block;}
.news_c dd p a{color: #000;}
.news_c li{height:53px;line-height: 53px;position: relative;border-bottom: 1px solid #dcdcdc;padding: 0 0 0 20px;}
.news_c li:before{content: "";position: absolute;width:9px;height:9px;left:0;top:22px;border-radius: 100%;border: solid 2px #a9a9a9;box-sizing:border-box;}
.news_c li a{color: #777;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_c li span{float: right;color: #888;}
.news_c li:hover a,.faqs_c li:hover a{color: #333;text-decoration: underline;}
.news_c li:hover:before{background: #0255c5;border-color: #333;}

.faqs_c li{height:75px;line-height: 75px;background:#f6f6f6;padding:0 25px;position: relative;margin-bottom: 1px;}
.faqs_c li a{color: #777;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;background:url(../images/ico02.png) no-repeat right center;padding: 0 30px 0 20px;position: relative;}
.faqs_c li a:before{content: "";position: absolute;width:9px;height:9px;left:0;top:33px;border-radius: 100%;border: solid 2px #a9a9a9;box-sizing:border-box;}
.faqs_c li:hover{background: #0255c5;}
.faqs_c li:hover a{color: #fff;background:url(../images/ico03.png) no-repeat right center;}
.faqs_c li:hover a:before{border-color: #fff;}

/*关于*/
.aboutbox{font-family:"Microsoft Yahei";font-size: 16px;line-height:30px;color: #fff;overflow: hidden;position: relative;text-align: center;}
.about_p,.about_p img{width: 100%;display: block;max-width: 1920px;margin: 0 auto;}
.about_w{width:1400px;left: 50%;margin-left: -700px;top: 75px;z-index: 2;}
.about_w h2{font-size:36px;line-height:78px;height:116px;}
.about_w h2 a{display: block;color: #000;}
.about_w p{margin: 0 3%;max-width:1260px;color:#333;}

/* 风采展示 */
.show{clear: both;position: relative;font-size: 16px;line-height: 48px;text-align: center;padding: 46px 0 70px;}
.show_t{height:124px;font-size:20px;line-height:46px;color: #333;}
.show_t span{display: inline-block;width: 184px;height: 65px;border: 1px solid #d4d4d4;box-sizing:border-box;line-height: 63px;}
.show_t span em{display:block;width:46px;height: 42px;margin: 0 auto;overflow: hidden;}
.show_t span a{color: #333;display: inline-block;padding-left: 33px;}
.show_t span.cur,.show_t span:hover{background: #0255c5;border-color: #0255c5;}
.show_t span.cur a,.show_t span:hover a{background-position:0 -42px!important;color: #333;}

.show_cl{overflow: hidden;}
.show_cl li{width: 24%;float: left;margin:0 1.33% 0 0;position: relative;}
.show_cl .show_c2 li{width: 18.9%;}
.show_cl li:last-child{margin: 0;}
.show_cl li p,.show_cl li p img{width:100%;display: block;overflow: hidden;}
.show_c li span{display: block;height: 48px;color: #666;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.show_c li span a{display: block;color: #666;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.show_c li:hover span a{color: #0255c5;}

/*友情链接*/
.link{height:73px;line-height:73px;position: relative;font-size: 14px;color: #a2a2a2;background: #fff;}
.link b{font-size: 18px;color: #000;float: left;}
.link a{display: inline-block;color: #333;padding: 0 15px 0 15px;}
.link a:hover{color: #333;}


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