/* reset */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,select,button,textarea,menu{margin:0;padding:0;font-family: 'Nanum Gothic', sans-serif;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:40%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
p {margin:0 0 9px;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/*body,textarea,input,button,select,keygen,legend{font:14px/1.8 "Microsoft YaHei UI","Microsoft YaHei",Arial,SimSun,"Segoe UI",Tahoma,Helvetica,sans-serif;outline:0;}
body{background:#fff;color:#666;}*/
a{color:#444;outline:none;}
a:hover{color:#c00;text-decoration:none;}

/**/
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

/**/
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt25{margin-top:25px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}

/**/
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both}

/**/
.caret{display:inline-block;width:0;height:0;vertical-align:middle;border-top:8px solid #000000;border-right:8px solid transparent;border-left:8px solid transparent;content:"";}
.caret.up{border-top:none;border-bottom:8px solid #ccc;}
.caret.down{border-top:8px solid #ccc;border-bottom:none;}

.layout{width:1000px;margin:auto;}
.header{height:140px;position:relative;z-index:2;}
.topbar{height:34px;line-height:34px;background:#464646;overflow:hidden;}
.topbar .english{margin-left:15px;}
.share a{display:inline-block;width:25px;height:25px;float:none;padding:0;background:none;line-height:24px;font-size:16px;text-align:center;color:#ddd;}
.share a:hover{color:#aaa;}
.share a.email-login{width:80px;font-size:12px;}

.english a{display:inline-block;line-height:1;border-radius:10px;padding:5px 15px;font-size:12px;color:#fff;background:#c00;}
.english a:hover{background:#c00;}
.logo{display:block;padding-top:20px;padding-bottom:20px;}
.logo a{display:block;width:380px;height:80px;background-image:url(../images/logo.png);text-indent:-999px;overflow:hidden;}
.search{height:36px;padding-top:30px;padding-bottom:30px;}
.search button{width:105px;height:36px;border:none;background:#c00;color:#fff;font-size:16px;margin-left:-1px;}
.keyword{width:235px;height:20px;padding:7px 5px;border:1px solid #ddd;}
.nav{width:100%;height:50px;position:absolute;left:0;bottom:0;background:url(../image/nav-bg.png);}
.nav li{width:15%;float:left;line-height:50px;font-weight:bold;text-align:center;}
.nav li a{display:block;font-size:15px;}
.nav li a i{margin-left:5px;}
.nav li.cur a{background:#d4d4d4;background:rgba(210,210,210,.5);}
.nav li:hover a{background:#cfcfcf;background:rgba(185,185,185,.5);}
.nav li .subnav{overflow:hidden;position:relative;background:#fff;border:1px solid #d4d4d4;text-indent:40px;text-align:left;border-top:none;padding-top:10px;padding-bottom:5px;display:none;}
.nav li .subnav p{border-right:1px solid #d4d4d4;}
.nav li .subnav p:last-child{border-right:none;}
.nav li .subnav a{font-weight:normal;line-height:2;background:none;font-size:13px;}
.nav li .subnav a:hover{background:#e4e4e4;}
.nav li .subnav .caret{position:absolute;top:0;left:50%;margin-left:-8px;border-top-color:#cfcfcf;}
.no-js .nav li:hover .subnav{display:block;}
.nav li .product-nav{width:321px;overflow:hidden;}
.nav li .product-nav p{float:left;text-align:left;width:110px;height:172px;padding:0 25px;}
.nav li .product-nav p strong,.nav li .service-nav p strong{display:block;color:#555;line-height:2;padding:0 5px;}
.nav li .product-nav p a,.nav li .service-nav p a{font-size:12px;padding:0 5px;}
.nav li .product-nav .caret{left:58px;}
.nav li .service-nav{width:1000px;margin-left:-444px;overflow:hidden;}
.nav li .service-nav p{height:370px;float:left;text-align:left;padding:0 25px;}
.nav li .service-nav p .more{display:block;width:118px;height:34px;line-height:34px;background:#f03b32;text-align:center;color:#fad0cf;}
.nav li .service-nav p .more i{font-size:14px;margin-right:5px;}
.nav li .service-nav p .more:hover{background:#c00;}

.banner{height:480px;background:#333;position:relative;}
.banner ul,.banner ul li,.banner ul li a{width:100%;height:480px;position:absolute;top:0;left:0;}
.banner ul{overflow:hidden;}
.banner ul li a{left:50%;margin-left:-960px;}
.banner ul li .layout{position:relative;margin-top:188px;}
.slide-btn{position:absolute;width:100%;bottom:10px;text-align:center;}
.slide-btn a{display:inline-block;width:18px;height:18px;background:#fff;border-radius:50%;vertical-align:middle;margin-left:5px;text-indent:-999px;overflow:hidden;}
.slide-btn a.cur{background:#c00;}
.notice1{height:40px;line-height:40px;font-size:12px;background:#ededed}
.notice1 strong{color:#c00;float:left;}
.notice1 span{color:#999;margin-left:15px;}
.notice1 .roll{height:24px;line-height:24px;margin:8px 0;overflow:hidden;float:left;}
.main{margin-top:35px;margin-bottom:35px;}
.home-news{width:47%;height:100%;margin-right:2.5%;}
.home-news .cat-tit{height:56px;line-height:56px;border-bottom:1px solid #ddd;}
.home-news .cat-tit h2{display:inline;font-size:20px;font-weight:normal;}
.home-news .cat-tit .more{line-height:16px;margin-top:25px;float:right;font-size:12px;}
.home-news ul{padding-top:8px;}
.home-news li{line-height:31px;overflow:hidden;}
.home-news li span{float:right;font-size:12px;color:#999;}
.home-ser{width:20%;height:100%;margin-right:2.5%;}
.home-ser li{height:65px;margin-bottom:13px;}
.home-ser li a{display:block;height:49px;padding:0px;position:relative;transition:background .5s,border-color .5s;-moz-transition:background .5s,border-color .5s;-webkit-transition:background .5s,border-color .5s;}
.home-ser li a:hover{background:#ffffff;border-color:#fffffff;}
.home-ser li a:hover p,.home-ser li a:hover p strong{color:#fff;}
.home-ser li a:hover i{background:#fff;color:#7d8187;}
.home-ser li i{width:48px;height:48px;line-height:48px;text-align:center;border-radius:50%;background:#7d8187;color:#fff;font-size:30px;}
.home-ser li p{position:absolute;top:7px;left:66px;right:7px;font-size:12px;color:#999;}
.home-ser li p strong{display:block;font-size:14px;color:#444;}
.home-com{width:20%;height:100%;background:#ffffff;}
.home-com h2{font-size:20px;line-height:62px;text-align:center;color:#fff;}
.home-com ul{padding-bottom:12px;}
.home-com li{border-top:1px solid #fff;line-height:1px;font-size:15px;}
.home-com li a{color:#fff;margin-left:20px;}
.home-com li a:hover{color:#fc3;}
.home-com li i{width:14px;height:14px;margin-right:5px;text-indent:7px;line-height:14px;border-radius:50%;color:#f03b32;font-size:12px;}

.footer{height:70px;padding-top:20px;padding-bottom:10px;background:#6a9e32;}
.footer .fc{height:70px;display:block;width:380px;height:80px;background-image:url(../images/logo_top.png);text-indent:-999px;overflow:hidden;}
.footer .fl{color:#000000;}
.footer .fl strong{font-size:14px;color:#000000;}
.footer .fl p{font-size:14px;color:#000000;}
.footer .fr{text-align:right;}
.foot-nav a{color:#000;margin-left:10px;font-size:14px;font-weight:bold;}
.foot-nav a:hover{color:#fc3;}
.foot-share.share{margin-top:10px;}
.foot-share.share a{background:#797979;border-radius:50%;color:#464646;margin-left:10px;transition:background .5s,color .5s;-moz-transition:background .5s,color .5s;-webkit-transition:background .5s,color .5s;}
.foot-share.share a:hover{background:#f03b32;color:#fff;}
.foot-link{margin-top:30px;}
.kexin{display:inline-block;width:83px;height:30px;background:url(../images/kexin.png);}
.kexin,.select{vertical-align:middle;}
.select{display:inline-block;min-wight:80px;height:30px;line-height:30px;background:#f1f1f1;text-align:left;padding-left:12px;padding-right:12px;position:relative;}
.select span{display:block;verflow:hidden;cursor:pointer;}
.select span i{float:right;line-height:30px;color:#ff0a0a;}
.select ul{display:none;max-height:224px;overflow-y:auto;position:absolute;left:0;right:0;bottom:30px;padding:5px 12px;line-height:28px;background:#f1f1f1;}
.cy-link{width:140px;}
.hd-link{width:240px;}

.inside-main{min-height:820px;margin-top:35px;margin-bottom:35px;position:relative;}
.left-main{width:79.5%;}
.right-nav{width:18%;}
.path{height:36px;line-height:36px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.path i{color:#999;}
.path span{color:#999;}
.path span,.path a{font-size:12px;}
.tit-img{position:relative;height:250px;text-align:right;}
.tit-box{position:absolute;height:220px;left:0;top:0;right:618px;background:url(../images/left-tit-bg.png);}
.tit-box span{position:absolute;color:#fff;font-size:16px;bottom:15px;right:15px;}
.content{padding:25px 0;}
.detail{margin-top:15px;}
.right-nav{padding-bottom:43px;}
.right-nav h2{height:136px;line-height:136px;text-align:center;font-size:24px;color:#fff;background:url(../images/tit-bg.png);}
.right-nav h2,.right-nav ul,.right-link{position:relative;z-index:1;}
.right-nav ul li a{display:block;position:relative;line-height:42px;padding-left:42px;color:#fff;background:#5e5e5e;border:1px solid #4d4d4d;border-top:1px solid #666;transition:background .3s,color .3s;-moz-transition:background .3s,color .3s;-webkit-transition:background .3s,color .3s;}
.right-nav ul li a:hover,.right-nav ul li.cur>a{background:#5a5a5a;color:#fc3;}
.right-nav ul li a i{position:absolute;right:20px;top:15px;color:#9f9f9f;transition:background .3s,color .3s;-moz-transition:background .3s,color .3s;-webkit-transition:background .3s,color .3s;}
.right-nav ul li a:hover i,.right-nav ul li.cur>a i{color:#fc3;}
.right-nav ul li p{display:none;margin:0;}
.no-js .right-nav ul li p,.right-nav ul li.cur p{display:block;}
.right-nav ul li p a{height:34px;line-height:34px;color:#666;background:#edeeef;border-color:#d9d9de;border-top-color:#fff;}
.right-nav ul li p a:hover{background:#fefefe;color:#c00;}
.right-nav ul li p a.cur{color:#c00;}
.right-link{background:#e8e8e8;border:1px solid #ddd;margin-top:44px;}
.right-link a{display:block;text-align:center;border-bottom:1px solid #ddd;margin:0;padding:20px;transition:background .3s,color .3s;-moz-transition:background .3s,color .3s;-webkit-transition:background .3s,color .3s;}
.right-link a i{width:48px;height:48px;line-height:48px;text-align:center;border-radius:50%;background:#7d8187;color:#fff;font-size:30px;transition:background .3s;-moz-transition:background .3s;-webkit-transition:background .3s;}
.right-link a:last-child{border-bottom:none;}
.right-link a strong{display:block;font-size:16px;line-height:2.5;}
.right-link a:hover i{background:#c00;}
.gotop{position:absolute;bottom:0;top:0;right:0;left:82%;z-index:0;}
.gotopbox{height:100%;border:1px dotted #ddd;}
.gotop a{display:block;width:100%;height:44px;line-height:44px;background:#e8e8e8;position:absolute;bottom:-1px;border-top:1px solid #ddd;text-align:center;}
.gotop a i{color:#c00;margin-right:5px;font-size:16px;}

.txt-list{padding:25px 0;}
.txt-list li{height:75px;position:relative;padding:15px 0 15px 100px;border-bottom:1px dotted #ddd;}
.txt-list li span{display:block;width:90px;height:75px;line-height:1.4;font-size:12px;background:url(../images/left-tit-bg.png);color:#fff;position:absolute;left:0;top:15px;text-align:center;}
.txt-list li span strong{display:block;font-size:36px;}
.txt-list li a{font-size:18px;font-weight:bold;line-height:1.5;}
.txt-list li p{font-size:12px;line-height:1.5;color:#999;margin-top:5px;}
.pager{text-align:center;}
.pager a{display:inline-block;width:35px;height:35px;line-height:35px;border:1px solid #ddd;text-align:center;}
.pager a.cur{background:#666;border-color:#666;color:#fff;}
.pager a:hover{background:#c00;border-color:#c00;color:#fff;}
.content h1{font-size:24px;line-height:1.5;padding:20px 0;text-align:center;}
.newsinfo{padding:8px 0;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;}
.newsinfo .fl{color:#999;}
.newsinfo .fr i{color:#fff;width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px;}
.newsinfo .fr .fa-weibo{background:#e1161a;}
.newsinfo .fr .fa-tencent-weibo{background:#27a2db;}
.newsinfo .fr .fa-renren{background:#0074d1;}
.newsinfo .fr .fa-weixin{background:#24aa05;}

.brief{margin-top:25px;}
.product-list{margin-bottom:25px;}
.product-list li,.agency-list li,.person-list li{overflow:hidden;position:relative;padding:15px 0;border-bottom:1px dotted #ddd;}
.product-list li .product-img,.agency-list li .agency-img,.person-list li .person-img{position:absolute;top:15px;left:0;}
.product-list li .product-img{width:160px;height:120px;}
.product-list li .product-img img{width:160px;height:120px;}
.product-list li .product-info{margin-left:180px;height:120px;position:relative;}
.product-list li .product-info strong,.agency-list li .agency-info strong,.person-list li .person-info strong{font-size:18px;line-height:1;}
.product-list li .product-info p{line-height:1.5;color:#999;}
.product-list li .product-info .more{display:inline-block;width:82px;height:24px;line-height:24px;position:absolute;bottom:0;right:0;background:#ff2d22;color:#fff;text-align:center;}
.border{border-bottom:1px dotted #ddd;}
.service-list ul{overflow:hidden;margin-top:25px;}
.service-list li{width:50%;line-height:30px;float:left;font-weight:bold;list-style:square inside none;}
.agency-list li .agency-img{width:210px;height:140px;}
.agency-list li .agency-img img{width:210px;height:140px;}
.agency-list li .agency-info{margin-left:230px;height:140px;position:relative;}
.agency-list li .agency-info p{line-height:1.5;color:#999;margin-top:5px;}
.person-list li .person-img{width:224px;height:168px;}
.person-list li .person-img img{width:224px;height:168px;}
.person-list li .person-info{margin-left:240px;min-height:168px;position:relative;}
.person-list li .person-info p{line-height:1.5;color:#999;margin-top:5px;text-indent:2em;}
.vod-list ul{width:814px;overflow:hidden;margin-top:25px;}
.vod-list ul li{width:253px;height:230px;margin-right:18px;margin-bottom:25px;float:left;}
.vod-list ul li img{width:253px;height:190px;}
.vod-list ul li span{display:block;line-height:40px;font-size:14px;text-align:center;}
.video-area{display:none;width:720px;height:540px;background:#fff;position:fixed;padding:10px;left:50%;top:50%;margin-left:-360px;margin-top:-270px;z-index:10;}
.video-area a{display:block;width:40px;height:40px;line-height:35px;text-align:center;color:#fff;font-size:40px;background:#c00;position:absolute;top:-40px;right:0;}
.video-mask{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=60);opacity:.6;z-index:9;}
.video-area video{width:720px;height:420px;}

.detail h2{font-size:18px;line-height:2;}
.detail .teamlist li{overflow:hidden;position:relative;padding:5px 0;border-bottom:1px dotted #ddd;font-weight:bold;list-style:square inside none;}
.detail table{border:none;margin-top:10px;}
.detail table th,.detail table td{padding:3px 8px;border-color:#ccc;}

.gohome a{color:#ddd;font-size:12px;}
.gohome a:hover{color:#aaa;}
.sub .search button{background:#464646;}
.sub .header{height:210px;}
.hidenav{width:100px;height:36px;position:relative;line-height:36px;text-align:center;color:#fff;margin-top:30px;margin-bottom:30px;margin-left:15px;}
.hidenav a{display:block;height:36px;background:#c00;font-size:16px;color:#fff;}
.hidenav a i{margin-right:5px;font-size:18px;}
.hidenav a:hover{background:#e00;}
.hidenav ul{display:none;position:absolute;width:100px;right:0;background:#fff;padding:10px 0;}
.hidenav ul li a{height:30px;line-height:30px;font-size:14px;color:#444;text-align:left;padding-left:15px;background:none;}
.hidenav ul li a:hover{background:#f4f4f4;}
.no-js .hidenav:hover ul{display:block;}
.sub-menu{height:80px;background:url(../images/submenu-bg.png);}
.sub-menu h1{float:left;background:url(../images/sub-logo.png) left center no-repeat;height:48px;line-height:1.5;padding:3px 0 2px 56px;margin-top:13px;}
.sub-menu h1 span{display:block;font-weight:normal;color:#999;}
.sub-menu h1 strong{display:block;font-size:18px;}
.sub-menu nav{float:right;}
.sub-menu nav li{float:left;font-size:15px;font-weight:bold;padding-left:20px;padding-right:20px;line-height:80px;}
.sub-menu nav li:first-child{border:none;}
.sub-menu nav li.cur{background:#d4d4d4;background:rgba(210,210,210,.5);}
.sub .inside-main{min-height:600px;}
.sub .banner{background:#105a20;height:440px;overflow:hidden;}
.sub .row{height:225px;margin-top:15px;}
.sub .cat-tit{position:relative;}
.sub .cat-tit .more{position:absolute;right:0;top:17px;font-size:12px;}
.sub .row h2{display:block;font-size:20px;font-weight:normal;line-height:55px;border-bottom:1px solid #ddd;}
.sub .row .fl{width:48.5%;}
.sub .row .fr{width:48.5%;}
.sub .row .fl .sub-info,.only-about .sub-info{line-height:2;}
.sub .row .fl .sub-info p,.only-about .sub-info p{display:block;height:140px;overflow:hidden;}
.sub .row .fl .sub-info,.sub .row .fl ul,.sub .row .fr ul,.only-about .sub-info{padding-top:20px;}
.sub .row .fl .sub-info img,.only-about .sub-info img{float:left;margin-right:15px;}
.sub .row .fl ul li,.sub .row .fr ul li{line-height:28px;overflow:hidden;}
.sub .row .fl ul li span,.sub .row .fr ul li span{color:#999;float:right;font-size:12px;}
.sub .product{height:360px;border-top:1px solid #ddd;margin-top:15px;}
.sub .product h2{display:block;font-size:20px;font-weight:normal;line-height:55px;border-bottom:1px solid #ddd;}
.sub .product ul{width:1220px;margin-top:20px;}
.sub .product li{float:left;margin-right:20px;}
.sub .product li{width:235px;height:215px;}
.sub .product li img{width:235px;height:168px;}
.sub .product li a{display:block;text-align:center;}
.sub .noleft .sub-product ul{width:1020px;}
.sub .noleft .sub-product ul li{width:235px;height:216px}
.sub .noleft .sub-product ul li img{width:235px;height:176px;}
.sub .sub-list ul{padding:15px 0;}
.sub .sub-list li{line-height:35px;overflow:hidden;border-bottom:1px dashed #ccc;}
.sub .sub-list li span{float:right;font-size:12px;color:#999;}
.sub .sub-product ul{width:814px;overflow:hidden;margin-top:25px;}
.sub .sub-product ul li{width:253px;height:230px;margin-right:18px;margin-bottom:25px;float:left;}
.sub .sub-product ul li img{width:253px;height:190px;}
.sub .sub-product ul li span{display:block;line-height:40px;font-size:14px;text-align:center;}

.right-main{width:79.5%;}
.left-nav{width:18%;}
.left-nav{padding-bottom:43px;}
.left-nav h2{height:136px;line-height:136px;text-align:center;font-size:24px;color:#fff;background:url(../images/tit-bg.png);}
.sub .left-nav h2{background:url(../images/left-tit-bg.png);}
.left-nav h2,.left-nav ul,.right-link{position:relative;z-index:1;}
.left-nav ul li a{display:block;position:relative;line-height:42px;padding-left:42px;color:#fff;background:#5e5e5e;border:1px solid #4d4d4d;border-top:1px solid #666;transition:background .3s,color .3s;-moz-transition:background .3s,color .3s;-webkit-transition:background .3s,color .3s;}
.left-nav ul li a:hover,.left-nav ul li.cur>a{background:#5a5a5a;color:#fc3;}
.left-nav ul li a i{position:absolute;right:20px;top:15px;color:#9f9f9f;transition:background .3s,color .3s;-moz-transition:background .3s,color .3s;-webkit-transition:background .3s,color .3s;}
.left-nav ul li a:hover i,.left-nav ul li.cur>a i{color:#fc3;}

.navWrap{font-size:16px;border-bottom:1px solid #ccc;}
.navWrap a{display:inline-block;zoom:1;*display:inline;padding:8px 0;margin-right:15px;text-decoration:none;}
.navWrap a:hover{color:#333;}
.navWrap a.cur{border-top:3px solid #c00;font-weight:bold;}
.resultInfo{color:#999;padding:8px 0;}
.resultWrap li{margin-top:18px;overflow:hidden;border-bottom:1px dashed #ccc;}
.resultWrap li  img{float:left;margin-right:10px;}
.resultWrap li h5{font-size:16px;line-height:26px;}
.resultWrap p{line-height:1.5;}
.resultWrap .adds{color:#999;line-height:2;font-size:12px;}

.err404{min-height:500px;text-align:center;}
.err-code{display:inline-block;margin-top:100px;position:relative;}
.err-code h1{position:absolute;left:0;top:0;font-size:160px;line-height:1;color:#c00;}
.err-code p{margin-left:330px;text-align:left;}
.err-code p strong{font-size:54px;}

@media (min-width:1280px) {
  .layout{width:1200px;}
  .layout,.nav li .service-nav{width:1198px;}
  .nav li .service-nav{margin-left:-532px;}
  .home-ser li p,.txt-list li p{font-size:14px;}
  .home-com li a{margin-left:35px;}
  .vod-list ul{width:972px;}
  .vod-list ul li{width:304px;height:268px;}
  .vod-list ul li img{width:304px;height:228px;}
  .sub .noleft .sub-product ul{width:1218px;}
  .sub .noleft .sub-product ul li{width:286px;height:255px}
  .sub .noleft .sub-product ul li img{width:286px;height:215px;}
  .sub .sub-product ul{width:972px;}
  .sub .sub-product ul li{width:304px;height:268px;}
  .sub .sub-product ul li img{width:304px;height:228px;}
  .sub .product li{width:285px;height:260px;}
  .sub .product li img{width:285px;height:204px;}
}

@media (max-width:960px) {
  .layout,.banner ul li a img{max-width:960px;min-width:320px;width:auto;}
  .nav ul li a i,.search,/*.banner li .layout,*/.notice span,.home-news.fl ul span,.footer .fr,.right-nav,.tit-img,.subnav .caret,.agency-list .agency-img{display:none;}
  .banner ul li .layout{margin-top:80px;}
  .banner li .layout img{height:50px;}
  .nav{position:static;float:right;width:58px;height:40px;line-height:40px;padding:0 10px;margin-top:-64px;margin-right:10px;background:#c00;color:#fff ;}
  .nav:before{font:normal normal normal 18px/1 FontAwesome;content:"\f0c9 \ 导航";}
  .nav ul{display:none;position:absolute;left:0;right:0;top:85px;background:#fff;border:1px solid #ddd;}
  .nav ul li{width:auto;float:none;border-bottom:1px solid #ddd;}
  .nav ul li:last-child{border-bottom:none;}
  .header .nav li .subnav{padding:0;border:none;padding-bottom:10px;}
  .nav li .product-nav{width:auto;text-align:center;}
  .nav li .product-nav p{display:inline-block;float:none;vertical-align:top;}
  .main{margin-top:20px;margin-bottom:20px;}
  .banner ul li a{margin-left:-480px;}
  .banner ul li a img{width:960px;}
  .banner,.banner ul,.banner ul li,.banner ul li a{height:240px;}
  .logo,.home-news.fl{float:none;}
  .cat-tit h2{margin-left:10px;}
  .cat-tit .more{margin-right:10px;}
  .home-news.fl,.home-ser,.home-com{width:100%;margin-right:0;}
  .home-news.fl ul,.home-ser ul,.home-com ul,.footer .fl,.path,.service-list,.product-list{padding-left:10px;padding-right:10px;}
  .home-ser{margin-top:25px;}
  .logo a{width:auto;height:45px;background-repeat:no-repeat;background-position:left center;background-size:contain;margin-left:10px;margin-right:100px;}
  .header{height:auto;}
  .notice{text-indent:10px;}
  
  .inside-main{min-height:500px;margin:0;}
  .left-main{width:auto;float:none;}
  .content{padding:10px;}
  .content h1{font-size:20px;}
  .detail img{max-width:100%;}
  .txt-list li{padding:15px 10px 15px 110px;}
  .txt-list li span,.product-list li .product-img{left:10px;}
  .txt-list li p{height:40px;overflow:hidden;}
  .txt-list li a{display:block;height:21px;font-size:16px;overflow:hidden;}
  .vod-list ul{width:auto;overflow:hidden;margin-top:25px;}
  .vod-list ul li{width:50%;height:auto;padding:0 10px;margin:0;margin-bottom:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  .vod-list ul li img{width:100%;height:auto;}
  .vod-list ul li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .video-area{width:100%;height:100%;background:rgba(0,0,0,0.5);left:0;top:0;padding:0;margin-left:0;margin-top:0;}
  .video-area a{top:0;right:0;}
  .video-area video{width:100%;height:100%;}
  .pager{margin-bottom:15px;}
  .product-list li p{height:64px;overflow:hidden;}
  .product-list li .product-info .more{right:10px;}
  .product-list li .product-info strong{display:block;overflow:hidden;height:18px;margin-bottom:5px;}
  .service-list li{padding:0 10px;float:none;width:auto;}
  .service-list li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .agency-list li .agency-info,.person-list li .person-info{margin-left:10px;margin-right:0;}
  .person-list li .person-img{position:static;margin:10px auto;}
  .person-list li .person-info strong{display:block;line-height:1.5;text-align:center;}
  .sub .row .fl .sub-info{display:none;}
}
/*MP3*/
.audioplayer{height:2.5em;color:#fff;text-shadow:1px 1px 0 #000;border:1px solid #222;position:relative;z-index:1;background:#333}.audioplayer-mini{width:2.5em;margin:0 auto}.audioplayer>div{position:absolute}.audioplayer-playpause{width:2.5em;height:100%;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;left:0}.audioplayer:not(.audioplayer-mini) .audioplayer-playpause{border-right:1px solid #555;border-right-color:rgba( 255,255,255,.1 )}.audioplayer-mini .audioplayer-playpause{width:100%}.audioplayer-playpause:hover,.audioplayer-playpause:focus{background-color:#222}.audioplayer-playpause a{display:block}.audioplayer-stopped .audioplayer-playpause a{width:0;height:0;border:0.5em solid transparent;border-right:none;border-left-color:#fff;content:'';position:absolute;top:50%;left:50%;margin:-0.5em 0 0 -0.25em}.audioplayer-playing .audioplayer-playpause a{width:0.75em;height:0.75em;position:absolute;top:50%;left:50%;margin:-0.375em 0 0 -0.375em}.audioplayer-playing .audioplayer-playpause a:before,.audioplayer-playing .audioplayer-playpause a:after{width:40%;height:100%;background-color:#fff;content:'';position:absolute;top:0}.audioplayer-playing .audioplayer-playpause a:before{left:0}.audioplayer-playing .audioplayer-playpause a:after{right:0}.audioplayer-time{width:4.375em;height:100%;line-height:2.375em;text-align:center;z-index:2;top:0}.audioplayer-time-current{border-left:1px solid #111;border-left-color:rgba( 0,0,0,.25 );left:2.5em}.audioplayer-time-duration{border-right:1px solid #555;border-right-color:rgba( 255,255,255,.1 );right:2.5em}.audioplayer-novolume .audioplayer-time-duration{border-right:0;right:0}.audioplayer-bar{height:0.875em;background-color:#222;cursor:pointer;z-index:1;top:50%;right:6.875em;left:6.875em;margin-top:-0.438em}.audioplayer-novolume .audioplayer-bar{right:4.375em}.audioplayer-bar div{width:0;height:100%;position:absolute;left:0;top:0}.audioplayer-bar-loaded{background-color:#333;z-index:1}.audioplayer-bar-played{background:#007fd1;z-index:2}.audioplayer-volume{width:2.5em;height:100%;border-left:1px solid #111;border-left-color:rgba( 0,0,0,.25 );text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;right:0}.audioplayer-volume:hover,.audioplayer-volume:focus{background-color:#222}.audioplayer-volume-button{width:100%;height:100%}.audioplayer-volume-button a{width:0.313em;height:0.375em;background-color:#fff;display:block;position:relative;z-index:1;top:40%;left:35%}.audioplayer-volume-button a:before,.audioplayer-volume-button a:after{content:'';position:absolute}.audioplayer-volume-button a:before{width:0;height:0;border:0.5em solid transparent;border-left:none;border-right-color:#fff;z-index:2;top:50%;right:-0.25em;margin-top:-0.5em}.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after{width:0.313em;height:0.313em;border:0.25em double #fff;border-width:0.25em 0.25em 0 0;left:0.563em;top:-0.063em;-webkit-border-radius:0 0.938em 0 0;-moz-border-radius:0 0.938em 0 0;border-radius:0 0.938em 0 0;-webkit-transform:rotate( 45deg );-moz-transform:rotate( 45deg );-ms-transform:rotate( 45deg );-o-transform:rotate( 45deg );transform:rotate( 45deg )}.audioplayer-volume-adjust{height:6.25em;cursor:default;position:absolute;left:0;right:-1px;top:-9999px;background:#333}.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity:0}.audioplayer-volume:hover .audioplayer-volume-adjust{top:auto;bottom:100%}.audioplayer-volume-adjust>div{width:40%;height:80%;background-color:#222;cursor:pointer;position:relative;z-index:1;margin:30% auto 0}.audioplayer-volume-adjust div div{width:100%;height:100%;position:absolute;bottom:0;left:0;background:#007fd1}.audioplayer-novolume .audioplayer-volume{display:none}.audioplayer-volume-adjust{-webkit-box-shadow:-2px -2px 2px rgba( 0,0,0,.15 ),2px -2px 2px rgba( 0,0,0,.15 );-moz-box-shadow:-2px -2px 2px rgba( 0,0,0,.15 ),2px -2px 2px rgba( 0,0,0,.15 );box-shadow:-2px -2px 2px rgba( 0,0,0,.15 ),2px -2px 2px rgba( 0,0,0,.15 )}.audioplayer-bar,.audioplayer-volume-adjust>div{-webkit-box-shadow:-1px -1px 0 rgba( 0,0,0,.5 ),1px 1px 0 rgba( 255,255,255,.1 );-moz-box-shadow:-1px -1px 0 rgba( 0,0,0,.5 ),1px 1px 0 rgba( 255,255,255,.1 );box-shadow:-1px -1px 0 rgba( 0,0,0,.5 ),1px 1px 0 rgba( 255,255,255,.1 )}.audioplayer-volume-adjust div div,.audioplayer-bar-played{-webkit-box-shadow:inset 0 0 5px rgba( 255,255,255,.5 );-moz-box-shadow:inset 0 0 5px rgba( 255,255,255,.5 );box-shadow:inset 0 0 5px rgba( 255,255,255,.5 )}.audioplayer-playpause,.audioplayer-volume a{-webkit-filter:drop-shadow( 1px 1px 0 #000 );-moz-filter:drop-shadow( 1px 1px 0 #000 );-ms-filter:drop-shadow( 1px 1px 0 #000 );-o-filter:drop-shadow( 1px 1px 0 #000 );filter:drop-shadow( 1px 1px 0 #000 )}.audioplayer,.audioplayer-volume-adjust{background:-webkit-gradient( linear,left top,left bottom,from( #444 ),to( #222 ) );background:-webkit-linear-gradient( top,#444,#222 );background:-moz-linear-gradient( top,#444,#222 );background:-ms-radial-gradient( top,#444,#222 );background:-o-linear-gradient( top,#444,#222 );background:linear-gradient( to bottom,#444,#222 )}.audioplayer-bar-played{background:-webkit-gradient( linear,left top,right top,from( #007fd1 ),to( #c600ff ) );background:-webkit-linear-gradient( left,#007fd1,#c600ff );background:-moz-linear-gradient( left,#007fd1,#c600ff );background:-ms-radial-gradient( left,#007fd1,#c600ff );background:-o-linear-gradient( left,#007fd1,#c600ff );background:linear-gradient( to right,#007fd1,#c600ff )}.audioplayer-volume-adjust div div{background:-webkit-gradient( linear,left bottom,left top,from( #007fd1 ),to( #c600ff ) );background:-webkit-linear-gradient( bottom,#007fd1,#c600ff );background:-moz-linear-gradient( bottom,#007fd1,#c600ff );background:-ms-radial-gradient( bottom,#007fd1,#c600ff );background:-o-linear-gradient( bottom,#007fd1,#c600ff );background:linear-gradient( to top,#007fd1,#c600ff )}.audioplayer-bar,.audioplayer-bar div,.audioplayer-volume-adjust div{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.audioplayer{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.audioplayer-volume-adjust{-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:2px;border-top-right-radius:2px}.audioplayer *,.audioplayer *:before,.audioplayer *:after{-webkit-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-moz-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-ms-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-o-transition:color .25s ease,background-color .25s ease,opacity .5s ease;transition:color .25s ease,background-color .25s ease,opacity .5s ease}