.indexmain{width:100%;height:101vh;background-color:#3c3c3c;background:linear-gradient(#3c3c3c,#1e1e1e );}
.indexmain-images{position:relative;width:100%;height:100%;overflow:hidden;background-color:#3c3c3c;background:linear-gradient(#3c3c3c,#1e1e1e );}
.indexmain-images li{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;-moz-transform:scale(1.25);-ms-transform:scale(1.25);-webkit-transform:scale(1.25);transform:scale(1.25);-moz-transition:-moz-transform 8s;-o-transition:-o-transform 8s;-webkit-transition:-webkit-transform 8s;transition:transform 8s}
.indexmain-images li.show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-slogan-text{position:absolute;top:50%;left:50%;color:#fff;opacity:0;z-index:5;text-shadow:1px 1px 3px #111;text-transform:capitalize;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transition:all .6s cubic-bezier(.34, 0, .68, 1) .3s;-o-transition:all .6s cubic-bezier(.34, 0, .68, 1) .3s;-webkit-transition:all .6s cubic-bezier(.34, 0, .68, 1);-webkit-transition-delay:.3s;transition:all .6s cubic-bezier(.34, 0, .68, 1) .3s}
.indexmain-slogan-text.show-text{opacity:1}
.indexmain-slogan-text.show-text .indexmain-slogan-title span:nth-child(1){-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.indexmain-slogan-text.show-text .indexmain-slogan-title span:nth-child(2){opacity:1}
.indexmain-slogan-text.show-text .indexmain-slogan-title span:nth-child(3){-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.indexmain-slogan-text.show-text .indexmain-slogan-sub p{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}
.indexmain-slogan-text.show-text .indexmain-slogan-award{opacity:1;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}.indexmain-slogan-num{position:relative;display:flex;margin-bottom:20px;font-size:2em;line-height:1;writing-mode:vertical-lr}
.indexmain-slogan-num span{display:block}
.indexmain-slogan-title{display:flex;-webkit-align-items:center;align-items:center;font-size:1.5em;letter-spacing:0;overflow:hidden}
.indexmain-slogan-title span{display:block;-moz-transition:all .8s;-o-transition:all .8s;-webkit-transition:all .8s;transition:all .8s}
.indexmain-slogan-title span:nth-child(1){-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-webkit-transform:translate(100%, 0);transform:translate(100%, 0);-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}
.indexmain-slogan-title span:nth-child(2){width:1px;height:14px;margin:0 15px;background:#fff;opacity:0;box-shadow:1px 1px 3px #111;-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);-moz-transition-delay:.5s;-o-transition-delay:.5s;-webkit-transition-delay:.5s;transition-delay:.5s}
.indexmain-slogan-title span:nth-child(3){-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}
.indexmain-slogan-sub{margin-top:5px;overflow:hidden}
.indexmain-slogan-sub p{font-size:.875em;line-height:1.35;letter-spacing:.01em;-moz-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-webkit-transform:translate(0, -100%);transform:translate(0, -100%);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;-moz-transition-delay:1.4s;-o-transition-delay:1.4s;-webkit-transition-delay:1.4s;transition-delay:1.4s}
.indexmain-slogan-award{display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-top:5px;opacity:0;-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);-webkit-transform:translate(0, 10px);transform:translate(0, 10px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s;-moz-transition-delay:2.2s;-o-transition-delay:2.2s;-webkit-transition-delay:2.2s;transition-delay:2.2s}
.indexmain-slogan-award img{height:30px;float:left;margin:5px 2px 0}

.indexmain-images li{-moz-transition:-moz-transform 8s,background-position 6s ease-in-out;-o-transition:-o-transform 8s,background-position 6s ease-in-out;-webkit-transition:-webkit-transform 8s,background-position 6s ease-in-out;transition:transform 8s,background-position 6s ease-in-out}
.indexmain-images li:nth-child(1){-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);background-position:50% 50%}
.indexmain-images li:nth-child(1).show-img{background-position:80% 50%;-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1.1);transform: scale(1);}
.indexmain-images li:nth-child(2){-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);background-position:50% 50%}
.indexmain-images li:nth-child(2).show-img{background-position:80% 50%;-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.indexmain-images li:nth-child(3){-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);background-position:50% 50%}
.indexmain-images li:nth-child(3).show-img{background-position:80% 50%;-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.indexmain-images li:nth-child(4){-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);background-position:50% 50%}
.indexmain-images li:nth-child(4).show-img{background-position:80% 50%;-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.indexmain-slogan li:nth-child(1){top:65%;left:25%}
.indexmain-slogan li:nth-child(2){top:55%;left:unset;right:5%}
.indexmain-slogan li:nth-child(3){top:65%;left:36%}
.indexmain-slogan li:nth-child(4){top:65%;left:50%}

@media screen and (max-width: 1200px){.indexmain{height:92vh}
.indexmain-images li:nth-child(1){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 0%}
.indexmain-images li:nth-child(1).show-img{background-position:0% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(2){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 0%}
.indexmain-images li:nth-child(2).show-img{background-position:0% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(3){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 0%}
.indexmain-images li:nth-child(3).show-img{background-position:0% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(4){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 0%}
.indexmain-images li:nth-child(4).show-img{background-position:0% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-slogan li:nth-child(1){top:45%;left:30%}}

@media screen and (max-width: 900px){.indexmain{height:70vh}
.indexmain-images li:nth-child(4){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 45%}
.indexmain-images li:nth-child(4).show-img{background-position:0% 100%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(3){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 45%}
.indexmain-images li:nth-child(3).show-img{background-position:0% 100%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(2){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 45%}
.indexmain-images li:nth-child(2).show-img{background-position:0% 100%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-slogan li:nth-child(1),.indexmain-slogan li:nth-child(2),.indexmain-slogan li:nth-child(3),.indexmain-slogan li:nth-child(4){top:50%;left:50%;right:unset;bottom:unset;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.indexmain-slogan-title{-webkit-justify-content:center;justify-content:center}
.indexmain-slogan-sub{text-align:center}
.indexmain-slogan-award{-webkit-justify-content:center;justify-content:center}}

@media screen and (max-width: 640px){.indexmain-slogan-title{font-size:1.1em;}
.indexmain-images li:nth-child(4){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 50%}
.indexmain-images li:nth-child(4).show-img{background-position:50% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(3){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 50%}
.indexmain-images li:nth-child(3).show-img{background-position:50% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(1){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 50%}
.indexmain-images li:nth-child(1).show-img{background-position:50% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(2){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 50%}
.indexmain-images li:nth-child(2).show-img{background-position:50% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}


.indexa{width:100%;float: left; margin:0;padding:90px 0;text-align: center}
.indexa-tx{width:40%;float:left;margin:0 30%;}
.tx-pic{width: 100%;float:left;margin: 0 0 40px;color: #555;font-size: 18px}
.tx-pic img{max-width:150px;height: auto; margin:0 auto 40px; display:block} 
.tx-pic{opacity:0!important;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s}
.tx-pic.show{opacity:1!important;-webkit-transform:scale(1);transform:scale(1)}
.tx-cn{width:100%;float:left;line-height:2em;margin: 0 0 45px;font-size: 16px;color:#444; }
.tx-cn{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.tx-cn.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.tx-en{width:100%;float:left;line-height:1.9em;margin: 0;font-size: 15px;color:#444; }
.tx-en{opacity: 0;-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.tx-en.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}

@media screen and (max-width: 1600px) {
.indexa{padding: 85px 0}
.indexa-tx{width:56%;margin:0 22%}
.tx-pic{margin: 0 0 30px;}
.tx-pic img{margin:0 auto 30px;} 
.tx-cn{margin: 0 0 40px;}
}
@media screen and (max-width: 1200px) {
.indexa{padding:75px 0}
.indexa-tx{width:72%;margin:0 14%}
}
@media screen and (max-width: 980px) {
.indexa{padding:55px 0}
.indexa-tx{width:85%;margin:0 7.5%}
.tx-pic{margin: 0 0 20px;}
.tx-pic img{margin:0 auto 25px;} 	
.tx-cn{margin: 0 0 25px;}
}
@media screen and (max-width: 767px) {
.indexa{padding:40px 0}
.indexa-tx{width:90%;margin:0 5%}
.tx-pic{margin: 0 0 15px;}
.tx-pic img{max-width:130px;margin:0 auto 15px;} 	
.tx-cn{line-height:1.8em;margin: 0 0 20px;}
.tx-en{line-height:1.7em;font-size: 15px}
}

.video-wrap{width:100%;float:left;padding:80px 0; background-color:#f2f2f2}
.videotop{width:100%; float:left; margin:0 0 50px 0; text-align:center;}
.videotop .title{width:100%; float:left; margin:0;font-size:14px;letter-spacing:0.1em;color:#111}
.videotop .subtitle{width:100%; float:left; margin:0 0 15px 0;font-size:20px;line-height:1.2em;}
.videotop .line{width:100%;float: left; margin: 20px 0 30px; float:left;color: #555;font-size: 18px;text-align: center}
.videorow{width:1400px;margin:0 auto; }
.videobox{width:47%;float:left;margin:0 1.5% 60px;}
.videobox{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.videobox.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.video-container {position:relative;padding-bottom: 56.25%;padding-top: 0;height: 0;overflow: hidden;}
.video-container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.videotx{float:left;width:100%; padding:0; margin:1.5em 0 0 0; font-size:15px;}
  .videotx h3{margin:0 0 30px 0; padding:0;font-size:20px;}
  .videotx h4{margin:0 0 10px 0; padding:0;font-size:12px; font-weight:500;}
  .videotx p{margin:0; padding:0; font-size:15px;line-height:26px;text-align:justify;color: #333}
.videolink-row{width:100%;float: left;text-align: center}
.videolink-row{opacity: 0;-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.videolink-row.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
/*more*/
.hotmore{position:relative;display:inline-block;padding-left:16px;margin-left:1px;-webkit-transition:padding-left .5s ease,right .5s ease,opacity .5s ease;transition:padding-left .5s ease,right .5s ease,opacity .5s ease}
.hotmore:before{left:0;width:8px}
.hotmore:after,.hotmore:before{content:"";display:block;position:absolute;top:50%;height:1px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:width .5s ease;transition:width .5s ease}
.hotmore:after{left:calc(100% + 9px);width:56px}
.hotmore:hover{padding-left:64px}
.hotmore:hover:before{width:56px}
.hotmore:hover:after{width:8px}
.hotmore_dark{color:#9f752c}
.hotmore_dark:after,.hotmore_dark:before{background-color:rgba(58,62,75,.2)}
.hotmore_white{color:#9f752c; font-size: 12px!important;font-weight: 500;}
.hotmore_white:after,.hotmore_white:before{background-color: #9f752c}
@media screen and (max-width: 1600px) {
.video-wrap{padding:60px 0;}
.videorow{width:1200px;margin:0 auto;}
.videobox{margin:0 1.5% 50px;}
}
@media screen and (max-width: 1280px) {
.video-wrap{padding:50px 0;}
.videorow{width:93%;margin:0 auto; padding:0;}
.videotx h3{font-size:20px;}
.videobox{width:47%;float:left;margin:0 1.5% 40px;}
}
@media only screen and (max-width: 980px) {
.video-wrap{padding:40px 0 50px;}
.videorow{margin:0 auto;}
.videotop{margin:0 0 25px 0;}
.videotop .subtitle{font-size:18px;}
.videotx h3{margin:0 0 15px 0; padding:0;font-size:18px;}
.videotx h4{margin:0 0 5px 0;}
}
@media screen and (max-width: 767px) {
.video-wrap{padding:15px 0 35px 0;}
.videorow{width:90%;margin:15px auto 0 auto;}
.videotop{margin:0 0 20px 0;}
.videotop .title{font-size:16px;}
.videobox{width:100%;float:left;margin:0 0 20px;}
.videotx{margin:1.5em 0 0 0; font-size:17px;}
.videotx h3{margin:0 0 10px 0; font-size:17px;}
.videotx p{font-size:15px;line-height:26px;}
}

.base-warp{float:left; width:100%; margin:100px 0 0 0}
.cntitle{width:100%; float:left; margin:0 0 30px 0;}
.cntitle h1{width:100%;margin:0; line-height:1.8em; font-size:20px; font-weight:400;}
 .cntitle h1:after {border-top: 1px solid #666;display: block;width: 30px;content: ""; margin:5px auto 0 0;}
.aboutleft{width:49.5%; float:left;margin:0 1% 0 0; padding:0;}
.aboutright{width:49.5%; float:left;margin:3px 0 0 0; padding:0;}
 .aboutright img{max-width:100%;height: auto; margin:0; display:block;} 
.aboutleft-tx{width:100%; float:left;margin:0 0 60px 0; padding:0; font-size:24px; line-height:1.7em;font-weight:200}
.sendwf{float:left;width:190px; margin:0;}
.lefta{width:100%; float:left;margin:0 0 60px 0;}
.leftb{width:100%; float:left;margin:0;}
.leftb p{ width:85%;margin:0 15% 20px 0; text-align:justify; line-height:1.8em;}

.award-container{width:1280px; margin:0 auto 80px}  
.awtitle{width:100%; float:left; margin:0 0 30px 0;}
.awtitle h2{width:100%;margin:0; line-height:1.8em; font-size:22px; font-weight:400;}
.award{width:100%; float:left;margin:10px 0 0 0;position:relative;}
.awardleft{width:52%; float:left; margin:0 7% 0 0; line-height:2em; text-align:justify;text-justify:inter-ideograph; }
.awardleft .box{width:100%; float:left; margin:0 0 10px 0;}
.awardleft .year{position:relative; width:15%; float:left; margin:0 5% 0 0;padding-left: 22px; font-size:17px; font-weight:600}
.year{opacity: 0;-moz-transform: translateX(-20px);-ms-transform: translateX(-20px);-webkit-transform: translateX(-20px);transform: translateX(-20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.year.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.awardleft .year:before{content: ''; position: absolute;top: 50%;left:0;background: #999;width:12px;height: 2px;}
.awardleft .experience{width:80%; float:left; margin:1px 0 0 0; line-height:1.8em}
.awardleft .experience ul { margin:0; padding:0; list-style:none; } 
.awardleft .experience li {margin:0; padding:0; font-size:15px} 
.experience li{opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.experience li.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.awardleft .experience li a{font-size:15px; text-decoration:none; margin:0;position:relative;}
.awardleft .experience li a:hover {text-decoration: none;}
.awardleft .experience li a:hover:after{content:"";display:block;position:absolute;width:100%;height:1px;background:#999;top:100%;left:0; margin:1px 0 0 0;}
.awardright{position:absolute; right:0; top:0; width:41%; float:left; margin:0 0 0 59%;}
.col{width:25%; padding:15px;float:left; margin:0}
.col{opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity 0.8s, -moz-transform 0.8s;-o-transition: opacity 0.8s, -o-transform 0.8s;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.col.show{opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
 .col img{max-width:100%;height: auto; margin:0 auto; display:block} 
 .col img{transform:scale(1,1);transition: all 1s ease-out;}
 .col img:hover{transform:scale(1.2,1.2);}

@media screen and (max-width: 1600px) {
.base-warp{margin:80px 0 0 0}
.project{width:90%; margin:0 auto;padding: 0}
.award-container{width:85%; margin:0 auto 50px}
.awtitle{ margin:0 0 30px 0;}
}

@media screen and (max-width: 1200px) {
.base-warp{margin:60px 0 0 0}
.index-top{margin:0 0 80px;padding:120px 0 60px}
.project{width:96%}
.project-list li {width: 50%}
.award-container{width:90%; margin:0 auto 40px}
.awtitle{margin:0 0 30px 0;}
.awardleft{width:54%; margin:0 6% 0 0;}
.awardleft .box{margin:0 0 10px 0;}
.awardleft .year{width:15%; float:left; margin:0 4% 0 0;}
.awardleft .experience{width:81%; line-height:1.8em;}
}
@media screen and (max-width: 980px) {
.base-warp{margin:50px 0 0 0}
.index-top{margin:0 0 60px;padding:100px 0 50px}
.award-container{width:90%; margin:0 auto 40px}
.awtitle{margin:0 0 10px}
.awardleft{width:100%; margin:0}
.awardleft .box{margin:0 0 10px 0;}
.awardleft .year{width:13%; float:left; margin:0 4% 0 0;}
.awardleft .experience{width:83%; line-height:1.8em;}
.awardright{position: static;width:100%; float:left; margin:0 0 30px}
.col{width:16.666666%; padding:20px;} 
}

@media screen and (max-width: 767px) {
.base-warp{margin:30px 0 0 0}
.project-list {margin: 0;}
.project-list li {width: 100%}
.index-top{margin:0 0 60px;padding:80px 0 30px}
.award-container{width:90%; margin:0 auto 25px}
.awtitle{margin:0 0 5px}
.awtitle h2{line-height:1.8em; font-size:22px;}
.awardleft .year{width:100%; float:left; margin:0 0 5px 0;}
.awardleft .experience{width:100%; float:left; margin:0; line-height:1.7em;}
.col{width:25%; padding:10px;} 
.awardright{margin:0 0 20px}
}