.content-left{float:left;width:780px;}
.content-right{float:right;width:220px;}
.content-desc{overflow:hidden;font-size:15px;line-height:180%;padding:25px 0 50px 0;}
.content-desc td, .content-desc div, .content-desc li, .content-desc dt, .content-desc dd, .content-desc p{font-size:14px;line-height:195%;color:#777;font-weight:400;}
.content-desc p{margin:20px auto;}
.content-desc table{margin-bottom:15px;}
.content-desc ul{padding:0 25px;list-style:disc;}
.content-desc  ul li{list-style:disc;}
.content-desc  ol{padding:0 25px;list-style:decimal;}
.content-desc  ol li{list-style:decimal;}
.content-desc .left, .content-desc .right{border:1px solid #eee;padding:8px;}
.content-desc .left{float:left;margin:15px 15px 15px 0;}
.content-desc .right{float:right;margin:15px 0 15px 15px;}
.content-desc span{font-family:inherit;font-size:inherit;color:inherit;}
.content-desc a{color:#00aff0;}

.content-search{float:left;}
.content-search input{border:none;background-color:#F4F4F4;height:38px;width:180px;padding:0 10px;}

/** news **/
.news{overflow:hidden;}
.news .r{border-bottom:1px solid #EEE;padding-bottom:10px;margin-top:30px;}
.news .fleft{padding-top:5px;color:#999;}
.news h1, .content-left h1{font-size:36px;}
.news-line{border-bottom:1px solid #EEE;margin-bottom:40px;padding-bottom:10px;}
.news-menu{float:right;}

.news-list{padding:0;margin:0;}
.news-list .img{float:left;width:350px;}
.news-list .l-right{float:right;width:650px;}
.news-list .c{color:#999;margin-bottom:8px;}
.news-list .c a{color:#999;}
.news-list .c a:hover{color:#000;}
.news-list .c i{font-style:normal;padding:0 8px;}
.news-list .s{color:#777;margin-top:12px;}
.news-list h3{margin-top:15px;}
.news-list h3 a{font-size:22px;}
.news-list .more{margin-top:35px;}
.news-list .more a, .news-list .more a:after{transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.news-list .more a{position:relative;display:block;float:left;height:35px;line-height:35px;padding:0 20px;background-color:#d8d8d8;font-size:14px;color:#999;}
.news-list .more a:after {content:'';position:absolute;width:0;height:0;border-left:5px solid #d8d8d8;border-top:17px solid transparent;border-bottom:17px solid transparent;right:-5px;top:0;}
.news-list .more a:hover{text-decoration:none;}
.news-list li:hover .more a{background-color:#E67817;color:#FFF;}
.news-list li:hover .more a:after {border-left:5px solid #E67817;}
.news-list li.line{height:1px;width:100%;border-top:1px solid #EEE;margin:45px 0;}

.download-list li{float:left;width:33.3%;margin-bottom:40px;}
.download-list .b{margin:15px;}
.download-list .img{float:left;width:150px;border:1px solid #EEE;}
.download-list .img img{width:150px;height:200px;}
.download-list .text{float:right;width:150px;}
.download-list p.s{color:#999;padding:10px 0;font-size:12px;line-height:130%;}
.download-list h3, .download-list h3 a{line-height:130%;font-size:15px;font-weight:400;}

.project-list li{float:left;width:330px;margin-right:35px;margin-bottom:45px;}
.project-list li.nm{margin-right:0;}
.project-list h3{margin-top:15px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.project-list .s{color:#999;margin-top:8px;}
.project-list .thumb{position:relative;overflow:hidden;}
.project-list .thumb:before, .project-list .thumb:after{position:absolute;content:"";z-index:1;margin:auto;right:20px;bottom:20px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.project-list .thumb:before{width:0%;height:1px;right:21px;border-bottom:1px solid #FFF !important;}
.project-list .thumb:after{height:0%;width:1px;border-left:1px solid #FFF !important;}
.project-list li:hover .thumb:before{width:88%;}
.project-list li:hover .thumb:after{height:85%;}
.project-list .thumb img{-webkit-transition: all 2.5s ease-in-out;-moz-transition: all 2.5s ease-in-out;-o-transition: all 2.5s ease-in-out;-ms-transition: all 2.5s ease-in-out;transition: all 2.5s ease-in-out;}
.project-list li:hover .thumb img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

/** menu **/
.col-menu{padding:20px 0;}
.col-menu li{margin-bottom:10px;padding:0 8px;}
.col-menu li.on{background-color:#F7F7F7;}
.col-menu a{display:block;height:42px;line-height:42px;padding:0 16px;font-size:15px;background:url(../images/icon/li-1.png) left no-repeat;}
.col-menu a:hover{text-decoration:none;}

.col-menu-level{text-align:right;}
.col-menu-level li{display:inline-block;margin-left:10px;}
.col-menu-level a{display:inline-block;height:38px;line-height:38px;padding:0 15px;border:1px solid #FFF;color:#777;}
.col-menu-level li.on a, .col-menu-level li:hover a, .col-menu-level a:hover{border:1px solid #DDD;text-decoration:none;}

.col-li{padding:15px 0;}
.col-li li{margin-bottom:10px;}
.col-li a{font-size:14px;}
.col-li p{margin:0;padding:5px 0 5px 12px;color:#999;line-height:150%;}

.link{border-top:1px solid #EEE;margin-top:30px;padding:30px 0;}
.link li{padding:5px 0;}
.link a{margin-left:10px;color:#999;}
.link a:hover{color:#000;}

/** list **/
.img-list{}
.img-list li{float:left;width:540px;height:389px;}
.img-list .b{position:relative;height:359px;overflow:hidden;}
.img-list .h{position:absolute;width:524px;left:0;top:319px;background-color:#000;}
.img-list .img img{width:524px;height:359px;}
.img-list h3{height:40px;line-height:40px;}
.img-list h3, .img-list .h p{padding:0 10px;color:#ccc;}
.img-list h3 a{color:#FFF;font-weight:500;font-size:14px;}

/** video **/
.video-list{overflow:visible;}
.video-list li{float:left;width:330px;margin-right:35px;margin-bottom:35px;}
.video-list li.nm{margin-right:0;}
.video-list .thumb{position:relative;overflow:hidden;}
.video-list .thumb img{width:100%;}
.video-list em{position:absolute;width:50px;height:50px;background:url(../images/icon/v-play-s.png) no-repeat;top:38%;left:42%;
transition: all 0.30s ease-in-out;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
outline:none;}
.video-list li:hover em{background-position:-50px 0;}
.video-list .b{transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.video-list li:hover .b{-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.6);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.6);box-shadow: 0 1px 10px rgba(0,0,0,0.6);}
.video-list .text{border:1px solid #EEE;border-top:none;padding:20px;}
.video-list .text a{font-size:16px;line-height:135%;}
.video-list .s{margin-top:8px;color:#999;}

@media screen and (max-width:1140px) {
.content-left{width:100%;}
.content-right{display:none;}

.download-list .img{width:48%;}
.download-list .img img{width:100%;height:auto;}
.download-list .text{width:45%;}

.video-list li{width:30%;}

.project-list li{width:33.3%;margin:0;}
.project-list .b{margin:5px;}
.project-list img{width:100%;}

.news-list .img{width:30%;}
.news-list .l-right{width:65%;}
}

@media screen and (max-width:790px) {
.download-list li{width:50%;}

.video-list li, .video-list li.nm{width:50%;margin:0;}
.video-list .b{margin:5px;}

.project-list li{width:50%;margin:0;}

.content-search{float:right;}

.news-list .img, .news-list .l-right{clear:both;width:100%;}
.news-list .l-right{margin-top:20px;}
}


@media screen and (max-width:540px) {
.download-list li{width:100%;}

.video-list li, .video-list li.nm{width:100%;margin-bottom:15px;}
.video-list .b{margin:0;}
.video-list .text{padding:12px;}
}