@charset "utf-8";
/*全局定义*/
*{margin:0;padding:0;}
body{font-size:14px;  font-family:"微软雅黑"; color:#777;}
img{border:0 none;}
li{list-style:none;}
a,p,h1{text-decoration:none;transition-property:color;transition-duration:.6s;}
input,textarea{outline:medium;border:none 0;}
/*头部*/
.top{ width:1200px; margin:0 auto; height:100px;}
.logo{width:220px; float:left;}
.logo img{width:220px; height:100px;}
.ysw{width:122px; float:left; margin-left:35px;}
.ysw img{width:122px; height:50px;}
.top_right{width:800px; float:right; margin-top:16px; height:34px;}
.login{float:right; font-size:12px; color:#555;}
.login a{font-size:12px; color:#555; line-height:24px;}
.login a:hover{color:#f00;}
.top_right img{float:right; margin:0 20px;}
.language{float:right;}
.language a{font-size:12px; color:#fff; width:60px; height:24px; line-height:24px; display:block; float:left; text-align:center;}
.chinese{ background:#00a0e9; margin-right:5px;}
.english{background:#3a9d18;}

/*nav*/
.menu{width:972px; float:right;}
.mainlevel{width:108px; /*IE6 only*/ height:50px; line-height:50px; text-align:center; background:url(../images/menu_li.jpg) no-repeat right center; position:relative; z-index:99; float:left;}
.mainlevel a{width:100%; height:50px; line-height:50px; display:block; font-size:14px; color:#000;}
.mainlevel a:hover,.mainlevel a.active{color:#00a0e9;}
.mainlevel ul{width:100%; display:none; position:absolute; left:0px; padding:10px 0px; background:#00a0e9; z-index:9;}
.mainlevel li{width:100%;/*IE6 only*/ height:30px; line-height:30px; text-align:center;}
.mainlevel li a{width:100%;/*IE6 only*/ display:block; height:30px; line-height:30px; background:none; color:#fff; font-size:12px;}
.mainlevel li a:hover{background:#40bdf6; color:#fff; font-weight:normal;}


.index{clear:both;}
.content { width:1200px; margin:0 auto;}
/*item*/
.index .item .content { position: relative; }
.index .item .animate { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.index .item .title { text-align: center; padding-top: 50px; opacity: 0; }
.title a{font-size:24px; color:#333; font-family:"微软雅黑";}
.title a:hover{ color:#009ed6;}
.index .item.current .title { opacity: 1; padding-top: 40px; line-height:55px; font-size:24px;}
/*item-1*/
.index .item-1 { height:400px; }
.index .item-1 .text { color: #7d7d7d; font-size: 20px; text-align: center; opacity: 0; padding-top: 20px; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.index .item-1 .icons { width: 100%; position: absolute; top:120px; }
.index .item-1 .icons .component { position: absolute; opacity: 0; }
.index .item-1 .icons .component.icon01 { left:49px; top: -25px; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.index .item-1 .icons .component.icon02 { left:289px; top: -25px; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.index .item-1 .icons .component.icon03 { left: 529px; top: -25px; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; }
.index .item-1 .icons .component.icon04 { right:289px; top: -25px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.index .item-1 .icons .component.icon05 { right:49px; top: -25px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1.2s; -moz-transition-delay: 1s; transition-delay: 1s; }
.index .item-1 .icons .component.text01 { left:45px; top: 220px; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; width:150px;}
.index .item-1 .icons .component.text02 { left:285px; top: 220px; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; width:150px;}
.index .item-1 .icons .component.text03 { left:525px; top: 220px; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; width:150px;}
.index .item-1 .icons .component.text04 { right:285px; top: 220px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; width:150px;}
.index .item-1 .icons .component.text05 { right:45px; top: 220px; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1.2s; -moz-transition-delay: 1s; transition-delay: 1s; width:150px;}
.icons a h1{ font-size:18px; font-weight:normal; font-family:"微软雅黑"; color:#555; text-align:center; line-height:30px;}
.icons a h1:hover{color:#009ed6;}
.icons a p{font-size:12px; color:#999; text-align:center; line-height:24px;}
.index .item-1.current .text { opacity: 1; padding-top: 0px; }
.index .item-1.current .icons .component { opacity: 1; }
.index .item-1.current .icons .component.icon01 { top: 0px; }
.index .item-1.current .icons .component.icon02 { top: 0px; }
.index .item-1.current .icons .component.icon03 { top: 0px; }
.index .item-1.current .icons .component.icon04 { top: 0px; }
.index .item-1.current .icons .component.icon05 { top: 0px; }
.index .item-1.current .icons .component.text01 { top: 160px; }
.index .item-1.current .icons .component.text02 { top: 160px; }
.index .item-1.current .icons .component.text03 { top: 160px; }
.index .item-1.current .icons .component.text04 { top: 160px; }
.index .item-1.current .icons .component.text05 { top: 160px; }

/*item-2*/
.index .item-2{background:#f2f2f2;}
.index .item-2 .about{width:1200px; margin:0 auto; overflow:hidden; height:300px; opacity:0; margin-top:100px; padding:40px 0;}
.index .item-2 .about .about_left{width:470px; float:left; margin-top:20px; height:260px; background:#000;}
.index .item-2 .about .about_txt{width:700px; float:right;}
.index .item-2.current .title { opacity: 1; padding-top: 0px; line-height:60px; font-size:24px;}
.index .item-2 .about .about_txt p{height:180px;  line-height:30px; text-indent:2em; overflow:hidden;}
.index .item-2.current .about{opacity:1; margin-top:0;-webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;}
.more{ background:#009ed6; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:right; padding:2px;}

/*item-3*/
.index .item-3 {height:760px; background:url(../images/news_bg.jpg) no-repeat top center;}
.index .item-3.current .title a{background:url(../images/news_t_bg.png) no-repeat right center; display:block; width:503px; margin:0 auto; height:55px; color:#fff; line-height:40px;}
.index .item-3.current .title a:hover{color:#009ed6;}
.index .item-3 .list { width:1200px; margin:0 auto; opacity: 0; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; margin-top:-100px; overflow:hidden;}
.index .item-3 .list:hover { background-image: url(../images/item3.jpg); }
.index .item-3 .list .list-c { height:390px; width:590px; float:left; overflow:hidden;}
.img img { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1);}
.img:hover img { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
.index .item-3 .list .list-c .text {width:550px; background:#fff; height:110px; padding:20px;}
.index .item-3 .list .list-c .text .t { font-size: 16px; height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.index .item-3 .list .list-c .text .t .newtitle{float:left; font-size:18px; font-family:"微软雅黑"; color:#555;}
.index .item-3 .list .list-c .text .t .newtitle:hover{color:#009ed6;}
.index .item-3 .list .list-c .text .t span{color:#999; float:right;}
.index .item-3 .list .list-c .text .desc {line-height:30px; height: 60px; overflow: hidden; font-size:12px;}
.text span{float:right; font-size:12px; line-height:20px;}
.news_right{width:590px; float:right;}
.news_txt{width:578px; height:114px; padding:8px 6px; background:#fff; float:left;}
.news_txt img{width:167px; height:114px; float:left;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1);}
.news_txt img:hover{-webkit-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); -o-transform: scale(1.02, 1.02); -moz-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); }
.news_txt_r{width:400px; float:right; height:114px; overflow:hidden;}
.news_txt_r h1{overflow:hidden;}
.news_txt_r h1 a{font-size:16px; font-weight:normal; font-family:"微软雅黑"; color:#555; width:400px; height:34px; overflow:hidden; line-height:34px; display:block; float:left;}
.news_txt_r h1 a:hover{color:#009ed6;}
.news_txt_r p{font-size:12px; line-height:24px; height:48px; overflow:hidden; float:left; margin-bottom:6px;}
.news_txt_r span{float:left; font-size:12px;}
.news_m{margin:6px 0;}
.index .item-3.current .list { opacity: 1; margin-top:0;}
.index .item-4 .list { float: left; opacity: 0; }
.index .item-4.current .list { opacity: 1; }

/*item-4*/
.index .item-4.current .title a{background:url(../images/team_t_bg.png) no-repeat right center; display:block; width:503px; margin:0 auto; height:55px; color:#333; line-height:40px;}
.index .item-4.current .title a:hover{color:#009ed6;}
.index .item-4 .team{width:1200px; margin:0 auto; overflow:hidden; height:615px; opacity:0; margin-top:100px; padding:70px 0;}
.index .item-4 .team ul li{width:296px; float:left; margin:0 2px; height:615px;}
.index .item-4.current .team{opacity:1; margin-top:0;-webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;}

/*item-5*/
.index .item-5.current .title a{background:url(../images/pro_t_bg.png) no-repeat right center; display:block; width:503px; margin:0 auto; height:55px; color:#333; line-height:40px;}
.index .item-5.current .title a:hover{color:#009ed6;}
.index .item-5 .pro{width:1200px; margin:0 auto; overflow:hidden; height:560px; opacity:0; margin-top:100px; padding:10px 0 80px 0;}
.index .item-5.current .pro{opacity:1; margin-top:0;-webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;}
.artist{width:100%; position:relative; float:left;}
.artist li{overflow:hidden; width:190px; height:190px; position:relative;  float:left; margin:40px 25px;}
.artist li img{width:190px; height:190px; display:block;}
.artist li a{background:url(../images/case_bg.png) repeat; left:0px; color:#fff; width:100%; height:100%; position:absolute;}
.artist li a p{color:#fff; text-align:center; font-family:"微软雅黑"; line-height:36px; font-size:18px; width:130px; padding:0 30px; margin-top:60px;}


/*底部*/
.bot_wrap{width:100%; padding:30px 0px; background:#272727; clear:both;}
.bot{width:1200px; margin:0 auto; color:#fff; clear:both; overflow:hidden;}
.bot *{color:#fff;}
.bot_v1{float:left; margin-top:80px;}
.bot_v2{width:380px; float:left; line-height:27px; padding-left:120px;}
.bot_v2 h1{font-weight:normal; line-height:65px; font-family:"微软雅黑"; font-size:20px;}
.bot_v2 p{font-size:12px; line-height:24px;}
.bot_v3{float:right;}
.bot_v3 li{width:140px; padding-left:100px; float:left;}
.bot_v3 li img{width:140px; height:140px;}
.bot_v3 li p{clear:both; font-size:12px; text-align:center; line-height:24px;}
.footer{width:100%; line-height:40px; background:#000; font-size:12px; color:#fff; text-align:center; clear:both}


/*内页*/
/*about*/
.ny_banner{width:100%; height:300px; clear:both;}
#about_ban{background:url(../images/banner_about.jpg) no-repeat top center;}
#team_ban{background:url(../images/banner_team.jpg) no-repeat top center;}
#pro_ban{background:url(../images/banner_pro.jpg) no-repeat top center;}
#case_ban{background:url(../images/banner_case.jpg) no-repeat top center;}
#news_ban{background:url(../images/banner_news.jpg) no-repeat top center;}
#fw_ban{background:url(../images/banner_fw.jpg) no-repeat top center;}
#zx_ban{background:url(../images/banner_zx.jpg) no-repeat top center;}
#con_ban{background:url(../images/banner_con.jpg) no-repeat top center;}
.ny{width:1200px; padding:40px 0px; margin:0 auto; clear:both; overflow:hidden;}
.ny_z{width:200px; float:left;}
.ny_zt{width:100%; height:60px; line-height:60px; background:#00a0e9; color:#fff; float:left;}
.ny_zt span{font-size:20px; padding-left:20px; font-family:"微软雅黑"; color:#fff;}
.ny_zt font{font-size:14px;}
.ny_zm{width:190px; background:#eee; padding:20px 0px 5px 10px; float:left;}
.ny_zm li{width:100%; height:40px; line-height:40px; text-indent:1em; margin-bottom:10px; float:left}
.ny_zm li a{color:#fff; background:#00a0e9 url(../images/jt.png) no-repeat right center; display:block;}
.ny_zm li a:hover,.ny_zm li a.active{background:#fff; color:#555;}
.ny_zf{width:100%; padding-top:15px; float:left}
.ny_zf a img{padding-bottom:5px;}
.ny_r{width:940px; float:right;}
.ny_rt{width:100%; height:25px; line-height:25px; border-bottom:#0082dd 1px solid; float:left;}
.ny_rt h4{float:left;}
.ny_rt span{float:right; font-size:12px;}
.ny_rt span a{color:#666; font-size:12px;}
.ny_rm{width:100%; padding-top:25px; line-height:28px; float:left}

/*honor*/
.honor_list{width:100%; float:left;text-indent:0;}
.honor_list li{width:215px; padding:0px 10px 30px 10px; text-align:center; float:left;}
.honor_list li img{width:213px; height:297px; border:1px solid #ddd;}
.honor_list li p{clear:both; line-height:30px;}
.honor_list li a{color:#666; display:block;}
.honor_list li p:hover{color:#009ed6;}

/*team*/
.sub_nav{width:100%; float:left; padding:0 8px; padding-bottom:8px;}
.sub_nav li{float:left; margin:0px 2px;}
.sub_nav li a{padding:0px 15px; line-height:24px; color:#333; background:#fff; display:block;}
.sub_nav li a:hover,.sub_nav li a.active{color:#fff; background:#007acc;}
.team_list{width:100%; float:left;text-indent:0;}
.team_list li{width:440px; padding:0px 15px 40px 15px; text-align:center; float:left;}
.team_list li img{width:438px; height:318px; border:1px solid #999;}
.team_list li p{clear:both; line-height:30px;}
.team_list li a{color:#666; display:block;}
.team_list li p:hover{color:#009ed6;}

/*news*/
.news_bds{width:100%; padding:20px 0px; border-bottom:#ddd 1px dashed; float:left;}
.news_bds img{width:220px; height:150px; padding-right:20px; float:left;}
.news_bds h2{height:28px; line-height:28px; overflow:hidden; font-size:17px; font-weight:normal;}
.news_bds h2 a{color:#333;}
.news_bds h2 a:hover{color:#009ed6;}
.news_bds span{color:#333; line-height:28px;}
.news_bds p{color:#777; height:88px; overflow:hidden; line-height:22px;}
.news_bdx{width:100%; float:left;}
.news_bdx ul{overflow:hidden; text-indent:0;}
.news_bdx li{width:100%; height:32px; border-bottom:#ddd 1px dashed; float:left;}
.news_bdx li a{color:#666; line-height:32px; padding-left:12px; float:left;}
.news_bdx li a:hover{color:#009ed6; font-weight:bold;}
.news_bdx li span{color:#999; line-height:30px; padding-right:12px; float:right;}

/*pro*/
.pro_list{width:100%; float:left;text-indent:0;}
.pro_list li{width:215px; padding:0px 10px 30px 10px; text-align:center; float:left;}
.pro_list li img{width:213px; height:213px; border:1px solid #ddd;}
.pro_list li p{clear:both; line-height:30px;}
.pro_list li a{color:#666; display:block;}
.pro_list li p:hover{color:#009ed6;}

/*contact*/
.lxfs{width:380px; float:right;}
.lxfs ul{overflow:hidden;}
.lxfs h1{font-size:16px; line-height:40px; float:left; color:#666;}
.lxfs li{width:100%; line-height:32px; border-bottom:#ddd 1px solid; float:left;}

.yqlj{width:1100px; color:#666; line-height:24px; margin:0 auto; clear:both;}
.yqlj a{color:#666;}

/*央视网*/
.ysww{width:100%; height:400px; margin:0 auto; overflow:hidden; display:none; background:url(../images/big-green.jpg) no-repeat center top; text-align:center; position:relative;}
.ysww .link{width:100%; height:400px; display:block; z-index:10;display:block; text-align:center; padding:80px 200px 0 100px;font:700 68px/90px simhei;color:#fff;-webkit-text-shadow: 2px 2px 5px #666;-moz-text-shadow: 2px 2px 5px #666;-ms-text-shadow: 2px 2px 5px #666;text-shadow: 2px 2px 5px #666;}
.ysww .link2{width:100%; height:75px; display:block; z-index:10;display:block; text-align:center; padding:0px 200px 0 100px;font:700 38px/75px simhei;color:#fff;-webkit-text-shadow: 2px 2px 5px #666;-moz-text-shadow: 2px 2px 5px #666;-ms-text-shadow: 2px 2px 5px #666;text-shadow: 2px 2px 5px #666; display:none;}
#qykey_wrap{position:fixed; left:0px; top:250px; z-index:9999;}
#qykey{position:absolute; left:60px; top:95px; color:#f00; font-size:12px;}