@media screen and (min-width:980px){
body {font:12px/1.5 "微软雅黑",sans-serif;color:#666666; margin:0}
div,form,ol,span,dl,dt,dd{border:0;margin:0;padding:0;}
img {border:0; margin:0; padding:0;}
ul,li {padding:0;margin:0;list-style-type: none; font-weight:normal;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-size:12px; font-weight:normal;}
.clear{clear:both; height:1px; line-height:1px; font-size:0;}
.mb10{ margin-bottom:10px;}
.blankb{ height:5px; line-height:5px; font-size:0; clear:both;}
.gray14,.gray14:visited{font-weight:bold; font-size:30px;}

.clearfix:after {  content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear{ clear:both}

a{color:#565859; text-decoration:none;}
a:visited{color:#565859; text-decoration:none;}
a:hover{text-decoration:underline;}


input.error {border: 1px solid #FF0000; outline:1px solid #FFC1C1;}
label.error {margin-left: 10px;width: auto;display: inline;color:Red;}
.validation-summary-errors{ margin-left:300px; padding:10px;}  
.validation-summary-errors li{font-weight:bold; color:Red; }


.tblist{ border-collapse: collapse; }
.tblist th
{
    background-image: url(../image/tb_th_bg.jpg);
    height: 28px;
    text-align: center;
    font-weight: bold;
    border: solid 1px #CCC;
}
.tblist td{     
        height:25px;
        border:solid 1px #CCC;
}


.focusimg{ overflow:hidden;display:block; position:relative;}
.focusimg img{border:0;}
.focusimg ol{ list-style-type:none;padding:0;margin:0;}
.focusimg ol li{ display:none;}
.focusimg ul { position:absolute; display:block; z-index:3; bottom:15px; right:30px; list-style-type:none;padding:0;margin:0;}
.focusimg ul li{ float:left;cursor:pointer;text-align:center; display:block;color:#7F0019;border:1px solid #CECECE; font-size:12px; font-weight:normal; margin-left:5px; background-color:#FFFFFF;padding:2px 3px 2px 3px;}
.focusimg ul li.on{ background-color:#7f0019;color:#fff; font-weight:bold;}




#nav{width:980px; margin:0 auto;height:auto;height:29px; position:relative; z-index:50;font-family:Arial;}
#nav ul{}
#nav ul li{float:left; text-align:center;width:115px; display:block; line-height:29px;}
#nav ul li.a{display:block;font-family:Arial;}
#nav ul li.l{width:8px; height:29px;}
#nav ul li.r{width:8px; height:29px;float:right;font-family:Arial;}
#nav ul li ul{position: absolute;left: 0;display: none;padding:0;margin:0;}
#nav ul li ul li{ z-index:9999;}


#nav .search{margin-left:17px;display:inline;width:150px;height: 14px;padding:2px;border:1px solid #ccc;border-radius:5px;background: #fff;overflow: hidden;margin-top: 4px;;}
.search-key{color:#7E7E7E;width:130px;border: none;}
.search-button{background:url(../image/icon_search_zoom.gif) no-repeat left 2px;border:0 solid #FFFFFF;cursor:pointer;overflow:hidden;margin-top:5px; float:right;width: 14px;}


#header{width:980px; margin:0 auto; height:auto;padding-top:15px; padding-bottom:18px;}
#header .logo{float:left;}
#header .link{float:right; text-align:right;position:relative;}
#header .link a{font-family:Arial;}



#main{width:980px; margin:0 auto;height:auto;}

.site-hp{margin-top:20px;}
.site-hp ul{}
.site-hp ul li{}


.template-show-single-cat{width:630px;padding:0 20px 0 20px;margin-left:20px;}
.template-show-single-cat h3{line-height:22px; display:block; font-weight:bold; text-align:center; font-size:14px; color:#727475;  background-image:none;}
.template-show-single-cat,.intro{line-height:22px;}


.template-article-list{margin-bottom:20px;}
.template-article-list dl{padding:0 15px;}
.template-article-list dt{width:560px; height:30px; line-height:30px; float:left; padding-left:10px; background:url("../image/icon_dot.gif") no-repeat scroll left center transparent; border-bottom:1px dashed #DBDBDB; margin:2px 0; }
.template-article-list dd{height:30px; line-height:30px; color:#7C7B7B; padding:0; margin:0; float:left;border-bottom:1px dashed #DBDBDB;width:80px;margin:2px 0;  }

.template-article-list .bg,.template-article-list .bgdd{height:36px;line-height:36px; background:#eee;}


.related-article{padding:10px 40px;}
.related-article h3{color:#116092;font-weight:bold;}
.related-article-list{margin-top:10px;}
.related-article-list ul li{background:url("../image/icon_dot.gif") no-repeat scroll 10px center transparent; float:left; line-height:20px; padding-left:10px; text-indent:10px; width:300px;}


.template-article-list-top-image{overflow:hidden; margin-bottom:10px;padding:0 15px;}
.template-article-list-top-image img{float:left; margin-right:15px; display:inline; border:1px #D2D1D1 solid;}
.template-article-list-top-image .remark{color:#7e7d7d; margin-bottom:5px; margin-top:15px; line-height:26px;}


.template-article-list-with-image{padding:0 25px;}
.template-article-list-with-image li{margin-bottom:10px;}
.article-image{float:left; margin-right:15px; display:inline; border:1px #D2D1D1 solid;width:168px;}
.article-info{float:left;width:480px;}
.article-title{ margin-top:5px;}
.article-remark{color:#7e7d7d;line-height:20px; text-indent:25px; height:80px; overflow:hidden;}


.template-cat-list-with-one-column{margin:10px 10px 0 30px; border-bottom:1px solid #C0C0C0;}
.template-cat-list-with-one-column .template-cat-img{float:left;padding-left:10px;}
.template-cat-article-list{float:left;margin-left:20px;width:470px;}
.template-cat-article-list h3{color:#6B8DB6;}
.template-cat-article-list ul{margin:5px 0;}
.template-cat-article-list ul li{ background:url("../image/icon_dot.gif") no-repeat scroll left center transparent; text-indent:10px; line-height:20px;}
.more{ margin-left:10px; text-align:right;}


#footer{text-align:center; padding:10px 0; width:980px; margin:0 auto; background:#DCE1E4;}


.pagebar{padding:0px 0 0 20px;float:right; margin-right:150px;}
.pagebar span{margin-left:10px;}



.article-detail {padding:0 5px;}
.article-detail h1{font-size:18px;font-weight:bold;text-align:center;height:30px;}
.article-detail .info{text-align:center;border-bottom:1px dashed #DBDBDB; display:block; line-height:20px;padding-bottom:4px;}
.article-detail .text{line-height:22px;padding-top:8px; overflow:hidden;}
.article-detail .text table{ width:100% !important;}
.article-detail .text iframe{ width:100% !important; }


.template-job-list{padding:0 25px;}
.job-title{padding-left:10px;}
.job-intro{ display:none;}
.job-title-link{ margin-left:10px;}


.template-attach-list{padding:0 25px;}
.attach-title{ padding-left:10px;}


.searchWrapper{padding:0 30px;}
.search-result-title{ background-color:#e5eff8;}
.search-result-title h2{line-height:25px; height:25px; background:url('../image/icon_earth.jpg') no-repeat scroll left center;padding-left:30px; font-size:14px; font-weight:bold;color:#000;}
.search-list li{ margin-bottom:10px;}
.list-title,.list-title a{color:#0066CC; font-size:1.23em;}
.list-info{ text-indent:20px;}
.list-date{color:#0E774A;}


.feedbackWrapper{padding:0 30px;}

.g-cat-banner { width:980px;
    position: relative;
}
.g-cat-banner img{ width:100%;}
.g-cat-banner__content {
    display: none;
}
.g-cat-name {
    display: none;
}
.top-one-name{ font-size:22px !important; font-weight:bold; display:block; margin-bottom:8px;}
.top-one-remark{ font-size:14px; color:#999; margin-bottom:18px;}
}

@media screen and (max-width:980px){
.article-detail .text iframe{ width:100% !important; height:230px !important; }
.g-cat-banner__content{ display:none; width:96%; position:absolute; top:15% !important; z-index:99; left:2%; background:rgba(0, 0, 0, 0.3); padding:1%; }
.article-detail .text table{ width:100% !important;}
.banner img{ width:100% !important;}
#loginForm{ width:100%; overflow:hidden;}
.tab{ padding:0 !important;}
.label{ display:block; float:left!important; width:22%!important; text-align:right!important; overflow:hidden!important;}
.fl{ overflow:hidden; width:78%!important;}
.text{ padding:2%;}
.required{border:1px solid #BBBBBB; height:26px!important;padding:2%!important; width:70%!important;}
.fl input{border:1px solid #BBBBBB; height:26px!important;padding:2%!important; width:70%!important;}
.tip{ font-size:12px; line-height:20px;}
.item{ height:0 !important; line-height:40px !important;}
.template-article-list dd{ display:none !important;}
.template-article-list dt{ margin:3% 0; width:100% !important; height:auto !important; line-height:24px !important;}
}



@media only screen and (min-width: 980px) {
#nav {background:url(../image/menubg1.jpg) repeat-x left top; }
#nav ul li a{font-weight:bold;font-size:14px;color:White; background-color:transparent; display:block;}
#nav ul li a:hover,#nav ul li.current{ background:#83ABBA; text-decoration:none; height:29px; display:block;}
#nav ul li.l{background:url(../image/menul1.jpg) no-repeat left top;}
#nav ul li.r{background:url(../image/menuR1.jpg) no-repeat right top;}

#nav ul li ul li{display: list-item;z-index:110;background:url(../image/menubg1.jpg) repeat-x left; line-height:29px;width:115px;}
#nav ul li ul li a{color:white;display: block;font-size:12px;font-weight:normal;}






.section-column{float:left;width:234px; display:none; background:url("../image/leftbar_bg.gif") repeat-y scroll right top transparent; height:645px;}
.section-column h4{ background:url("../image/caseTitle.gif") no-repeat scroll left top transparent;color:#fff; font-size:14px;font-weight:bold;padding-left:88px;padding-top:18px; height:30px;}

.cat-sub-list h3{padding:0 0 0 15px; text-indent:20px; background:url("../image/icon_arrow_right.jpg") no-repeat scroll 20px center transparent;border-bottom:1px solid #CCCCCC; height:32px; line-height:32px; font-weight:bold;color:#1E4D5F;}
.cat-sub-list ul{padding-left:40px;}
.cat-sub-list ul li{ background-image:none;border-width:0; line-height:30px;}

.cat-sub-list ul li a{color:#1E4D5F;}
.cat-sub-list h3.current a{color:#d81738;font-weight:600;}
.cat-sub-list ul li.current a{color:#d81738;font-weight:600;}

.template-article-list clearfix {color:#1e4858;}
.cat-sub-list ul li.current a{color:#d81738;font-weight:600;}
.template-article-list dt{color:#1e4858;width:90%;padding-left:15px;border:0;background:url("../image/eletc_dot.gif") no-repeat scroll 5px center; height:40px; line-height:40px;}
.template-article-list dt a{color:#1e4858; font-size:16px;}
.template-article-list dt.bg{background: #eee url("../image/eletc_dot.gif") no-repeat scroll 5px center;color:#1e4858;}
.template-article-list dd{border:0;width:10%;color:#1e4858;height:40px; line-height:40px; font-size:18px;}
.template-article-list dd.bgdd{background:#eee;}



.section-content{width:730px;}
.page-round-top{height:5px;}
.page-content{ margin-top:10px;}
.article-detail {padding:0 30px;}
.article-detail h1{font-size:18px;font-weight:600px;text-align:center;height:22px;line-height:22px;}
.article-detail .info{text-align:center;border-bottom:1px dashed #DBDBDB; display:block; line-height:20px;padding-bottom:4px;}
.article-detail .text{line-height:22px;padding-top:8px;}



.page-sub-nav{height:18px;border-bottom:1px solid #D5D5D5; margin-left:10px;padding:10px 0; text-indent:30px;background:url("../image/icon_arrow_orange.gif") no-repeat scroll 12px 13px transparent;}


.template-article-list-top-image {
margin-bottom:10px;
overflow:hidden;
padding:0 25px;}
.template-article-list-top-image img{ width:500px !important; height:300px !important;}
.template-article-list-top-image .remark {
color:#7E7D7D;
line-height:26px;
margin-bottom:5px;
margin-top:15px;
}

.news-top-one-img img {width:166px;height:120px;
border:0 none;
margin:0;
padding:7px 5px;}
.news-top-one-content h3{font-size:14px;font-weight:600;padding:5px 0;}
.news-top-one-content p{line-height:22px;text-indent:2em;}


body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0; font-size:16px;}
body,button,input,select,textarea{font:14px/1.5 "微软雅黑",sans-serif; color:#666;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none;color:#333;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}

.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }

#main{ width:100%;}	
.banner{ width:100%; height:450px; background:url(../image/x01.jpg) no-repeat; background-size:100% 100%; margin-top:10px;}
.banner div{ width:1200px; overflow:hidden; margin:auto;}
#cat-banner{ width:100%; overflow:hidden; margin-top:10px; height:450px;}
#cat-banner img{ width:100%; height:100%;}
.banner div p{ width:780px; height:300px;background: rgba(0, 0, 0, 0.5); overflow:hidden; margin-top:78px; padding:20px;}
.banner div p:hover{ cursor:pointer; background: rgba(0, 0, 0, 0.7); transition:all 0.5s;}
.banner div p strong{ display:block; font-size:48px; color:#FFF;}
.banner div p span{ color:#FFF; margin:15px 0; display:block; font-size:22px;}
.m-video{ width:200px; height:44px; line-height:44px; text-align:center; color:#fff;  display:block; margin-top:30px; border:1px solid #FFF;}
.m-video:hover{ background:#DD1434; border:none; transition:all 0.6s;}
.btn{ width:200px; height:44px; line-height:40px; text-align:center; color:#fff !important;  display:block; margin-top:30px; border:1px solid #FFF;}
.btn:hover{ background:#DD1434; border:none; transition:all 0.6s;}
.con{ width:1200px; margin:auto; overflow:hidden;}
.con ul h1{ font-size:36px; margin:20px 0; color:#333;}
.con ul{ overflow:hidden;}
.con ul li{ overflow:hidden; padding-bottom:30px; border-bottom:1px solid #ccc;}
.con ul li dl{overflow:hidden;}
.con ul li dl dt{ width:545px; overflow:hidden; float:left;}
.con ul li dl dt img{ margin:auto;}
.con ul li dl dt img:hover{ cursor:pointer;
 -webkit-transform: scale(1.15);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.15);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;}
.con ul li dl dd{ overflow:hidden;}
.con ul li dl dd h2{ font-size:24px; margin-bottom:10px;}
.con ul li dl dd p{ line-height:28px; margin:50px 0 0 50px;}
.btn01{ width:200px; height:44px; line-height:44px; text-align:center; color:#fff!important; background:#173B87; display:block; margin:50px 0 0 50px;}
.btn01:hover{background:#DD1434;transition:all 0.6s;}
.daohang{ width:100%; height:30px; background:#193583;}
.daohang ul { width:1200px; margin:auto; overflow:hidden;}
.daohang ul li{ float:right; color:#FFF; font-size:14px; line-height:30px; margin:0 10px;}
.daohang ul  li:hover{ text-decoration:underline;}
.all{ width:1200px; margin:auto; overflow:hidden;}
.all ul{ width:100%; overflow:hidden;}
.all ul li{ width:28%; float:left; height:118px; line-height:102px;  background:#f0f0f0; text-align:center; margin:1.5%; font-size:28px; color:#193583; overflow:hidden; padding:1%;}
.all ul li:hover{ background:#193583; color:#FFF; }
.all ul li img{ width:30%; float:left;}

.nav{ width:100%; height:75px; box-shadow: 0 0 5px 0 #888888; }
.nav dl{ width:1200px; overflow:hidden; margin:auto;}
.nav dl dt{ float:left; overflow:hidden; width:18%; margin-top:14px;}
.nav dl dt img{ margin-top:8px; width:100%;}
.nav dl dd{ width:80%; overflow:hidden;}
.nav dl dd ul{ overflow:hidden;}
.nav dl dd li{ float:left; width:15%; margin-left:14px; text-align:center;}
.nav dl dd li a:hover{ background:#465788; color:#fff; text-decoration:none;}
.nav dl dd li a{ display:inline-block; height:75px; line-height:75px;text-align:center; width:100%;}
.nav dl dd li ul{ display:none;}
.current{  background:#465788; color:#fff !important;}
.current a{ color:#FFF;}
.xuanzhong{ display:block; background:#465788; color:#fff;}
.ss span{ display:inline-block; float:left; margin-right:10px;}
.ss{ display:inline-block; margin-left:100px; margin-top:26px; color:#173B87;}
.footer01{ width:100%; text-align:center; padding:1% 0; background:#173B87; color:#FFF;}
.footer01 dl{ width:1200px; margin:auto; overflow:hidden}
.footer01 dl dt{ float:left; width:80%; line-height:100px;}


.section-wrapper{ width:100%; background:#F0F0F0; padding-bottom:15px;}
.section-content{ width:1200px; margin:auto; float:none; background:#FFF;}
.page-sub-nav{ display:none;}
.page-content{ width:100%;}
.template-cat-list-with-one-column{ margin:0;}
.template-cat-img{ width:50%; height:368px; float:left; padding:0;}
.template-cat-img img{ width:100%; height:100%;}
.template-cat-article-list{ width:48%; float:right;}
.blue6B{ font-size:24px;}
.template-cat-article-list ul li{ line-height:24px;}
.more{  width:200px; height:44px; line-height:44px; text-align:center; color:#fff!important; background:#173B87; display:block; margin:50px 0;}
.more a{ color:#fff!important;}
.more:hover{background:#DD1434;transition:all 0.6s;}
.page-round-top{ display:none;}
.blankb{ display:none;}

.daohang{ width:100%; height:30px; background:#193583;}
.daohang ul { width:1200px; margin:auto; overflow:hidden;}
.daohang ul li{ float:right; color:#FFF; font-size:14px; line-height:30px; margin:0 10px;}

.footer{ width:100%; text-align:center; padding:1% 0; background:#173B87; color:#FFF;}
.footer dl{ width:1200px; margin:auto; overflow:hidden}
.footer dl dt{ float:left; width:80%; line-height:100px;}

.text img{ text-align:center; margin:auto;}
.text p{ line-height:30px;}
.article-detail h1{ font-size:36px; margin:20px 0; height:54px;}


.page-content{ overflow:hidden;}
.page-content ul { width:100%;padding:1%;}
.page-content ul li{ width:98%; padding:1%; overflow:hidden; margin:auto;}
.page-content ul li:hover{ background:#F2F2F2;}
.page-content ul li dl{ width:100%; overflow:hidden; height:360px;}
.page-content ul li dl dt{ width:50%; float:left; overflow:hidden; height:360px;}
.page-content ul li dl dt img{ height:100%; width:100%;}
.page-content ul li dl dd img{ height:100%;width:100%;}
.page-content ul li dl dd{ width:50%; overflow:hidden; height:360px;}
.page-content ul li dl dd h2{ font-size:32px; font-weight:bold; margin:30px 60px; display:block;}
.page-content ul li dl dd h2 a{ font-size:32px; font-weight:bold;display:block;}
.page-content ul li dl dd p{ margin:30px 60px;}
.page-content ul li dl dt h2{ font-size:32px; font-weight:bold; margin:30px 60px; display:block;}
.page-content ul li dl dt h2 a{ font-size:32px; font-weight:bold; display:block;}
.page-content ul li dl dt p{ margin:30px 60px;}

.btn03{ width:200px; height:44px; line-height:44px; text-align:center; color:#fff !important; background:#173B87; display:block; margin:30px 60px;}
.btn03:hover{background:#DD1434;transition:all 0.6s;}
.btn02{ width:200px; height:44px; line-height:44px; text-align:center; color:#fff !important; background:#173B87; display:block; margin:30px 60px;}
.btn02:hover{background:#DD1434;transition:all 0.6s;}


.search{ margin-top:22px !important;  padding:2px; border:1px solid #ccc; border-radius:5px;}
.search:hover{border:1px solid #193583;}
.search-key{ width:100px; height:24px; line-height:24px;}

.template-show-single-cat h3{ display:none;}

.g-cat-banner__content{ display:block; width:780px; margin:auto; position:absolute; top:80px; z-index:99; left:10%; background:rgba(0, 0, 0, 0.5); padding:20px; height:300px;}
.g-cat-banner__content:hover{ background:rgba(0, 0, 0, 0.7);}
.cat-info__title{ font-size:48px; font-weight:bold; color:#FFF; margin:10px 0;}
.cat-info__info p{ font-size:22px !important; color:#FFF !important; line-height:36px !important;}
.cat-info__info span{ font-family:微软雅黑 !important; font-size:22px !important; color:#FFF !important; line-height:36px !important;}

.g-cat-name{ display:block; font-size:40px; font-weight:bold; text-align:center; margin:20px; color:#193583;}



.sibufen{ width:100%; overflow:hidden; padding-top:50px; background:#F0F0F0; display:none }
.sibufen ul{width:1200px; overflow:hidden; margin:auto;}
.sibufen ul li{ width:45%; background:#fff; color:#173B87; float:left; margin:2.5%;}
.sibufen ul li:hover{background:#173B87; color:#FFF;}
.sibufen ul li dl { height:168px; overflow:hidden;}
.sibufen ul li dl dt{ height:186px; float:left;}
.sibufen ul li dl dt img{ width:100%;}
.sibufen ul li dl dd{ text-align:center; line-height:168px; font-size:30px;}

.sibufen01{ width:100%; overflow:hidden; padding-top:50px; background:#F0F0F0; }
.sibufen01 ul{width:1200px; overflow:hidden; margin:auto;}
.sibufen01 ul li{ width:45%; background:#fff; color:#173B87; float:left; margin:2.5%;}
.sibufen01 ul li:hover{background:#173B87; color:#FFF;}
.sibufen01 ul li dl { height:168px; overflow:hidden;}
.sibufen01 ul li dl dt{ height:186px; float:left;}
.sibufen01 ul li dl dt img{ width:100%;}
.sibufen01 ul li dl dd{ text-align:center; line-height:168px; font-size:30px;}



.anli{ width:1200px; margin:auto; overflow:hidden; margin-top:20px;}
.anli h1{ text-align:center; font-size:30px; color:#173B87; font-weight:normal; margin-bottom:20px;}
.anli ul{ overflow:hidden; width:100%;}
.anli ul li{ float:left; width:23%; margin:1%; border:1px solid #CCC;}
.anli ul li .al_more{ width:100%; overflow:hidden; height:auto;}
.anli ul li .al_more dt{ width:100%; height:166px;}
.anli ul li .al_more dt img{ width:250px; height:166px !important;}
.anli ul li .al_more dd{ text-align:center; padding-top:10px; height:60px; width:100%;}
.btn04{ width:260px; height:50px; line-height:50px; border-radius:50px; text-align:center; color:#fff; background:#D0D0D0; display:block; margin:30px auto;}
.btn04:hover{ background:#173B87;}
.head-m{ display:none;}


.wrap2{ width:1200px; margin:auto; overflow:hidden;}
.wrap2-col2{ width:100%;overflow:hidden;}
.wrap2-col1 img{ width:100%; height:100%;}
.wrap2-col1{ width:46%; float:left;}
.content{ width:50%; float:right; margin:auto; overflow:hidden; margin-bottom:30px;}
.wrap2-col2 h3{ font-size:36px; margin:20px 0; color:#333;}
.content ul li{ margin:10px 0;}

}



@media only screen and (max-width:979px) {
#nav {background:url(../image/menubg1.jpg) repeat-x left top; }
#nav ul li a{font-weight:bold;font-size:14px;color:White; background-color:transparent; display:block;}
#nav ul li a:hover,#nav ul li.current{ background:#83ABBA; text-decoration:none; height:29px; display:block;}
#nav ul li.l{background:url(../image/menul1.jpg) no-repeat left top;}
#nav ul li.r{background:url(../image/menuR1.jpg) no-repeat right top;}

#nav ul li ul li{display: list-item;z-index:110;background:url(../image/menubg1.jpg) repeat-x left; line-height:29px;width:115px;}
#nav ul li ul li a{color:white;display: block;font-size:12px;font-weight:normal;}






.section-column{float:left;width:234px; display:none; background:url("../image/leftbar_bg.gif") repeat-y scroll right top transparent; height:645px;}
.section-column h4{ background:url("../image/caseTitle.gif") no-repeat scroll left top transparent;color:#fff; font-size:14px;font-weight:bold;padding-left:88px;padding-top:18px; height:30px;}

.cat-sub-list h3{padding:0 0 0 15px; text-indent:20px; background:url("../image/icon_arrow_right.jpg") no-repeat scroll 20px center transparent;border-bottom:1px solid #CCCCCC; height:32px; line-height:32px; font-weight:bold;color:#1E4D5F;}
.cat-sub-list ul{padding-left:40px;}
.cat-sub-list ul li{ background-image:none;border-width:0; line-height:30px;}

.cat-sub-list ul li a{color:#1E4D5F;}
.cat-sub-list h3.current a{color:#d81738;font-weight:600;}
.cat-sub-list ul li.current a{color:#d81738;font-weight:600;}

.template-article-list clearfix {color:#1e4858;}
.cat-sub-list ul li.current a{color:#d81738;font-weight:600;}
.template-article-list dt{color:#1e4858;width:80%;padding-left:15px;border:0;background:url("../image/eletc_dot.gif") no-repeat scroll 5px center; height:40px; line-height:40px;}
.template-article-list dt a{color:#1e4858; font-size:18px;}
.template-article-list dt.bg{background: #eee url("../image/eletc_dot.gif") no-repeat scroll 5px center;color:#1e4858;}
.template-article-list dd{border:0;width:20%;color:#1e4858;height:40px; line-height:40px;font-size:18px;}
.template-article-list dd.bgdd{background:#eee !important;}



.section-content{width:100%;}
.page-round-top{height:5px;}
.page-content{ margin-top:10px;}
.article-detail {}
.article-detail h1{font-size:18px;text-align:center;}
.article-detail .info{text-align:center;border-bottom:1px dashed #DBDBDB; display:block; line-height:24px;padding-bottom:4px;}
.article-detail .text{line-height:22px;padding-top:8px;}



.page-sub-nav{height:18px;border-bottom:1px solid #D5D5D5; margin-left:10px;padding:10px 0; text-indent:30px;background:url("../image/icon_arrow_orange.gif") no-repeat scroll 12px 13px transparent;}


.template-article-list-top-image {

margin-bottom:10px;
overflow:hidden;
padding:0 25px;}
.template-article-list-top-image .remark {
color:#7E7D7D;
line-height:26px;
margin-bottom:5px;
margin-top:15px;
}

.news-top-one-img img {width:166px;height:120px;
border:0 none;
margin:0;
padding:7px 5px;}
.news-top-one-content h3{font-size:14px;font-weight:600;padding:5px 0;}
.news-top-one-content p{line-height:22px;text-indent:2em;}


body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0; font-size:16px;}
body,button,input,select,textarea{font:14px/1.5 "微软雅黑",sans-serif; color:#666;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none;color:#333;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}

.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }

#main{ width:100%;}	
.banner{ width:100%; background:url(../image/x01.jpg) no-repeat; background-size:100% 100%;}
.banner div{ width:100%; overflow:hidden;padding:2%;}
#cat-banner{ width:100%; overflow:hidden; height:140px; }
#cat-banner img{ width:100%; height:100%;}
.banner div p{ background: rgba(0, 0, 0, 0.3); overflow:hidden; padding:1%;}
.banner div p:hover{ cursor:pointer; background: rgba(0, 0, 0, 0.7); transition:all 0.5s;}
.banner div p strong{ display:block; font-size:20px; color:#FFF;}
.banner div p span{ color:#FFF; line-height:20px; display:block; font-size:14px;}
.m-video{ width:200px; height:44px; line-height:44px; text-align:center; color:#fff;  display:block; margin-top:30px; border:1px solid #FFF;}
.m-video:hover{ background:#DD1434; border:none; transition:all 0.6s;}
.btn{ width:150px; height:32px; line-height:32px; text-align:center; color:#fff !important;  display:block; font-size:14px; border:1px solid #FFF; margin-top:10px;}
.btn:hover{ background:#DD1434; border:none; transition:all 0.6s;}
.con{ width:100%; margin:auto; overflow:hidden;}
.con ul h1{ font-size:24px; margin-bottom:15px; color:#193583; text-align:center;}
.con ul{ overflow:hidden;}
.con ul li{ overflow:hidden; padding-bottom:30px; width:80%; margin:auto; border:1px solid #CCC; margin-top:20px; padding:3%;}
.con ul li dl{overflow:hidden;}
.con ul li dl dt{ width:100%; overflow:hidden;}
.con ul li dl dt img{ margin:auto; width:100%; height:100%;}
.con ul li dl dt img:hover{ cursor:pointer;
 -webkit-transform: scale(1.15);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.15);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;}
.con ul li dl dd{ overflow:hidden;}
.con ul li dl dd h2{ font-size:24px; margin-bottom:10px;}
.con ul li dl dd p{ line-height:28px; margin:15px 0; font-size:14px;}
.btn01{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff!important; background:#173B87; display:block;}
.btn01:hover{background:#DD1434;transition:all 0.6s;}
.daohang{ width:100%; height:30px; background:#e8e8e8; display:none;}
.daohang ul { width:100%; margin:auto; overflow:hidden;}
.daohang ul li{ float:right; color:#193583; font-size:12px; line-height:30px; margin:0 5px;}
.daohang ul  li:hover{ text-decoration:underline;}

.nav{ width:100%; overflow:hidden; margin-top:50px; }
.nav dl{ width:100%; overflow:hidden; margin:auto;}
.nav dl dt{ overflow:hidden; width:50%; margin:2%; margin-bottom:0; display:none;}
.nav dl dt img{ width:100%; }
.nav dl dd { width:100%; overflow:hidden;}
.nav dl dd ul{ overflow:hidden; width:98%; margin:1%;}
.nav dl dd li{ float:left; width:18%; margin:1%; background:#193583; padding:1%; text-align:center; border-radius:3px; height:34px;}
.nav dl dd li a:hover{ background:#465788; color:#193583; text-decoration:none;}
.nav dl dd li a{ display:inline-block; font-size:14px; color:#fff;}
.nav dl dd li ul{ display:none;}
.current{  background:#465788; color:#fff !important;}
.current a{ color:#FFF;}
.xuanzhong{ display:block; background:#465788; color:#fff;}
.ss span{ display:inline-block; float:left; margin-right:10px;}
.ss{ display:inline-block; margin-left:100px; margin-top:26px; color:#173B87;}
.footer01{ width:100%; text-align:center; padding:1% 0; background:#173B87; color:#FFF;}
.footer01 dl{ width:100%; margin:auto; overflow:hidden}
.footer01 dl dt{ float:left; width:80%; line-height:100px;}

.section-wrapper{ width:100%; }
.section-content{ width:100%; margin:auto; float:none; background:#FFF;}
.page-sub-nav{ display:none;}
.page-content{ width:100%;}
.template-cat-list-with-one-column{ margin:0;}
.template-cat-list-with-one-column .template-cat-img{ display:none;}
.template-cat-img{ width:50%; height:368px; float:left; padding:0; direction:none;}
.template-cat-img img{ width:100%; height:100%;}
.template-cat-article-list{ width:100%; }
.blue6B{ font-size:24px; display:none;}
.template-cat-article-list ul li{ line-height:34px;}
.more{ float:right;}
.page-round-top{ display:none;}
.blankb{ display:none;}

.daohang{ width:100%; height:30px; background:#eee;}
.daohang ul { width:100%; margin:auto; overflow:hidden;}
.daohang ul li{ float:right; color:#193583; font-size:12px; line-height:30px; margin:0 5px;}

.footer{ width:100%;padding:2%; background:#173B87; color:#FFF; margin-top:20px;}
.footer dl{ width:100%; margin:auto; overflow:hidden}
.footer dl dt{ float:left; width:77%; font-size:14px; text-align:left; }
.footer dl dt span{ display:block; color:#FFF !important;}
.footer dl dd{ float:right; width:20%;}
.footer dl dd img{ width:100%; height:100%;}

.text img{ text-align:center; margin:auto; width:100%;}
.text p{ line-height:26px; font-size:14px;}
.article-detail h1{ font-size:18px; }


.page-content{ overflow:hidden;}
.page-content ul { width:100%; padding:1%;}
.page-content ul li{ width:96%; border-bottom:1px solid #CCC; padding:6% 2%; height:150px; overflow:hidden; margin:auto;}
.page-content ul li:hover{ background:#F2F2F2;}
.page-content ul li dl{ width:100%; overflow:hidden; height:100px;}
.page-content ul li dl dt{ width:48%; float:left; overflow:hidden; }
.page-content ul li dl dt img{ height:100%; width:100%;}
.page-content ul li dl dd img{ height:100%;width:100%;}
.page-content ul li dl dd{ width:48%; float:right; overflow:hidden; height:100px;}
.page-content ul li dl dd h2{ font-size:16px; font-weight:bold; display:block; overflow:hidden; height:50px;}
.page-content ul li dl dd h2 a{ font-size:16px; font-weight:bold;display:block;}
.page-content ul li dl dd p{ margin:30px 60px; display:none;}
.page-content ul li dl dt h2{ font-size:16px; font-weight:bold; display:block; overflow:hidden; height:50px;}
.page-content ul li dl dt h2 a{ font-size:16px; font-weight:bold; display:block;}
.page-content ul li dl dt p{ margin:30px 60px; display:none;}

.btn03{ color:#fff !important; display:block; font-size:14px; margin-top:10px; width:60%; height:36px; text-align:center; background:#173B87; line-height:36px;}
.btn02{ color:#fff !important; display:block; font-size:14px; margin-top:10px; width:60%; height:36px; text-align:center; background:#173B87; line-height:36px;}


.search{ padding:2px; border:1px solid #ccc; background:#fff !important; border-radius:3px; height:32px; display:none;}
.search:hover{border:1px solid #193583;}
.search-key{ width:90px;}
.search-button{ width:15px;}

.template-show-single-cat h3{ display:none;}

.g-cat-banner__content{ display:none; width:96%; position:absolute; top:10%; z-index:99; left:2%; background:rgba(0, 0, 0, 0.3); padding:1%; }
.g-cat-banner__content:hover{ background:rgba(0, 0, 0, 0.7);}
.cat-info__title{ font-size:20px; font-weight:bold; color:#FFF; }
.cat-info__info p{ font-size:14px !important; color:#FFF !important; line-height:20px; }
.cat-info__info span{ font-family:微软雅黑 !important; font-size:14px !important; color:#FFF !important; }

.g-cat-name{ display:block; font-size:24px; font-weight:bold; text-align:center; color:#193583;}



.sibufen{ display:none; width:100%; overflow:hidden; }
.sibufen01{ width:100%; overflow:hidden; }
.sibufen01 ul{width:100%; overflow:hidden; margin:auto;}
.sibufen01 ul li{ width:45%; background:#173B87; color:#fff; float:left; margin:2.5%; padding:0; height:102px;}
.sibufen01 ul li:hover{background:#173B87; color:#FFF;}
.sibufen01 ul li dl { overflow:hidden; position:relative;}
.sibufen01 ul li dl dt{ width:100%; float:left;}
.sibufen01 ul li dl dt img{ width:100%;}
.sibufen01 ul li dl dd{ text-align:center; width:100%; font-size:16px; height:32px; line-height:32px; position:absolute; bottom:0; z-index:99; background:rgba(0, 0, 0, 0.5) }


.anli{ width:100%; margin:auto; overflow:hidden; margin-top:20px;}
.anli h1{ text-align:center; font-size:24px; color:#173B87; font-weight:normal; margin-bottom:10px;}
.anli ul{ overflow:hidden; width:100%;}
.anli ul li{ float:left; width:46%; margin:2%; border:1px solid #CCC; height:180px; padding:2%;}
.anli ul li .al_more{ width:100%; overflow:hidden; height:auto;}
.anli ul li .al_more dt{ width:100%; }
.anli ul li .al_more dt img{ width:100%; height:105px !important;}
.anli ul li .al_more dd{ padding-top:10px; height:60px; width:100%; }
.btn04{ width:260px; height:50px; line-height:50px; border-radius:50px; text-align:center; color:#fff; background:#D0D0D0; display:block; margin:30px auto;}
.btn04:hover{ background:#173B87;}
.template-attach-list{ padding:0 10px;}


                    .head-m .menu_div.active_div i:nth-of-type(1) {
                        -webkit-transform: rotate(45deg) translate(9px, 8px);
                        transform: rotate(45deg) translate(9px, 8px);
                    }
                    
                    .head-m .menu_div.active_div i:nth-of-type(2) {
                        opacity: 0;
                    }
                    
                    .head-m .menu_div.active_div i:nth-of-type(3) {
                        -webkit-transform: rotate(-45deg) translate(9px, -8px);
                        transform: rotate(-45deg) translate(9px, -8px);
                    }
                    
                    .head-m {
                        height:50px;
                        background-color: #fff;
                        box-shadow: 1px 1px 10px #ccc;
                    }
                    
                    .head-m {
                        position: fixed;
                        width: 100%;
                        top: 0;
                        left: 0;
                        z-index: 99999;
                    }
                    
                    .head-m .menu_div {
                        top: 0;
                        right: 0;
                        width: 60px;
                        height: 100%;
                        text-align: center;
                        position: absolute;
                    }
                    
                    .head-m .menu_div span {
                        position: absolute;
                        top: 55%;
                        left: 50%;
                        height: 2rem;
                        transform: translate(-50%, -50%);
                        width: 2.2rem;
                        font-size: 0;
                    }
                    
                    .head-m .menu_div i {
                        display: inline-block;
                        width: 28px;
                        height: 3px;
                        border-radius: 2px;
                        background:#193583;
                        margin: 3px 0;
                        opacity: 1;
                        transition: 0.5s;
                        -webkit-transition: 0.5s;
                    }
                    
                    .head-m .m_ul {
                        display: none;
                        border-top: 1px solid #eee;
                        position: fixed;
                        top: 60px;
                        left: 0;
                        width: 100%;
                        background: #f7f7f7;
                        z-index: 11;
                        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
                        padding-bottom: 20px;
                        height: calc(100% - 60px);
                            overflow: scroll;
                    }
                    
                    .head-m .m_ul>li {
                        padding: 0 4%;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                        position: relative;
                        transition: 0.5s;
                        -webkit-transition: 0.5s;
                        line-height: 45px;
                    }
                    
                    .head-m .m_ul>li a i {
                        font-size: 20px;
                        opacity: 0.3;
                        float: right;
                        transition: 0.5s;
                        -webkit-transition: 0.5s;
                    }
                    
                    .head-m .m_ul p {
                        display: none;
                    }
                    
                    .head-m .m_ul .active_li {
                        background: #eee;
                    }
                    
                    .head-m .m_ul p a {
                        padding: 0 20px;
                    }
                    
                    .head-m .m_ul>li a .active_i {
                        float: right;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                    }
                    
                    .head-m .menu_div.active_div i:nth-of-type(1) {
                        -webkit-transform: rotate(45deg) translate(9px, 8px);
                        transform: rotate(45deg) translate(9px, 8px);
                    }
                    
                    .head-m .menu_div.active_div i:nth-of-type(2) {
                        opacity: 0;
                    }
                    
                    .head-m .menu_div.active_div i:nth-of-type(3) {
                        -webkit-transform: rotate(-45deg) translate(9px, -8px);
                        transform: rotate(-45deg) translate(9px, -8px);
                    }
                    
                    .ab-pic img {
                        max-width: 100%;
                        max-height: 100%;
                    }
                    
                    .logo {display:inline-block; width:50%; float:left; margin:10px;
                    }
					.logo img{ width:100%;}
					
	.magnifier{

width: 20px;height: 20px;

border-radius: 100%;

border: 2px solid currentcolor;

margin: 13px auto;

position: relative; display:inline-flex; margin-left:22%; color:#193583;}

.magnifier::after{

content: "";

width: 13px;

height: 2px;

background-color: currentcolor;

position: absolute;

top: 80%;

left: 100%;

-webkit-transform: rotate(30deg);

  -moz-transform: rotate(30deg);

   -ms-transform: rotate(30deg);

    -o-transform: rotate(30deg);

       transform: rotate(30deg);

}




.wrap2{ width:98%; margin:auto; overflow:hidden;}
.wrap2-col2{ width:100%;overflow:hidden;}
.wrap2-col1 img{ width:100%; height:100%;}
.wrap2-col1{ width:100%; overflow:hidden;}
.content{ width:100%; margin:auto; overflow:hidden;}
.wrap2-col2 h3{ font-size:24px; margin:20px 0; color:#193583;}
.content ul li{ margin:10px 0;}
.content ul li a{ font-size:14px;}
.more{  width:200px; height:44px; line-height:44px; text-align:center; background:#173B87; display:block; margin:15px 0; float:left;}
.more a{color:#fff!important; }










}


ul,
li {
  padding: 0;
  margin: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.video-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 99999999999;
}
.video-box button {
  display: inline-block;
  padding: 0;
  border: 0 none;
  background: none;
  text-align: center;
  outline: none;
  cursor: pointer;
}
.video-box .video-button {
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.video-box .video-button i {
  font-size: 56px;
}
.video-box .video-button.video-btn-volume i {
  font-size: 20px;
}
.video-box .video-button.video-tooltip-toggle i {
  font-size: 20px;
}
.video-box .video-video {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-box .video-video video {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.video-box .video-container {
  width: 852px;
  min-height: 550px;
  max-height: 90vh;
  background: #000000;
  overflow: hidden;
  opacity: 0;
}
.video-box .video-container.video-ready {
  opacity: 1;
}
.video-box.quanping .video-container {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: relative;
  left: 0;
  top: 0;
  transform: none;
}
.video-box.video-playing .video-div.video-hide-ui .video-ui {
  -webkit-transform: translateY(39px);
  -ms-transform: translateY(39px);
  transform: translateY(39px);
}
.video-box.heibian .video-container {
  padding: 40px 0;
}
.video-box.heibian .video-div.video-hide-ui .video-ui {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.video-box.heibian.quanping .video-container {
  padding: 0;
}
.video-box.hideui .video-div .video-ui {
  -webkit-transform: translateY(39px);
  -ms-transform: translateY(39px);
  transform: translateY(39px);
}
.video-box .i {
  font-family: none;
  height: 100%;
  width: 100%;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.video-box .i:before,
.video-box i:after {
  display: none !important;
}
.video-box .i-voice-on {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C10C%2022%2C12%2022%2C18%2018%2C20'%20%2F%3E%3Cpath%20d%3D'M22%2C6C%2028%2C10%2028%2C20%2022%2C24'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-voice-off {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C11L27%2C20'%20%2F%3E%3Cpath%20d%3D'M18%2C20L27%2C11'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-bofang {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2C7L10%2C23L24%2C15z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-zhanting {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2C7L7%2C23L11%2C23L11%2C7z'%2F%3E%3Cpath%20d%3D'M20%2C7L20%2C23L24%2C23L24%2C7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-quanping {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L6%2C6L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L6%2C25L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L24%2C6L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L24%2C25L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-box .i-suoxiao {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L10%2C10L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L10%2C21L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L20%2C10L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L20%2C21L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.video-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: .9;
}
.video-div {
  background: #000;
  font-size: 0;
  letter-spacing: -1px;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.video-ui {
  position: absolute;
  width: 100%;
  height: 41px;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  bottom: 0;
  z-index: 6;
  letter-spacing: .25px;
  -webkit-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}
.video-loading-pulse {
  position: absolute;
  width: 6px;
  height: 24px;
  top: 50%;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}
.video-loading-pulse:before,
.video-loading-pulse:after {
  content: '';
  position: absolute;
  display: block;
  height: 16px;
  width: 6px;
  background: rgba(255, 255, 255, 0.2);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
}
.video-loading-pulse:before {
  left: -12px;
}
.video-loading-pulse:after {
  left: 12px;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
@keyframes pulse {
  50% {
    background: white;
  }
}
.video-loading {
  opacity: 1;
  color: #2c97f6;
  font-size: 0;
  overflow: hidden;
  box-shadow: 0px 0px 0px 3600px #000;
  background: #000;
  width: 30px;
  height: 30px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.video-loading i {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: block;
  border: 0.25rem solid rgba(255, 255, 255, 0.2);
  border-top-color: white;
  -webkit-animation: adeg 1s infinite linear;
  -o-animation: adeg 1s infinite linear;
  -ms-animation: adeg 1s infinite linear;
  -moz-animation: adeg 1s infinite linear;
  animation: adeg 1s infinite linear;
}
.video-loading .i-loading:before {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.video-loading.yihuanchun {
  opacity: 0;
}
@keyframes adeg {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.video-close {
  position: absolute;
  top: calc(52px + 2%);
  right: 5%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.video-bofang.f-czspjuzhong {
  z-index: 2;
  font-size: 0;
}
.video-bofang.f-czspjuzhong i {
  display: block;
  border-radius: 50%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  width: 60px;
  height: 60px;
  cursor: pointer;
  line-height: 62px;
  font-size: 66px;
  -webkit-transition: transform 1s;
  -o-transition: transform 1s;
  -ms-transition: transform 1s;
  -moz-transition: transform 1s;
  transition: transform 1s;
}
.video-hide {
  z-index: 0 !important;
}
.video-hide i {
  opacity: 0;
  -webkit-transform: scale(3);
  -o-transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  transform: scale(3);
  will-change: transform, opacity;
  z-index: 0;
}
.video-progress {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 36px;
  height: 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
.video-progress:hover .video-progress-hover,
.video-progress:hover .video-tooltip-time {
  opacity: 1;
}
.video-tooltip-time {
  width: 46px;
  position: absolute;
  height: 20px;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.video-tooltip-time .video-tinytip-content {
  margin-left: -23px;
}
.video-tooltip-time .video-text {
  background: rgba(0, 0, 0, 0.5);
  padding: 2px;
  border-radius: 2px;
}
.video-tinytip .video-tooltip-content {
  display: inline-block;
  padding: 0 4px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 10px;
  line-height: 20px;
  text-align: center;
}
.video-progress-padding {
  position: absolute;
  width: 100%;
  height: 16px;
  bottom: 0;
  z-index: 40;
  cursor: pointer;
}
.video-progress-list {
  position: relative;
  top: -1px;
  z-index: 39;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-transform: scaleY(0.6);
  -ms-transform: scaleY(0.6);
  transform: scaleY(0.6);
  transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.video-progress-play,
.video-progress-buffer,
.video-progress-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}
.video-progress-buffer {
  z-index: 33;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video-progress-hover {
  z-index: 34;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  -ms-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.video-progress-play {
  z-index: 35;
  background-color: #2c97f6;
}
.video-progress-handle {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: -6.5px;
  margin-top: -6.5px;
  border-radius: 50%;
  background-color: #2c97f6;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.video-progress-padding:hover + .video-progress-list {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.video-progress-padding:hover + .video-progress-list .video-progress-handle {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.video-controls-buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 36px;
  width: 100%;
  padding: 0 10px;
  z-index: 3;
}
.video-time-panel {
  font-size: 12px;
  color: #777;
  display: inline-block;
  vertical-align: top;
  height: 36px;
  padding: 0 5px;
  line-height: 36px;
  letter-spacing: .25px;
}
.video-time-panel-current {
  color: #DEDEDF;
}
.video-fullscreen {
  float: right;
}
.video-definition {
  float: right;
  width: 55px;
  height: 36px;
  position: relative;
}
.video-definition .video-button {
  width: 100%;
}
.video-definition .video-button span {
  background: #fff;
  color: #333;
  font-size: 14px;
  padding: 2px 5px;
}
.video-definition .video-tooltip-content {
  width: 80px;
  left: 50%;
  margin-left: -40px;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.video-definition:hover .video-tooltip-content {
  position: absolute;
  bottom: 35px;
  color: #aaa;
  display: block;
  z-index: 6;
}
.video-menu .video-menu-item {
  display: block;
  width: 100%;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  padding: 0 12px;
  cursor: pointer;
  position: relative;
  height: 38px;
  background: -webkit-linear-gradient(top, transparent 0, transparent 50%, rgba(255, 255, 255, 0.1) 50%) center bottom no-repeat;
  background-size: 80% 1px;
}
.video-menu .video-menu-item:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}
.video-menu .video-menu-item.video-active {
  color: #FF8F00;
}
.video-volume {
  float: right;
  position: relative;
}
.video-popup .video-popup-content {
  transform: scaleY(0);
  bottom: 41px;
  position: absolute;
}
.video-popup .video-popup-content:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.5);
}
.video-popup:hover .video-popup-content {
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -moz-transform: scaleY(1);
  transform: scaleY(1);
}
.video-volume-slider {
  left: 0;
  width: 36px;
  height: 100px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.8);
}
.video-tinytip-tiao {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-volume-range {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 4px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.2);
}
.video-volume-range-current {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-color: #2c97f6;
}
.video-volume-handle {
  position: absolute;
  top: 0;
  left: -4px;
  width: 12px;
  height: 3px;
  background-color: #fff;
}
@media (max-width: 998px) {
  .video-box .video-container {
    width: 80vw;
    max-height: 80vh;
    min-height: 44.9vw;
  }
}
@media (max-width: 468px) {
  .video-box .video-container {
    width: 100vw;
    min-height: 54.9vw;
  }
  .video-loading i {
    font-size: 26px;
  }
  .video-definition {
    display: none;
  }
}

.f-czspjuzhong {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.ddsmoothmenu{
font: bold 12px Verdana;
background: #414141; 
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}


.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}


.ddsmoothmenu ul li a{
display: block;
background: #414141; 
color: white;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ 
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ 
background: black; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: black; 
color: white;
}
	

.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; 
visibility: hidden;
}


.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
 background-color:Red;
}


.ddsmoothmenu ul li ul li ul{
top: 0;
}


.ddsmoothmenu ul li ul li a{

margin: 0;
border-top-width: 0;


}


* html .ddsmoothmenu{height: 1%;} 




.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}



.ddshadow{ 
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ 
opacity: 0.8;
}


.input-button
{
	border-right: #124680 1px solid;
	padding-right: 15px;
	border-top: #b8d4e8 1px solid;
	padding-left: 15px;
	font-size: 12px;
	padding-bottom: 2px;
	border-left: #b8d4e8 1px solid;
	cursor: pointer;
	color: #fff;
	padding-top: 2px;
	border-bottom: #124680 1px solid;
	background-color: #005eac;
	text-align: center;
}
.input-submit
{
	border-right: #124680 1px solid;
	padding-right: 15px;
	border-top: #b8d4e8 1px solid;
	padding-left: 15px;
	font-size: 12px;
	padding-bottom: 2px;
	border-left: #b8d4e8 1px solid;
	cursor: pointer;
	color: #fff;
	padding-top: 2px;
	border-bottom: #124680 1px solid;
	background-color: #005eac;
	text-align: center;
}
input.gray
{
	-moz-background-clip: border !important;
	-moz-background-inline-policy: continuous !important;
	-moz-background-origin: padding !important;
	background: #F0F0F0 none repeat scroll 0 0 !important;
	border-color: #FFFFFF #848484 #848484 #FFFFFF !important;
	border-style: solid;
	border-width: 1px;
	color: #333333 !important;
}

TABLE.pop_dialog_table
{
	table-layout: fixed;
	margin: auto;
	border-collapse: collapse;
}
TD.pop_topleft
{
	padding: 0px;
	overflow: hidden;
	width: 10px !important;
	height: 10px;
}
TD.pop_topright
{
	padding: 0px;
	overflow: hidden;
	width: 10px !important;
	height: 10px;
}
TD.pop_bottomleft
{
	padding: 0px;
	overflow: hidden;
	width: 10px !important;
	height: 10px;
}
TD.pop_bottomright
{
	padding: 0px;
	overflow: hidden;
	width: 10px !important;
	height: 10px;
}
TD.pop_topleft
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/pop_dialog_top_left.png',sizingMethod='crop') !important;
	background-image: url(../image/pop_dialog_top_left.png) !important;
}
TD.pop_topright
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/pop_dialog_top_right.png',sizingMethod='crop') !important;
	background-image: url(../image/pop_dialog_top_right.png) !important;
}
TD.pop_bottomleft
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/pop_dialog_bottom_left.png',sizingMethod='crop') !important;
	background-image: url(../image/pop_dialog_bottom_left.png) !important;
}
TD.pop_bottomright
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/pop_dialog_bottom_right.png',sizingMethod='scale') !important;
	background-image: url(../image/pop_dialog_bottom_right.png) !important;
}
TD.pop_border
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/pop_dialog_border.png',sizingMethod='scale') !important;
	background-image: url(../image/pop_dialog_border.png) !important;
}
TD.pop_content
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #fff;
}
TD.morpadding_bluebg.pop_content
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #d2d9e6;
}
TD.pop_content H2
{
	border-right: #005eac 1px solid;
	border-top: #005eac 1px solid;
	font-weight: 700;
	font-size: 14px;
	background: #6d84b4;
	float: none !important;
	margin: 0px;
	border-left: #005eac 1px solid;
	color: #fff;
	border-bottom: #005eac 1px solid;
}
TD.pop_content H2 SPAN
{
	padding-right: 10px;
	display: block;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 4px;
}
TD.pop_content H2 A.floatright
{
	float: right;
}
TD.pop_content .dialog_content
{
	border-right: #555 1px solid;
	border-top: #555 0px solid;
	background: #fff;
	border-left: #555 1px solid;
	border-bottom: #555 1px solid;
}
TD.pop_content .dialog_body P
{
	color: #333;
}
TD.pop_content .dialog_body A
{
	color: #005eac;
}
TD.pop_content .dialog_body A:visited
{
	color: #005eac;
}
TD.pop_content .borderblue.dialog_content
{
	border-right: #8598c0 1px solid;
	border-top: #8598c0 1px solid;
	border-left: #8598c0 1px solid;
	border-bottom: #8598c0 1px solid;
}
TD.pop_content .dialog_body
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: #ccc 1px solid;
}
TD.pop_content .dialog_buttons INPUT
{
	border-right: #124680 1px solid;
	border-top: #b8d4e8 1px solid;
	background-image: none !important;
	border-left: #b8d4e8 1px solid;
	color: #fff;
	border-bottom: #124680 1px solid;
	background-color: #005eac !important;
}
TD.pop_content .dialog_buttons INPUT.gray
{
	border-right: #848484 1px solid;
	border-top: #fff 1px solid;
	background: #f0f0f0;
	border-left: #fff 1px solid;
	color: #333 !important;
	border-bottom: #848484 1px solid;
}
TD.pop_content .share_popup
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
TD.pop_content .dialog_summary
{
	padding-right: 10px;
	padding-left: 10px;
	background: #f2f2f2;
	padding-bottom: 8px;
	padding-top: 8px;
	border-bottom: #ccc 1px solid;
}
TD.pop_content .dialog_summary P.centertext
{
	margin: 30px;
	line-height: 20px;
	text-align: center;
}
TD.pop_content .dialog_summary UL.classlist
{
	list-style-type: none;
}
TD.pop_content .dialog_summary UL.classlist LI
{
	line-height: 25px;
	list-style-type: none;
	height: 25px;
}
TD.pop_content .dialog_summary UL.classlist LI INPUT.floatleft
{
	margin-top: 7px;
	background: none transparent scroll repeat 0% 0%;
	float: left;
	vertical-align: middle;
	margin-right: 5px;
}
TD.pop_content .dialog_summary UL.classlist LI .gray
{
	color: #b4b4b4;
}
TD.pop_content .higher.dialog_summary
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 100px;
}
TD.pop_content .dialog_buttons
{
	padding-right: 8px;
	padding-left: 8px;
	background: #f2f2f2;
	padding-bottom: 8px;
	padding-top: 8px;
	text-align: right;
}
TD.pop_content .alignleft.dialog_buttons
{
	text-align: left;
}
TD.pop_content .dialog_buttons INPUT
{
	margin-left: 5px;
}
TD.pop_content .dialog_buttons_left_msg
{
	float: left;
}
TD.pop_content .loading
{
	padding-right: 10px;
	padding-left: 10px;
	font-weight: 700;
	font-size: 14px;
	background: #f7f7f7;
	padding-bottom: 10px;
	padding-top: 10px;
}


.themePickerList01 li
{
	width: 250px;
	float: left;
}
.themePickerList01 li h5
{
	color: #999;
}
.themePickerList01 li p
{
	color: #999;
	margin-top: 5px;
	text-align: center;
	height: 30px;
}