@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}
.sos{text-align: center; padding: 10vh 0;}
.design_bj{background: url(../images/design_bj.jpg) no-repeat center 0 ;height:761px; position: relative;margin-top: -36px; z-index: 3;overflow: hidden;font-family:"Microsoft Yahei";}
.design {width:1200px; margin: 0 auto; height: 761px; overflow: hidden; position: relative;}
.design p{position: absolute; font-size: 28px; color:#fff;font-weight: bold; line-height: 46px;background:#eb2433; border-radius: 100%; text-align: center;transition: all 0.6s;}
.design p i{display: block;font-weight: normal; font-size: 32px; color:#f8eced; text-transform: capitalize;padding-top: 50px;}
.design p.p01{width:234px; height:234px;top:143px;left: 167px;}
.design p.p02{width:210px; height:210px; top:386px;left: 10px;}
.design p.p03{width:272px; height:272px; top:380px; left: 324px;}
.design p.p01 i{padding-top: 70px;}
.design p.p03 i{padding-top: 80px;}
.design p:hover{transform: scale(1.1);}
.design dl{position: absolute; top:150px;right:0;width:475px;height:494px; overflow: hidden;}
.design dt{padding:90px 40px 0 0; overflow: hidden;text-align: right;height:125px; font-size: 28px; font-family: Arial;text-transform: uppercase;color:#5a5a5a; line-height: 40px;}
.design dt b{display: block; font-size: 46px; line-height: 54px;}
.design dd{width:344px;padding:0 0 0 80px;color:#111111; font-size: 14px; line-height: 36px;}
.design dd span{display: block;height:155px; overflow: hidden;text-align: right;}
.design dd i{display: block;text-align: right; font-size: 18px;}
.design dd i img{vertical-align: middle;margin-left: 10px;}

.serv_bj{background: url(../images/serv_bj.jpg) no-repeat center 0 ;height:588px;overflow: hidden;}
.serv {width:1200px; margin: 0 auto; height: 588px; overflow: hidden; font-family:"Microsoft Yahei";}
.serv h2{padding-top: 100px; height:100px; text-align: center; font-size: 34px; color:#fff;font-weight: normal; line-height: 44px;}
.serv h2 i{display: block; font-size: 16px; color:#b7b9c0;letter-spacing: 2px; font-family: Arial;}
.serv li{ float: left;width:200px;margin-right: 15px; overflow: hidden;margin-top: 65px;line-height: 30px;}
.serv li img{display: block;width:122px; height:122px; margin: 0 auto 22px;border:1px solid #fff;border-radius: 100%; -webkit-transition:all 2s ease-in-out;
    -moz-transition:all 2s ease-in-out;
    -o-transition:all 2s ease-in-out;
    -ms-transition:all 2s ease-in-out;    
    transition:all 2s ease-in-out;}
.serv li span{display: block; color: #fff; font-size: 24px; color:#f4f4f4; text-align: center;}
.serv li i{display: block; font-size: 14px; font-family: Arial;color:#f4f4f4; text-align: center;}
.serv li:hover span , .serv .cur span, .serv li:hover i , .serv .cur i{ color:#d41822;}
.serv li:hover img , .serv .cur  img{ background: url(../images/serv_ico01_span.png) no-repeat center 0;border:1px solid #1b1b1d;
 -webkit-transform:rotate(720deg) scale(1,1);
    -moz-transform:rotate(720deg) scale(1,1);
    -o-transform:rotate(720deg) scale(1,1);
    -ms-transform:rotate(720deg) scale(1,1);
    transform:rotate(720deg) scale(1,1);   }

.case{background: url(../images/case_bj.jpg) no-repeat center 0 ;height:2011px;overflow: hidden;position: relative; font-family:"Microsoft Yahei";}
.case h2{padding-top: 100px; height:170px; text-align: center; font-size: 34px; color:#fff;font-weight: normal; line-height: 44px;}
.case h2 a{color:#e7202a;}
.case h2 span{display: block; font-size: 16px; color:#666667;letter-spacing: 2px; }
.case .more{position: absolute; top:1158px;right:50%;margin-right: -600px;background:#e7202a;overflow: hidden;width:365px;height:153px; text-align: center;line-height: 153px;}
.more a{font-size: 18px; color:#fff;}
.case dl{position: absolute;overflow: hidden;transition: all 0.6s;}
.case .dl01{ top:270px; left: 50%;margin-left: -600px;width:825px;height:620px; }
.case .dl02{ top:270px; right: 50%;margin-right: -600px;width:365px;height:877px; }
.case .dl03{ top:900px; left: 50%;margin-left: -600px;width:823px;height:411px; }
.case .dl04{ top:1321px; left: 50%;margin-left: -600px;width:1200px;height:599px; }

.case .dl05{top:900px; left: 50%;margin-left: -960px;width:350px;height:411px; }
.case .dl06{top:1321px; left: 50%;margin-left: -960px;width:350px;height:297px; }
.case .dl07{top:1630px; left: 50%;margin-left: -960px;width:350px;height:290px; }
.case .dl08{top:905px; right: 50%;margin-right: -960px;width:350px;height:408px; }
.case .dl09{top:1321px; right: 50%;margin-right: -960px;width:350px;height:294px; }
.case .dl10{top:1628px; right: 50%;margin-right: -960px;width:350px;height:292px; }
.case .dl01 dt img{width:825px;height:620px; }
.case .dl02 dt img{width:365px;height:877px; }
.case .dl03 dt img{width:823px;height:411px; }
.case .dl04 dt img{width:1200px;height:599px; }
.case .dl05 dt img{width:350px;height:411px; }
.case .dl06 dt img{width:350px;height:297px; }
.case .dl07 dt img{width:350px;height:290px; }
.case .dl08 dt img{width:350px;height:408px; }
.case .dl09 dt img{width:350px;height:294px; }
.case .dl10 dt img{width:350px;height:292px; }
.case dl dd{position: absolute; top:0;left: 0; z-index: 3;overflow: hidden;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.8s;
    -webkit-transition-timing-function: ease;}
.case dd h3{ font-size: 0;font-weight: normal;}
.case dd h3 a{ color:#fff;}
.case dd p{ font-size: 0; line-height: 30px; color:#fff;}
.case dd i{display: block;width:48px;height:48px; margin: 0 auto;display: none;}
.case .dl01 dd{width:825px;height:620px;}
.case .dl01 dd h3{padding:118px 0 0 160px;}
.case .dl01 dd p{padding:10px 100px 0 160px;}
.case .dl01 dd i{padding: 50px 0 0 100px;}
.case .dl02 dd{width:365px;height:877px;}
.case .dl02 dd h3{padding:265px 0 0 30px;}
.case .dl02 dd p{padding:40px 30px 0 ;}
.case .dl02 dd i{padding: 50px 0 0 30px;}
.case .dl03 dd{width:823px;height:411px;}
.case .dl03 dd h3{text-align: center;padding-top: 100px;}
.case .dl03 dd p{text-align: center;padding: 30px 100px;}
.case .dl04 dd{width:1200px;height:599px;}
.case .dl04 dd h3{text-align: center;padding-top: 120px;}
.case .dl04 dd p{text-align: left;padding: 30px 0 60px 350px;}
.case dl:hover{transform: scale(1.01); z-index: 4;}
.case dl:hover dd{display: block;background:rgba(0,0,0,0.8);}
.case dl:hover dd h3{ font-size: 36px;}
.case dl:hover dd p{ font-size: 16px;}
.case dl:hover dd i{display: block;}

.team_bj{background: url(../images/team_bj.jpg) no-repeat center 0 ;height:1114px;overflow: hidden; }
.team{width:1200px; height:1114px; margin: 0 auto;font-family:"Microsoft Yahei";position: relative;}
.team h2{padding-top: 100px;height:174px; text-align: center;font-size: 40px;font-weight: normal;line-height: 50px; color:#fff;}
.team h2 i{display: block; font-size: 16px; font-family: Arial; color:#5e5f66;}
.team_c{  height: 731px; overflow: hidden;}
.team_c dl{height: 731px; overflow: hidden;}
.team_c dt{width: 549px; height: 731px; overflow: hidden; float: left;transition: all 0.6s;}
.team_c dt img{width: 549px; height: 731px; }
.team_c dd{width: 630px; overflow: hidden; height:341px; background:#31363d; margin: 62px 0 0 -50px; float: left;position: relative;border-right: 9px solid #e7202a;}
.team_c dd h3{padding:66px 0 0 60px; font-size: 28px; line-height: 34px;}
.team_c dd h3 a{ color:#fff;}
.team_c dd p{line-height: 30px; font-size: 16px;padding:15px 26px 0px 60px; color:#adb4c0; overflow : hidden;  text-overflow: ellipsis;display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; margin-bottom: 20px;}
.team_c dd i{ display: block; margin-left: 66px;}
.team_c dd i a{ color:#fff; font-size: 16px; font-style: normal;color:#adb4c0; text-transform: uppercase;}
.team_c dd i img{vertical-align: middle;margin-right: 10px;}
.team_c dl:hover dt{transform: scale(1.05); }
.team_box{ width: 612px; overflow: hidden;position: absolute; top:713px; left: 590px; z-index: 8; height:290px;}
.team_box2{ width: 612px; overflow: hidden;z-index: 8; height:290px; position:relative; }
.team_nav {width:490px;overflow:hidden;margin:0 auto;}
.team_nav li{ float: left; width: 216px; overflow: hidden; margin-right: 58px; line-height: 0;}
.team_nav li img{ width: 216px; height: 290px;transition: all 0.6s;}
.team_nav li:hover img{transform: scale(1.05); }
.team_prev{position: absolute;top:100px; left: 0;background:url(../images/team_prev.png) no-repeat center top;width:39px;height:39px;z-index: 8;}
.team_next{position: absolute;top:100px; right: 0;background:url(../images/team_next.png) no-repeat center top;width:39px;height:39px;z-index: 8;}
.team_prev:hover{background:url(../images/team_prev1.png) no-repeat center top;}
.team_next:hover{background:url(../images/team_next1.png) no-repeat center top;}

.ys_bj{background: url(../images/ys_bj.jpg) no-repeat center 0 ;height:975px;overflow: hidden;position: relative; }
.ys{width:1200px; height:975px; margin: 0 auto;font-family:"Microsoft Yahei";overflow: hidden;}
.ys h2{padding-top: 90px;height:174px; text-align: center;font-size: 40px;font-weight: normal;line-height: 50px; color:#333333;}
.ys h2 span{ color:#d41822;}
.ys h2 i{display: block; font-size: 16px;  color:#666666;}
.ys dl{height:305px;width:600px; float: left; overflow: hidden;background:rgba(43,45,53,0.95);}
.ys dl:nth-child(3),.ys dl:nth-child(4){background:rgba(33,35,41,0.95);}
.ys dt{width:150px; height:75px; float: left;margin: 77px 0 0 40px;overflow: hidden;padding-top: 75px; font-size: 24px; color:#fff;font-weight: bold;text-align: center;line-height: 30px;}
.trans_skew { transform: skew(35deg);}
.trans_scale { transform:scale(1, 0.5);}
.trans_rotate { transform:rotate(45deg);}
.trans_translate { transform:translate(10px, 20px);}
.ys dl:nth-child(2) dt{background: url(../images/ys_ico01.png) no-repeat center 0 ;}
.ys dl:nth-child(3) dt{background: url(../images/ys_ico02.png) no-repeat center 0 ;}
.ys dl:nth-child(4) dt{background: url(../images/ys_ico03.png) no-repeat center 0 ;}
.ys dl:nth-child(5) dt{background: url(../images/ys_ico04.png) no-repeat center 0 ;}
.ys dd{width:395px; float: right;padding-top: 80px; overflow: hidden;}
.ys dd h3{ font-size: 24px; color:#ff3239; line-height: 30px;}
.ys dd p{padding:20px 40px 0 0; font-size: 14px; line-height: 30px; color:#fff;}
.ys dl:hover{background:#fe3b42;}
.ys dl:hover dt{transform: rotate(360deg);
-ms-transform: rotate(360deg);            
-webkit-transform: rotate(360deg);    
-o-transform: rotate(360deg);            
-moz-transform: rotate(360deg);        
-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
    .ys dl:hover dd h3{ color:#fff;}

.lc_bj{background: url(../images/lc_bj.jpg) no-repeat center 0 ;height:581px;overflow: hidden;}
.lc {width:1200px; height:581px; margin: 0 auto;font-family:"Microsoft Yahei";overflow: hidden;}
.lc h2{padding-top: 102px;height:168px; text-align: center;font-size: 40px;font-weight: normal;line-height: 50px; color:#fff;}
.lc h2 span{ color:#d41822;}
.lc h2 i{display: block; font-size: 16px;  color:#66686f;}
.lcprev{background:url(../images/lcprev.png) no-repeat center top;width:56px;height:56px;z-index: 8; float: left;margin: 86px 0 0;}
.lcnext{background:url(../images/lcnext.png) no-repeat center top;width:56px;height:56px;z-index: 8; float: right;margin: 86px 0 0;}
.lcprev:hover{background:url(../images/lcprev1.png) no-repeat center top;}
.lcnext:hover{background:url(../images/lcnext1.png) no-repeat center top;}
.lcimg{ float: left; width:1088px; overflow: hidden;}
.lcimg li{ float: left;width:125px;margin-left: 10px; overflow: hidden;position: relative;height:220px;}
.lcimg li i{display: block;width:21px; height:21px; background:#d41822; border-radius: 100%; margin: 0 0 0 55px;text-align: center; line-height: 21px ; font-size: 16px; font-family: Arial; color:#fff;}
.lcimg li img{width:85px; height:85px;background:#252629;border-radius: 100%;display: block;}
.lcimg li span{display: block;line-height: 36px; text-align: center;font-size: 16px; color:#fff;padding-top: 150px;}
.lcimg li:hover span { color:#d41822;}
.anim_box{ position: absolute; top:80px;left: 50%;margin-left: -42px;}
.lcimg .anim_image_top{ background:url(../images/lc_span.png) no-repeat center top;}
.anim_image {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.anim_image_top {
    position: absolute;
    -webkit-transform:scale(1,0);
    opacity: 0;
    filter: Alpha(opacity=0);
}
.anim_box:hover .anim_image_top, .anim_box_hover .anim_image_top {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-transform: scale(1, 1);        
}
.anim_box:hover .anim_image_bottom, .anim_box_hover .anim_image_bottom {
    -webkit-transform:rotate(360deg) scale(0,0);
}

.about{background: url(../images/about_bj.gif) repeat-y center 0 ;height:908px;overflow: hidden;font-family:"Microsoft Yahei"; position: relative;}
.about .apic{position: absolute; top:109px;left:50%; margin-left: 23px;width:938px;height:692px; overflow: hidden;}
.about .apic img{width:938px;height:692px; }
.about dl{position: absolute; top: 109px;left: 50%;margin-left: -590px;width:690px; z-index: 2; overflow: hidden;}
.about dt{background: url(../images/aboute.jpg) no-repeat 0 0 ;height:126px; overflow: hidden; line-height: 50px;}
.about dt a{ font-size: 40px; color:#333333;margin-top: 60px; display: inline-block;}
.about dd p{padding: 30px 140px 0 0;height:240px; font-size: 14px; line-height: 26px; color:#666666; overflow: hidden;}
.about dd i{width:205px;height: 44px;border:1px solid #d41822; text-align: center; line-height: 44px; display: block;}
.about dd i a{ color:#d41822; font-size: 16px;}
.about dd em{display: block;height: 104px; overflow: hidden;margin: 60px 0 0 0;}
.about dd em a{display: block; float: left; width:33%; font-size: 18px; color:#333333;text-align: center; line-height: 104px;}
.about dd em a:first-child{ color:#fff;background:#d41822;}
.about dd em a:last-child{ color:#fff;background:#17181b;width:34%;}
.about dd em a:nth-child(2){ background:#fff;}

.news_bj{background: url(../images/news_bj.jpg) no-repeat center 0 ;height:590px;overflow: hidden;font-family:"Microsoft Yahei";padding-top: 93px;}
.news{width:728px;height:450px; overflow: hidden;}
.news_nav {height:50px; overflow: hidden;position: relative;}
.news_nav::before {position: absolute; content: '';width:100%;height:1px;bottom:1px; left: 0;background:#3f4045;}
.news_nav li{ float: left;position: relative;margin-right: 40px;padding-right: 40px;height:50px;overflow: hidden;}
.news_nav li::before {position: absolute; content: '';width:1px;height:16px;top:18px; right: 0;background:#c8c8c8;}
.news_nav li:last-child::before {height:0;}
.news_nav li a{display: inline-block;line-height: 47px; color:#fff;font-size: 16px;padding:0 5px;}
.news_nav li a:hover  , .news_nav .cur a{border-bottom: 3px solid #d41822; font-weight: bold;}
.news_nav span{ font-size: 14px; font-family: Arial; color:#797d86;text-transform: uppercase; line-height: 50px;}
.news_nav span a{color:#797d86;}
.news_nav span img{vertical-align: middle;margin-right: 10px;}
.news_c dl{margin-top: 34px;height:215px;overflow: hidden;}
.news_c dt{width:360px;height:200px; float: left; overflow: hidden;}
.news_c dt img{width:360px;height:200px;}
.news_c dd{float: right;width:328px;overflow: hidden;}
.news_c dd h3{height:24px; line-height: 24px; font-size: 16px;height:24px; overflow: hidden;}
.news_c dd h3 a{ color:#c7c8cc;}
.news_c dd p{padding-top: 7px;height:124px; overflow: hidden; font-size: 14px; line-height: 24px; color:#797d86;}
.news_c dd i{display: block;width:109px; height:37px;background:#d41822;text-align: center; line-height: 37px;}
.news_c dd i a{color:#fff;}
.news_c ul{margin-top: 10px;}
.news_c li{ float: left;width:330px;overflow: hidden; margin-right: 40px; font-size: 14px; line-height: 33px; color:#c7c8cc;}
.news_c li:nth-child(2n){margin-right: 0;}
.news_c li a{ color:#c7c8cc;}

.faq{width:366px;height:410px; overflow: hidden;border-left: 1px dashed #242425;padding-left: 58px;}
.faq h2{height:50px; overflow: hidden;position: relative; margin-bottom: 40px;}
.faq h2::before {position: absolute; content: '';width:100%;height:1px;bottom:1px; left: 0;background:#3f4045;}
.faq h2 a{ display: inline-block;line-height: 47px; color:#fff;font-size: 16px;padding:0 5px;border-bottom: 3px solid #d41822; z-index: 3;position: relative;font-weight: normal;}
.faq span a{color:#797d86; font-size: 14px; font-family: Arial; color:#797d86;text-transform: uppercase; line-height: 50px;border-bottom: 0;}
.faq span img{vertical-align: middle;margin-right: 10px;}
.faq_c dl{padding: 20px 0;border-bottom: 1px dashed #242425;}
.faq_c dt{padding-left: 30px;background: url(../images/w.png) no-repeat left 0;  line-height: 18px; font-size: 14px;font-weight: bold;}
.faq_c dt a{ color:#bbbdc3;}
.faq_c dd{padding-left: 30px;background: url(../images/d.png) no-repeat left 4px;  line-height: 24px; font-size: 14px;margin-top: 12px; color:#797d86;}

.link{width:1200px; margin: 0 auto; height: 100px; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{ width:140px; overflow: hidden; float: left; font-size: 16px; line-height: 20px; overflow: hidden;color:#c7c8cc;padding-top: 36px;}
.link h2 i{font-family: Arial;}
.link p{  width: 820px; float: left; font-size: 16px;padding-top: 36px; overflow: hidden; line-height: 20px; color:#c7c8cc;}
.link p a{ color:#c7c8cc; padding:0 20px;}