@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body{background:#FFFFFF;width: 100%;font-size:14px; color:#000; line-height:24px; font-family:"微软雅黑", "黑体", "宋体";}
a{color: #000000;text-decoration: none;}
a:hover{text-decoration: none;color: #0085CA;}
img { border:none; }
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
.f-l{float:left}
.f-r{float:right}
.clear{zoom:1}
.clear:after{content: '';display: block;clear: both;}
.trans{-webkit-transition:0.2s linear;transition:0.2s ease-in;}
#top_wrap,#nav_wrap.#banner_wrap,#pro_wrap,#main_wrap,#footer_wrap{width: 100%;}
.top-inner,.nav-inner,.banner-inner,.pro-inner,.main-inner,.footer-inner{width: 1100px;margin: 0 auto;}
/*top*/
#top_wrap{padding: 20px 0px 10px 0px;}
.logo{float: left;}
.logo img{width: 150px;}
.reglog{float: right;margin-top: 15px;}
/*nav*/
#nav_wrap{background: #0085CA;height:42px;line-height:42px;}
#nav_wrap .nav-inner a{height:42px;color:#FFF;font-size:16px;}
#nav_wrap .nav-inner a:hover{background:#222222;text-decoration:none;}
#nav_wrap .nav-inner a.actived{background:#222222;}
#nav_wrap .nav-inner span{float:right;}            
.nav-inner ul li {  
        float: left;  
        /* 菜单子元素的内容超出不可见 */  
        overflow: hidden;  
        position: relative;  
        text-align: center;  
        line-height: 42px;  
    }  
    .nav-inner ul li a {  
        /* 必须是相对定位  */  
        position: relative;  
        display: block;  
        width: 120px;  
        height: 45px;            
        font-size: 11px;          
        letter-spacing: 1px;  
        text-transform: uppercase;  
        text-decoration: none;  
        cursor: pointer;  				
    }  		
    .nav-inner ul li a span {  
        /* 所有层将使用绝对定位 */  
                position: absolute;  
        left: 0;  
        width: 120px;  
    }  
    .nav-inner ul li a span.out {  
        top: 0px;  
    }  
    .nav-inner ul li a span.over, .nav-inner ul li a span.bg {  
        /* 起初.over层和.bg层相对a元素-45px以达到隐藏 */  
                top: -45px;  				
    }  
    


/* 焦点图 */
#banner_wrap{height: 410px;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e3f3fb,endColorStr=#c8e7f5); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #e3f3fb,  #c8e7f5);        /* IE 10 */
background:-moz-linear-gradient(top,#b8c4cb,#c8e7f5);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#e3f3fb), to(#c8e7f5));/*谷歌*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3f3fb), to(#c8e7f5));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #e3f3fb, #c8e7f5);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #e3f3fb, #c8e7f5);  /*Opera 11.10+*/}
.focus{overflow:hidden; zoom:1; }
.scroll{ width:1100px; margin:0 auto; position:relative; padding-top:16px;overflow: hidden;}
.scroll .t, .arr_left, .arr_right,.scroll_txt{position:absolute;}
.arr_left{ width:45px; height:70px; cursor:pointer; line-height:400px; overflow:hidden; left:3px; top:135px;background:url(../images/video_0921_arrow_left.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/video_0921_arrow_left.png');_background:none;}
.arr_right{ width:45px; height:70px; cursor:pointer; line-height:400px; overflow:hidden; right:3px; top:135px;background:url(../images/video_0921_arrow_right.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/video_0921_arrow_right.png');_background:none;}
.scroll .t{width:145px; height:36px; cursor:pointer;overflow:hidden; left:-10px; top:16px;background:url(../images/video_1220_zyc_dsj_logo.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/video_1220_zyc_dsj_logo.png');_background:none;}
.scroll .box{float:left; width:1094px;overflow: hidden;}
.scroll .box img{width:1094px;height: 342px;}
.scroll_cont{ border:solid 3px #fff; width:1094px; height:342px}
.numList{ vertical-align:middle; text-align:center; padding:8px; }
.numList span{display: inline-block; width:25px; height:0; padding-top:8px; border:solid 1px #5e5e5e; margin-right:5px; background:#0f0f0f; cursor:pointer; line-height:0; font-size:0}
.numList span.selected{border:solid 1px #333; background:#fff}
.scroll_txt{ left:760px; top:11px;}
.scroll_txt .txtbg{ position:absolute;width:257px; height:390px;left:0px; top:0;background:url(../images/video_0921_txtbg.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='../images/video_0921_txtbg.png');_background:none;}
.scroll_txt .txtcontent{ position:absolute;left:34px; top:50px; color:#ffffff; width:210px}
.scroll_txt .txtcontent h2{ font-size:20px; color:#ccc;  line-height:24px; padding:0 0 5px;}
.scroll_txt .txtcontent p{ padding:5px 0;}
.scroll_txt .txtcontent p a{  color:#025c98;-webkit-transition:0.2s linear;transition:0.2s ease-in;}
.scroll_txt .txtcontent p a:hover{color:#0085CA;}
.scroll_txt .txtcontent .btn{ text-align:center; padding:10px}
.scroll_txt .txtcontent .btn a{ background:url(../images/video_0921_02.png) no-repeat 0 -250px; width:94px; height:25px; display:block; margin:0 auto; cursor:pointer; line-height:400px; overflow:hidden}
.txtcontent h2 a { color:#FFFFFF;}
.txtcontent h2 a:hover { color:#ffffff; text-decoration:none;}
.txtcontent h2 a:visited { color:#ffffff;}
.playList{ float:right;width:308px; overflow:hidden;}
.playList li{ width:290px; height:80px; padding-left:18px; background:url(../images/video_0815_01.png) no-repeat}
.playList li.active{ background-position:0 -80px}
.playList li h3{ color:#333; font-size:16px; font-family:"微软雅黑", "黑体"; line-height:30px;}
.playList li a, .playList li a:visited, .playList li a:hover{color:#333}
.playList li p{ color:#898989; padding-right:9px}
.playList li.active a, .playList li.active a:visited, .playList li.active a:hover, .playList li.active p{ color:#fff;}

/* tabs */
#pro_wrap{margin:50px auto}
.protabs {position:relative;}
.protabs .tabtit{padding: 0px 15px;color: #FFFFFF;height: 40px;line-height: 40px;background: #0085CA;display: block;width: 140px;font-size: 18px;}
.protabs dt{width: 140px;display: block;padding: 0px 15px;color: #FFFFFF;height: 40px;line-height: 40px;margin-top: 3px;position: relative;}
.protabs dt.tabdt1{background: #3FAE2A;}
.protabs dt.tabdt2{background: #FFA400;}
.protabs dt.tabdt3{background: #E62A0D;}
.protabs dt.tabdt1 span{background: url(../images/starpro-icon.png) 0px top;padding-left: 20px;}
.protabs dt.tabdt2 span{background: url(../images/starpro-icon.png) 60px top;padding-left: 20px;}
.protabs dt.tabdt3 span{background: url(../images/starpro-icon.png) 40px top;padding-left: 20px;}
.morepro{background: #565656;width: 140px;display: block;padding: 0px 15px;color: #FFFFFF;height: 40px;line-height: 40px;margin-top: 3px;position: relative;}
.morepro span{background: url(../images/starpro-icon.png) 20px top;padding-left: 20px;}
.morepro:hover{color: #FFFFFF;background: #444444;}
.protabs dd {width: 918px;height: 180px;margin-top: 16px;background: #FFFFFF;}
.protabs dd ul{background: #FFFFFF;}
.protabs dd ul li{float: left;}
.protabs dd ul li a{display: block;width: 170px;height: 180px;margin-right: 14px;box-shadow:0 5px 15px rgba(45,50,55,.2);
border: 1px solid rgba(211,211,211,0.5);}
.protabs dd ul li:last-child a{margin-right: 0px;}
.protabs dd ul li a img{width: 170px;height: 110px;border-bottom: 1px solid #ececec;position: relative;z-index: 0;}
.protabs dd ul li a:hover{background: #0085CA;color: #FFFFFF;box-shadow:0 5px 15px rgba(25,146,208,.2);}
.protabs dd ul li a:hover img{opacity: 0.8;}
.protabs dd ul li a p{padding:0px 14px;height: 48px;overflow: hidden;}
/* if JS is ACTIVATED, enable new style to .protabs */
.protabs.enabled {height:200px;}
.protabs.enabled dt{border-width:0;border-style:solid;color:#FFFFFF;cursor:pointer;}
.protabs.enabled dt.tabdt1{background: rgba(63,174,42,0.7);}
.protabs.enabled dt.tabdt2{background: rgba(255,164,0,0.7);}
.protabs.enabled dt.tabdt3{background: rgba(230,42,13,0.7)}
.protabs.enabled dt.tabdt1:hover{background: rgba(63,174,42,1);}
.protabs.enabled dt.tabdt2:hover{background: rgba(255,164,0,1);}
.protabs.enabled dt.tabdt3:hover{background: rgba(230,42,13,1);}
.protabs.enabled dt.tabdt1.active{background: rgba(63,174,42,1);}
.protabs.enabled dt.tabdt2.active{background: rgba(255,164,0,1);}
.protabs.enabled dt.tabdt3.active{background: rgba(230,42,13,1);}
.protabs.enabled dd {position:absolute;top:0px;left:180px;z-index:1;clear:none;background: #FFFFFF;}
.protabs.enabled dd.active {z-index:3;background: #FFFFFF;}
.protabs dt b,.morepro b{position: absolute;top: 0px;right: 15px;}

/*main commen */
.main-inner{}
.main-left{float: left;width: 770px;margin-right: 30px;}
.main-right{float:left;width: 300px;}
.ptitle{background: #0085CA;color: #FFFFFF;text-indent: 16px;font-size: 18px;line-height: 24px;padding: 10px 0px;position: relative;}
.ptitle:before{
	content: "";
	width: 4px;
	height: 24px;
	position: absolute;
	background: rgba(255,255,255,0.7);
	z-index: 2;
	top: 10px;
	left: 0px;
}
.ptitle a{position: absolute;top: 10px;right: 15px;font-size: 14px;color: #FFFFFF;font-size: 14px;font-weight: normal;
background: rgba(255,255,255,0.4);text-indent: 0;padding: 0px 6px;border-radius:6px;}
.ptitle a:hover{background: rgba(255,255,255,0.3);}
/*mainleft*/
.news-item{padding: 25px 0px;border-bottom: 1px dotted #E3E3E3;}
.newsbox .news-item:last-child{border-bottom: 1px solid #0085CA;}
.morenews{width: 100%;height: 26px;line-height: 26px;border-radius: 3px;border: 1px solid #0085CA;color: #0085CA;
display: block;text-align: center;font-size: 16px;margin-top: 20px;}
.morenews:hover{background: #fcfcfc;}
.news-pic{float: left;width: 170px;margin-right: 20px;}
.news-pic a{width: 170px;height: 106px;display: block;overflow: hidden;}
.news-pic a img{width: 170px;height: 106px;display: block;border: 0;width: 100%;transform: scale(1);transition: all 0.5s ease 0s;
-webkit-transform: scale(1);  -webkit-transform: all 0.5s ease 0s; }
.news-pic a img:hover{transform: scale(1.1);transition: all 0.5s ease 0s;  
-webkit-transform: scale(1.1);-webkit-transform: all 0.5s ease 0s;}
.news-intro{width: 580px;float: left;}

.intro-p{width: 580px;}
.news-nopic{width: 770px;}

/*mainright*/
.rsection{margin-bottom: 30px;}
.pcontent{padding: 15px;color: #000000;background: #FFFFFF;}
.pcontent a{color: #000000;}

.videobox .ptitle,.videobox .pcontent{background: #eef6eb;}
.zyxzbox .ptitle,.zyxzbox .pcontent{background:#fff6e5;}
.softbox .ptitle,.softbox .pcontent{background: #fde9e8;}
.videobox .ptitle{background: #3FAE2A;}
.zyxzbox .ptitle{background: #FFA400;}
.softbox .ptitle{background: #E62A0D;}
.videopic{width: 100%;background: #222222;text-align: center;padding: 15px 0px;}
.videopic a{position: relative;display: block;}
.videopic a span{width: 40px;height: 40px;background:url(../images/play-icon.jpg);border-radius: 50%;z-index: 9;position: absolute;
top: 50%;left: 50%;margin-left: -20px;margin-top: -20px;color: #FFFFFF;}
.videopic img{width: 242px;height: 134px;}
.pcontent ul li{border-bottom: 1px dotted rgba(255,255,255,0.8);}
.pcontent ul li:last-child{border-bottom: none;}
.pcontent ul li a{text-indent: 22px;display: inline-block;line-height: 36px;width: 270px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pcontent ul li a:hover{color: #0085CA;}
.videobox .pcontent ul li a{background: url(../images/video-icon2.png) no-repeat center left;}
.zyxzbox .pcontent ul li a{background: url(../images/zyxz-icon2.png) no-repeat center left;}

/*foot*/
#footer_wrap{background: #f0f0f0;border-top: 1px solid #e3e3e3;color: #707070;padding: 30px 0px;text-align: center;margin-top: 80px;}

/*gotop*/
.cbbfixed {position: fixed;right: 10px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #0085CA;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#2c2d2e;}
.cbbfixed .cweixin {background: #dadbdd;}
.cbbfixed .cweixin div {background: url(../images/qrcode.png);width: 194px;height: 199px;position: absolute;left: -194px;top: -115px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(../images/side-icon01.png);}

/*pro*/
.tjtable{width: 100%;border-color: #333;border: 1px solid #333;margin-bottom: 20px;color: #000000}
.tjtable tr td{padding: 0px 10px;text-align: center;}
.ptbox{margin-top: 10px;}
.ptbox h2{background: #444444;text-align: center;color: #FFFFFF;}