.box{ width:1200px; margin:0 auto; font-size:12px; position: relative;}
h1{ background: url("../images/alogo.png") no-repeat center center; background-size:90%; width:200px; height:80px;}
h1 a{ width:300px; height:88px; display: block}
.nav{ line-height:80px; font-size: 14px;}
.nav li{ padding: 0 20px; z-index: 19888}
.red,a.red,.red a{ color:#e60012; }
.nav li.on a,.nav li:hover a{ color:#e60012;}
.nav li .sub{ top:0px; left:0; width: 100%; text-align: center; padding:0px 0 20px;background:#FFF; box-shadow:0px 1px 3px #888; color:#999; display: none;transition:.5s ease-out;}
.nav li .sub span{ display:block; font-size:12px; line-height:28px; }
.nav li.on .sub span a{ color:#999;}
.nav li.on .sub span a:hover{ color:#e60012;}
.nav li:hover .sub{ display: block;}
.nav li:hover .sub a{ color:#333;}
.icons i{ width:35px; height:35px; margin-right:8px; text-align:center; display: inline-block; line-height:35px; border-radius:50%; background:#bcbcbc;}
.icons a em{ top:-210px; left:-60px; border: #ececec solid 1px; text-align: center; padding-bottom:10px; color: #999; background: #FFF; display: none;}
.icons a:hover i{ background:#F00;}
.icons a:hover em{ display: inline-block;}
.joinIndex{ background: url("../images/jbg.jpg") no-repeat center center; height:330px;}
.joinIndex .join{ padding-top:70px; right:0;top:0; background:#e60012; width:300px;height:330px;}
.joinIndex .join a{ background: #FFF;}
.joinIndex .join a:hover{ background:#fff100; color: #000;transition:1s ease-out;}
.subnav dt h2{ line-height: 40px; font-size: 22px;}
.subnav dt span{ padding: 0 20px; line-height:40px; display: inline-block;border-bottom:#FFF solid 1px;}
.subnav dt span:hover{ border-bottom: #000 solid 1px; color: #000;transition:1s ease-out;}
.subnav dt span:hover a{ color: #000;}
.subnav dt span.cur{ border-bottom: #000 solid 1px; color: #000;}
.subnav dt span.cur a{ color: #000;}


.subnavs{ margin:40px auto;}
.subnavs dt span{ padding: 0 30px; line-height:35px; display: inline-block;transition:1s ease-out; margin: 0 3px;}
.subnavs dt span.cur,.subnavs dt span:hover{color: #FFF;background:rgba(230,0,18,.8);}
.subnavs dt span.cur a,.subnavs dt span:hover a{ color:#FFF;}

.product .swiper-button-prev,.product .swiper-button-next{top:40%; background: #fcfcfc; line-height:60px; width: 50px; text-align: center; height: 60px; margin-top: -30px;}
.product .swiper-button-prev:hover,.product .swiper-button-next:hover{ background:rgba(230,0,18,.8); color: #FFF;transition:.5s ease-out; }
.product .swiper-button-prev{ left:0px; right:auto;}
.product .swiper-button-next{ right:0px; left:auto;}
.product .swiper-slide:hover .txt{ background:rgba(230,0,18,.8); color: #FFF;transition:.5s ease-out; }
.product .swiper-slide img{ width: 100%;}
.product .swiper-slide .txt{ padding:20px;}
.team{ background: #ececec; background-position: fixed; height:680px;}

.team .total{ top:-50px; left:0; width: 100%; position: absolute; z-index: 19988098992; }

.team .total sup{ position: relative; top:-10px; left:5px;}
.team .teamlist em{ position: absolute; width: 100%;text-align:center; color: #0a0a0a; font-size:280px;}

.team .teamlist .teamcon .swiper-slide{ position: relative;height:680px;}
.team .teamlist .teamcon .swiper-slide .img{ width:85%;}
.team .teamlist .teamcon .swiper-slide .img img{ max-width: 100%;}
.team .teamlist .teamcon .swiper-slide .txt{ width:30%; right:15%; bottom:10%; padding:20px;background:rgba(230,0,18,.6);}
/*.team .teamlist .teamcon .swiper-slide:hover .txt{ bottom:0px;transition:.5s ease-out;}*/
.team .teamlist .teamcon .swiper-slide .txt a{ margin-top:20px;border:#FFF solid 2px; -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px; line-height:25px; display: inline-block; color: #FFF; padding: 0 20px;}
/*.teamcon .swiper-button-prev,.teamcon .swiper-button-next{ background: no-repeat;top:auto; bottom:10px;}*/
.teamlist .swiper-button-prev,.teamlist .swiper-button-next{ background:none; font-size:30px; color: #666;}
.teamlist .swiper-button-prev{ top:auto; bottom:15px; left:15px; right:auto;}
.teamlist .swiper-button-next{ top:auto; bottom:15px; left:50px; right:auto}

.vbg{ background:url("../images/vbg.jpg") no-repeat center center;}
.vbg dt{ color: #e60012; line-height:30px !important;}
.vbg dt span{ height: 1px; width: 100px; background: #e60012; display: inline-block;}
.vbg dt em.cur{ color: #FFF;}

.vbg dd li{transition: all .36s ease; height:210px; padding-top:60px;  color:#adaeb5; text-align: center; border: 1px solid transparent;border-color: transparent;border-color: rgba(255,255,255,.5); animation-delay: 0.1s; visibility: visible; animation-name: fadeInUp;}
.vbg dd ul:nth-child(1) li:nth-child(1){ border-left:none;}
.vbg dd ul:nth-child(1) li{ border-bottom: none;}
.vbg dd ul:nth-child(2) li:nth-child(1){ border-left:none;}
.vbg dd ul:nth-child(2) li:nth-child(3){ border-right:none;}
.vbg dd ul li i{ width:60px; height:60px; border:#adaeb5 solid 2px; border-radius:50%; display: inline-block; line-height:60px; text-align: center; font-size:40px;}
.vbg dd ul li h6{ line-height:60px; font-size:14px; color:#FFF;}
.vbg dd ul li span{ width:50px; height:1px; display: inline-block; margin:30px 0 10px 0; background:#494949;transition:.5s ease-out;}
.vbg dd ul li .bg{ width: 120%; height:120%; display: block; background:none; border-radius: 3px; z-index: 999 !important; top:-10%; left:-10%;transition: all .36s ease-in;}
.vbg dd ul li:hover .bg{background:#e60012;}
.vbg dd ul li .txt{  z-index: 10000; position: absolute; width: 100%; height: 100%; overflow: hidden;}
.vbg dd ul li:hover{ color: #FFF;}
.vbg dd ul li:hover i{ border: #FFF solid 2px;}
.vbg dd ul li:hover span{ width:130px;background:#FFF;}

.tixi{ background: url("../images/pbg.jpg") no-repeat center center;}
.tixicon .swiper-container{ padding-top:30px;}
.tixicon .swiper-button-prev,.tixicon .swiper-button-next{ background:none; font-size:30px;}
.tixicon .swiper-slide{ background:#FFF; position: relative; padding-bottom: 30px;top:0px;transition:.5s ease-out;}
.tixicon .swiper-slide:hover{top:-30px;transition:.5s ease-out;}
.tixicon span{ width:40px; height:1px; display: inline-block; margin:20px 0 20px 0; background:#dadada;transition:.5s ease-out;}
.tixicon .swiper-slide:hover span{width: 60px;}
.tixicon .swiper-slide .img{ position: relative;}
.tixicon .swiper-slide .img .bg{ position:absolute; width: 100%; bottom: 0px;left:0; background: url("../images/tbg.png") no-repeat top left; height:115px; background-size: cover;}
.tixicon .swiper-slide img{ width: 100%;}
.sban{ height:250px; line-height:250px; font-size:36px;background:rgb(0,0,0) url('../images/bannerbg02.jpg') no-repeat center center; color: #FFF;}
.sban .box{ height: 100%;}
.sban p{color: #FFF; background:rgba(231,0,16,.8); left:0; bottom: 0; position: absolute;width:240px; text-align: center; line-height:70px; font-size:24px;}

.newslist li i{ transition:.5s ease-out; margin-top: 10px; width: 40px; height:40px; display: inline-block; text-align: center; line-height: 40px;}
.newslist li:hover i{ background: rgba(0,0,0,.6); color: #FFF;}
.newslist li img{ width:100%;}
.newslist li:hover .line{ width:60px;}
.newslist li .line{ width: 30px; transition:.5s ease-out; margin: 10px 20px 0 0px; background: #000; display: inline-block; height: 1px;}
.newslist li .info{ overflow: auto; width:580px;}
.newslist li h6{ font-size:18px; line-height: 23px; margin-bottom: 15px;}
.newslist li p{ line-height: 21px; color: #999;}
.location{ line-height:50px; color: #999;}
.location i{ font-size: 12px; padding: 0 5px;}

.newsdetail p{ font-size:14px; line-height: 23px; margin-bottom:10px; padding-bottom:10px; color: #999;}
.newsdetail h2{ line-height: 30px; font-size:20px; margin-bottom:10px;}
.newsdetail .newcontent{ overflow: auto; }
.newsdetail .newsinfo{ width:300px; display: inline; float: left; padding-right: 30px;}
.newsdetail .newsinfo p{ font-size: 12px; margin-top:40px; margin-bottom:40px; line-height:30px;}
.newsdetail .newsinfo b{ font-size: 14px;}
.newsdetail .newsinfo em{ display: inline-block;}
.newsdetail .newsinfo ul{ padding-top:10px;}
.newsdetail .newsinfo li{ line-height:21px; font-size: 12px; border-bottom:#FFF solid 1px; transition:.5s ease-out; margin-bottom: 10px;}
.newsdetail .newsinfo li:hover{border-bottom:#ececec solid 1px;}
.newsdetail .newsinfo li em{ width: 100%; line-height: 21px;}
.newsdetail .newsinfo li img { height:112px; max-width: 100%;}
.newsdetail img{ max-width: 100%; margin-bottom:10px; }
.prolist{overflow: hidden;width:1260px;}
.prolist li{margin:0 20px 30px 0;overflow: hidden; position: relative; width:400px; height:420px;background:#ebebeb;}
.prolist li .title{ padding:20px 0; line-height:23px;height:90px;z-index:9999; bottom:0; left:0; width:100%; background: #FFF; transition:.5s ease-out;}
.prolist li:hover .title{ background: none;}
.prolist li .bgs{ background: rgba(255,255,255,1);bottom:-100%; left:0; height:100%; width:100%; z-index:999; transition:.3s ease-out;}
.prolist li:hover .bgs{ background: rgba(255,255,255,.3);bottom:0%;}
.prolist li:hover .title{ padding:20px;}
.prolist li .img{ text-align:center; vertical-align: middle; display: table;width:100%; height:330px;}
.prolist li img{max-width:90%;  max-height:300px; text-align: center; vertical-align:middle;}
.prolist li span{ height: 100%; display: inline-block; vertical-align: middle;}



.abg{ background:url("../images/banner8.jpg") no-repeat bottom center; height:700px;width: 100%;background-attachment:fixed}
.pbg{ background:url("../images/banner1.jpg") no-repeat center center; height:600px;}
.nbg{ background:url("../images/banner3.jpg") no-repeat center center;height:600px;}
.jbg{ background:url("../images/banner33.jpg") no-repeat bottom center;height:700px;}
.projectbg{ background:url("../images/ban.jpg") no-repeat center center; height:550px; text-align: center;}
.contactbg{ background:url("../images/banner7.jpg") no-repeat bottom center;}
.contactbg .bg{ width: 95%;bottom:0;left:0; height:220px;}
.contactbg .bg li{ width:20%; margin-bottom: 15px; line-height: 23px; font-family: 'fangzhen'}
.contactbg .bg li b{ font-size: 14px; color: #000; line-height: 30px; display: inline-block; font-weight: normal}
.abg .box{ height:70%;  display:table;}
.navs{ bottom:-1px; left:0; height:70px;}
.navs span{ width: 25%; display: inline-block; background:#FFF;line-height:70px; text-align: center; font-family: 'fangzhen'; font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; border-right:#f7f7f7 solid 1px;transition:.3s ease-out;}
.navs span a{ display: block;}
.navs span.cur,.navs span:hover{background:rgba(230,0,18,.9); color: #FFF;border-right:none;}.navs span.cur a,.navs span:hover a{ color: #FFF;}
.pbg .navs span{ width:25% !important;}
.abg .box .txt{ vertical-align: middle; display:table-cell; padding-left:30px;}
.abg .line{width:450px;animation:move 1s; background:#FFF;height:2px;}
.about,.productdetail{ width:95%; z-index: 9999;}
.about .bg{left:0; top:-150px;height: 150px; width:100%; }
.productdetail .bg{left:0; top:-80px;height:80px; width:100%; }
.about .bg1{right:-5%; bottom:0px;height:150px; width:5%;background:#ececec;}
.pbgs .bg{ background:url("../images/banner1.jpg") no-repeat center center;height:450px;}
.culture{ width:95%; margin: 0 0 0 auto; background:#ececec; padding-bottom:120px;}
.culture .bg1{ background: #494949; height: 150px; bottom: 0px; left:-5.5%; width:100.29%;}
.culture li{height:320px;}
.culture li span{ font-size:110px; letter-spacing:6px;}
.culture li .num p{ right:0px; bottom:12px; background:#ececec; height:35px; line-height:35px; font-size:14px; width:70px; text-align:center;}
.culture li img{ width: 100%;}
.culture li:nth-child(1){ background:#f3f3f3;}
.culture li:nth-child(1) .num p{ background:#f3f3f3;}
.culture li:nth-child(2){ background:#f8f8f8;}
.culture li:nth-child(2) .num p{ background:#f8f8f8;}
.culture li:nth-child(3){ background:#FFF;}
.culture li:nth-child(3) .num p{ background:#FFF;}
.culture li:nth-child(6){ background:#f8f8f8;}
.culture li:nth-child(6) .num p{ background:#f8f8f8;}
.culture li:nth-child(7){ background:#f3f3f3;}
.culture li:nth-child(7) .num p{ background:#f3f3f3;}
.culture li:nth-child(8){ background:#FFF;}
.culture li:nth-child(8) .num p{ background:#FFF;}
.culture li:nth-child(10){ background:#f8f8f8;}
.culture li:nth-child(10) .num p{ background:#f8f8f8;}
.culture li:nth-child(11){ background:#FFF;}
.culture li:nth-child(11) .num p{ background:#FFF;}
.culture li:nth-child(9){ background:#f8f8f8;}
.culture li:nth-child(9) .num p{ background:#f8f8f8;}

.history{ background: #494949 ;width:95%; margin: 0 auto 0 0; padding-bottom:200px;}
.history .bg{ background:#FFF; height:120px; bottom:0px; right:-5.2%; width:100%;}
@keyframes move{0%{width:100px;}100%{width:450px;}}
.umei-padded-b-120{ padding-bottom: 120px;}
.historycon{ margin-top:60px; padding-bottom:140px;}
.historycon i{ width:60px;height:1px;left:10px; top:-20px; display: inline-block;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.historycon .swiper-button-prev,.historycon .swiper-button-next{ background:none; font-size:30px; background: rgba(0,0,0,.6); width:50px; height:50px; border-radius: 50%; text-align: center; line-height: 50px;}
.historycon .swiper-button-prev{ top:auto; bottom:10px; left: auto; right:50.5%;}
.historycon .swiper-button-next{ top:auto; bottom:10px; left:50.5%; right:auto;}
.history li:nth-child(even){ text-align:left;}
.history li .dian{ left:-10px; top:15px; background:#777; border-radius:50%; width:20px; height:20px; display: block;}
.history li:nth-child(even) .dian{ right:-10px; left: auto;}
.history li:nth-child(odd){ text-align:right;}
.history li .con{ width:600px;}
.history li .cons{ width:400px;border:#494949;}
.history li .con img{ width:200px;  }
.history li:nth-child(even) .con{text-align:right;border-right:#777 solid 1px;}
.history li:nth-child(odd) .con{ text-align:left;border-left:#777 solid 1px; }
.history li:nth-child(even) .cons{ float:right;padding-right:60px;}
.history li:nth-child(odd) .cons{ float:left;  padding-left:60px;}


.honor{ width:95%; margin: 0 0 0 auto; z-index: 9999; padding-bottom:200px;}
.honor .txt{ display: inline; margin-right:50px; width:220px;}
.honor .imgs{ overflow: auto;}
.view{ height:500px;background: #f7f7f7;}
.view .swiper-slide{vertical-align: middle;height:500px; 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;}
.view img {max-height:500px;max-width:100%;}
.preview { width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-slide{width:87px; height:82px;border:1px solid #FFF; cursor:pointer; margin: 0 5px;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; }
.preview .swiper-slide img{ max-width:85px;max-height:80px;}
.preview .swiper-container {margin-left: 35px;}
.preview .arrow-left,.preview .arrow-right {position: absolute; background:#FFF;left:0px;top:0px;width:30px;height:82px;z-index: 10; text-align: center; line-height: 82px;  }
.preview .arrow-right {left: auto;right:0px;}
.preview .active-nav{padding:0;border: 1px solid #F00;}

.about .bgs{ bottom: 0px; right:-5.25%; width: 100%; height:120px;}
.contactcon{ width:100%; margin:0px  0 0px auto; background: #333;height:600px;}
.contactcon .bg{ background: rgba(0,0,0,.2); bottom: 0; left: 0; width: 100%; height: 100%; z-index:9888}
.contactcon .contact{ z-index: 9999; background:rgba(230,0,18,.8); padding:60px; bottom:20%; left:15%;}
.baiduMap{ width: 100%; height:100%;}

.ban .swiper-button-prev,.ban .swiper-button-next{top:50%; background: #fcfcfc; line-height:60px; width: 50px; text-align: center; height: 60px; margin-top: -30px;}
.ban .swiper-button-prev:hover,.ban .swiper-button-next:hover{ background:rgba(230,0,18,.8); color: #FFF;transition:.5s ease-out; }
.ban .swiper-button-prev{ left:0px; right:auto;}
.ban .swiper-button-next{ right:0px; left:auto;}
.ban .swiper-container {width: 100%;height: 100%;}
.ban .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;}
.ban .swiper-slide img{max-width:100%;}
.ban .swiper-slide a{ display: block; width: 100%; height: 100%;}
.ban .swiper-pagination{ bottom:20px;}
.ban .swiper-pagination-bullet-active{  background:#000; width:25px; border-radius:45px;}
.ban .swiper-pagination-bullet{transition:.3s ease-out;}

.fixed{ position: fixed; width: 100%; z-index: 198807254545;top:0;}
.loading-block {width:100%;z-index:201809890781111119;left:0;top:0px;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background:#FFF;
}

.umei-font-size-70{ font-size:80px;}
.projectNav{ text-align: center; }
.projectNav span{ padding: 0 25px; line-height:35px; display: inline-block;}
.projectNav span.cur{ border-bottom: #333 solid 1px;}
.projectList li{overflow: hidden;}
.projectList li .img{ width:380px; height:230px; overflow: hidden;}
.projectList li img{ width: 100%;transition:.5s ease-out;}
.projectList li:hover img{ width: 102%;}
.projectList li hr{ color: #FFF;}
.projectList li .hover{ background: rgba(0,0,0,0);color:#FFF; width: 100%; height: 100%;transition:.5s ease-out;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;}
.projectList li:hover .hover{ background: rgba(0,0,0,.5);font-size:14px;}
.projectList li .title span{ right:0px;transition:.5s ease-out; position: relative;}
.projectList li:hover .title span{ right:20px;}
.umei-padded-b-60{ padding-bottom: 60px;}
.projectdetail .txt{ width: 300px;}
.projectdetail .txt li{ width: 50%; line-height:21px; font-size: 12px; border-bottom:#FFF solid 1px; transition:.5s ease-out; margin-bottom: 10px;}
.projectdetail .txt li:hover{border-bottom:#ececec solid 1px;}
.projectdetail .txt li em{ width: 100%; line-height: 21px;}
.projectdetail .txt li img { height:112px; max-width: 100%;}

.subjoinbg{ background: url("../images/join.jpg") no-repeat center center; height:550px;}
.qianjing img{ width: 100%;}
.umei-padded-b-25{ padding-bottom: 25px;}
.boxs{ width: 95%; margin: 0 auto;}
.tbg{ background: url("../images/ban.jpg") no-repeat center center; background-size: cover;}
.umei-col-32{ width: 31.3333333333333%;}
.umei-col-33{ width: 33.3333333333333%;}
.joincon img,.joincons img{ width: 100%;}
.joincon .swiper-button-prev,.joincon .swiper-button-next{ background:none; font-size:30px;}
.joincon .swiper-button-prev{ top:auto; bottom:-15px; left: 0; right:auto;}
.joincon .swiper-button-next{ top:auto; bottom:-15px; left:40px; right:auto}

.head li.search{ padding:0 0 0 50px; }
.head input{ line-height: 35px; height: 35px; border:#ececec solid 1px; padding: 0 10px; width:160px;}
.head em{ right:20px; }


.form{ background:#FFF;  }
.form .formCon{ width:55%; padding:40px 40px 20px;}
.form .formCon li{ width: 50%; margin-bottom:18px;}
.form .formCon li input{ width:75%; font-size:16px; border-radius:50px; border: none; line-height: 45px; height: 45px; padding:0 8%;}
.form .formCon li input.btn{color: #FFF; cursor:pointer;}
.form .formtitle{ width:340px; padding:40px; }
.form img{ right: 40px; bottom: 0; }

.joinnums .quan{width:900px; height:900px; border:#f7f7f7 solid 8px; bottom:-450px; left:50%; margin-left:-450px;}
.youshi{ height:580px;  }
.youshi .quan{ width:900px; height:900px; border:#e6e4e4 solid 8px; top:-450px; left:50%; margin-left:-450px;}
.youshi h6{ line-height:70px; height:70px; padding:0 50px; border-radius:50px; margin-top:30px; }
.youshi .line{ border-radius:45px; border:#989898 solid 3px; line-height:35px; font-size:15px;  margin:20px 0 10px; padding:0 30px; }
.youshi ul{width:900px; margin:0 auto; height:550px; }
.youshi ul li{ width:300px; text-align:center;}
.youshi ul li h6{ font-size:18px; height:50px; line-height:50px; margin-top:10px; margin-bottom: 10px; }
.youshi ul li em{ background:#e6e4e4; width:18px; height:18px; border-radius:50%; border:#f7f7f7 solid 8px; display: inline-block; }
.youshi ul li:hover em{ background:#e70012;}
.youshi ul li i{ width: 100px; height: 100px; border-radius: 50%; background:#f0ebef; display: inline-block; line-height: 100px; font-size:50px;}
.youshi ul li:nth-child(1){ left:-223px; top:-119px; }
.youshi ul li em{ right:20px; top:0px;  }
.youshi ul li:nth-child(2){ left:-80px; top:60px; }
.youshi ul li:nth-child(3){ left:303px; bottom:240px; }
.youshi ul li:nth-child(3) i{ background:#e70012; color: #FFF; }
.youshi ul li:nth-child(4){ right:-90px; top:60px; }
.youshi ul li:nth-child(4) em{ left:20px; top:0px;  }
.youshi ul li:nth-child(5){ right:-238px; top:-119px; }
.youshi ul li:nth-child(5) em{ left:20px; top:0px;  }


.youshis{ height:580px;  }
.youshis .quan{ width:900px; height:900px; border:#e6e4e4 solid 8px; bottom:-450px; left:50%; margin-left:-450px;}
.youshis .txtcon{ bottom:80px; left:0; width: 100%;}
.youshis h6{ line-height:70px; height:70px; padding:0 50px; border-radius:50px; margin-top:30px; }
.youshis .line{ border-radius:45px; border:#989898 solid 3px; line-height:35px; font-size:15px;  margin:20px 0 10px; padding:0 30px; }
.youshis ul{width:900px; margin:0 auto; height:550px; }
.youshis ul li{ width:300px; text-align:center; border:#ececec solid 1px;}
.youshis ul li h6{ font-size:16px; height:50px; line-height:50px; margin-top:10px; margin-bottom: 10px; }
.youshis ul li em{ background:#e6e4e4; width:18px; height:18px; border-radius:50%; border:#f7f7f7 solid 8px; display: inline-block; }
.youshis ul li:hover em{ background:#e70012;}
.youshis ul li i{ width:40px; height:40px; border-radius: 50%; background:#f0ebef; display: inline-block; line-height:40px; font-size:20px;}
.youshis ul li:nth-child(1){ left:-240px; bottom:-39px; }
.youshis ul li em{ right:20px; top:0px;  }
.youshis ul li:nth-child(2){ left:-170px; bottom:95px; }
.youshis ul li:nth-child(3){ left:-43px; top:230px; }
.youshis ul li:nth-child(4) i{ background:#e70012; color: #FFF; }
.youshis ul li:nth-child(4){ left:-20px; top:60px; }
.youshis ul li:nth-child(4) em{ left:20px; top:0px;  }
.youshis ul li:nth-child(5){ right:-238px; bottom:-119px; }
.youshis ul li:nth-child(5) em{ left:20px; top:0px;  }

.process{ background:url(../images/banzs03.jpg) no-repeat center center; background-size: cover;  }
.process li i{ width: 100px; height: 100px; line-height: 100px;transition:.5s ease-out; border-radius: 50%; display:block; text-align: center; background: #FFF; margin-bottom: 20px; }
.process li i:hover{ background:#e60012;; color: #FFF;}

.t{ border:#ebebeb solid 2px; margin-top: 10px; width:420px; display: inline-block; position:relative; padding:20px 0 30px;}
.t span{ background:#f7f7f7; width:200px; left:50%; margin-left:-100px; line-height:35px; bottom:-15px; }
.umei-padded5{ padding:3vw 3vw 0 3vw; }
.umei-padded2{ padding:1vw; }
.conditions li{ transition:all .5s ease-out; height:240px; overflow: hidden; cursor:pointer; }
.conditions li p{ overflow: hidden; bottom:-150px; left:10%; width:80%; font-size:14px;  }
.conditions li i{ color:#FFF; background:#e60012; width:90px; height:90px; border-radius:50%; display: inline-block; line-height:90px; margin-bottom:10px;}
.conditions li:nth-child(2),.conditions li:nth-child(6),.conditions li:nth-child(4){ background:#f7f7f7; }
.conditions li:nth-child(1),.conditions li:nth-child(5),.conditions li:nth-child(3){ background:#FFF; }
.conditions li:hover{ background:#e60012; color:#FFF;}
.conditions li:hover i{ background:#FFF; color:#e60012}
.conditions li .tt{ top:50px; left:0; width:100%; }
.shangxueyuan{ background:#333 url(../images/sbg.png) no-repeat left bottom;background-size:70%; }
.school{ background:url(../images/traine.jpg) no-repeat center center; background-size: cover;}
.shangxueyuan li{transition:all .5s ease-out; color:#FFF; cursor: pointer;}
.shangxueyuan li:hover{ background-color:#FFF; color: #333; }
.shangxueyuan li:hover i{ olor: #333; }
.umei-padded-b-150{ padding-bottom: 150px; }

.pinpaiyoushi{ height:780px; }
.pinpaiyoushi .tt{ width:400px; height:400px; display: table;  left:0;top:0;}
.pinpaiyoushi .tt .con{ display: table-cell;vertical-align: middle;}
.pinpaiyoushi .round1{ width:440px; height:440px; border: #ccc dashed 1px; left:20px;top:-30px; }
.pinpaiyoushi .round2{ width:500px; height:500px; border: #ccc dashed 1px; left:40px;top:-70px; }
.pinpaiyoushi .li{ width:90px; height:90px; display: table; font-size:14px; background:#FFF; color:#333; cursor:pointer;}
.pinpaiyoushi .li.cur{background:#e60012; color:#FFF;transition:all .5s ease-out;}
.pinpaiyoushi .li .con{ display: table-cell;vertical-align: middle;}
.pinpaiyoushi .li1{top:-100px; right:150px;}
.pinpaiyoushi .li2{top:-15px; right:60px;}
.pinpaiyoushi .li3{top:110px; right:15px;}
.pinpaiyoushi .li4{top:240px; right:30px;}
.pinpaiyoushi .li5{top:340px; right:120px;}
.pinpaiyoushi .content{ width:80%; margin:0 0 0 15%; height:370px; top:-80px; }
.pinpaiyoushi #triangle-left{left:11%; top:-50px; width: 0; height: 0; border-top:30px solid transparent; border-right:30px solid white; border-bottom:30px solid transparent; } 
.pinpaiyoushi #triangle-down{left:50%; margin-left:-8px; top:340px;width:0;height: 0; border-left:8px solid transparent; border-right:8px solid transparent;border-top:8px solid red;} 
.pinpaiyoushi li{ padding:50px 30px; }
.pinpaiyoushi li .line{ height: 1px; width:80px; }
.pinpaiyoushi li .dian{ width:8px; height:8px; right:50px; top:-4px;  }
.pinpaiyoushi li:nth-child(1){ border-right:#e60012 solid 1px; left:0; top:0; }
.pinpaiyoushi li:nth-child(1) .line{ right:-30px; top:0; }
.pinpaiyoushi li:nth-child(2){ border-left:#e60012 solid 1px; right:1px; top:80px; }
.pinpaiyoushi li:nth-child(2) .line{left:-30px; top:0; }
.pinpaiyoushi li:nth-child(2) .dian{left:50px; top:-4px; }
.pinpaiyoushi li:nth-child(3){ border-right:#e60012 solid 1px; left:0; top:160px; }
.pinpaiyoushi li:nth-child(3) .line{right:-30px; top:0; }
.pinpaiyoushi li:nth-child(3) .dian{right:50px; top:-4px; }