/*1029626114@qq.com*/
@charset "utf-8";

.g_guide{padding-top: 80px;height: 600px;}
.g_guide dl{height: 345px;}
.g_guide dt{float: right;width: 460px;height: 217px;position: relative;}
.g_guide dt img{width:350px;height: 217px;display: block;}
/*.g_guide dt:before{content: "";position: absolute;background: url(../images/spico.png) no-repeat;width:50px;height: 50px;left:150px;top:85px;}*/
.g_guide dd{float: left;width: 650px;}
.g_guide h2{position: relative;padding-top: 8px;height: 130px;border-bottom: 2px solid #f5f5f5;font-size:46px;color:#282828;box-sizing: border-box;margin-bottom: 20px;}
.g_guide h2 b{color:#de0f0a;}
.g_guide h2 em{display: block;font-size:18px;color:#282828;padding-top: 6px;}
.g_guide h2:before{content: "";position: absolute;width:266px;height: 2px;background: #dbdbdb;left:0;top:123px;}
.g_guide h2:after{content: "";position: absolute;width:266px;height: 2px;background: #de0f0a;left:0;top:127px;}
.g_guide p{font-size:15px;line-height: 30px;color:#4c4c4c;}
.g_guide ul{height: 168px;background: #fff;box-shadow: 0 0 30px rgba(0,0,0,.12);padding-top: 25px;box-sizing: border-box;}
.g_guide li{float: left;width:300px;text-align: center;position: relative;}
.g_guide li:before{content: "";position: absolute;background: url(../images/ppline.jpg) no-repeat;width:3px;height: 89px;right: 0;top:15px;}
.g_guide li i{display: block;width:84px;margin:0 auto;}
.g_guide li span{display: block;font-size:22px;color:#000000;}
.g_guide li em{display: block;font-size:14px;color:rgba(0,0,0,.6);padding-top: 6px;}

.g_guide li:last-child:before{background: none;}

.g_guide li:nth-child(1){animation-delay: 0.1s;}
.g_guide li:nth-child(2){animation-delay: 0.2s;}
.g_guide li:nth-child(3){animation-delay: 0.3s;}
.g_guide li:nth-child(4){animation-delay: 0.4s;}
.g_guide li:hover i{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}





/**/
.ysbj{ height:1890px;padding-top: 68px; position: relative;background: url(../images/ysbg.jpg) no-repeat center top;box-sizing: border-box;}
.ysbj h2{height: 146px;text-align: center;font-size:46px;color:#313131;position: relative;}
.ysbj h2 em{display: block;font-size:18px;color:#313131;padding-top: 18px;font-weight: normal;}
.ysbj h2:before{content: "";position: absolute;width:276px;height: 2px;background: #dbdbdb;left:50%; margin-left:-138px; top:64px;}
.ysbj h2:after{content: "";position: absolute;width:276px;height: 2px;background: #de0f0a;left:50%; margin-left:-138px; top:68px;}

.ys{ height:auto;  position: relative; }
.ysgy{width: 100%;max-width: 1920px; margin:0 auto; overflow: hidden;}
.ysgy dl{width: 1200px; margin:0 auto;}
.ysgy dt{float: left;}
.ysgy dd{width: 600px;box-sizing: border-box;float: left;}
.ysgy dd h3{ position: relative; height: 100px; width:450px; font-size: 42px;color: #313131;font-weight: bold;margin-bottom: 18px;border-bottom: 1px solid #e5e5e5;padding-left: 95px;}
.ysgy dd h3 em{display: block;font-size:14px;color: rgba(0,0,0,.5);font-weight: normal;}
.ysgy dd h3 i{position: absolute;left:-10px;top:-5px;}
.ysgy dd p{padding-left: 30px; line-height: 36px;font-size:16px;color: #4c4c4c; text-align: left;background: url(../images/ysico.png) no-repeat left 11px;}

.ys1 dd{padding: 60px 0 0 60px;}
.ys2 dd{padding: 98px 0 0 0;}
.ys3 dd{padding: 110px 0 0 64px;}
.ys4 dd{padding: 52px 0 0 0;}
.ys2 dt img{margin-right: -360px;}
.ys3 dt img{margin-left: -360px;}
.ys1 dd p{width:475px;}
.ys2 dd p{width:455px;}
.ys3 dd p{width:485px;}
.ys4 dd p{width:525px;}
.ys1 dd li:hover img,
.ys2 dd li:hover img,
.ys3 dd li:hover img,
.ys4 dd li:hover img{transform: scale(1.1);}
.ys1{height: 385px;}
.ys2{height: 421px;}
.ys3{height: 486px;}
.ys4{height: 365px;}

.ys2 dd p{line-height: 24px;background: url(../images/ysico.png) no-repeat left 3px;margin-bottom: 10px;}







/*案例*/
.g_pro{position: relative;padding:66px 0 0 0; height: 915px; z-index: 1;}
.g_pro h2 a{display: block; height: 146px;text-align: center;font-size:46px;color:#313131;position: relative;}
.g_pro h2 em{display: block;font-size:18px;color:#313131;padding-top: 18px;font-weight: normal;}
.g_pro h2:before{content: "";position: absolute;width:276px;height: 2px;background: #dbdbdb;left:50%; margin-left:-138px; top:64px;}
.g_pro h2:after{content: "";position: absolute;width:276px;height: 2px;background: #de0f0a;left:50%; margin-left:-138px; top:68px;}
.pro_t{width: 264px;height: 682px;border:2px solid #eee;}
.pro_t li{height: 84px;background:url(../images/flline.jpg) no-repeat 15px bottom; box-sizing:border-box;position: relative;padding-left: 80px;font-size: 18px;color:#000000;line-height: 84px;}
.pro_t li:before{content: "";position: absolute;background:url(../images/flrico1.png) no-repeat;width:8px;height: 9px;right: 17px;top:36px;}
.pro_t li i{position: absolute;left:18px;top:21px;width:50px;height: 50px;overflow: hidden;z-index: 15;}
.pro_t li i img{width:100px;height: 50px;display: block;}
.pro_t li a{color: #000000;display: block;}
.pro_t li b{position: relative;z-index: 15;font-weight: normal;}
.pro_t li.cur{position: relative;}
.pro_t li.cur:after{content: "";position: absolute;width:268px;height: 86px;left:-2px;top:-2px; background:#de0f0a;}
.pro_t li.cur a{color: #fff;}
.pro_t li.cur i img{margin-left: -50px;}
.pro_t li.cur:before{content: "";position: absolute;background:url(../images/flrico2.png) no-repeat;width:8px;height: 9px;right: 17px;top:36px;z-index: 11}
.morehy{margin-top: 29px;background:url(../images/fltel.png) no-repeat;height: 30px;padding-left: 45px;font-size:24px;color:#de0f0a;margin-left: 15px;font-weight: bold;}
.pro_c{width: 909px;overflow: hidden;}
.pro_c dt,.pro_c dt img{width: 909px;display: block;height:455px;overflow: hidden;}
.pro_c dt{position: relative;overflow: hidden;}
.pro_c dt img{width: 909px;height:455px;display: block;}


/*合作*/
.part{position: absolute;right: 0;top:615px;width:909px;}
.part_c li{float: left; width:290px;height: 217px;position: relative; margin:0 18px 0 0;text-align: center;overflow: hidden;}
.part_c li p,.part_c li p img{width: 290px;height: 217px;display: block;overflow: hidden;}
.part_c li span{position: absolute;left:0;bottom: -40px;width:290px;height: 40px;line-height: 40px;background: #de0f0a;text-align: center;font-size:18px;color:#fff;transition: all 0.3s linear 0s;}
.part_c li span a{display: block;color: #fff;}
.part_c li:hover span{bottom: 0}

.g_an{background:url(../images/anbg.jpg) no-repeat center top;height: 930px;padding-top: 70px;box-sizing: border-box;}
.g_an h2 a{display: block; height: 146px;text-align: center;font-size:46px;color:#fff;position: relative;}
.g_an h2 em{display: block;font-size:18px;color:#fff;padding-top: 18px;font-weight: normal;}
.g_an h2 a:before{content: "";position: absolute;width:276px;height: 2px;background: #fff;left:50%; margin-left:-138px; top:64px;}
.g_an h2 a:after{content: "";position: absolute;width:276px;height: 2px;background: #de0f0a;left:50%; margin-left:-138px; top:68px;}

.antit{height: 91px;}
.antit a{display: block;float: left;width:180px;height: 50px;line-height: 50px;background: #fff;text-align: center;font-size:18px;color:#000;margin:0 10px;}
.antit a:hover,.antit .cur{background: #de0f0a;color:#fff;}
.m_an{height: 430px;}
.m_an dl{float: left;width:386px;height: 402px;background: #fff;margin-right: 22px; }
.m_an dt{padding: 30px 0 0 0;width:325px;height: 186px;margin:0 auto;overflow: hidden;margin-bottom: 18px;}
.m_an dt img{width:325px;height: 186px;display: block;transition: all 0.3s linear 0s;}
.m_an dd{margin:0 30px;}
.m_an h3 a{display: block;line-height: 32px;font-size:18px;font-weight: bold;color:#000000;transition: all 0.3s linear 0s;}
.m_an p{font-size:14px;line-height: 24px;color:#363636;margin-bottom: 20px;transition: all 0.3s linear 0s;}
.m_an span{display: block;width:40px;height: 40px;overflow: hidden;}
.m_an dl:hover span img{margin-left: -40px;}
.m_an dl:hover dt img{transform: scale(1.1);}
.m_an dl:hover h3 a{color:#de0f0a;padding-left: 5px;}
.m_an dl:hover p{padding-top: 6px;}

.m_hz{background: #fff;height: 120px;}
.m_hz li{float: left;width:220px;position: relative;margin:10px 10px 0;overflow: hidden;}
.m_hz li img{width:220px;height: 110px;display: block;transition: all 0.3s linear 0s;}
.m_hz li:before{content: "";position: absolute;width:1px;height: 60px;background: #e5e5e5;right: 0;top:20px;}
.m_hz li:last-child:before{background: none; }
.m_hz li:hover img{transform: scale(1.1);}



.g_lc{padding-top: 70px;height: 460px;}
.g_lc h2{display: block; height: 160px;text-align: center;font-size:46px;color:#313131;position: relative;}
.g_lc h2 em{display: block;font-size:18px;color:#313131;padding-top: 18px;font-weight: normal;}
.g_lc h2:before{content: "";position: absolute;width:276px;height: 2px;background: #dbdbdb;left:50%; margin-left:-138px; top:64px;}
.g_lc h2:after{content: "";position: absolute;width:276px;height: 2px;background: #de0f0a;left:50%; margin-left:-138px; top:68px;}
.g_lc dl{float: left;width:198px;height: 198px;border:1px solid #d9d9d9;margin-right: 50px;padding-top: 24px;box-sizing: border-box;transition: all 0.3s linear 0s;}
.g_lc dl:nth-child(5){margin-right: 0;}
.g_lc dt{width:80px;margin:0 auto;height: 70px;overflow: hidden;}
.g_lc dt img{display: block;transition: all 0.3s linear 0s;}
.g_lc h3{line-height: 40px;text-align: center;font-size:24px;color:#000000;}
.g_lc p{padding: 0 18px;font-size:14px;color: rgba(0,0,0,.8);text-align: center;}
.g_lc dl:hover,.g_lc .cur{background: #de0f0a;border:1px solid #de0f0a;}
.g_lc dl:hover h3,.g_lc .cur h3,
.g_lc dl:hover p,.g_lc .cur p
{color:#fff;}
.g_lc dl:hover dt img,.g_lc .cur dt img{margin-left: -80px;}
.g_lc dl:hover{ transform: translateY(-10px);	}




/*资讯*/
.nswsbox{height:828px;padding:72px 0 0; overflow: hidden;font-family:"Microsoft Yahei";line-height: 24px;color: #787878;font-size: 14px;clear: both;background: #f5f5f5;}
.nswsbox h2 a{display: block; height: 124px;text-align: center;font-size:46px;color:#313131;position: relative;line-height: 46px;}
.nswsbox h2 em{display: block;font-size:18px;color:#313131;padding-top: 18px;font-weight: normal;}
.nswsbox h2 a:before{content: "";position: absolute;width:276px;height: 2px;background: #dbdbdb;left:50%; margin-left:-138px; top:64px;}
.nswsbox h2 a:after{content: "";position: absolute;width:276px;height: 2px;background: #de0f0a;left:50%; margin-left:-138px; top:68px;}
.news{width:797px;}
.faqs{width:371px;height: 654px;overflow: hidden;}
.new_t{font-size:18px;height:58px;line-height:58px;border-bottom: 1px solid #ccc;position: relative;margin-bottom: 15px;}
.new_t:before{content:"";position: absolute;width:126px;height: 3px;background: #de0f0a;left:0;top:56px;}
.new_more a{font-size: 16px;display: inline-block;color: #333333;}
.new_t p{float: left;}
.new_t p span{color: #333333; font-size:20px; display: inline-block;background:url(../images/newtit1.png) no-repeat 0 7px;padding-left: 55px;}
.faqs .new_t p span{background:url(../images/newtit2.png) no-repeat 0 7px;}

.news_c{background: #fff;position: relative;}
.news_c:before{content: "";position: absolute;width:797px;height:1px;background:#eaeaea;top:69px;left:0;}
.news_c ul{padding: 0 37px;clear: both;height: 132px;}
.news_c li span{float: right;}
.faqs_c li a,.faqs_c li:hover a,.news_c li a:hover,.news_c li:hover a{color: #333;}

.news_c dl{height: 426px;overflow: hidden;border-bottom: 7px solid #f2f2f2;width: 337px;float: left;padding: 0 15px 0 38px;margin-bottom: 15px;}
.news_c dl:nth-child(2){padding-right: 29px;}
.news_c dt{width:337px;height:189px;overflow: hidden;}
.news_c dt img{width:337px;height:189px;display: block;overflow: hidden;transition: all 0.3s linear 0s;}
.news_c dl:hover dt img{transform: scale(1.1);}

.news_c dd{height: 202px;overflow: hidden;}
.news_c dd span{font-size:24px;height: 70px;line-height: 70px;color: #ababab;}
.news_c dd h4{font-size:16px;line-height:70px;display: block;font-weight: normal;height: 70px;}
.news_c dd h4 a,.faqs_c dd h4 a{color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_c dd p a,.faqs_c dd p a{color: #de0f0a;}
.news_c dd h4 a:hover,.faqs_c dd h4 a:hover,.news_c dl:hover dd h4 a,.faqs_c dl:hover dd h4 a{font-weight: bold;color: #de0f0a;}

.faqs_c{background: #fff;padding: 35px 34px;height: 510px;}
.faqs_c dl{height:301px;background:url(../images/new_line.jpg) no-repeat 0 bottom #fff;margin-bottom: 10px;overflow: hidden;}
.faqs_c dt{width:301px;height:170px;overflow: hidden;}
.faqs_c dt img{width:301px;height:170px;display: block;overflow: hidden;transition: all 0.3s linear 0s;}
.faqs_c dl:hover dt img{transform: scale(1.1);}
.faqs_c dd{padding:10px 18px 0;}
.faqs_c dd h4{font-size:16px;line-height: 49px;height: 49px;display: block;font-weight: normal;}
.faqs_c li,.news_c li{height: 36px;line-height: 36px;position: relative;padding: 0 0 0 22px;background:url(../images/dtico.jpg) no-repeat 0 12px;}
.faqs_c li a,.news_c li a{color: #777;}
.faqs_c li:hover a,.news_c li:hover a{color: #de0f0a;}


.g_about{height: 730px;padding-top: 70px;box-sizing: border-box;overflow: hidden;background:url(../images/abbg.jpg) no-repeat center top;}
.g_about h2 a{display: block; height: 160px;text-align: center;font-size:46px;color:#fff;position: relative;line-height: 46px;}
.g_about h2 em{display: block;font-size:18px;color:#fff;padding-top: 18px;font-weight: normal;}
.g_about h2 a:before{content: "";position: absolute;width:276px;height: 2px;background: #fff;left:50%; margin-left:-138px; top:64px;}
.g_about h2 a:after{content: "";position: absolute;width:276px;height: 2px;background: #de0f0a;left:50%; margin-left:-138px; top:68px;}
.g_about p{padding: 0 100px;text-align: center;font-size:15px;line-height: 26px;color:#fff;height: 240px;}
.m_zz{height: 190px;padding-top: 35px;box-sizing: border-box;}

.m_zz ul{height: 115px; position: relative; margin-left: 85px; }
.m_zz li{position: relative;float: left;width:210px;text-align: center; height: 115px;position: relative;padding-top: 20px;}
.m_zz li:before{content:"";position: absolute;background:url(../images/abline.jpg) no-repeat;right: 0;top:6px;width:4px;height: 110px;}
.m_zz li:last-child:before{background: none;}
.m_zz li em{display: block;height:60px;line-height:60px;overflow: hidden;text-align: center;}
.m_zz li em b{display: inline-block; font-size: 60px; letter-spacing: -2px; color: #262626; font-family: "arial"; font-weight: bold;}
.m_zz li em i{display: inline-block; width:22px;height: 22px; line-height: 22px; background: #de0f0a;border-radius: 50%; font-size: 14px;font-weight: normal; text-align: center; color: #fff; font-style: normal; position: relative;top:-6px;left:-10px;z-index: 111;}
.m_zz li h4{font-size: 16px; color: #000000; font-weight: normal; }

.m_zz .w{display:inline-block;font-size:60px;color:#262626;font-weight: bold;}










.g_link {
  position: relative;
  margin-top: -70px;
  width: 1200px;
  margin-left: -600px;
  left: 50%;
}
.g_link .content {
  width: 400px;
  margin: 0 auto;
  float: right;
}
.g_link h2{float: left;width: 80px;font-size: 14px;color:#fff;font-weight: normal;}

.link_c {
  overflow: hidden;
  width: 280px;
  font-size: 14px;
}
.link_c a {
  white-space: nowrap;
  padding: 0 6px;
  float: left;
 color:#fff;
  display: block;
}
.link_c a:hover {
  color:#fff;
}





@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}



@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}

@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}




html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}