@charset "utf-8"; *{margin:0;padding:0} body,html{width:100%;height:auto;margin:0;padding:0;font-size:14px;background:#fff;color:#3e3e3e;overflow-x:hidden} blockquote,body,button,dd,dl,dt,fieldset,form,img,input,legend,li,ol,pre,td,textarea,th,ul{border:medium none;margin:0;padding:0;outline:0} body,button,input,select,textarea{font:14px LatoLight,'寰蒋闆呴粦',"Microsoft YaHei",tahoma,Srial,helvetica,sans-serif;outline:0} h1,h2,h3,h4,h5,h6{margin:0} li,ol,ul{list-style:none} a{text-decoration:none} a:hover{text-decoration:none} p{margin:0} img{border:0;display:block} table{border-spacing:0;border-collapse:collapse} tr{cursor:pointer} input{border:0} textarea{resize:none;padding:0} ::selection{background:#e4d393;color:#fff} ::-moz-selection{background:#e4d393} ::-webkit-scrollbar{display:none} .clear{clear:both} .scroll_cs{position:fixed;top:0;color:#000;font-size:36px;z-index:999;left:0} .Hover_off{cursor:url(../images/hover.ico),crosshair} .scrollbar{padding-right:5px;overflow:auto} .scrollbar::-webkit-scrollbar{width:5px;height:10px;border-radius:4px} .scrollbar::-webkit-scrollbar-button{background-color:#6c6c6c} .scrollbar::-webkit-scrollbar-track{background:#6c6c6c} .scrollbar::-webkit-scrollbar-thumb{background:#af1212;border-radius:4px} .scrollbar::-webkit-scrollbar-corner{background:#82afff} .scrollbar::-webkit-scrollbar-resizer{background:#ff0bee} .content1000{width:1000px;margin:0 auto;position:relative;height:auto;z-index:2} .fix-fixed{width:100%;height:0;position:relative} .fix-fixed.fixed{height:50px} body.befixed{padding-bottom:58px} .IEtips{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:url(../images/ieBG.png);display:none} .IEtips_Box{width:1000px;background:#fafafa;height:500px;position:absolute;left:50%;top:50%;margin:-250px 0 0 -500px} .IEtips .Browser{margin-top:35px} .IEtips .IEtips_title{font-size:36px;width:80%;margin:0 auto;padding-top:35px} .IEtips .Browser ul{overflow:hidden;text-align:center;width:80%;margin:0 auto} .IEtips .Browser ul li{margin:0 40px;text-align:center;width:120px;float:left} .IEtips .Browser ul li img{width:100px;margin:0 auto} .IEtips .Browser ul li a,.IEtips .Browser ul li span{display:inline-block;margin-top:25px;color:#2570e1;font-size:16px;transition:all .5s;-webkit-transition:all .5s} .IEtips .Browser ul li a:hover{color:#800886} .IEtips .brn_off{background:url(../images/brn_off.png);height:32px;width:32px;position:absolute;top:5px;right:5px;cursor:pointer} #navToggle{position:fixed;z-index:102;top:30px;right:30px;width:40px;height:40px;cursor:pointer;-webkit-transition:all ease .3s;transition:all ease .3s;padding:5px;background:#fff;border:1px solid #eee} #navToggle span{position:absolute;top:10px;display:block;width:26px;height:3px;left:6px;border:0 solid #d5c896;background-color:#045c39;-webkit-transition:top .2s .2s,background .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,background .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s,-webkit-transform .2s} #navToggle span:nth-of-type(2){top:18px} #navToggle span:nth-of-type(3){top:auto;bottom:10px;-webkit-transition:bottom .2s .2s,background .2s,-webkit-transform .2s;transition:bottom .2s .2s,background .2s,-webkit-transform .2s;transition:bottom .2s .2s,transform .2s,background .2s;transition:bottom .2s .2s,transform .2s,background .2s,-webkit-transform .2s} #navToggle.expanded:hover{border-color:#fff} #navToggle.expanded{border-color:#aaa} #navToggle.expanded:hover span{transform:scale(.9)} #navToggle.expanded span:nth-of-type(1){top:18px;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(45deg);-webkit-transition:top .2s,-webkit-transform .2s .2s,background .2s} #navToggle.expanded span:nth-of-type(2){opacity:0;transition:opacity .2s;-webkit-transition:opacity .2s} #navToggle.expanded span:nth-of-type(3){bottom:17px;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(-45deg);-webkit-transition:bottom .2s,-webkit-transform .2s .2s,background .2s} #mobileNav.expanded{display:block;top:0} #mobileNav{opacity:0;position:fixed;top:-100%;left:0;width:100%;height:100%;z-index:100;background:#fff;transition:all .8s;-webkit-transition:all .8s} #mobileNav.cur{opacity:1;top:0} #mobileNav ul{padding-top:60px} #mobileNav ul li.active a{color:#ba331d} #mobileNav ul li{text-align:center;line-height:40px} #mobileNav ul li a{height:100%;font-size:20px;padding:8px 0;color:#666} #mobileNav .logo img{height:40px;position:relative;margin:0 auto} .mobiletop{display:none;position:fixed;right:3%;bottom:80px;background-image:url(../images/top.png);background-repeat:no-repeat;background-position:center;width:45px;height:45px;z-index:999;background-color:#f6f5ec;border-radius:5px;background-size:80% auto;box-shadow:0 1px 10px #999;transition:all .6s;-webkit-transition:all .6s;transform:translateX(80px);-ms-transform:translateX(80px);-moz-transform:translateX(80px)} .mobiletop.active{transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0)} .zhiding{background:url(../images/zhiding.png) no-repeat;height:45px;width:29px;position:fixed;right:100px;bottom:50px;z-index:25;cursor:pointer;transition:all .5s;-webkit-transition:all .5s;opacity:0;filter:alpha(opacity=0);visibility:hidden} .zhiding.cur{opacity:1;filter:alpha(opacity=100);visibility:visible} .model_news_detail{max-width:1020px;margin:auto;padding-bottom:50px;position:relative;padding:0 10px} .model_news_detail .back{width:100%;height:50px;position:relative} .model_news_detail .back a{display:block;width:150px;height:40px;color:#bb341e;line-height:40px;text-align:center;position:absolute;top:20px;right:0;border:1px solid #bb341e} .model_news_detail .back a:hover{background:#bb341e;color:#fff} .model_news_detail .title{width:100%;height:auto;line-height:35px;text-align:center;font-size:24px;font-weight:700;padding:35px 5% 15px 5%} .model_news_detail .summary{width:100%;height:auto;line-height:20px;font-size:12px;text-align:center;color:#666;padding-bottom:15px;border-bottom:1px dotted #ccc} .model_news_detail .detailContent{width:100%;min-height:300px;margin:25px 0;line-height:28px;text-indent:28px;color:#3e3e3e} .model_news_detail .detailContent img{text-indent:0;max-width:100%;margin:15px auto;display:block} .model_news_detail .newShare{width:100%;height:25px;position:relative;margin-top:15px;padding-bottom:100px} .model_news_detail .newShare strong{float:right;margin-right:10px} .model_news_detail .detailPage{width:100%;height:auto} .model_news_detail .detailPage div a{font-weight:400} .model_news_detail .detailPage div{width:100%;line-height:20px;border-bottom:1px dotted #ccc;font-size:14px;height:auto;padding:5px 0;font-weight:700} .clearBoth:after{display:block;content:"";clear:both} #navToggle{display:none} header a,header a:focus,header a:hover{color:#999} header .top{width:1480px;margin:0 auto;height:35px;text-align:right;padding-top:10px} header .top a:hover{color:#bb341e} header .top a,header .top span{margin:0 5px;line-height:24px;vertical-align:middle} header .top span{display:inline-block;width:180px;height:24px;border:1px solid #e6e6e6;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;position:relative;padding:0 36px 0 10px;overflow:hidden;cursor:pointer} header .top span .searchInput{position:absolute;left:10px;top:0;width:130px;height:100%} header .top span .searchSubmit{display:inline-block;position:absolute;width:38px;height:100%;right:0;top:0;background:url(../images/ck.png) no-repeat center center;background-color:#bb341e} header .nav{width:1480px;margin:0 auto;height:105px;overflow:hidden} header .nav .logo{float:left;display:inline-block;height:100%} header .nav .logo img{display:inline-block} header .nav ul{float:right;overflow:hidden;height:100%} header .nav ul li{float:left;height:100%;margin-left:30px;background:no-repeat center 40%;text-align:center;position:relative;overflow:hidden} header .nav ul li a{display:block;width:100%;height:100%;font-size:16px;color:#333;line-height:16px;padding:74px 10px 0} header .nav ul li:after{content:"";position:absolute;width:100%;height:3px;background:#bb341e;bottom:0;left:-100%;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} header .nav ul li.active:after,header .nav ul li:hover:after{left:0} header .nav ul li.n1{background-image:url(../images/nav-sy.png)} header .nav ul li.n1.active,header .nav ul li.n1:hover{background-image:url(../images/nav-sy-hover.png)} header .nav ul li.n2{background-image:url(../images/nav-gywm.png)} header .nav ul li.n2.active,header .nav ul li.n2:hover{background-image:url(../images/nav-gywm-hover.png)} header .nav ul li.n3{background-image:url(../images/nav-xwzx.png)} header .nav ul li.n3.active,header .nav ul li.n3:hover{background-image:url(../images/nav-xwzx-hover.png)} header .nav ul li.n4{background-image:url(../images/nav-ywly.png)} header .nav ul li.n4.active,header .nav ul li.n4:hover{background-image:url(../images/nav-ywly-hover.png)} header .nav ul li.n5{background-image:url(../images/nav-qywh.png)} header .nav ul li.n5.active,header .nav ul li.n5:hover{background-image:url(../images/nav-qywh-hover.png)} header .nav ul li.n6{background-image:url(../images/nav-rlzy.png)} header .nav ul li.n6.active,header .nav ul li.n6:hover{background-image:url(../images/nav-rlzy-hover.png)} header .nav ul li.n7{background-image:url(../images/nav-tsjy.png)} header .nav ul li.n7.active,header .nav ul li.n7:hover{background-image:url(../images/nav-tsjy-hover.png)} header .nav ul li.n8{background-image:url(../images/nav-lxwm.png)} header .nav ul li.n8.active,header .nav ul li.n8:hover{background-image:url(../images/nav-lxwm-hover.png)} footer a{color:#666} footer .box-c{width:1200px;margin:0 auto} footer .box1{background:url(../images/link-bg.png) no-repeat right bottom;padding-top:5px;height:auto;padding-bottom:65px} footer .box1 .stit{font-size:24px;color:#333;height:45px;line-height:45px;border-left:4px solid #ba351d;padding-left:12px} footer .box1 .stit span{text-transform:uppercase;font-size:14px;color:#999;margin-left:10px;font-family:Arial Regular} footer .box1 .link-lists{overflow:hidden;margin-top:25px} footer .box1 .link-lists .link-tit{font-size:16px;color:#333;height:35px;line-height:40px;font-weight:700} footer .box1 .link-lists .link-tit .img-box{height:100%;display:inline-block} footer .box1 .link-lists .link-tit .img-box img{height:100%} footer .box1 .link-lists ul{margin-top:10px} footer .box1 .link-lists ul li{line-height:28px} footer .f1 img{width:209px;height:auto} footer .box2{background:#4d4948;height:295px;color:#8d8d8d;padding-top:25px} footer .box2 .box-c>div{padding-right:65px} footer .box2 .stit{font-size:20px;line-height:40px;display:inline-block;border-bottom:1px solid #83807f;width:100%;margin-bottom:13px} footer .box2 .stit span{text-transform:uppercase;font-size:14px;margin-left:10px;font-family:Arial Regular} footer .box2 .f2 ul{padding:0 15px} footer .box2 .f2 ul li{margin-top:12px} footer .box2 .f2 ul li a{display:block;position:relative;padding-left:40%;line-height:50px;font-size:18px;color:#fff;font-weight:700;background:url(../images/foot-xx.png) no-repeat 15% center;transition:all .5s;color:#8d8d8d;background-size:32px auto} footer .box2 .f2 ul li.l1 a{background-image:url(../images/foot-xx1.png)} footer .box2 .f2 ul li.l1 a:hover{background-image:url(../images/foot-xx.png)} footer .box2 .f2 ul li a:hover{background-color:#969593;color:#fff} footer .box2 .f2 ul li.l2 a{background-image:url(../images/foot-OA1.png)} footer .box2 .f2 ul li.l2 a:hover{background-image:url(../images/foot-OA.png)} footer .box2 .f2 ul li.l3 a{background-image:url(../images/foot-email1.png);background-size:28px auto} footer .box2 .f2 ul li.l3 a:hover{background-image:url(../images/foot-email.png)} footer .box2 .box-c>div.f3{padding-left:25px;padding-right:10px} footer .box2 .f3{padding-left:0} footer .box2 .f3 ul li{line-height:40px;padding-left:32px;background:no-repeat left center} footer .box2 .f3 ul li.l1{font-size:30px;color:#f8c301;background-image:url(../images/phong.png)} footer .box2 .f3 ul li.l2{background-image:url(../images/address.png)} footer .box2 .f3 ul li.l3{background-image:url(../images/email.png);line-height:24px;padding-top:8px;background-position:left 12px} footer .box2 .box-c>div.f4{padding-right:0} footer .box2 .f4{float:right;width:240px} footer .box2 .f4 .gz{overflow:hidden} footer .box2 .f4 .gz .sina,footer .box2 .f4 .gz .wx{width:41px;height:41px;overflow:hidden;background-size:100% auto;display:inline-block;vertical-align:top} footer .box2 .f4 .gz .ewm{width:118px;height:118px;overflow:hidden;background-image:url(../images/ewm.png);background-size:100% auto;display:inline-block} footer .box2 .f4 .gz img{display:inline-block;vertical-align:top} footer .box2 .f4 .gz .wx{background-image:url(../images/wx.png);margin-right:5px} footer .box2 .f4 .gz .sina{margin-right:10px;background-image:url(../images/sina.png)} footer .box3{height:30px;background:#000;line-height:30px;font-size:12px;color:#505050} footer .box3 a{font-size:12px;color:#505050;float:right} aside{position:fixed;right:-100px;z-index:100;top:50%;margin-top:-230px;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;opacity:0;filter:alpha(opacity=0)} aside.active{right:50px;opacity:1;filter:alpha(opacity=100)} aside ul li{width:80px;height:80px;background-repeat:no-repeat;background-position:center center;background-color:#4d4948;margin-bottom:5px;background-size:100% auto} aside ul li a{display:block;width:100%;height:100%} aside>ul>li:hover{background-color:#ba331d} .ewm div,.kf ul{width:80px;height:80px;position:absolute;left:0;top:0;transition:all .5s ease;z-index:-1;opacity:0;overflow:hidden} .kf ul li{height:26px;line-height:26px;text-align:center;background:#fff;margin:0;color:#333} .kf ul{box-shadow:0 0 10px rgba(0,0,0,.3)} .ewm:hover div,.kf:hover ul{left:-80px;opacity:1} .kf-show ul{left:-80px} .kf ul li a{color:#333} .kf ul li a:hover{color:#ba331d} aside ul li.kf{background-image:url(../images/zxkf.png)} aside ul li.ewm{background-image:url(../images/wxewm.png);position:relative} aside ul li.ly{background-image:url(../images/luxx.png)} aside ul li.zd{background-image:url(../images/zhiding.png);width:60px;height:60px;margin-left:auto;margin-right:auto;box-sizing:content-box;padding-top:15px;background-position:center bottom;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s} .ewm>div{position:absolute;background:#fff;top:0;z-index:-1;left:0;opacity:0} aside ul li.zd:hover{padding:0} .ewm>div img{width:100%} .banner{width:100%;display:none} .banner ul li{position:relative;overflow:hidden} .banner .banner-t{position:absolute} .banner .swiper-slide{position:relative;width:100%} .banner .swiper-slide .banner-i{width:100%} .banner .swiper-slide .banner-t{width:130px;transition:all .5s ease-in-out .5s;-webkit-transition:all .5s ease-in-out .5s;left:20%;top:10%;opacity:0} .banner .swiper-slide .banner-t.t1{transform:translateX(-50px);-webkit-transform:translateX(-50px)} .banner .swiper-slide .banner-t.t2{transform:translateY(50px);-webkit-transform:translateY(50px);width:180px;left:5%;top:auto;bottom:15%} .banner .swiper-slide .banner-t.t3{transform:translateY(-50px);-webkit-transform:translateY(-50px);width:180px;left:30%} .banner .swiper-slide-active .banner-t.t2{transform:translateY(0);-webkit-transform:translateY(0);opacity:1} .banner .swiper-slide-active .banner-t.t3{transform:translateY(0);-webkit-transform:translateY(0);opacity:1} .banner .swiper-slide-active .banner-t.t1{transform:translateX(0);-webkit-transform:translateX(0);opacity:1} .banner .banner-page{z-index:99;position:absolute;bottom:0;text-align:center;line-height:15px;width:100%} .banner .banner-page .swiper-pagination-switch.swiper-active-switch{background:#dc2b0f;width:20px} .banner .banner-page .swiper-pagination-switch{width:10px;height:5px;background:#fff;position:relative;margin:0 5px;opacity:1;display:inline-block;transition:all .5s ease-in-out;-webkit-ransition:all .5s ease-in-out} .Tits{text-align:center;margin:50px auto 40px} .Tits .cn{font-size:24px;color:#333;position:relative;line-height:24px;margin-bottom:30px;font-weight:700} .Tits .cn:after{content:"";position:absolute;width:40px;height:2px;background:#ba341c;left:50%;bottom:-15px;margin-left:-20px} .Tits .en{font-size:14px;color:#999;font-family:Arial;line-height:14px;text-transform:uppercase} .Tits .txt{font-size:16px;color:#666;line-height:28px;margin-top:30px;padding:0 24%} .box-tits{height:40px;padding-left:12px;border-left:4px solid #ba341c;font-size:0;line-height:32px} .box-tits span{display:inline-block;vertical-align:bottom} .box-tits .cn{font-size:24px;color:#333;margin-right:8px;font-weight:700;line-height:24px} .box-tits .en{font-size:14px;color:#999;text-transform:uppercase;font-family:arial;line-height:14px} .box-tits .more{float:right;font-size:14px;color:#ba341c;line-height:50px;text-transform:uppercase} .box-tits .more span{transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} .box-tits .more:hover span{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)} .in-banner{background-size:auto 100%!important;padding-bottom:21.25%;height:0} .model{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.66);top:0;left:0;z-index:101;display:none} .model.show{display:block} .model .join-detail{width:60%;max-width:1300px;max-height:680px;position:absolute;top:0;left:20%;background:#fdfdfd;padding:28px 40px;bottom:0;margin:auto 0} .model .join-detail .box{border:1px solid #ddd;height:100%;position:relative;padding:35px 70px} .model .join-detail .box:after{position:absolute;content:"";width:95px;height:90px;background:#fdfdfd;right:-40px;top:-28px;z-index:1} .model .join-detail .box .return{position:absolute;width:57px;height:57px;background:url(../images/return.png) no-repeat center center;right:-25px;top:-18px;z-index:2;cursor:pointer;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} .model .join-detail .box .return:hover{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)} .model .join-detail .box .stit{font-size:22px;color:#a61c1c;line-height:100px;border-bottom:1px dashed #bdbdbd} .model .join-detail .box .text{font-size:14px;color:grey;line-height:25px;margin:0 0 40px} .model .join-detail .box .text div{height:280px;overflow:auto} .model .join-detail .box .text span{font-size:16px;color:#333;padding:30px 0 10px;display:block} .model .join-detail .box a{display:block;width:150px;height:50px;margin:0 auto;text-align:center;color:#fff;line-height:50px;font-size:14px;background:#a61c1c} .home-body .main1{background:url(../images/index-bg1.jpg) no-repeat center bottom;background-size:100%;padding-bottom:50px} .home-body .main1 .content{width:1200px;margin:0 auto;} .home-body .main1 .box1{margin-bottom:50px} .home-body .main1 .box1 ul li{float:left;width:179px;height:250px;margin-right:20px;background:no-repeat center center;background-size:100% 100%;position:relative;top:0;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;display:none} .home-body .main1 .box1 ul li a{display:block;width:100%;height:100%} .home-body .main1 .box1 ul li a:before{display:table;content:""} .home-body .main1 .box1 ul li .li-c{text-align:center;margin-top:65px;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} .home-body .main1 .box1 ul li .li-c .img-box{display:inline-block;width:54px;height:54px;border:3px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:no-repeat center center} .home-body .main1 .box1 ul li .li-c span{display:block;font-size:16px;font-weight:700;position:relative;color:#fff;margin-top:30px} .home-body .main1 .box1 ul li .li-c span:after{content:"";position:absolute;width:40px;height:2px;background:#fff;top:-13px;left:50%;margin-left:-20px} .home-body .main1 .box1 ul li .text{text-align:center;margin-top:15px;padding:0 10px;opacity:0;filter:alpha(opacity=0);color:#fff;font-size:12px} .home-body .main1 .box1 ul li .more{text-align:center;color:#fff;font:12px "寰蒋闆呴粦";text-transform:uppercase;position:absolute;bottom:20px;width:100%;opacity:0;filter:alpha(opacity=0)} .home-body .main1 .box1 ul li .more span{display:inline-block;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;line-height:10px;height:12px} .home-body .main1 .box1 ul li .more:hover span{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)} .home-body .main1 .box1 ul li.l1{background-image:url(../images/yw1-bg.jpg)} .home-body .main1 .box1 ul li.l1 .li-c .img-box{background-image:url(../images/yw1.png);background-position:10px center} .home-body .main1 .box1 ul li.l2{background-image:url(../images/yw2-bg.jpg)} .home-body .main1 .box1 ul li.l2 .li-c .img-box{background-image:url(../images/yw2.png)} .home-body .main1 .box1 ul li.l3{background-image:url(../images/yw3-bg.jpg)} .home-body .main1 .box1 ul li.l3 .li-c .img-box{background-image:url(../images/yw3.png)} .home-body .main1 .box1 ul li.l3 .li-c .img-box img{display:none} .home-body .main1 .box1 ul li.l4{background-image:url(../images/yw4-bg.jpg);margin-right:0;} .home-body .main1 .box1 ul li.pc{display:block} .home-body .main1 .box1 ul li.l4 .li-c .img-box{background-image:url(../images/yw4.png)} .home-body .main1 .box1 ul li.l5{background-image:url(../images/yw5-bg.jpg)} .home-body .main1 .box1 ul li.l5 .li-c .img-box{background-image:url(../images/yw5.png)} .home-body .main1 .box1 ul li.l6{background-image:url(../images/yw6-bg.jpg);margin-left:22px} .home-body .main1 .box1 ul li.l6 .li-c .img-box{background-image:url(../images/yw6.png)} .home-body .main1 .box1 ul li.pc:hover{top:25px;background:#ba331d} .home-body .main1 .box1 ul li.pc:hover .li-c{margin-top:-30px} .home-body .main1 .box1 ul li.pc:hover .li-c .img-box{background-color:#ba331d} .home-body .main1 .box1 ul li.pc:hover .li-c span{margin-top:10px} .home-body .main1 .box1 ul li.pc:hover .li-c span:after{display:none} .home-body .main1 .box1 ul li.pc:hover .text{opacity:1;filter:alpha(opacity=100);transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} .home-body .main1 .box1 ul li.pc:hover .more{opacity:1;filter:alpha(opacity=100);transition:opacity .6s ease .3s;-webkit-transition:opacity .6s ease .3s;-moz-transition:opacity .6s ease .3s;-o-transition:opacity .6s ease .3s} .home-body .main1 .box2{padding:30px 30px 0;background:#fff} .home-body .main1 .box2 .box-c{padding:20px 0;width:100%} .home-body .main1 .box2 .box-c .img-box{float:left;width:44%;box-sizing:border-box;position:relative;height:0;padding-bottom:26%} .home-body .main1 .box2 .box-c .img-box img{width:100%;height:auto;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} .home-body .main1 .box2 .box-c .text-box{float:left;width:56%;height:0;padding-bottom:26%;position:relative} .home-body .main1 .box2 .box-c .text-box .swiper-slide{padding-left:50px;padding-right:10px;box-sizing:border-box} .home-body .main1 .box2 .box-c .text-box .stit{font-size:16px;color:#333;line-height:30px;font-weight:700;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .home-body .main1 .box2 .box-c .text-box .date{font-size:14px;color:#999;margin:10px 0} .home-body .main1 .box2 .box-c .text-box .text{font-size:14px;color:#666;line-height:25px} .home-body .main1 .box2 .box-c1{overflow:hidden;position:relative} .home-body .main1 .box2 .box-c1 .b-l1,.home-body .main1 .box2 .box-c1 .b-r1{top:auto;bottom:1px;left:60px;position:absolute;display:inline-block;width:40px;height:40px;cursor:pointer;background:url(../images/dt-l.png) no-repeat center center} .home-body .main1 .box2 .box-c1 .b-r1{left:300px;background-image:url(../images/dt-r.png)} .home-body .main1 .box2 .box-c1 .pages1{width:200px;margin-left:100px} .swiper-pagination-switch{cursor:pointer} .home-body .main1 .box2 .box-c1 .text-box .swiper-pagination-switch{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;display:inline-block;width:10px;height:10px;background:#d2d2d2;margin:0 10px;cursor:pointer} .home-body .main1 .box2 .box-c1 .pagination{position:absolute;left:100px;text-align:center;bottom:0;line-height:40px;margin:0} .home-body .main1 .box2 .box-c1 .b-l1.md,.home-body .main1 .box2 .box-c1 .b-r1.md{display:none} .more.genduo a{color:#969593!important;cursor:not-allowed!important} .news-body .main .more.genduo .loading span{background:#969593} .more.genduo>span{background:#969593!important} .home-body .main1 .box2 .box-c1 .pages1 .swiper-active-switch{background:#ba351d} .home-body .main1 .box2 .box-c1 .img-box:hover .swiper-slide-active img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .home-body .main1 .box2 .box-c2{overflow:hidden} .home-body .main1 .box2 .box-c2 .small-dt:hover .text-box .stit{color:#ba351d} .home-body .main1 .box2 .box-c2 .small-dt:hover .text-box .text{text-decoration:underline} .home-body .main1 .box2 .box-c2 .small-dt{width:50%;float:left;margin-bottom:30px} .home-body .main1 .box2 .box-c2 .small-dt .img-box{width:31%;overflow:hidden;padding-bottom:18.3%} .home-body .main1 .box2 .box-c2 .small-dt .text-box{width:69%;height:auto;padding:0 20px;min-height:auto} .home-body .main1 .box2 .box-c2 .small-dt .text-box .date{margin:8px 0} .home-body .main1 .box2 .box-c2 .small-dt .text-box .text{height:48px;overflow:hidden;line-height:24px} .home-body .main1 .box2 .box-c2 .small-dt:hover .img-box img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .home-body .main1 .box-container{overflow:hidden;height:568px;margin-top:35px} .home-body .main1 .box-container .box{height:100%;background:#fff;padding:30px;float:left} .home-body .main1 .box-container .box3{width:740px} .home-body .main1 .box-container .box3 ul li{width:100%;overflow:hidden;padding:10px 10px;border-bottom:1px dashed #e4e4e4} .home-body .main1 .box-container .box3 ul li .l{float:left;width:18%;text-align:right} .home-body .main1 .box-container .box3 ul li .l .month{font-size:30px;color:#ba351d;line-height:40px} .home-body .main1 .box-container .box3 ul li .l .year{font-size:14px;color:#999} .home-body .main1 .box-container .box3 ul li .r{float:right;width:80%} .home-body .main1 .box-container .box3 ul li .r .stit{font-size:16px;color:#000;line-height:30px;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700} .home-body .main1 .box-container .box3 ul li .r .text{font-size:14px;color:#888;line-height:25px;height:60px;overflow:hidden;padding:5px 0} .home-body .main1 .box-container .box3 ul li:hover .r .text{text-decoration:underline} .home-body .main1 .box-container .box3 ul li:hover .r .stit{color:#ba351d} .home-body .main1 .box-container .box4{width:430px;float:right} .home-body .main1 .box-container .box4 .content{padding:15px 5px;width:100%} .home-body .main1 .box-container .box4 .content .img-box{overflow:hidden;text-align:center;width:100%;height:0;padding-bottom:59.1%} .home-body .main1 .box-container .box4 .content img{width:100%;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} .home-body .main1 .box-container .box4 .content:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .home-body .main1 .box-container .box4 .content ul{margin-top:10px} .home-body .main1 .box-container .box4 .content ul li{height:48px;border-bottom:1px dashed #e4e4e4} .home-body .main1 .box-container .box4 .content ul li div{display:inline-block} .home-body .main1 .box-container .box4 .content ul li .stit{font-size:16px;color:#333;width:270px;white-space:nowrap;text-overflow:ellipsis;line-height:48px;overflow:hidden} .home-body .main1 .box-container .box4 .content ul li .date{font-size:12px;color:#999;float:right;line-height:48px} .home-body .main1 .box-container .box4 .content ul li .stit:hover{color:#ba351d} .home-body .main2{position:relative} .home-body .main2 .boxs{width:88%;margin:0 auto} .home-body .main2 .boxs .img-box{overflow:hidden} .home-body .main2 .boxs .img-box img{width:100;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} .home-body .main2 .boxs .text-box{padding:15px} .home-body .main2 .boxs .text-box .stit{font-size:16px;color:#333;width:270px;line-height:30px;font-weight:700;overflow:hidden;max-height:60px;width:100%;text-align:center} .home-body .main2 .boxs .text-box .date{font-size:14px;color:#999} .home-body .main2 .boxs .text-box .text{font-size:14px;color:#666;line-height:20px;padding-top:35px;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} .home-body .main2 .boxs .more{font-size:14px;color:#fff;line-height:40px;text-transform:uppercase;width:100%;height:40px;background:#ba351d;display:block;text-align:center;opacity:0;filter:alpha(opacity=0);transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} .main2 .swiper-container{height:auto} .main2 .swiper-container .swiper-slide{padding:0 12px;box-sizing:border-box;overflow:hidden} .main2 .swiper-container .swiper-slide .text-box{overflow:hidden} .main2 .swiper-container .swiper-slide .img-box{overflow:hidden} .main2 .swiper-container .swiper-slide .img-box img{width:100%} .home-body .main2 .boxs .more span{transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;margin-left:5px;display:inline-block} .home-body .main2 .boxs .more:hover span{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)} .home-body .main2 .boxs .swiper-slide:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .home-body .main2 .boxs .swiper-slide:hover .text-box .text{padding:15px 0 20px} .home-body .main2 .boxs .swiper-slide:hover .more{opacity:1;filter:alpha(opacity=100)} .home-body .main2 .l-white,.home-body .main2 .r-white{position:absolute;width:50px;height:100px;background-image:url(../images/l-white.png);top:50%;margin-top:-50px;cursor:pointer;left:6%;margin-left:-50px;background-color:#cbcbcb;background-position:center center;transition:all .5s} .home-body .main2 .r-white{left:auto;margin-right:-50px;right:6%;background-image:url(../images/r-white.png);border-bottom-right-radius:5px;border-top-right-radius:5px} .home-body .main2 .l-white{border-bottom-left-radius:5px;border-top-left-radius:5px} .home-body .main2 .l-white:hover,.home-body .main2 .r-white:hover,.l-white:hover,.r-white:hover{background-color:rgba(186,53,26,.5)} .news-body .in-banner{background-image:url(../images/news-banner.jpg)} .news-body .main{background-image:url(../images/bg.jpg);margin-bottom:50px;padding-bottom:1px;background-attachment:fixed;background-position:top center;background-size:100%} .news-body .main .news-nav{height:58px;background:#fff;text-align:center} .news-body .main .news-nav ul{overflow:hidden;display:inline-block} .news-body .main .news-nav ul li{width:154px;height:58px;line-height:58px;float:left} .news-body .main .news-nav ul li a{display:block;width:100%;height:24px;color:#333;font-size:18px;font-family:"榛戜綋";margin-top:17px;line-height:24px;border-right:1px solid #c4c4c4} .news-body .main .news-nav ul li:last-of-type a{border-right:none} .news-body .main .news-nav ul li.active a,.news-body .main .news-nav ul li:hover a{color:#b9341c} .news-body .main .more{padding:40px 0 70px;text-align:center;font-size:0} #insf .more .loading,.news-body .main .more .loading{display:inline-block;width:24px;height:28px;position:relative} #insf .more .loading span,.news-body .main .more .loading span{width:3px;background:#ba341c;display:inline-block;position:absolute;bottom:0} #insf .more .loading .s1,.news-body .main .more .loading .s1{height:20px;left:0} #insf .more .loading .s2,.news-body .main .more .loading .s2{height:28px;left:50%;margin-left:-1px} #insf .more .loading .s3,.news-body .main .more .loading .s3{height:12px;right:0} #insf .more a,.news-body .main .more a{display:inline-block;cursor:pointer;text-transform:uppercase;color:#ba341c;font-size:14px;padding-top:10px;padding-left:5px;line-height:14px} #insf .more a span,.news-body .main .more a span{transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;display:inline-block} #insf .more a:hover span,.news-body .main .more:hover a span{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)} #insf .more.Load .loading .s1,.news-body .main .more.Load .loading .s1{animation:loading1 1.2s linear 0s 5 normal;-webkit-animation:loading1 1.2s linear 0s 5 normal} #insf .more.Load .loading .s2,.news-body .main .more.Load .loading .s2{animation:loading2 1.2s linear 0s 5 normal;-webkit-animation:loading2 1.2s linear 0s 5 normal} #insf .more.Load .loading .s3,.news-body .main .more.Load .loading .s3{animation:loading3 1.2s linear 0s 5 normal;-webkit-animation:loading3 1.2s linear 0s 5 normal} @-webkit-keyframes loading1{ 0%{height:20px} 25%{height:28px} 50%{height:20px} 75%{height:12px} 100%{height:20px} } @-moz-keyframes loading1{ 0%{height:20px} 25%{height:28px} 50%{height:20px} 75%{height:12px} 100%{height:20px} } @-o-keyframes loading1{ 0%{height:20px} 25%{height:28px} 50%{height:20px} 75%{height:12px} 100%{height:20px} } @keyframes loading1{ 0%{height:20px} 25%{height:28px} 50%{height:20px} 75%{height:12px} 100%{height:20px} } @-webkit-keyframes loading2{ 0%{height:28px} 25%{height:20px} 50%{height:12px} 75%{height:20px} 100%{height:28px} } @-moz-keyframes loading2{ 0%{height:28px} 25%{height:20px} 50%{height:12px} 75%{height:20px} 100%{height:28px} } @-o-keyframes loading2{ 0%{height:28px} 25%{height:20px} 50%{height:12px} 75%{height:20px} 100%{height:28px} } @keyframes loading2{ 0%{height:28px} 25%{height:20px} 50%{height:12px} 75%{height:20px} 100%{height:28px} } @-webkit-keyframes loading3{ 0%{height:12px} 25%{height:20px} 50%{height:28px} 75%{height:20px} 100%{height:12px} } @-moz-keyframes loading3{ 0%{height:12px} 25%{height:20px} 50%{height:28px} 75%{height:20px} 100%{height:12px} } @-o-keyframes loading3{ 0%{height:12px} 25%{height:20px} 50%{height:28px} 75%{height:20px} 100%{height:12px} } @keyframes loading3{ 0%{height:12px} 25%{height:20px} 50%{height:28px} 75%{height:20px} 100%{height:12px} } .news-body .main .content{max-width:1366px;margin:0 auto} .news-body .main.new1 .boxs{background:#fff;padding:0 40px 50px} .news-body .main.new1 .boxs .box{padding:40px 0 30px;border-bottom:1px dashed #e4e4e4;overflow:hidden;cursor:pointer} .news-body .main.new1.search .boxs .box{padding:15px;width:50%;float:left;margin-top:20px;transition:all .5s;position:relative} .news-body .main.new1.search .boxs{overflow:hidden} .news-body .main.new1.search .boxs .box .box-more{display:none} .news-body .main.new1 .boxs .box>div{float:left} .news-body .main.new1 .boxs .box .date{width:200px;background:#4d4948;text-align:right;padding:20px 0;padding-right:40px} .news-body .main.new1.search .boxs .box .date{width:25%;height:60px;text-align:center;padding:0;line-height:60px;overflow:hidden;display:inline-block} .news-body .main.new1.search .boxs .box .detail{display:inline-block;width:75%;max-height:60px;overflow:hidden} .news-body .main.new1.search .boxs .box .detail .stit a{line-height:30px} .news-body .main.new1 .boxs .box .date .month{font-size:36px;color:#fff} .news-body .main.new1.search .boxs .box .date .month{font-size:18px;display:inline-block} .news-body .main.new1 .boxs .box .date .year{font-size:18px;color:#cbcbcb} .news-body .main.new1.search .boxs .box .date .year{display:inline-block;color:#fff} .news-body .main.new1.search .search-page{line-height:50px;font-size:18px;text-align:center;margin:25px 0} .news-body .main.new1.search .search-page a{border:1px solid #4d4948;line-height:50px;padding:12px 20px;color:#4d4948;transition:all .5s} .news-body .main.new1.search .search-page a.active{background:#4d4948;color:#fff} .news-body .main.new1.search .search-page a:hover{border-color:#ba331d;color:#fff;background:#ba331d} .news-body .main.new1 .boxs .box .detail{width:885px;padding:0 28px} .news-body .main.new1 .boxs .box .detail .stit a{font-size:16px;color:#333;line-height:30px;font-weight:700} .news-body .main.new1 .boxs .box .detail .text{font-size:14px;color:#888;line-height:24px;margin-top:10px;height:72px;overflow:hidden} .news-body .main.new1 .boxs .box .box-more{width:200px;text-align:center} .news-body .main.new1 .boxs .box .box-more a{font-size:14px;color:#ba331d;text-transform:uppercase;line-height:145px} #insf .more a span,.news-body .main.new1 .boxs .box .box-more a span{transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;display:inline-block} .news-body .main.new1 .boxs .box .box-more a:hover span{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)} #insf .more a:hover span{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)} .news-body .main.new1 .boxs .box:hover .date{background:#ba331d} .news-body .main.new1 .boxs .box:hover .detail .stit a{color:#ba331d} .news-body .main.new1 .boxs .box:hover .detail .text{color:#666} .news-body .main.new1.search .keyword{line-height:40px;font-size:16px;padding:20px 0} .news-body .main.new1.search .keyword span{font-size:24px;padding:0 15px;color:#ba331d} .news-body .main.new2{background:#fff} .news-body .main.new2 .content{max-width:1460px;width:100%} .news-body .main.new2 .boxs .box{border:2px solid transparent;padding:16px 18px;position:relative;margin-bottom:60px} .news-body .main.new2 .boxs .box .img-box{overflow:hidden;height:0;width:100%;padding-bottom:59%} .news-body .main.new2 .boxs .box .img-box img{width:100%;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} .news-body .main.new2 .boxs .box .text-box{padding:10px 5px} .news-body .main.new2 .boxs .box .text-box .stit{font-size:16px;color:#333;font-weight:700;line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .news-body .main.new2 .boxs .box .text-box .text{font-size:14px;color:#888;line-height:25px;height:50px;overflow:hidden} .news-body .main.new2 .boxs .box .date{position:absolute;width:66px;height:66px;background:#b9341c;color:#fff;top:-10px;left:45px;text-align:center;font-size:16px;padding-top:13px} .news-body .main.new2 .boxs .box .date:after{content:"";border-left:6px solid transparent;border-bottom:10px solid #7c2111;top:0;left:-6px;position:absolute} .news-body .main.new2 .boxs .box:hover{border-color:#b9341c} .news-body .main.new2 .boxs .box:hover .img-box img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .news-body .main.new2 .boxs .box:hover .text-box .stit{color:#b9341c} .news-body .main.new2 .boxs .box:hover .text-box .text{color:#666} .contactUs-body .in-banner{background-image:url(../images/contactUs-banner.jpg)} .contactUs-body .main{background:url(../images/bg.jpg);padding:1px 0;margin-bottom:50px} .contactUs-body .main .map{height:668px;padding-top:60px;position:relative} .contactUs-body .main .map #map{height:100%} .contactUs-body .main .map .contact-list{position:absolute;overflow:hidden;background:url(../images/contact-bg.jpg);top:0;left:50%;width:1040px;height:170px;margin-left:-520px} .contactUs-body .main .map .contact-list li{float:left;width:30%;font-size:16px;color:#fff;text-align:center;padding-top:30px;line-height:24px;height:100%} .contactUs-body .main .map .contact-list li img{display:inline-block;margin-bottom:25px} .contactUs-body .main .map .contact-list li.address{width:40%;border-left:1px solid #631313;border-right:1px solid #631313} #chart{width:100%} .jOrgChart .node{background:#fff;border:1px solid #9b9b9b} .jOrgChart .line{width:1px} .jOrgChart{text-align:center} .jOrgChart table{margin-left:auto;margin-right:auto;width:auto} .jOrgChart .left{border-right:1px solid #9b9b9b} .jOrgChart .right{border-left:1px solid #9b9b9b} .jOrgChart .top{border-top:1px solid #9b9b9b} .jOrgChart .down{background:#9b9b9b} .jOrgChart .node{width:150px;height:auto;line-height:30px;padding:10px 20px;transition:all .5s} .jOrgChart .node:hover{background-color:#ba331d;color:#fff;transform:scale(1.1);border-color:#ba331d} .join-body .in-banner{background-image:url(../images/join-banner.jpg?v=1)} .join-body .main{background:#f5f5f5;padding-top:1px;margin-bottom:50px} .join-body .main .content{margin-top:-1px;background:url(../images/contact-bg.jpg);position:relative;padding:50px 0 0 0} .join-body .main .content .row{width:100%;max-width:1400px;margin:0 auto} .join-body .main .content .row>div{margin-bottom:50px;overflow:hidden;position:relative} .join-body .main .content .row .box{background:#fff;padding:20px 15px} .join-body .main .content .row .box .job{font-size:28px;line-height:200px} .join-body .main .content .row .yq{padding:20px 30px;position:absolute;top:100%;left:0} .join-body .main .content .row .yq .yq-t{font-size:18px} .join-body .main .content .row .box{background:#fff;padding:0 20px;box-shadow:0 0 1px #ddd;position:relative} .join-body .main .content .row .box .job{font-size:14px;color:#a61c1c;line-height:60px;position:relative;transition:all .6s;padding:10px 0;cursor:pointer} .join-body .main .content .row .box .job a{position:absolute;right:0;top:0;line-height:80px} .join-body .main .content .row .more{font-size:14px;display:block;width:75px;line-height:80px;color:#af1212;text-align:center;text-transform:uppercase} .join-body .main .content .row .more span{transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;display:inline-block} .join-body .main .content .row .more:hover span{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)} .join-body .main .content .b-l,.join-body .main .content .b-r{position:absolute;width:50px;height:100px;background:url(../images/l-white.png) no-repeat center center;top:50%;margin-top:-50px;cursor:pointer;left:14%;margin-left:-50px} .join-body .main .content .b-r{left:auto;margin-right:-50px;right:14%;background-image:url(../images/r-white.png)} .join-body .main .content .Tits{margin-top:0} .join-body .main .content .Tits .cn{color:#fff} .join-body .main .content .Tits .cn:after{background:#fff} .join-body .main .content .Tits .en{color:rgba(255,255,255,.6)} .join-body .main .content .row>div{transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1)} .join-body .main .content .row>div:hover{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1)} .suggestion-body .in-banner{background-image:url(../images/suggestion-banner.jpg)} .suggestion-body .main{background:url(../images/bg.jpg);margin-bottom:0} .suggestion-body .main:after,.suggestion-body .main:before{content:"";display:table} .suggestion-body .main i{font-style:normal} .suggestion-body .main .content{max-width:1300px;margin:0 auto;width:100%} .suggestion-body .main .Tits{margin-top:30px;margin-bottom:0} .suggestion-body .main #forms1{font-size:0} .Tits1{padding-left:15px;height:40px;border-left:2px solid #ba341c} .Tits1 .cn{font-size:24px;line-height:24px;font-weight:700;color:#333} .Tits1 .en{font-size:14px;color:#999;font-family:Arial;line-height:14px;text-transform:uppercase;margin-top:4px} .suggestion-body .main .row{max-width:1400px;width:100%;position:relative;margin:0 auto;padding-top:50px} .suggestion-body .main #forms1 .input-box{margin-top:40px;font-size:0;position:relative} .suggestion-body .main #forms1 .input-box label{font-size:14px;color:#333;line-height:50px;display:inline-block;width:15%;height:50px;margin-right:2%;text-align:right;font-weight:400} .suggestion-body .main #forms1 .input-box label i{color:#f79d01} .suggestion-body .main #forms1 .input-box input{width:83%;height:50px;border:1px solid #c0bfbf;line-height:50px;font-size:14px;color:rgba(51,51,51,.6);padding:0 40px 0 20px} .suggestion-body .main #forms1 .input-box.phone,.suggestion-body .main #forms1 .input-box.user{width:100%;display:block} .suggestion-body .main #forms1 .input-box.phone{text-align:right} .suggestion-body .main #forms1 .input-box.phone.name input,.suggestion-body .main #forms1 .input-box.user.name input{width:70%} .suggestion-body .main #forms1 .input-box select{width:100%;height:100%;padding:0 40px 0 20px;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:1px solid #c0bfbf;line-height:80px;font-size:18px;color:rgba(51,51,51,.6)} .suggestion-body .main #forms1 .input-box select select::-ms-expand{display:none} .suggestion-body .main #forms1 .input-box .select{display:inline-block;position:relative;width:28%;height:80px;margin-right:2%} .suggestion-body .main #forms1 .input-box .select.area3{margin-right:0} .suggestion-body .main #forms1 .input-box .select:before{position:absolute;content:"";border-top:12px solid #3e3e3e;border-left:8px solid transparent;border-right:8px solid transparent;right:11px;top:50%;margin-top:-6px} .suggestion-body .main #forms1 .input-box textarea{width:83%;height:220px;border:1px solid #c0bfbf;line-height:36px;font-size:18px;color:rgba(51,51,51,.6);padding:20px 40px 20px 20px;vertical-align:top;background:url(../images/form-bg.jpg) no-repeat right bottom;background-color:#fff;background-size:auto 100%} .suggestion-body .main #forms1 .input-box.jg{font-size:14px;color:rgba(51,51,51,.6);margin-bottom:40px;padding-left:17%} .satisfaction-text{width:83%;height:510px;border:1px solid #c0bfbf;margin-top:40px;position:relative;margin-left:auto;margin-right:auto;overflow-y:auto} .suggestion-body .main #forms1 .input-box.jg label{height:0} .satisfaction-text>div{width:100%;padding:15px} .suggestion-body .main #forms1 .input-box.phone .err-text,.suggestion-body .main #forms1 .input-box.user .err-text{left:24%} .suggestion-body .main #forms1 .input-box.phone .err-text{left:34%} .suggestion-body .main #forms1 .input-box.err input,.suggestion-body .main #forms1 .input-box.err select,.suggestion-body .main #forms1 .input-box.err textarea{border-color:red} .suggestion-body .main #forms1 .err-text{position:absolute;font-size:14px;color:red;bottom:-20px} .suggestion-body .main #forms1 .err-text,.suggestion-body .main #forms1 .input-box.phone .err-text,.suggestion-body .main #forms1 .input-box.user .err-text{left:17%} .suggestion-body .main #forms1 .btn_Prompt{position:absolute;bottom:20px;right:10px;width:20px;height:20px;display:block} .suggestion-body .main #forms1 .btn_Prompt.error{background:url(../images/btn_error.png) no-repeat} .suggestion-body .main #forms1 .btn_Prompt.empty{background:url(../images/btn_empty.png) no-repeat} .suggestion-body .main #forms1 .btn_Prompt.Correct{background:url(../images/btn_Correct.png) no-repeat} .suggestion-body .main #forms1 .submit-btn{width:150px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;background:#ba331d;position:relative;left:50%;margin-left:-75px;margin-bottom:50px} .satisfaction .download{position:relative;width:200px;line-height:50px;border:2px solid #c7c7c7;background:#eaeaea;margin-top:90px;margin-left:auto;margin-right:auto;transition:all .5s;cursor:pointer;text-align:center} .satisfaction .download a{font-size:16px;font-weight:400;position:relative;padding-left:40px;color:#676363} .satisfaction .download:hover a:before{transform:rotate(-90deg)} .satisfaction .download a:before{content:'';background:url(../images/down.png) no-repeat;display:block;position:absolute;top:-2px;left:0;height:21px;width:23px;transition:all .5s} .satisfaction .buttons ul li:after{content:'';position:absolute;display:block;width:8px;height:15px;background-image:url(../images/arrow-right1.png);background-position:center center;top:20px;right:30px} .satisfaction .buttons ul li:before{content:'';position:absolute;display:block;width:22px;height:20px;background-position:center center;background-size:auto 100%;top:18px;left:23px;background-repeat:no-repeat;transition:all .5s} .satisfaction .buttons ul li{background:#fff;padding-left:57px;padding-right:30px;height:56px;margin-top:40px;border:1px solid #ccc;line-height:56px;position:relative;transition:all .5s} .satisfaction .buttons ul li p{color:#6b6b6b;font-size:16px;transition:all .5s} .satisfaction .buttons ul li:hover{background-color:#ba331d;border:1px solid #ba331d} .satisfaction .buttons ul li:hover p{padding-left:30px} .satisfaction .buttons ul li.s-l1:before{background-image:url(../images/yw1-g.png)} .satisfaction .buttons ul li.s-l1:hover:before{background-image:url(../images/yw1.png)} .satisfaction .buttons ul li.s-l2:before{background-image:url(../images/yw2-g.png)} .satisfaction .buttons ul li.s-l2:hover:before{background-image:url(../images/yw2.png)} .satisfaction .buttons ul li.s-l3:before{background-image:url(../images/yw3-g.png)} .satisfaction .buttons ul li.s-l3:hover:before{background-image:url(../images/yw3.png)} .satisfaction .buttons ul li.s-l4:before{background-image:url(../images/yw4-g.png)} .satisfaction .buttons ul li.s-l4:hover:before{background-image:url(../images/yw4.png)} .satisfaction .buttons ul li.s-l5:before{background-image:url(../images/yw5-g.png)} .satisfaction .buttons ul li.s-l5:hover:before{background-image:url(../images/yw5.png)} .satisfaction .buttons ul li:hover:after{background-image:url(../images/arrow-right.png)} .satisfaction .buttons ul li:hover:before{background-image:url(../images/file.png)} .satisfaction .buttons ul li:hover p{color:#fff} .dc-body .in-banner{background-image:url(../images/suggestion-banner.jpg)} .dc-body .dc .Tits{margin-top:0} .dc-body .dc{padding-top:50px;background-image:url(../images/bg.jpg)} .dc-body .dc .table-box{max-width:1024px;width:100%;margin:50px auto;position:relative;padding:3%} .dc-body .dc .table-box .table-box-ul{border:1px solid #ccc;padding:10px 15px;border-radius:10px;background:#fff} .dc-body .dc .table-box .table-box-ul>li{padding:10px 0;border-bottom:1px solid #ccc} .dc-body .dc .table-box .table-box-ul li,.dc-body .dc .table-box .table-box-ul ul{overflow:hidden} .dc-body .dc .table-box .table-box-ul>li>ul>li{float:left;line-height:40px} .dc-body .dc .table-box .table-box-ul>li>ul>li>p>span{width:30%;display:inline-block;height:40px} .dc-body .dc .table-box .table-box-ul>li.li1 li{width:50%;font-size:16px;padding-left:5%} .dc-body .dc .table-box .table-box-ul>li.li2 li{width:50%;font-size:16px;padding-left:5%} .dc-body .dc .table-box .table-box-ul input[type=text]{padding-left:20px;border-bottom:1px solid #999;margin-left:5px;font-size:16px;height:40px;line-height:40px} .dc-body .dc .table-box .table-box-ul .li3.li-3>ul>li:first-of-type{width:25%;padding-left:5%} .dc-body .dc .table-box .table-box-ul .li3.li-3>ul>li:last-of-type{width:75%} .dc-body .dc .table-box .table-box-ul .li3.li-3>ul ul li{float:left;width:50%} .dc-body .dc .table-box .table-box-ul p input[type=radio]{margin:0;margin-left:10px;vertical-align:text-bottom;margin-bottom:2px;cursor:pointer} .dc-body .dc .table-box .table-box-ul>li.dc-detail{padding-left:0} .dc-body .dc .table-box .table-box-ul>li.dc-detail>ul>li{float:left;width:100%;border-bottom:1px solid #999} .dc-body .dc .table-box .table-box-ul>li.dc-detail>ul>li:last-of-type{border:none} .dc-body .dc .table-box .table-box-ul>li.dc-detail>ul>li>div{display:inline-block;float:left;width:20%;margin-top:15%;margin-left:5%;text-align:center} .dc-body .dc .table-box .table-box-ul>li.dc-detail>ul>li>div p{line-height:16px} .dc-body .dc .table-box .table-box-ul>li.dc-detail>ul>li>ul{display:inline-block;float:left;width:75%} .dc-body .dc .table-box .table-box-ul>li.dc-detail .li-3 ul li{float:left;border-bottom:1px solid rgba(153,153,153,.6);height:60px;line-height:60px} .dc-body .dc .table-box .table-box-ul>li.dc-detail .li-3:last-of-type ul li{border:none} .dc-body .dc .table-box .table-box-ul>li.dc-detail .li-3 ul li:first-of-type{width:70%} .dc-body .dc .table-box .table-box-ul>li.dc-detail .li-3 ul li:last-of-type p span{margin-left:30px} .dc-body .dc .table-box .table-box-ul>li.li5 li{padding-left:5%} .dc-body .dc .table-box .table-box-ul>li.li5 li:first-of-type{width:30%} .dc-body .dc .table-box .table-box-ul>li.li5 .title{padding:20px 0;line-height:20px} .dc-body .dc .table-box .table-box-ul>li.li5 .title .red{color:#ba331d} .dc-body .dc .table-box .table-box-ul>li.li5 li:last-of-type{width:70%} .dc-body .dc .table-box .table-box-ul>li.li5 li:last-of-type p{line-height:40px;margin-top:20px} .dc-body .dc .table-box .table-box-ul>li.li5 li p span{width:40px;height:40px;display:inline-block;margin-left:10px;border-radius:50%;transition:all .5s;text-align:center;cursor:pointer} .dc-body .dc .table-box .table-box-ul>li.li5 li p span.c{background-color:#ba351d;color:#fff} .dc-body .dc .table-box .table-box-ul>li.li6 li:first-of-type{padding-left:5%;width:100%} .dc-body .dc .table-box .table-box-ul>li.li6 li:last-of-type{padding-left:5%;width:100%;line-height:initial;padding-right:5%} .dc-body .dc .table-box textarea{width:100%;height:200px;border:1px solid rgba(153,153,153,.6);padding:15px} .dc-body .dc .table-box .table-box-ul>li.li6 li:last-of-type input{width:100%} .dc-body .dc .table-box .table-box-ul>li.li7>ul>li:first-of-type{width:25%;padding:0;border:0;padding-left:5%} .dc-body .dc .table-box .table-box-ul>li.li7 .title{padding:20px 0;line-height:20px;margin-top:50%} .dc-body .dc .table-box .table-box-ul>li.li7>ul>li:last-of-type{width:30%;float:right;padding:0;border:0} .dc-body .dc .table-box .table-box-ul>li.li7>ul>li{padding:0 40px;border-left:1px solid rgba(153,153,153,.6);border-right:1px solid rgba(153,153,153,.6)} .dc-body .dc .table-box button:hover{opacity:1} .dc-body .dc .table-box label{cursor:pointer;font-weight:400;color:#3e3e3e} .dc-body .dc .table-box label.cc span{color:#ba331d} .dc-body .dc .table-box label:hover span{color:#ba331d} .dc-body .dc .table-box .err{color:red} .dc-body .dc .table-box button{font-size:16px;height:50px;padding:10px 0;line-height:30px;width:150px;text-align:center;position:relative;margin:20px auto;left:50%;margin-left:-75px;opacity:.7;background-color:#ba351d;color:#fff;transition:all .5s} .ReturnVisit{max-width:1024px;margin:0 auto;padding:25px 0 60px} .ReturnVisit ul{width:320px;margin:0 auto} .ReturnVisit li{line-height:50px;background:#fff;text-align:center;border:1px solid #ccc;cursor:pointer;position:relative;color:#3e3e3e;transition:ease .5s} .ReturnVisit li a{display:block;color:#3e3e3e;transition:ease .5s} .ReturnVisit li+li{margin-top:15px} .ReturnVisit li img{width:120px;position:absolute;opacity:0;visibility:hidden;left:105%;top:50%;margin-top:-60px;transition:ease .5s} .ReturnVisit li:hover img{opacity:1;visibility:inherit} .ReturnVisit li:hover{background:#b8341e;color:#fff} .ReturnVisit li:hover a{color:#fff} #culture-title{margin-bottom:70px} .culture-banner{background-image:url(../images/staff-banner.jpg)!important} #culture-title .cn:after{display:none} #culture-title .cn{margin-bottom:20px} #culture-title .en{position:relative} #culture-title .en:after,#culture-title .en:before{content:'';background:#ba331d;display:block;position:absolute;height:1px;width:200px} #culture-title .en:before{left:25%;top:7px} #culture-title .en:after{right:25%;top:7px} #culture-title p{font-size:14px;line-height:30px;color:#a9a8a9} #culture-title .first{margin-top:50px} #culture-list li{margin-bottom:30px;background:#fff;padding:30px 40px;border-bottom:2px solid #c5c1be} #culture-list{background:0 0;padding-left:0;padding-right:0} .culture-nav li:last-child a{border-right:0!important} .culture{background-image:url(../images/culture-bg.png)!important;background-size:100%!important} .staff-imgs li{float:left;max-width:32%;margin-left:1.33333%;margin-bottom:70px;text-align:center} .staff-imgs li:nth-child(3n+1){margin-left:0;clear:both} .staff-imgs{width:100%;overflow:hidden} .staff-banner{background-image:url(../images/staff-banner.jpg)!important} .staff-imgs .img-box{background:#fff;padding:10px 12px;border:1px solid #dadada;border-radius:2px;overflow:hidden;cursor:pointer} .staff-imgs p{color:#333;font-size:18px;margin-top:20px} .staff-imgs .img-box img{width:100%;height:auto;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} .staff-imgs .img-box:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} .ywly{margin-bottom:40px} .ywly .in-banner{background-image:url(../images/yw/banner.jpg)} .ywly-nav{height:50px;position:relative;width:100%;text-align:center;} .ywly-nav ul li a:hover{color:#ba341c} .ywly-nav ul{position:relative;max-width:1060px;margin:0 auto;width:100%} .ywly-nav ul li{float:left;width:16.6%;line-height:50px;font-size:16px;position:relative;height:50px} .ywly-nav ul li a{display:block;width:100%;line-height:50px;color:#000} .ywly-nav .active a{color:#ba341c} .ywly-nav ul li:not(:last-child):after{content:'';display:block;position:absolute;height:24px;width:1px;background:#c7c7c7;right:0;top:50%;margin-top:-12px} .ywly-list li{width:100%;position:relative;height:400px;padding:100px 0 85px 0;border-bottom:1px solid #fff;cursor:pointer} .ywly-list .y1{background-image:url(../images/yw/y1.jpg);background-position:center top;background-attachment:fixed} .ywly-list .y2{background-image:url(../images/yw/y2.jpg);background-position:center top;background-attachment:fixed} .ywly-list .y3{background-image:url(../images/yw/y3.jpg);background-position:center top;background-attachment:fixed} .ywly-list .y4{background-image:url(../images/yw/y4.jpg);background-position:center top;background-attachment:fixed} .ywly-list .y5{background-image:url(../images/yw/y5.jpg);background-position:center top;background-attachment:fixed} .ywly-list .y6{background-image:url(../images/yw/y6.jpg);background-position:center top;background-attachment:fixed} .ywly-list .ywly-list-content{width:1200px;height:100%;position:relative;margin:0 auto} .ywly-list .ywly-list-content p{color:#fff} .ywly-list-content .more{position:absolute;right:0;bottom:0;font-size:12px;color:#fff;line-height:30px;width:100px;text-align:center;cursor:pointer;text-transform:uppercase;border:1px solid #fff;transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s} .ywly-list-content .more:after{content:'';display:block;clear:both} .ywdetail-content-title p,.ywly-list-content-title{line-height:74px;font-size:20px;color:#fff;font-weight:700;padding-left:114px;position:relative} .y1 .ywly-list-content-title:before,.y2 .ywly-list-content-title:before,.y4 .ywly-list-content-title:before,.y5 .ywly-list-content-title:before,.y6 .ywly-list-content-title:before,.ywdetail-content-title p:before{content:'';display:block;position:absolute;width:74px;height:74px;background-repeat:no-repeat;left:0;top:0;background-position:center center;background-size:100% auto} .y1 .ywly-list-content-title:before{background-image:url(../images/yw/yw1.png)} .y2 .ywly-list-content-title:before{background-image:url(../images/yw/yw2.png)} .y3 .ywly-list-content-title:before{background-image:url(../images/yw/yw3.png);content:'';display:block;position:absolute;width:75px;height:68px;background-repeat:no-repeat;left:0;top:3px} .y4 .ywly-list-content-title:before{background-image:url(../images/yw/yw4.png)} .y5 .ywly-list-content-title:before{background-image:url(../images/yw/yw5.png)} .y6 .ywly-list-content-title:before{background-image:url(../images/yw/yw6.png)} .ywly-list-content-detail{font-size:16px;color:#fff;margin-top:43px;line-height:30px} .ywly-list-content-detail p{color:#fff} .ywly-list-content .more span{transition:all .6s ease 0s;-webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s;transform-origin:center center;display:inline-block;padding-bottom:2px} .ywly-list li:hover .more{border:1px solid #ba341c;background:#ba341c;color:#fff} .ywly-list li:hover .more span{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)} .demo-gallery{width:100%;max-height:400px;overflow:hidden} .demo-gallery img{max-height:400px} .pswp__button--share{display:none} .ywdetail .in-banner{background-image:url(../images/yw/banner.jpg)} .yw1.ywdetail-content{background-image:url(../images/yw/yd1.jpg);background-repeat:no-repeat;background-size:100% 100%;background-position:center bottom;color:#333} .ywdetail-content{width:100%;height:auto;position:relative;padding-top:55px;padding-bottom:125px} .ywdetail-content-title{width:100%;max-width:1200px;position:relative;margin:0 auto;height:120px;padding-bottom:45px;text-align:center} .ywdetail-content-title p{position:absolute;line-height:74px;padding-left:89px;top:0;left:50%;margin-left:-114px} .ywdetail-content-title p:before{background-image:url(../images/yw/yw1.png)} .ywly-back{display:block;width:150px;line-height:40px;border:1px solid #fff;text-align:center;color:#fff;position:absolute;right:30px;bottom:45px;font-size:16px} .ywly-back span{margin-left:16px} .ywly-back:hover{color:#fff;background:#bb341e;border:1px solid #bb341e} .ywdetail-content-box{padding:48px 30px 0 30px;position:relative;width:100%;max-width:1200px;margin:0 auto;background-color:#f5f5f5} .content-box-list>li{padding-bottom:20px} .content-box-list>li>p:first-child{color:#fff;background:#bb341e;line-height:30px;padding:0 15px;float:left;margin-bottom:20px} .content-box-list>li>p:not(:first-child){font-size:16px;line-height:31px;padding-left:10px} .content-box-list>li>p:first-child:after{content:'';display:block;clear:both} .content-box-list ul{display:inline-block;vertical-align:middle} .content-box-list ul li{line-height:31px;font-size:16px;border:1px solid #d0d0d0;padding:0 10px;position:relative} .content-box-list ul:not(:first-child){margin-left:40px} .content-box-list ul li:not(:last-child){margin-bottom:40px} .content-box-list .right-line-v:after{content:'';position:absolute;display:block;width:30px;height:1px;background:#d0d0d0;right:-30px;top:15px} .content-box-list .left-link-d:before{content:'';position:absolute;display:block;height:38px;width:17px;border-left:1px solid #d0d0d0;border-top:1px solid #d0d0d0;top:15px;left:-17px} .content-box-list .right-line-d:after{content:'';position:absolute;display:block;height:38px;width:30px;border-right:1px solid #d0d0d0;border-top:1px solid #d0d0d0;top:15px;right:-30px} .content-box-list .right-line-u:after{content:'';position:absolute;display:block;height:38px;width:30px;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;top:-23px;right:-30px} .content-box-list .left-link-u:before{content:'';position:absolute;display:block;height:38px;width:17px;border-left:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;top:-23px;left:-17px} .content-box-list>li.pb-40{padding-bottom:40px;position:relative;overflow:hidden} .content-box-list>li.bb-line:after{content:'';width:105%;height:1px;display:block;position:absolute;bottom:0;left:-2%;background:#bb341e} .yw-banner{position:relative;padding-top:60px} .readmore{position:absolute;padding:0 18px;border:1px solid #bb341e;line-height:30px;right:0;top:0px;color:#bb341e} .readmore:hover{color:#fff;background:#bb341e} .yw-banner-box{width:95%;margin:0 auto;margin-top:30px;position:relative} .yw-banner .pagination{position:relative;text-align:center;width:100%;margin-bottom:0} .yw-banner .swiper-pagination-switch{display:inline-block;width:9px;height:9px;border-radius:9px;background:#a7a7a7;margin-right:20px;opacity:.8;cursor:pointer} .arrow-left{background-image:url(../images/l-white.png);left:-42px;border-bottom-left-radius:5px;border-top-left-radius:5px} .arrow-left,.arrow-right{width:42px;background-color:#cbcbcb;height:84px;background-position:center;background-size:100% auto;position:absolute;top:50%;margin-top:-50px;cursor:pointer;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;opacity:.7} .arrow-left:hover,.arrow-right:hover{background-color:rgba(186,53,26,.5);opacity:1} .arrow-right{background-image:url(../images/r-white.png);right:-42px;border-bottom-right-radius:5px;border-top-right-radius:5px} .yw-banner-box .swiper-container{width:100%} .yw-banner-box .swiper-container .swiper-wrapper{overflow:hidden} .yw-banner-box .swiper-container .swiper-slide{text-align:center;position:relative;cursor:pointer;width:100%;font-size:0} .yw-banner-box .swiper-container .swiper-slide>div{width:90%;position:relative;text-align:center;display:inline-block;overflow:hidden} .swiper-slide-item img{width:100%;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear} .swiper-slide-item>div{max-width:320px;position:relative;overflow:hidden;border:2px solid transparent;margin:0 auto} .yw-banner-box .swiper-container p{max-width:320px;margin:20px auto;font-size:14px} .yw-banner-box .swiper-container .swiper-slide .more{width:100%;position:absolute;line-height:47px;background:#bb341e;bottom:-47px;left:0;font-size:14px;color:#fff;-webkit-transition:all ease .6s;transition:all ease .6s} .yw-banner-box .swiper-container .swiper-slide>div:hover .more{bottom:0} .yw-banner-box .swiper-container .swiper-slide>div:hover>div{border:2px solid #bb341e} .yw-banner .swiper-active-switch{background:#bb341e} .swiper-slide-item .img-box:hover>div img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)} .culture .box,.culture .box .date{transition:all .6s;-ms-transition:all .6s;-webkit-transition:all .6s} .culture .box:hover{transform:translate(30px,-5px)} .culture .box:hover .date{transform:scale(1.1)} .full-banner{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.9);top:0;left:0;z-index:999} .full-banner.show{display:block} .full-banner .swiper-container{position:absolute;width:70%;bottom:5%;left:0;top:10%;right:0;margin:auto auto;height:85%;max-width:1000px} .full-banner .swiper-container img{width:auto;max-height:100%} .pswp__bg{background:#fff} .full-banner .swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} .full-banner .pagination{position:relative;width:100%;text-align:center;color:#fff;font-size:24px;font-style:oblique} .full-banner .arrow-left{left:50px;width:42px;height:84px} .full-banner .arrow-right{right:50px;width:42px;height:84px} .full-banner .close{width:57px;height:57px;position:absolute;right:30px;top:30px;background:url(../images/return.png);opacity:1;transition:all .6s;-ms-transition:all .6s;z-index:99;background-size:100% auto} .full-banner .close:hover{transform:rotate(180deg)} #carousel{margin:0 auto;background:0 0;height:300px;width:80%} .aboutus{position:relative;width:100%;overflow:hidden} .aboutus .in-banner{background:url(../images/aboutus/banner.jpg?v=1);background-position:center center} .fixed-nav.fixed-,.news-nav.fixed,.ywly-nav.fixed{position:fixed;top:0;width:100%;z-index:100;background:#fff;border-bottom:1px solid #dfdfdf;box-shadow:0 0 10px rgba(0,0,0,.2)} .aboutus #cm-detail{position:relative;width:100%} #cm-detail img{width:100%;min-width:1200px} .cm-detail-content{position:absolute;top:0;width:100%;height:100%;left:0;right:0;margin:0 auto} .cm-detail-content-box{position:absolute;width:48.95%;height:80%;text-align:center;padding:0 2%;top:0;bottom:0;margin:auto 0} #enq .Tits .cn,#team .Tits .cn,.cm-detail-content-box .Tits .cn{color:#fff} .cm-detail-content-box .Tits .cn:after{background:#f4baba} #enq .Tits .en,#team .Tits .en,.cm-detail-content-box .Tits .en{color:#fff} #team .Tits,.cm-detail-content-box .Tits{margin-top:0} .cm-detail-content-box p{margin-top:10px;line-height:30px;color:#fff;font-size:18px;text-align:left;text-indent:28px} .cm-detail-content-box1{position:absolute;width:51%;height:380px;top:0;right:0;bottom:0;margin:auto 0} .cm-detail-content-box1 p{font-size:36px;color:#fff;width:290px;display:block;line-height:77px;position:relative;text-align:center} .cm-detail-content-box1 div{ width: 444px; height: auto; position: absolute; top: 0; left: 60px; bottom: 0; margin: auto 0; background: rgba(0,0,0,.3); padding: 50px;} .cm-detail-content-box1 p span{font-size:58px;color:#b14542} .cm-detail-content-box1 p+p span{color:#a61c1c} .cm-detail-content-box1 p+p{position:relative;margin-top:50px;margin-left:auto;margin-right:0} #insf .piczoom.m{display:none} .arousel-box{position:relative;overflow:hidden;width:100%} .cm-detail-content-box1 p+p:before{content:'';position:absolute;display:block;width:90%;height:1px;background:#9d9b92;bottom:0;right:-25px} .cm-detail-content-box1 p+p:after{content:'';position:absolute;display:block;width:1px;height:100%;background:#9d9b92;bottom:-35px;right:0} .cm-detail-content-box1 p:first-child:before{content:'';position:absolute;display:block;width:1px;height:100%;background:#9d9b92;bottom:-35px;left:0} .cm-detail-content-box1 p:first-child:after{content:'';position:absolute;display:block;width:90%;height:1px;background:#9d9b92;bottom:0;left:-25px} #insf{width:100%;position:relative;margin:0 auto;padding:50px 0;background-image:url(../images/bg.jpg)} .cm-logo{padding-bottom:25px;position:relative} #insf .piczoom{margin:20px auto} #insf .Tits{margin-top:0} .cm-logo:after{content:'';display:block;position:absolute;width:94px;height:1px;background:#9b9b9b;bottom:0;left:50%;margin-left:-47px} .cm-logo:before{content:'';display:block;position:absolute;width:1px;height:85px;background:#9b9b9b;bottom:-85px;left:50%} .cm-logo img{width:364px;margin:0 auto} .insf-line{margin-top:85px;width:100%;height:1px} #insf .row{margin-top:70px} #insf .row div{padding:0;text-align:center;position:relative} #insf .row .last:after{border-top:none} #insf .row div p{line-height:56px} #insf .row div:before{content:'';display:block;position:absolute;width:90%;height:100%;border:1px solid #9b9b9b;top:0;left:5%} #insf .row div:after{content:'';display:block;position:absolute;width:100%;height:70px;border-left:1px solid #9b9b9b;border-top:1px solid #9b9b9b;top:-70px;left:50%} #insf .row div.last:after{border-top:none} #insf .more{padding:65px 0 55px;text-align:center;font-size:0;display:none} #enq{width:100%;position:relative;padding-top:50px;padding-bottom:50px;background-image:url(../images/aboutus/enq-bg.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto} #enq .Tits{margin-top:0} #enq .swiper-container{height:270px;max-width:1200px;position:relative;margin:0 auto} #enq .swiper-container .swiper-wrapper{height:270px;width:1200px;position:relative} #enq .banner-box1{max-width:1400px;position:relative;margin:0 auto;margin-top:60px} #enq .swiper-slide{position:relative} #enq .banner-box1 .arrow-l{position:absolute;width:47px;height:47px;line-height:47px;color:#fff;text-align:center;left:0;top:0;bottom:0;margin:auto 0;border:2px solid #fff;border-radius:50%;cursor:pointer;transition:all .5s} #enq .banner-box1 .arrow-r{position:absolute;width:47px;height:47px;line-height:47px;color:#fff;text-align:center;right:0;top:0;bottom:0;margin:auto 0;border:2px solid #fff;border-radius:50%;cursor:pointer;transition:all .5s} #enq .banner-box1 .arrow-l span{display:block;width:15px;height:15px;border-left:2px solid #fff;border-bottom:2px solid #fff;position:absolute;left:50%;top:50%;margin-left:-6px;margin-top:-15px;transform-origin:left bottom;-ms-transform-origin:left bottom;transform:rotate(45deg);-ms-transform:rotate(45deg);transition:all .5s;-ms-transition:all .5s} #enq .banner-box1 .arrow-r span{display:block;width:15px;height:15px;border-right:2px solid #fff;border-bottom:2px solid #fff;position:absolute;right:50%;top:50%;margin-right:-6px;margin-top:-15px;transform-origin:right bottom;-ms-transform-origin:right bottom;transform:rotate(-45deg);-ms-transform:rotate(-45deg);transition:all .5s;-ms-transition:all .5s} #enq .banner-box1 .arrow-l:hover span{margin-left:-12px} #enq .banner-box1 .arrow-r:hover span{margin-right:-12px} .enq-img-box{width:370px;height:270px;position:relative;background:#fff center center no-repeat; background-size:contain; margin:0 auto;border:2px solid #bcbcbc;padding-top:10px;overflow:hidden} .enq-img-box-title{line-height:60px;background:rgba(193,71,51,.9);position:absolute;bottom:10px;width:370px;text-align:center;color:#fff;margin:0 auto;left:0;right:0} .enq-img-box img{margin:0 auto;height:100%; opacity: 0; visibility: hidden;} .swiper-scrollbar{position:relative;width:90%;max-width:1200px;height:10px;margin:0 auto;margin-top:50px;background:#fff;overflow:hidden;border-radius:10px} .swiper-scrollbar-drag{background:#ba331d;height:10px;cursor:move;border-radius:10px} #tec .Tits{margin-top:0} #tec{padding-top:50px} #tec .row{margin:0 auto;max-width:1400px;width:100%} #tec{padding-bottom:100px} #tec .row>div{margin-top:50px} .tec-img-box{width:100%;max-width:652px;height:auto;margin:0 auto;cursor:pointer;overflow:hidden;position:relative} .tec-img-box:before{width:100%;height:100%;background:rgba(105,51,42,.5);display:block;content:'';position:absolute;left:0;top:0} .tec-img-box:after{width:95%;height:94%;display:block;content:'';position:absolute;left:2.5%;top:3%;border:1px solid rgba(255,255,255,.5)} #tec .row>div:hover .tec-text-box{top:0;opacity:1} .tec-img-box img{width:100%} .tec-tip{position:absolute;width:100%;max-width:652px;height:95px;top:0;bottom:0;text-align:center;margin:auto 0} .tec-tip p:first-child{font-size:28px;color:#fff;margin:0} .tec-tip p:last-child{font-size:14px;color:#fff;line-height:63px;text-transform:uppercase} .tec-tip p:last-child:after{content:'';display:block;height:2px;width:60px;position:absolute;bottom:0;left:50%;background:#fff;margin-left:-30px} .tec-text-box{position:absolute;width:100%;text-align:center;top:30%;left:0;right:0;bottom:0;margin:auto auto;background:#fff;opacity:0;transition:all .6s;-ms-transition:all .6s} .tec-text-box p:first-child{font-size:24px;color:#ba331d;font-weight:700;padding-bottom:25px;position:relative;margin-top:5%} .tec-text-box p:first-child:after{content:'';display:block;position:absolute;width:45px;height:3px;background:#a1a1a1;left:50%;bottom:-2px;margin-left:-22px} .tec-text-box p:last-child{max-width:495px;margin:0 auto;margin-top:45px;line-height:26px;text-align:left;color:#333;text-align:center;position:relative} #team{position:relative;padding-top:50px;width:100%;height:auto;background-image:url(../images/aboutus/team-bg.jpg);background-position:center bottom;background-size:100% auto;padding-bottom:50px} #team .Tits{margin:0} .team-banner{position:relative;width:100%;max-width:1300px;margin:0 auto;margin-top:25px;overflow:hidden} .team-banner .swiper-container{width:1000px;margin:0 auto;background:0 0;height:360px} .carousel-feature{border:none;border-radius:50%} .team-banner .swiper-container .swiper-slide>div{text-align:center} .team-banner .swiper-container .swiper-slide>div img{margin:0 auto;position:relative} .team-banner-name{height:70px;width:210px;background:#ab301d;color:#fff;position:relative;margin:0 auto;text-align:center;line-height:25px;padding:10px} .team-banner-name p:first-child{font-size:16px} .team-banner-name:before{content:'';position:absolute;display:block;width:200px;height:60px;top:5px;left:5px;border:1px solid #fff} .team-l,.team-r{position:absolute;top:50%;transition:all .5s;margin-top:-23px} .team-l span{display:block;width:45px;cursor:pointer;height:45px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg)} .team-l:hover{left:40px} .team-l{left:50px} .team-r{right:50px} .team-r:hover{right:40px} .team-r span{display:block;width:45px;height:45px;cursor:pointer;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg)} footer{padding-top:50px} .ywitemdel .in-banner{background:url(../images/yw/banner.jpg)} .my-flipster ul li{margin-left:30px} .main2 .swiper-container .swiper-slide .img-box,.ywdetail-content-box .img-box{width:100%;height:0;padding-bottom:59%;overflow:hidden} .main2 .swiper-container .swiper-slide .img-box img{width:100%} #mod_player embed{ display: block; margin: 0 auto; width: 1200px; height: 800px; } @media only screen and (max-width:1600px){ .cm-detail-content-box p{font-size:16px;line-height:20px} } @media screen and (max-width:1440px){ header .nav .logo{width:30%;display:inline-block} header .nav ul{display:inline-block;width:70%;float:none} .cm-detail-content-box{height:90%} } @media screen and (max-width:1366px){ header .top{width:96%} .cm-detail-content-box{padding:0 1%} .cm-detail-content-box p{font-size:14px} header .nav{width:96%} header .nav .logo img{width:100%;height:auto} aside.active{right:0} aside>ul>li{width:80px;height:80px;background-size:100% auto} #enq .banner-box1 .arrow-l{left:20px} #enq .banner-box1 .arrow-r{right:20px} .join-body .swiper-container.join-boxs{width:90%} .home-body .main2{margin-bottom:50px} .cm-detail-text{font-size:14px;margin-top:40px} #enq,#team{background-size:auto 100%} .swiper-button-disabled{opacity:.5} .join-body .main .content .join-boxs{width:80%} .join-body .main .content .b-l{margin-left:-110px} .join-body .main .content .b-r{margin-right:-110px} .model .join-detail{overflow:hidden;height:450px;top:0;right:0;left:0;bottom:0;margin:0 auto;margin-top:auto;margin-bottom:auto} .model .join-detail .box{padding:10px} .model .join-detail .box .stit{font-size:22px;line-height:50px} .model .join-detail .box .text span{padding:15px 0 10px} .model .join-detail .box .text div{max-height:200px} .model .join-detail .box .text{line-height:30px;margin-bottom:10px} .home-body .main1 .box1{margin-bottom:30px} .main2 .swiper-container .swiper-slide .text-box{padding-top:15px} } @media screen and (max-width:1024px){ .Tits{margin:40px auto 20px} header .nav{margin-top:40px;height:65px} #insf .piczoom{width:100%;padding:0 3%;display:none} #insf .piczoom.m{display:block} .Tits{margin:20px 0 20px} .Tits .cn{font-size:16px} .Tits .en{font-size:14px} .mobiletop{display:block} .model_news_detail .back{display:none} .full-banner .swiper-container{width:94%} .cm-detail-content-box{padding:15px 3% 0 3%;height:100%} .arrow-left,.arrow-right{display:none} .cm-detail-content-box p{margin-top:10px;font-size:14px;line-height:25px} .tec-text-box p:first-child{margin-top:5%} header .nav .logo{width:320px;height:auto;position:absolute;top:10px;left:10px} header .nav ul li{width:12.5%;background-position:center top;margin-left:0} .news-body .main.new2 .boxs .box{margin-bottom:30px} .home-body .main1 .content{width:100%;overflow:hidden} .join-body .main .content .row .yq .yq-t{font-size:16px;line-height:30px} .home-body .main1 .box-container{width:100%;height:auto} .home-body .main1 .box-container .box3{width:100%;height:auto} .home-body .main1 .box-container .box4{width:100%} .home-body .main1{padding:0} .join-body .main .content .row .yq .yq-s{font-size:14px;line-height:24px} .banner .b-r{right:20px;width:22px;height:42px} .banner .b-l{left:20px;width:22px;height:42px} .main1 .content .box1{width:100%} .main1 .content .box1 ul li{display:inline-block;width:19%;margin:0 .5%;height:169px} .home-body .main1 .box1 ul li a{display:block;width:100%;height:169px} .satisfaction .download a{line-height:50px;height:50px} header .nav ul{width:100%} header .nav ul li a{padding:40px 5px 0} .satisfaction-text{height:400px;width:100%} #cm-detail img{min-width:100%} #tec .row>div{width:100%;float:left;margin-top:20px} .tec-text-box p:first-child{font-size:16px} .tec-tip p:first-child{font-size:18px} .tec-text-box p:last-child{margin-top:20px} .tec-text-box{padding:0;top:0;opacity:1} .full-banner .swiper-container img{width:100%;height:auto} s footer .box2 .f1 img{width:180px} aside{display:none} footer .box-c{width:96%;overflow:hidden} footer .box2{height:auto;position:relative} footer .box2 .f2,footer .box2 .f3,footer .box2 .f4{padding-bottom:30px} footer .box2 .f4{padding-left:80px;box-sizing:border-box} footer .box2 .f1{width:100%} footer .box2 .f1 img{position:relative;margin:0 auto} .ywly-list .ywly-list-content{width:100%} .cm-detail-content-box{position:relative;width:100%;left:0;top:0;height:auto;background:url(../images/aboutus/cm-bg-1.jpg);background-size:100% auto;padding:30px 3%} .cm-detail-content-box1{height:auto;position:relative;width:100%;background-size:100% auto;padding:50px 0;background:url(../images/aboutus/cm-bg-2.jpg);margin:0 auto} .cm-detail-content-box1 div{margin:0 auto;position:relative;width:100%;padding:0 3%;left:0} .cm-detail-text{width:70%;margin:0 auto;margin-top:30px} #cm-detail img{display:none} .cm-detail-content{position:relative} .cm-logo img{width:270px} #enq .swiper-container{width:85%} .cm-logo{padding:15px 0} .enq-img-box,.enq-img-box-title{width:280px} #tec .row{margin-top:30px} #tec{padding-bottom:40px} .team-banner .swiper-container{width:90%} .team-l{left:15px} .team-l:hover{left:10px} .team-r{right:15px} .team-r:hover{right:10px} .news-body .main.new1 .boxs .box .detail{max-width:740px;text-align:left} .news-body .main.new1 .boxs .box .box-more{display:none} .news-body .main.new1 .boxs .box .box-more a{line-height:50px} .news-body .main.new2 .content{padding:0 20px} .news-body .main.new2{margin-bottom:0} .news-body .main .more{padding:20px 0} .ywly-list li{padding:50px 50px;height:350px} .swiper-slide-item>div{max-width:310px} #culture-title .en:after,#culture-title .en:before{width:150px} #culture-title{margin-bottom:30px} #culture-list li{border-bottom:1px solid #c5c1be;border-top:1px solid rgba(197,193,190,.3)} .staff-imgs li{margin-bottom:30px} .join-body .main .content{margin-top:20px} .news-body .main.new1 .boxs{padding-bottom:0} .join-body .main .content .join-boxs .box .job{font-size:24px;line-height:80px} .join-body .main .content .join-boxs .box .yq .yq-s{font-size:14px} .join-body .main .content .join-boxs .box .yq{margin:10px 0} .join-body .main .content{height:auto} .suggestion-body .main .content{padding:0} .suggestion-body .main .row{padding:3%} .suggestion-body .main .row>div{padding:0} .satisfaction .download{margin:0 auto;width:200px;height:50px;line-height:50px;font-size:16px;padding:0;text-align:center;margin-top:20px} .suggestion-body .main #forms1 .input-box textarea{height:250px} .suggestion-body .main #forms1 .input-box label{font-size:16px} .suggestion-body .main #forms1 .input-box.phone{text-align:left} .suggestion-body .main #forms1 .input-box{margin-top:30px} .suggestion-body .main #forms1 .submit-btn{font-size:18px;line-height:50px;width:150px;height:50px;margin-left:-75px;margin-bottom:20px} .suggestion-body .main #forms1 .input-box.jg{font-size:16px} .suggestion-body .main #forms1 .input-box textarea{padding:10px 15px;font-size:14px} .suggestion-body .main #forms1 .input-box input{padding-left:15px} .Tits1 .cn{font-size:16px} #insf .row{padding:0 10px;margin-top:00px} .insf-line{display:none} #insf .row div{margin-top:20px} #insf .row div:after{display:none} .cm-logo:after,.cm-logo:before{display:none} .contactUs-body .main .map .contact-list{margin-left:0;left:0;width:100%} .home-body .main2{margin-bottom:0} footer .box2 .f2,footer .box2 .f3,footer .box2 .f4{width:auto;float:left} .suggestion-body .main #forms1 .input-box.phone input,.suggestion-body .main #forms1 .input-box.user input{height:50px} .suggestion-body .main #forms1 .input-box textarea{height:200px} .news-body .main.new1 .boxs .box{display:flex;display:-ms-flexbox;display:-webkit-flex} .join-body .main{margin-bottom:0} .suggestion-body .main #forms1 .input-box.jg{margin:15px 0 20px} .join-body .main .content .row>div{margin-bottom:20px} #tec .row>div+div{margin-top:20px;overflow:hidden} .team-l{left:3%} .team-r{right:3%} .contactUs-body .main .map{height:400px} .ywly-list-content-detail{margin-top:15px;font-size:14px} .ywdetail-content-title p,.ywly-list-content-title{font-size:18px;line-height:60px} .y1 .ywly-list-content-title:before,.y2 .ywly-list-content-title:before,.y4 .ywly-list-content-title:before,.y5 .ywly-list-content-title:before,.ywdetail-content-title p:before{width:60PX;height:60px} .y3 .ywly-list-content-title:before{width:60px;height:55px;background-size:100% auto;background-position:center} .content-box-list>li>p:not(:first-child){font-size:14px} .ywdetail-content-box{padding:3%} .yw-banner-box{width:100%} .ywdetail-content{padding-bottom:0} .cm-detail-content-box1 p{font-size:24px} .cm-detail-content-box1 p{font-size:36px} .home-body .main1 .box-container .box4 .content .img-box{width:50%;float:left;padding:3% 3% 25%} .home-body .main1 .box-container .box4 .content ul{width:50%;float:left} .home-body .main2 .boxs .text-box .text{display:none} .home-body .main2 .boxs .more{opacity:1} .home-body .main2 .boxs .text-box .stit{white-space:normal;width:100%;font-size:14px;height:60px;overflow:hidden} .home-body .main1 .box1 ul li.pc{display:none} .yw-banner-box .swiper-container .swiper-slide .more{color:transparent;background-color:transparent;bottom:0;height:100%;width:100%} .yw-banner-box .swiper-container .swiper-slide>div:hover>div{border:2px solid transparent} .ywly-back{display:none} #mod_player embed{ width: 90%; height: 600px; } } @media screen and (max-width:992px){ .col-sm-6.clear-{clear:left} .join-body .main .content .row .col-lg-4:nth-child(4n+0){clear:none} .join-body .main .content .row .col-lg-4:nth-child(2n+1){clear:both} } @media screen and (max-width:768px){ section{margin-top:60px} .cm-detail-content-box p{font-size:12px;text-align:center} .demo-gallery img{width:100%} .yw-banner-box .swiper-container p{margin:5px auto} .staff-imgs p{color:#333;font-size:16px;margin-top:15px} .clear-{clear:both} .more{line-height:40px} .model_news_detail .detailPage{padding-top:20px;clear:both} .home-body .main1 .box-container .box4 .content ul li .stit{font-size:14px;line-height:25px} .home-body .main1 .box-container .box4 .content ul li{height:35px;padding:3px 0} .home-body .main1 .box-container .box4 .content ul li .date{line-height:25px} .home-body .main2 .boxs .text-box .date{text-align:center} #navToggle{display:block;top:10px;right:10px} .top{display:none} .top.show{display:block} header{position:fixed;top:0;width:100%;left:0;background:#fff;z-index:99;padding:0 3%;height:60px;overflow:hidden} header .nav .logo{position:relative;top:10px} header .nav .logo img{height:40px;width:auto} header .nav{margin:0;width:100%} header .nav ul{display:none} footer .box2 .box-c>div{padding-right:10px} footer .box2 .f4{padding-left:20px} .join-body .main .content .row .yq .yq-s{font-size:14px;line-height:20px;max-height:120px;overflow:auto} .contactUs-body .main .map .contact-list{height:120px} .contactUs-body .main .map .contact-list li{padding-top:10px} .contactUs-body .main .map .contact-list li img{margin-bottom:10px;width:48px;height:48px} footer .box1 .link-lists>ul>li{margin-bottom:20px} .suggestion-body .main #forms1 .input-box.phone{text-align:right} .suggestion-body .main #forms1 .input-box label{font-size:14px;height:45px} .suggestion-body .main #forms1 .input-box input,.suggestion-body .main #forms1 .input-box.phone input,.suggestion-body .main #forms1 .input-box.user input{height:45px;line-height:45px;padding:0 20px;font-size:14px} .suggestion-body .main #forms1 .input-box select{height:45px;line-height:45px;padding:0 20px;font-size:14px} .suggestion-body .main #forms1 .input-box .select{height:45px} .suggestion-body .main #forms1 .input-box textarea{height:200px;font-size:14px;padding:10px} .join-body .main .content{height:auto} .join-body .main .content .join-boxs .box .job{font-size:18px;line-height:40px} .join-body .main .content .join-boxs{top:-40px} .join-body .main .content .join-boxs .box .yq .yq-s{max-height:120px} #culture-title .en:after,#culture-title .en:before{width:10%} .news-body .main.new1 .boxs .box .detail{width:100%;padding:0;padding-left:15px} #culture-list li{text-align:center} .news-body .main.new1 .boxs .box .date{float:none;margin:0 auto} .news-body .main.new1 .boxs .box .box-more{text-align:center} .home-body .main1 .box1{margin-bottom:10px} .box-tits .cn{font-size:18px} .box-tits .en{font-size:12px} .home-body .main1 .box2{padding:0;width:94%;margin:10px auto} .home-body .main1 .box2 .box-c1 .pagination{display:none} .home-body .main1 .box2 .box-c1 .b-l1:not(.md),.home-body .main1 .box2 .box-c1 .b-r1:not(.md){display:none} .home-body .main1 .box2 .box-c1 .b-l1.md,.home-body .main1 .box2 .box-c1 .b-r1.md{display:block} .home-body .main1 .box2 .box-c1 .b-l1.md{top:50%;left:0;margin-top:-20px} .home-body .main1 .box2 .box-c1 .b-r1.md{top:50%;right:0;left:auto;margin-top:-20px} .home-body .main1 .box2 .box-c .text-box .stit{font-size:16px} .home-body .main1 .box2 .box-c .text-box .text{font-size:12px;line-height:24px} .home-body .main1 .box2 .box-c .text-box .date{margin-bottom:5px} .home-body .main1 .box2 .box-c1{padding:20px 45px;margin:0 auto;position:relative} .home-body .main1 .box2 .box-c .text-box .swiper-slide{padding-left:15px} .home-body .main1 .box2 .box-c2 .small-dt .text-box .stit{white-space:normal;height:auto} .home-body .main1 .box2 .box-c2 .small-dt .text-box .text{display:none} .home-body .main1 .box2 .box-c2 .small-dt .text-box .stit{font-size:14px;line-height:20px} .home-body .main1 .box2 .box-c2 .small-dt{margin-bottom:15px} .home-body .main1 .box-container{width:100%;margin:0;margin-top:15px;background:#fff} .home-body .main1 .box-container .box{padding:0;width:94%;margin-left:3%} .home-body .main1 .box-container .box3{padding-bottom:15px} .home-body .main1 .box-container .box3 ul li{padding:10px} .home-body .main1 .box-container .box3 ul li .l .month{font-size:24px} .home-body .main1 .box-container .box3 ul li .l{text-align:center} .home-body .main1 .box-container .box3 ul li .r .stit{font-size:14px} .home-body .main1 .box-container .box3 ul li .r .text{font-size:12px} .home-body .main1 .box-container .box4{float:left} .home-body .main1 .box-container .box4 .content ul li{line-height:40px} .main2 .swiper-container .swiper-slide .text-box{padding:5px} .home-body .main2 .l-white,.home-body .main2 .r-white{margin-top:-15px;height:70px;width:35px} .home-body .main2 .l-white{margin-left:-35px} .home-body .main2 .r-white{margin-right:-35px} footer .box1 .stit{font-size:18px;height:38px;line-height:38px} footer .box2 .f1 img{width:130px} footer .box2 .stit{font-size:16px} footer .box2 .stit span{font-size:12px} footer .box2 .f2,footer .box2 .f3,footer .box2 .f4{width:auto;float:left} footer .box2 .f3 ul li.l1{font-size:24px} .fixed-nav.fixed-,.news-nav.fixed,.ywly-nav.fixed{top:auto;bottom:0;position:fixed;width:100%;background:#fff;z-index:99} .carousel-image{width:200px;height:200px} #carousel{height:210px} .news-body .main.new1 .boxs{padding-left:3%;padding-right:3%} .news-body .main.new1 .boxs .box .detail .stit a{line-height:36px} .news-body .main.new1 .boxs .box .detail .text{font-size:12px;line-height:20px;height:60px} .news-body .main.new1 .boxs .box .date{padding-top:15px;height:auto} .news-body .main.new1 .boxs .box .detail .stit a{font-size:14px} .news-body .main.new1 .boxs .box{padding:20px 0 15px} .cm-detail-text{width:100%;padding:3%} .news-body .main.new2 .boxs .box .text-box .stit{font-size:16px;white-space:normal;line-height:25px} .news-body .main.new2 .boxs .box{margin-bottom:20px} .ywly-list li{padding-left:3%;padding-right:3%;height:300px} #insf .Tits{margin-top:0} #insf{padding-top:50px} #culture-list li{padding:20px 3%;margin-bottom:10px} #culture-title .first{margin-top:20px} #culture-title{padding:0 3%;margin:5px 0 10px} .Tits .txt{font-size:12px;padding:0 3%;margin-top:15px} .join-body .main .content{margin-top:80px} .model .join-detail .box .stit{font-size:18px;line-height:40px} .model .join-detail .box .text{font-size:14px;line-height:30px} .model .join-detail .box a{width:150px;height:50px;line-height:50px;margin-top:20px} .suggestion-body .main #forms1 .submit-btn{width:150px;height:50px;line-height:50px;margin-left:-75px} .suggestion-body .main #forms1 .input-box.jg{font-size:18px} .satisfaction-title .cn{font-size:18px} .satisfaction-title .en{font-size:12px} .satisfaction-title{top:15%} .suggestion-body .main{margin-bottom:0} .contactUs-body .main{margin-bottom:0} .contactUs-body .main .map .contact-list li{font-size:14px} .model_news_detail .detailContent{padding:0 3%} .ywly{margin-bottom:0} .main1 .content .box1{width:100%;overflow:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch} .news-body .main.new2 .content{padding:0 3%} .nav-dots{display:none} .box-tits{height:32px} .home-body .main1 .box2{margin:0;width:100%;padding:0 3%} .box-tits .cn{font-size:16px;line-height:32px} .box-tits .en{line-height:32px;font-size:12px} .box-tits .more{line-height:32px;font-size:12px} footer .box3{height:auto} .content-box-list>li>p:not(:first-child){font-size:14px} .content-box-list ul li{font-size:14px} .home-body .main1 .box1 ul li .li-c{margin-top:20px} .home-body .main1 .box1 ul{width:768px;overflow:auto;overflow-y:hidden} .home-body .main1 .box1 ul li .li-c span{font-size:14px} .home-body .main1 .box1 ul li .li-c .img-box{width:40px;height:40px;border:2px solid #fff;background-size:65% auto} .home-body .main1 .box1 ul li.l1 .li-c .img-box{background-position:center center} footer .box2 .f4 .gz .wx{background-image:url(../images/wx2x.png)} footer .box2 .f4 .gz .sina{background-image:url(../images/sina2x.png)} footer .box2 .f3 ul li{background-size:22px auto} footer .box2 .f3 ul li.l1{background-image:url(../images/phong2x.png)} footer .box2 .f3 ul li.l2{background-image:url(../images/address2x.png)} .news-body .main.new1.search .boxs .box{padding-left:0} .news-body .main.new1.search .search-page{height:40px;font-size:16px} footer .box2 .f3 ul li.l3{background-image:url(../images/email2x.png);line-height:24px;padding-top:8px;background-position:left 12px} .news-body .main.new1.search .boxs .box .date .month,.news-body .main.new1.search .boxs .box .date .year,.news-body .main.new1.search .boxs .box .detail .stit a{font-size:14px} #mod_player embed{ height: 500px; } } @media screen and (max-width:767px){ .Tits .cn{font-size:14px;margin-bottom:10px} .demo-2{display:none} .banner{display:block} .Tits .cn:after{height:1px;bottom:0} .home-body .main1 .box-container .box4 .content .img-box{float:none;width:100%;padding:0;height:auto} .home-body .main1 .box-container .box4 .content ul{float:none;width:100%} .Tits{margin:10px 0} .Tits .en{font-size:10px} .full-banner .close{width:30px;height:30px} .swiper-slide-item>div{width:100%;max-width:100%} .satisfaction-text{height:300px;width:100%} .news-body .main.new1.search .boxs .box{width:100%;margin-top:10px;padding:5px 0} .news-body .main.new1.search .boxs .box .date .month,.news-body .main.new1.search .boxs .box .date .year{font-size:12px} .news-body .main.new1.search .keyword{font-size:14px} .news-body .main.new1.search .keyword span{font-size:16px} .main1 .content .box1{padding:0} .sl-slide-inner .slideText{bottom:50px} .sl-slide-inner .slideText.t{bottom:80px} .home-body .main1 .box1 ul li .li-c .img-box{width:35px;height:35px;border:2px solid #fff;background-position:center center;background-size:70%} .home-body .main1 .box1 ul li.l1 .li-c .img-box{background-position:6px center} .home-body .main1 .box1 ul li .li-c{margin-top:20%} .home-body .main1 .box1 ul li .li-c span{font-size:12px;margin-top:20px} .home-body .main1 .box1 ul li .li-c span:after{height:1px;width:30px;margin-left:-15px} .home-body .main1 .box1 ul li.l3 .li-c .img-box img{width:100%} .home-body .main1 .box2 .box-c1{padding:0;padding-top:20px} .home-body .main1 .box2 .box-c1 .b-l1,.home-body .main1 .box2 .box-c1 .b-l1.md,.home-body .main1 .box2 .box-c1 .b-r1,.home-body .main1 .box2 .box-c1 .b-r1.md{display:none} .home-body .main1 .box2 .box-c1 .img-box{float:none;width:100%;padding-bottom:60%} .home-body .main1 .box2 .box-c1 .text-box{float:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:20px 0;overflow:hidden} .home-body .main1 .box2 .box-c1 .text-box a{width:100%;height:100%;display:inline-block;position:relative} .home-body .main1 .box2 .box-c1 .text-box .stit{font-size:12px;line-height:20px;height:20px;position:absolute;left:0;bottom:62px;width:100%;padding-left:3%;color:#333;z-index:2} .home-body .main1 .box2 .box-c2 .small-dt{width:100%} .home-body .main1 .box2 .box-c2 .small-dt .img-box{padding-bottom:20%} .home-body .main1 .box2 .box-c1 .text-box .date{font-size:10px;position:absolute;left:0;bottom:10px;color:#333;padding-bottom:10px;background:rgba(255,255,255,.7);width:100%;line-height:30px;padding-left:3%;padding-top:30px} .home-body .main1 .box2 .box-c .text-box .swiper-slide{padding:0} .home-body .main1 .box2 .box-c1 .text-box .text{display:none} .home-body .main1 .box2 .box-c2 .small-dt .text-box .stit{font-size:12px;line-height:24px} .home-body .main1 .box2 .box-c2 .small-dt .text-box .date{font-size:10px} .home-body .main1 .box-container .box3 ul li{padding:10px 0} .home-body .main1 .box-container .box3 ul li .l{width:22%;min-width:78px} .home-body .main1 .box-container .box3 ul li .r{max-width:77%;width:calc(100% - 78px)} .home-body .main1 .box-container .box3 ul li .r .stit{font-size:12px} .home-body .main1 .box-container .box3 ul li .r .text{font-size:10px;line-height:16px;height:auto} .home-body .main1 .box-container .box4 .content ul li .stit{font-size:14px;height:auto;width:70%;display:inline-block;float:left} .home-body .main1 .box-container .box4 .content ul li .date{font-size:12px;width:30%;display:inline-block;float:left;text-align:right} .home-body .main2 .boxs{width:100%} .home-body .main2 .l-white,.home-body .main2 .r-white{display:none} footer .box3 a{float:left} footer .box1 .stit{font-size:16px} footer .box1 .stit span{font-size:12px} footer .box1 .link-lists .link-tit{height:25px;line-height:25px;font-size:14px} footer .box1 .link-lists .link-tit img{height:100%} footer .box1 .link-lists{margin-top:15px} footer .box1 .link-lists ul li{font-size:12px;line-height:28px} footer .box1{padding-bottom:15px} footer .box2{padding-top:15px} footer .box2 .f1 img{width:100px;height:auto} footer .box2 .stit{font-size:14px} footer .box2 .f3 ul li{font-size:12px} footer .box2 .f3 ul li.l1{font-size:16px} .fixed-nav a{font-size:12px} .cm-detail-text{margin:0;width:100%;padding:3%;font-size:12px} .cm-detail-content-box1 p:last-child{margin-right:0} #insf .row div p{font-size:12px;line-height:30px} #insf .row div{margin-top:0;margin-bottom:15px} #insf .row div:nth-child(n+6){margin-top:0} .cm-logo img{width:60%;padding:0} #insf .row{margin:0} #insf .row div:before{border:none;border-bottom:1px solid #999} #insf .more{padding:0} #insf .more .loading,.news-body .main .more .loading{display:none} #enq,#tec{padding-top:15px;padding-bottom:20px} #enq .banner-box1{margin-top:15px;padding:0 3%} #enq .banner-box1 .arrow-l,#enq .banner-box1 .arrow-r{display:none} #enq .swiper-container{width:100%} .enq-img-box{width:100%;background:0 0;border:2px solid transparent} .enq-img-box-title{display:none} .enq-img-box{height:100%} .swiper-scrollbar{margin-top:20px;padding:0;width:94%} .tec-text-box p:first-child{font-size:14px;margin-top:30px;padding-bottom:15px} .tec-text-box p:last-child{width:100%;font-size:12px;margin-top:15px;line-height:20px;padding:0 3%;max-width:100%} .tec-tip p:first-child{font-size:16px} .tec-tip p:last-child{font-size:12px;line-height:30px} .tec-tip{height:60px} #team{padding:3%} #carousel{height:0;padding-bottom:55%} #carousel .carousel-feature{width:150px;height:150px} .team-banner-name p:first-child{font-size:14px} .team-banner-name p:last-child{font-size:12px} .news-body .main .news-nav ul{display:flex;display:-ms-flexbox;justify-content:center} .news-body .main .news-nav ul li{font-size:12px;line-height:48px;height:48px} .news-body .main .news-nav ul li a{font-size:12px} .news-body .main.new1 .boxs .box .detail .text{font-size:12px;line-height:15px;height:45px;overflow:hidden} .news-body .main.new1 .boxs .box .date .month{font-size:16px} .news-body .main.new1 .boxs .box .date{padding-right:0;width:30%;text-align:center;padding-bottom:15px} .news-body .main.new1 .boxs .box .date .year{font-size:12px} .news-body .main.new1 .boxs .box{padding:10px 0} .news-body .main.new1 .boxs .box .detail .stit a{font-size:14px;line-height:20px} .news-body .main{margin-bottom:0} .news-body .main.new2 .boxs .box .text-box .stit{font-size:14px} .news-body .main.new2 .boxs .box .text-box .text{font-size:12px} .ywly-list-content-detail{font-size:12px} .model_news_detail .title{font-size:16px} .y1 .ywly-list-content-title:before,.y2 .ywly-list-content-title:before,.y4 .ywly-list-content-title:before,.y5 .ywly-list-content-title:before,.ywdetail-content-title p:before{width:40px;height:40px} .ywdetail-content-title p{line-height:40px;font-size:16px;padding-left:40px;width:40%;margin-left:-20%} .ywly-list-content-title{padding-left:60px;line-height:40px;font-size:16px} .ywly-list li{padding:6% 3%;height:auto;padding-bottom:60px} .ywly-list-content .more{bottom:-40px;width:80px} .y3 .ywly-list-content-title:before{width:40px;height:36.6px} .yw1.ywdetail-content{padding-top:30px} .ywdetail-content-title{height:80px;padding-bottom:40px} .ywly-back{bottom:10px;font-size:14px;height:30px;width:90px;line-height:30px} .ywly-nav ul li a{font-size:12px} .ywly-nav ul{display:flex;display:-webkit-flex;justify-content:space-between} .ywly-nav ul li{flex:1} .ywly-nav ul li:first-of-type{flex:1.5} .news-body .main.new2 .boxs .box .date{width:55px;height:55px;font-size:12px} #culture-title .cn{margin-bottom:10px} #culture-title .en:before{left:20%} #culture-title .en:after{right:20%} #culture-title .first{margin-top:10px} #culture-title p{font-size:12px;line-height:24px} .ywdetail-content-box{padding:3% 3%} .yw1.ywdetail-content{background-position:center top;background-size:100% auto} .content-box-list>li>p:not(:first-child){font-size:12px;line-height:25px} .content-box-list ul li{font-size:12px} .content-box-list>li>p:first-child{margin-bottom:10px;font-size:14px} .yw-banner{padding-top:20px} .readmore{top:20px} .staff-imgs li{width:100%;max-width:100%;margin:0;margin-bottom:20px} .staff-imgs p{font-size:14px;margin-top:10px} .staff-imgs .img-box{padding:0} .full-banner .arrow-left,.full-banner .arrow-right{display:none} .full-banner .swiper-container{width:100%} .full-banner .close{width:45px;height:45px;background-size:100% auto;top:20px;right:20px} .full-banner.show{background:#000} .join-body .main .content{margin-top:15px;padding:15px 3%} .join-body .main .content .row>div{padding:0} .join-body .main .content .row .box .job{font-size:14px;line-height:40px} .join-body .main .content .row .box .job a{line-height:40px;font-size:14px} .model .join-detail{width:100%;padding:3%;height:400px} .model .join-detail .box .return{width:45px;height:45px;right:0;top:0;background-size:100% auto} .model .join-detail .box{position:relative} .model .join-detail .box .stit,.model .join-detail .box .text span{font-size:16px} .model .join-detail .box a{width:120px;height:40px;font-size:14px;line-height:40px;margin-top:20px} .model .join-detail .box .text div{font-size:12px} .suggestion-body .main #forms1 .input-box.phone,.suggestion-body .main #forms1 .input-box.user{display:block;width:100%} .suggestion-body .main #forms1 .input-box{margin-top:10px} .suggestion-body .main #forms1 .input-box label{display:block;width:100%} .suggestion-body .main #forms1 .input-box input,.suggestion-body .main #forms1 .input-box.phone input,.suggestion-body .main #forms1 .input-box.user input{width:100%} .suggestion-body .main #forms1 .input-box textarea{height:120px;width:100%} .suggestion-body .main #forms1 .input-box.phone label,.suggestion-body .main #forms1 .input-box.user label{width:100%} .suggestion-body .main #forms1 .input-box label{text-align:left;line-height:30px;height:30px} .suggestion-body .main #forms1 .input-box input{padding-left:10px} .suggestion-body .main #forms1 .err-text,.suggestion-body .main #forms1 .input-box.phone .err-text,.suggestion-body .main #forms1 .input-box.user .err-text{font-size:12px;left:0} .Tits1 .cn{font-size:14px;line-height:16px} .Tits1 .en{font-size:12px;line-height:14px} .suggestion-body .main #forms1 .input-box{margin:0;margin-bottom:20px} .suggestion-body .main .content{padding-top:20px} .suggestion-body .main #forms1 .input-box.jg{font-size:14px;padding-left:0} .suggestion-body .main #forms1 .submit-btn{width:120px;height:40px;font-size:14px;line-height:40px;margin-left:-60px} .Tits1{height:30px} .satisfaction .download{width:160px;height:40px;line-height:40px;font-size:14px;margin-bottom:20px} .satisfaction .download a{font-size:14px;padding-left:25px;line-height:40px} .satisfaction .download a:before{width:15px;height:14px;background-size:100% auto;top:2px} .contactUs-body .main .map{height:300px;padding-top:136px} .contactUs-body .main .map .contact-list li{float:none;height:auto;width:100%} .contactUs-body .main .map .contact-list li.address{width:100%;border:none} .contactUs-body .main .map .contact-list li:after{content:'';display:block;clear:both} .contactUs-body .main .map .contact-list li img{width:24px;height:24px;margin:0;float:left} .contactUs-body .main .map .contact-list li div{font-size:12px;float:left;margin-left:10px} .contactUs-body .main .map .contact-list{height:auto;overflow:hidden;padding:5px 3%} .home-body .main1 .box1 ul li .text{display:none} .home-body .main1 .box1 ul li .more{display:none} .home-body .main1 .box1 ul li .text{padding-bottom:200%} .main1 .content .box1 ul li{display:block} .team-banner-name{height:50px;width:150px;line-height:18px;padding:5px} .team-banner-name:before{width:140px;height:40px} .satisfaction-text{width:100%} .arrow-left,.arrow-right{display:none} .yw-banner-box{width:100%;margin:0;margin-top:20px} .content-box-list ul:not(:first-of-type){margin-left:20px} .content-box-list ul:first-of-type{margin-left:0} .content-box-list ul li{width:82px} footer .box2 .box-c>div{padding-bottom:0} .content-box-list .right-line-v:after{width:10px;right:-10px} .content-box-list .right-line-d:after{width:10px;right:-10px} .content-box-list .right-line-u:after{width:10px;right:-10px} footer .box2 .f2 ul li{margin-top:0} footer .box2 .f2 ul li a{font-size:14px;line-height:40px;background-size:20px auto} footer .box2 .f2 ul li.l3 a{background-size:18px auto} #tec .row>div{float:none;width:100%} .tec-text-box p:first-child{margin-top:10px} .satisfaction .buttons ul li p{font-size:12px} .jOrgChart .node{width:30px;line-height:12px;font-size:12px;padding:2px} .dc-body .dc .table-box{margin:20px 0} .dc-body .dc .table-box .table-box-ul>li>ul>li,.dc-body .dc .table-box .table-box-ul>li>ul>li>p>span{font-size:12px} .dc-body .dc .table-box .table-box-ul>li.li1 li{width:100%} .dc-body .dc .table-box .table-box-ul>li.li2 li{width:100%} .dc-body .dc .table-box .table-box-ul>li.dc-detail>ul>li>div{margin:10px 0;width:100%} .dc-body .dc .table-box .table-box-ul>li.dc-detail>ul>li>ul{width:100%} .dc-body .dc .table-box .table-box-ul>li.dc-detail .li-3 ul li{width:100%;text-align:center} .dc-body .dc .table-box .table-box-ul>li.dc-detail .li-3 ul li:first-of-type{width:100%;text-align:left} .dc-body .dc .table-box label{margin:0 20px} .dc-body .dc .table-box .table-box-ul>li.li5 li:first-of-type{width:100%} .dc-body .dc .table-box .table-box-ul>li.li5 li:last-of-type{width:100%;padding-left:0} .dc-body .dc .table-box .table-box-ul>li.li5 .title{padding:10px 0;text-align:center} .dc-body .dc .table-box .table-box-ul>li.li7 .title{margin-top:10px;width:100%;text-align:center} .dc-body .dc .table-box .table-box-ul>li.li7>ul>li:first-of-type{width:100%;padding-left:0} .dc-body .dc .table-box .table-box-ul>li.li7>ul>li{border:none;padding:0} .dc-body .dc .table-box .table-box-ul>li.li7>ul>li li{border-bottom:1px solid rgba(153,153,153,.6)} .dc-body .dc .table-box .table-box-ul>li.li7>ul>li:last-of-type{width:100%} .dc-body .dc .table-box .table-box-ul>li.li7>ul>li:last-of-type li{border:none} .dc-body .dc .table-box .table-box-ul input[type=text]{width:100%} .dc-body .dc .table-box button{font-size:14px} .staff-imgs li:nth-child(3n+1){clear:none} .staff-imgs p{color:#333;font-size:12px;margin-top:15px} .yw-banner .pagination{margin-top:10px} .ywly-list .y1,.ywly-list .y2,.ywly-list .y3,.ywly-list .y4,.ywly-list .y5{background-attachment:scroll;background-size:130% auto} .ywly-list .ywly-list-content p:not(:first-of-type){font-size:12px;line-height:22px} .tec-text-box{position:relative} #mod_player embed{ width: 90%; height: 300px; } }