@charset 'utf-8';
body{font-family:"微软雅黑",Arial;background:#fff}
.scale_img dl dt img,.scale_img li img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.scale_img dl:hover dt img,.scale_img li:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}


h2.main_title a{width:1200px;margin:0 auto;overflow:hidden;display:block;text-align:center;font-size:40px;line-height:42px;color:#000;padding-bottom:20px;position:relative;font-weight:400}
h2.main_title a:after{position:absolute;content:"";width:27px;height:2px;background:#ff6700;bottom:0;left:50%;margin-left:-13.5px}
h2.main_title a:hover{color:#000}

.fullSlide{position:relative;z-index:1;clear:both;width:100%}
.fullSlide .tempWrap{margin:0 auto}
.fullSlide .bd{position:relative;z-index:1;overflow:hidden;margin:0 auto}
.fullSlide .bd .li img{display:block;width:100%;height:auto!important}
.fullSlide .hd{position:absolute;bottom:40px;width:100%;height:18px;cursor:pointer;text-align:center;z-index:9;font-size:0}
.fullSlide .hd li{display:inline-block;width:16px;height:16px;margin:0 16px;opacity:1;border-radius:8px;background:#fff;-o-transition:all .3s ease;transition:all .3s ease}
.fullSlide .hd li.on{background:#fff;width:46px}
.fullSlide p{display:none;position:absolute;top:50%;width:80px;height:80px;z-index:99;opacity:1;text-align:center;margin-top:-40px;opacity:.8}
.fullSlide .prev2{left:3%}
.fullSlide .next2{right:3%}


.intro{padding-top:80px;padding-bottom:40px;background:#f2f2f3;text-align:center;height:757px}
.intro h2+p{font-size:16px;line-height:30px;color:#000;width:952px;margin:22px auto 39px}
.intro ul{position:relative}
.intro li{width:246px;height:246px;float:left;margin-right:71px;position:relative;margin-bottom:41px}
.intro li h3{position:absolute;width:100%;top:80px}
.intro li h3 strong{display:block;font-size:36px;line-height:52px;color:#fff;font-weight:400;position:relative}
.intro li h3 strong:after{position:absolute;content:"";width:18px;height:1px;background:#ff6700;bottom:0;left:50%;margin-left:-9px}
.intro li h3 span{display:block;font-size:18px;line-height:24px;color:#fff;margin-top:10px;font-weight:400}
.intro li:nth-child(11),.intro li:nth-child(4){margin-right:0}
.intro li:nth-child(5),.intro li:nth-child(6),.intro li:nth-child(7){position:absolute;top:144px;left:158px}
.intro li:nth-child(6){left:475px}
.intro li:nth-child(7){left:791px}


.intro li:hover img {filter: brightness(0.2);-webkit-filter: brightness(0.2);}
.intro i{display: none;font-size: 26px;color: #fff;    position: absolute;top: 100px;width: 100%;line-height: 42px;}
.intro li:hover i {display:block;}
.intro li:hover h3{display:none}
.intro li i:after{position:absolute;content:"";width:18px;height:1px;background:#ff6700;bottom:0;left:50%;margin-left:-9px}

.scene{padding-top:78px;padding-bottom:45px}
.scene dl{width:582px;float:left;background:#f2f2f3;margin-bottom:35px;line-height:0}
.scene dl:last-child{float:right}
.scene dd{height:230px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 49px 0}
.scene dd h3 a{display:block;padding-bottom:6px;position:relative}
.scene dd h3 a:after{position:absolute;content:"";width:27px;height:2px;background:#ff6700;left:0;bottom:0}
.scene dd h3 img{width:31px;display:inline-block;margin-right:9px;vertical-align:-3px}
.scene dd h3 span{display:inline-block;font-size:26px;line-height:28px;color:#000;font-weight:400;-o-transition:all .3s ease;transition:all .3s ease}
.scene dd h3:hover span{letter-spacing:1px}
.scene dd h3+p{font-size:14px;line-height:24px;color:#333;max-height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:14px 0 23px}
.scene .info{overflow:hidden}
.scene .info a{display:block;width:133px;height:35px;border:1px solid #bfbfbf;float:left;-o-transition:all .3s ease;transition:all .3s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;line-height:33px;color:#fff;text-align:center;margin-right:8px}
.scene .info a:hover{background:#ff6700;border-color:#ff6700;color:#fff}
.scene dl.scene1{width:1200px;float:none;margin-top:30px}
.scene dl.scene1 dd{width:451px;height:auto;padding:70px 56px 0}
.scene dl.scene1 dd h3+p{font-size:14px;line-height:24px;color:#333;max-height:72px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.scene dl.scene1 .info{margin:47px 0 68px}
.scene dl .info a{border:none;color:#fff;background:#000;line-height:35px}
.scene dl .info a:first-child{background:#ff6700}
.scene dl .info a:hover{letter-spacing:1px}
.scene dl.scene1 .sign{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;padding-top:23px;padding-bottom:19px}
.scene dl.scene1 .sign p{font-size:14px;line-height:24px;color:#000}
.scene dl.scene1 .sign .sign_pic{display:block;margin-top:20px;text-align:right}
.scene dl.scene1 dt{width:749px}
.scene dl.scene1 .pic{width:749px;height:351px;margin-bottom:7px}
.scene dl.scene1 .pic img{ width:100%}
.scene dl.scene1 li{float:left;width:20%;height:159px;background:#fff;border:1px solid #e5e5e5;position:relative;border-right:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.scene dl.scene1 li img{width:100%}
.scene dl.scene1 li h4{width:130px;background:#fff;position:absolute;left:10px;top:112px;z-index:2;font-size:12px;line-height:18px;color:#333;max-height:36px;overflow:hidden;text-align:center;font-weight:400;border-top:1px solid #e5e5e5;padding:5px 0 0;-o-transition:all .3s ease;transition:all .3s ease}
.scene dl.scene1 li:hover h4{color:#ff6700}
.scene dl.scene1 li:last-child{border-right:1px solid #e5e5e5}

.product{padding-top:79px;padding-bottom:80px;background:#f2f2f3}
.product h2{margin-bottom:31px}
.product_nav{float:left;width:259px;position:relative;z-index:99}
.product_nav .title{width:259px;height:83px;background:#ff6700;text-align:center}
.product_nav .title a{display:block;padding-top:20px}
.product_nav .title strong{display:block;font-size:22px;line-height:30px;color:#fff;font-weight:400}
.product_nav .title span{display:block;font-size:12px;line-height:18px;color:#fff;text-transform:uppercase;font-family:arial;opacity:.6}
.product_nav .pro_nav{height:525px;background:#fff}
.product_nav .pro_nav h3{position:relative;padding:0 26px}
.product_nav .pro_nav h3>a{display:block;font-size:16px;line-height:57px;color:#000;padding-left:6px;border-bottom:1px solid #eaeaea;font-weight:700;position:relative}
.product_nav .pro_nav h3>a:after{width:6px;height:6px;right:9px;top:26px;content:"";border:1px solid #bbb;border-style:solid solid none none;position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-o-transition:all .3s ease;transition:all .3s ease}


.product_nav .pro_nav dl {padding: 2px 0 4px; }
.product_nav .pro_nav dt {height: 42px;font-size: 14px;line-height: 42px;padding-left: 54px;padding-right: 40px;margin-bottom: 1px;position: relative;overflow: hidden;}
.product_nav .pro_nav dt:after {content: "";width: 8px;height: 0px;border: 1px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;left: 32px;margin-top: -2px;/* -webkit-transform: rotate(45deg); */-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);/* transform: rotate(45deg); */}   
.product_nav .pro_nav dl dt:hover:after {border-color:  #ff6700;}
.product_nav .pro_nav dl dt:hover a {color:  #ff6700;}



.product_nav .pro_nav h3 .pro_menu{position:absolute;left:259px;top:0;display:none;z-index:10;line-height:0;font-size:0;width:940px}
.product_nav .pro_nav h3 .pro_menu div{background:#fff;box-shadow:0 3px 15px 0 rgba(0,0,0,.07);padding:20px 0 20px 0;display:inline-block}
.product_nav .pro_nav h3 .pro_menu p{display:table-cell;border-right:1px solid #e6e6e6;padding-right:28px;padding-left:24px;vertical-align:top;margin-bottom:20px}
.product_nav .pro_nav h3 .pro_menu a{display:block;font-size:14px;line-height:24px;color:#555;font-weight:400;-o-transition:all .3s ease;transition:all .3s ease}
.product_nav .pro_nav h3 .pro_menu p:last-child{border-right:none}
.product_nav .pro_nav h3 .pro_menu p a:first-child{font-size:16px;line-height:26px;color:#000;margin-bottom:11px}
.product_nav .pro_nav h3 .pro_menu p a:hover{color:#ff6700}
.product_nav .pro_nav h3:hover>a{color:#ff6700}
.product_nav .pro_nav h3:hover>a:after{border-color:#ff6700}
.product_nav .pro_nav h3:last-child>a{border-bottom:none}
.product_con{position:relative;width:932px;float:right}
.product_con dl{width:932px;height:415px;background:#fff;overflow:hidden;margin-bottom:7px}
.product_con dl dt{width:500px;float:left;overflow:hidden}
.product_con dl dt img{width:500px}
.product_con dl dd{float:left;width:315px;padding-top:75px}
.product_con dl h3 strong{display:block;font-size:26px;line-height:36px;color:#000;font-weight:400}
.product_con dl h3 span{display:block;font-size:18px;line-height:26px;color:#000;font-weight:400}
.product_con dl p{font-size:14px;line-height:24px;color:#555;margin:27px 0 66px}
.product_con dl .info a{display:block;width:133px;height:35px;background:#fff;border:1px solid rgba(191,191,191,.5);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-transition:all .3s ease;transition:all .3s ease;border-radius:2px;font-size:14px;line-height:33px;color:#ff6700;text-align:center}
.product_con dl .info a:hover{background:#ff6700;border-color:#ff6700;color:#fff}
.product_con li{float:left;width:181px;height:185px;background:#fff;margin-right:6.5px;position:relative;overflow:hidden}
.product_con li img{width:100%}
.product_con li h4{width:151px;background:#fff;position:absolute;left:0;top:135px;z-index:2;font-size:14px;line-height:18px;color:#333;max-height:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:center;font-weight:400;border-top:1px solid #e5e5e5;padding:8px 15px 0;-o-transition:all .3s ease;transition:all .3s ease}
.product_con li:hover h4{color:#ff6700}
.product_con li:last-child{margin-right:0}
.product_con .pageState{font-family:arial;font-size:18px;line-height:30px;color:#555;font-weight:700;position:absolute;right:30px;top:367px;z-index:10;letter-spacing:4px}
.product_con .pageState>span{line-height:100%;color:#ff6700}
.product_switch div{position:absolute;width:26px;height:49px;padding:0 10px;top:195px;cursor:pointer;z-index:9;opacity:.8;-o-transition:all .3s ease;transition:all .3s ease}
.product_switch .product_prev{left:20px}
.product_switch .product_next{right:20px}
.product_switch div:hover{opacity:1}
.p_tel{clear:both;padding-top:41px;text-align:center;line-height:0;font-size:0}
.p_tel a{display:inline-block;font-size:18px;line-height:44px;color:#fff;text-align:center;background:#ff6700;border-radius:2px;width:160px;-o-transition:all .3s ease;transition:all .3s ease}
.p_tel a:hover{letter-spacing:1px}
.p_tel a:first-child{width:344px;background:#000;margin-right:20px}

.case{padding-top:79px;padding-bottom:80px;overflow:hidden}
.case_nav{text-align:center;font-size:0;line-height:0;margin:32px 0 35px}
.case_nav h3{display:inline-block}
.case_nav h3 a{display:block;font-size:14px;line-height:30px;color:#555;font-weight:400;-o-transition:all .3s ease;transition:all .3s ease;padding-left:24px}
.case_nav h3 a:after{content:"/";color:#555;padding-left:24px}
.case_nav h3:last-child a:after{content:""}
.case_nav h3:hover a{color:#ff6700}
.case_con dl{float:left;width:300px;height:225px;margin-left:3px;margin-bottom:3px;overflow:hidden;line-height:0;position:relative}
.case_con dt{position:relative}
.case_con dt img{width:300px;height:225px}
.case_con dt h4{position:absolute;width:260px;height:30px;background:rgba(0,0,0,.5);left:20px;bottom:13px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;line-height:30px;color:#fff;text-align:center;padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;border-radius:15px}
.case_con dd{background:rgba(0,0,0,.7);width:100%;height:100%;padding:9px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;bottom:0;opacity:0;-o-transition:all .3s ease;transition:all .3s ease}
.case_con dd a{display:block;border:1px solid rgba(255,255,255,.4);height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:34px 20px 30px}
.case_con dd p{font-size:14px;line-height:24px;color:#fff;margin-bottom:25px}
.case_con dd span{display:block;font-size:14px;line-height:24px;color:#ff6700;-o-transition:all .3s ease;transition:all .3s ease}
.case_con dd span:hover{letter-spacing:1px}
.case_con dl:first-child{width:291px;height:453px;margin-left:0}
.case_con dl:first-child dt img{width:291px;height:453px}
.case_con dl:first-child dt h4{width:169px;height:30px;background:#ff6700;border-radius:15px 0 0 15px;left:auto;right:0;top:25px}
.case_con dl:hover dt h4{display:none}
.case_con dl:hover dd{opacity:1}
.case_scene{overflow:hidden;margin:47px 0 9px}
.case_scene li{float:left;width:92px;height:92px;background:#fff;border:1px solid #dbdbdb;border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:46.5px;padding-top:19px;text-align:center;-o-transition:all .5s ease;transition:all .5s ease}
.case_scene li a{display:block}
.case_scene li i{display:block;width:41px;height:33px;position:relative;overflow:hidden;margin:0 auto}
.case_scene li i img{position:absolute;left:0;top:0}
.case_scene li span{display:block;font-size:14px;line-height:34px;color:#000}
.case_scene li:last-child{margin-right:0}
.case_scene li:hover{background:#ff6700;border-color:#ff6700}
.case_scene li:hover i img{top:-33px;animation:flipInY 1s}
.case_scene li:hover span{color:#fff}

.team{padding-top:78px;background:#f1f1f3;padding-bottom:84px}
.team_nav{margin:21px 0 29px}
.team_con dl{float:left;width:238px;height:236px;margin-left:3px;margin-bottom:3px;overflow:hidden;line-height:0;position:relative}
.team_con dt{position:relative}
.team_con dt img{width:238px;height:236px}
.team_con dt h4{position:absolute;width:238px;height:56px;background:url(../images/team_mask2.png) no-repeat center bottom;left:0;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;padding-top:18px;line-height:0;font-size:0;font-weight:400}
.team_con dt h4 strong{display:inline-block;font-weight:400;font-size:16px;line-height:28px;color:#fff}
.team_con dt h4 span{display:inline-block;font-weight:400;margin-left:10px;font-size:14px;line-height:28px;color:#fff}
.team_con dd{background:rgba(0,0,0,.6);width:100%;height:100%;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;bottom:-100%;-o-transition:all .3s ease;transition:all .3s ease}
.team_con dd a{display:block;border-top:5px solid #ff6700;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 20px 20px}
.team_con dd h4 strong{display:block;font-size:24px;line-height:28px;color:#fff;font-weight:400}
.team_con dd p{font-size:14px;line-height:24px;color:#fff;opacity:.78;margin:14px 0 22px;height: 72px;    overflow: hidden;}
.team_con dd span{display:block;width:150px;height:30px;background:#ff6700;font-size:14px;line-height:30px;color:#fff;-o-transition:all .3s ease;transition:all .3s ease;margin:0 auto}
.team_con dd span:hover{width:110px}
.team_con dl:first-child{width:476px;height:475px;margin-left:0}
.team_con dl:first-child dt img{width:476px;height:475px}
.team_con dl:first-child dt h4{display:none}
.team_con dl:first-child dd{bottom:0;background:url(../images/team_mask.png) no-repeat center bottom;height:270px;text-align:left}
.team_con dl:first-child dd a{border-top:none;padding: 80px 92px 0 33px;}
.team_con dl:first-child dd h4{font-size:0;line-height:0}
.team_con dl:first-child dd h4 strong{display:inline-block;font-size:28px;line-height:32px;color:#fff;font-weight:400}
.team_con dl:first-child dd h4 span{display:inline-block;font-size:16px;line-height:20px;color:#fff;font-weight:400;margin-left:6px;background:0 0}
.team_con dl:first-child dd p{font-size:16px;line-height:30px;color:#fff;opacity:.6;margin-top: 8px;height: 120px;margin-bottom: 0;}
.team_con dl:first-child dd a.team_con_a{ margin:0; padding:0;    height: auto;}
.team_con dl:first-child dd a.team_con_a span{display:block;width:90px;height:35px;background:#ff6700;border-radius:17px 0 0 17px;position:absolute;right:0;bottom:35px;text-align:center;font-size:18px;line-height:35px;color:#fff}
.team_con dl:hover dt h4{display:none}
.team_con dl:hover dd{bottom:0}
.team_list{position:relative;margin-top:22px;height:90px}
.team_list .team_next,.team_list .team_prev{position:absolute;width:90px;height:90px;background:#000;top:0;cursor:pointer;-o-transition:all .3s ease;transition:all .3s ease}
.team_list .team_next:hover,.team_list .team_prev:hover{background:#ff6700}
.team_list .team_prev{left:0}
.team_list .team_next{right:0}
.team_list .team_container{width:999px;position:absolute;height:90px;left:100px;top:0;overflow:hidden}
.team_list .team_container li{width:90px;height:90px;overflow:hidden;line-height:0;float:left;margin-right:11px}
.team_list .team_container li img{width:90px;height:90px}
.team_list .team_container li a{display:block;position:relative}
.team_list .team_container li a:after{position:absolute;content:"";width:100%;height:100%;border:1px solid #ff6700;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;left:0;top:0;opacity:0;-o-transition:all .3s ease;transition:all .3s ease}
.team_list .team_container li:hover a:after{opacity:1}

.support{padding-top:78px;padding-bottom:80px}
.support h2{margin-bottom:31px}
.support_form{width:290px;height:360px;background:#fff;border:1px solid #e4e4e4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px 14px 10px}
.support_form h3{text-align:center;margin-bottom:27px}
.support_form h3 strong{display:block;font-size:18px;line-height:30px;color:#000}
.support_form h3 span{display:block;font-size:14px;line-height:20px;color:#555;font-weight:400}
.support_form h3 i{color:#ff6700}
.support_form ul li{height:42px;background:rgba(237,237,237,.4);border:1px solid #ededed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:13px;position:relative}
.support_form ul label{padding-left:15px;display:block;font-size:14px;line-height:40px;color:#656565}
.support_form ul input{position:absolute;border:none;background:0 0;outline:0;width:100%;height:40px;left:0;top:0;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.support_form .support_tel{text-align:center;font-size:14px;line-height:20px;color:#656565;margin:4px 0 8px}
.support_form .support_tel span{color:#ff6700}
.support_form .submit_btn{width:100%}
.support_form .submit_btn input{width:100%;height:42px;background:#ff6700;display:block;font-size:16px;line-height:42px;color:#fff;text-align:center;border:none;outline:0;cursor:pointer}
.support_con{width:100%;height:360px;position:relative}
.support_con li{float:left;margin-left:13px;width:287px;background:#fff;border:1px solid #e4e4e4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px 23px 0;position:relative;z-index:2;overflow:hidden}
.support_con li h3{margin-bottom:17px}
.support_con li h3 strong{display:block;font-size:24px;line-height:32px;color:#000;font-weight:400}
.support_con li h3 span{display:block;font-size:14px;line-height:20px;color:#000;font-weight:400}
.support_con li p{font-size:14px;line-height:24px;color:#555}
.support_con li img{position:absolute;left:0;bottom:0;z-index:-1}
.support_con li:nth-child(2),.support_con li:nth-child(6){height:151px}
.support_con li:nth-child(3),.support_con li:nth-child(5){height:196px}
.support_con li:nth-child(2),.support_con li:nth-child(5){margin-bottom:14px}
.support_con li:nth-child(3){position:absolute;left:303px;bottom:0}
.support_con li:nth-child(4){height:360px}
.support_con li:nth-child(1){height:360px}

.ys{padding-top:78px;overflow:hidden;background:#f1f1f3;padding-bottom:80px}
.ys_con{margin:31px auto 0;overflow:hidden;height:422px;width:1194px;position:relative}
.ys_con dl{position:absolute;width:718px;height:422px;-o-transition:all .3s ease;transition:all .3s ease}
.ys_con dd{width:650px;height:422px;position:relative;line-height:0;float:left;position:absolute;right:68px;top:0}
.ys_con dd img{width:650px;height:422px}
.ys_con dd .con {width: 100%;height: 100%;display: table;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 125px;}
.ys_con dd .con .con_info {display: table-cell;vertical-align: middle;}
.ys_con dd .con p {font-size: 20px;line-height: 30px;color: #fff;}
.ys_con dd .con a {display: block;width: 125px;height: 45px;border: 1px solid #FFFFFF;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 16px;line-height: 43px;color: #fff;-o-transition: all 0.3s ease;transition: all 0.3s ease;margin: 19px auto 0;}
.ys_con dd .con a:hover {width: 132px;}
.ys_con dt{float:left;width:68px;height:422px;background:#eee;position:relative;position:absolute;right:0;top:0;-o-transition:all .3s ease;transition:all .3s ease}
.ys_con dt:before{position:absolute;content:"";border-style:solid;border-width:13px 16px;border-color:transparent #ff6700 transparent transparent;top:198px;left:-32px;opacity:0}
.ys_con dt strong{display:block;font-size:24px;line-height:28px;color:#404040;font-weight:400;width:40px;margin-left:23px;padding-top:57px;height:365px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ys_con dt span{display:block;font-size:18px;line-height:100%;color:#dbdbdb;font-weight:700;text-align:center}
.ys_con dl:nth-child(even) dt{background:#e0e0e0}
.ys_con dl:nth-child(even) dt span{color:rgba(241,241,243,.7)}
.ys_con dl.cur{width:718px;z-index:9}
.ys_con dl.cur dt{background:#ff6700}
.ys_con dl.cur dt strong{color:#fff}
.ys_con dl.cur dt span{color:rgba(241,241,243,.7)}
.ys_con dl.cur dt:before{opacity:1}
.ys_con dl:nth-child(1){z-index:8;left:0}
.ys_con dl:nth-child(2){z-index:7;left:68px}
.ys_con dl:nth-child(3){z-index:6;left:136px}
.ys_con dl:nth-child(4){z-index:5;left:204px}
.ys_con dl:nth-child(5){z-index:4;left:272px}
.ys_con dl:nth-child(6){z-index:3;left:340px}
.ys_con dl:nth-child(7){z-index:2;left:408px}
.ys_con dl:nth-child(8){z-index:1;left:476px}

.news{padding-top:79px;padding-bottom:55px}
.news h2{margin-bottom:36px}
.company{width:550px}
.news_container{width:550px;height:309px;overflow:hidden;position:relative;margin-bottom:18px}
.news_container .news_wrapper li{width:550px;height:309px;line-height:0;position:relative;overflow:hidden}
.news_container .news_wrapper li img{width:550px;height:309px}
.news_container .news_wrapper li h4{width:550px;height:60px;background:rgba(0,0,0,.6);padding-left:24px;padding-right:110px;left:0;bottom:0;position:absolute;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:18px;line-height:60px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400}
.news_container .news_nav{position:absolute;right:28px;bottom:24px;height:12px;z-index:9;text-align:right;line-height:0;grid-template:0}
.news_container .news_nav li{display:inline-block;width:12px;height:12px;background:rgba(255,255,255,.5);border-radius:50%;-o-transition:all .3s ease;transition:all .3s ease;margin-left:8px;cursor:pointer}
.news_container .news_nav li.on{background:#fff}
.news_list li{height:30px}
.news_list li a{display:block}
.news_list li h4{padding-left:22px;width:350px;font-size:14px;line-height:30px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;font-weight:400;position:relative;-o-transition:all .3s ease;transition:all .3s ease}
.news_list li h4:before{position:absolute;content:">";left:0}
.news_list li span{display:block;float:right;font-size:12px;line-height:30px;color:#555;width:100px;text-align:right;-o-transition:all .3s ease;transition:all .3s ease}
.news_list li:hover h4,.news_list li:hover span{color:#ff6700}
.faq{width:600px}
.faq dl{overflow:hidden;padding-bottom:24px;border-bottom:1px solid #dbdbdb;margin-bottom:23px}
.faq dt{width:200px;height:113px;float:right;overflow:hidden;line-height:0}
.faq dt img{width:200px;height:113px}
.faq dd{width:351px;float:left}
.faq dd h4{font-size:18px;line-height:32px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;-o-transition:all .3s ease;transition:all .3s ease}
.faq dd p{font-size:14px;line-height:24px;color:#656565;margin:7px 0 14px;    height: 48px;
    overflow: hidden;}
.faq dd span{display:block;font-size:12px;line-height:14px;color:#555}
.faq dl:last-child{border-bottom:none}
.faq dl:hover h4{color:#ff6700}

.about{padding-top:88px;background:#f1f1f3;padding-bottom:75px}
.about_con{margin:31px 0 41px;height:425px;background:#fff;z-index: 1;    position: relative;}
.about_con .fl{width:600px;padding:40px 53px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.about_con h3 a{display:block;font-size:24px;line-height:38px;color:#000;font-weight:400}
.about_con p{font-size:14px;line-height:24px;color:#555;margin:15px 0 11px}
.about_con a.more{display:block;text-align:right;font-size:14px;line-height:20px;color:#ff6700;-o-transition:all .3s ease;transition:all .3s ease}
.about_con a.more:hover{letter-spacing:1px}
.about_con ul{margin-top:32px;border-top:1px solid #dbdbdb;padding-top:28px;font-size:0;line-height:0}
.about_con li{display:inline-block;margin-right:100px}
.about_con li strong{display:block;font-size:32px;line-height:36px;color:#ff6700;font-weight:400;margin-bottom:16px}
.about_con li span{display:block;font-size:14px;line-height:20px;color:#656565}
.about_con li:last-child{margin-right:0}
.video-container{width:600px;height:425px;float:right}
.open-video{width:600px;height:425px;cursor:pointer;overflow:hidden;position:relative}
.open-video:before{display:block;position:absolute;content:"play video";width:100%;height:100%;background:url(../images/play.png) no-repeat center 145px;background-color:rgba(0,0,0,.4);top:0;left:0;z-index:2;font-size:14px;line-height:20px;color:#fff;text-align:center;padding-top:238px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase}
.video-box{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;font-size:0;z-index:9999;background:rgba(0,0,0,.9);display:none}
.video-box .video-wrapper{width:800px;height:580px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.video-box video{width:800px;height:580px}
.video-box .close-video{position:absolute;top:calc(54px);right:5%;width:30px;height:30px;cursor:pointer;background:url(../images/close.png) no-repeat center rgba(0,0,0,.4)}
.mission{overflow:hidden}
.mission li{float:left;width:23.33%;margin-right:80px}
.mission li i{display:block;width:30px;height:31px;padding: 20px 21px 20px 20px;border:1px solid #d2d2d2;border-radius:50%;float:left;margin-right:17px;margin-bottom: 36px;}
.mission li h4{font-size:20px;line-height:38px;color:#000;font-weight:400}
.mission li p{font-size:14px;line-height:24px;color:#555}
.mission li:nth-child(2){width: 30.33%;}
.mission li:nth-child(3){width: 29.33%;margin-right:0;}


.links{background:#252525;height:32px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.links a{display:block;float:left;font-size:14px;line-height:20px;color:rgba(255,255,255,.4);-o-transition:all .3s ease;transition:all .3s ease;margin-right:20px;margin-top:-15px}
.links a:hover{color:#fff}

@keyframes downup {
          0% {
            transform: translate(0, 0);
          }
          50% {
            transform: translate(0, -8px);
          }
          100% {
            transform: translate(0, 0);
          }
        }
        @-webkit-keyframes downup {
          0% {
            -webkit-transform: translate(0, 0);
          }
          50% {
            -webkit-transform: translate(0, -8px);
          }
          100% {
            -webkit-transform: translate(0, 0);
          }
        }
        
@-webkit-keyframes fadeInDown1{
from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown1{
from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1}
@-webkit-keyframes fadeInDown2{
from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown2{
from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown2{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}
@-webkit-keyframes fadeInLeft1{
from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft1{
from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft1{-webkit-animation-name:fadeInLeft1;animation-name:fadeInLeft1}
@-webkit-keyframes fadeInLeft2{
from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft2{
from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}
@-webkit-keyframes fadeInRight1{
from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight1{
from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight1{-webkit-animation-name:fadeInRight1;animation-name:fadeInRight1}
@-webkit-keyframes fadeInRight2{
from{-webkit-transform:translate3d(3%,0,0);transform:translate3d(3%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight2{
from{-webkit-transform:translate3d(3%,0,0);transform:translate3d(3%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@-webkit-keyframes zoomLeft{
from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
@keyframes zoomLeft{
from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
.zoomLeft{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
.zoomRight{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
@-webkit-keyframes fadeInUp1{
from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp1{
from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInUp2{
from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp2{
from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
@keyframes myfirst{
0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}
@-moz-keyframes myfirst{
0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}
@-webkit-keyframes myfirst{
0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}
@-o-keyframes myfirst{
0%{top:0;left:0}
25%{top:10px;left:0}
50%{top:0;left:0}
100%{top:0;left:0}
}