@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑", "宋体", Helvetica, Arial, sans-serif}


.top{ width:100%; height:110px; background:#FFF; box-shadow:0 0 5px #999; position:absolute; top:0; background:rgba(255,255,255,1); z-index:999;}

.logo{ float:left; width:250px; height:110px; line-height:110px; text-align:center;}
.logo a{ display:block;}
.logo img{ vertical-align:middle;}


.nav{ position:relative; z-index:9; width:610px;}
.navLeft{ float:left;}
.navRight{ float:right;}
.nav ul{ list-style:none; margin:0; padding:0;}
.nav li{ width:100px; float:left;}
.nav li a{ width:100%; height:45px; overflow:hidden; display:block; text-align:center; text-decoration:none; box-sizing:content-box; padding:30px 0 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; margin:0; padding:0;}
.nav li a span{ font-size:12px; height:22px; line-height:22px; overflow:hidden; color:#333; text-transform:uppercase;}
.nav li a p{ font-size:16px; height:45px; line-height:45px; overflow:hidden; color:#333; margin:0; padding:0;}


.nav li a:hover{ background:#003971;}

.nav li a.active{ background:#003971; color:#FFF; border-radius:5px 5px 0 0;}
.nav li a.active p{color:#FFF}

.nav li .flowsub{ width:150px; height:0; overflow:hidden; background:#003971; padding:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.nav li .flowsub li{ width:100%; overflow:hidden; float:none;}
.nav li .flowsub a{ width:100%; height:30px; overflow:hidden; line-height:30px; display:block; text-align:left; text-indent:20px; margin:0; padding:0; border:0; color:#FFF; font-size:14px;}
.nav li .flowsub a:hover{ background:#003971; border:0;}

.nav li:hover > a{ background:#003971; border-top-left-radius:5px; border-top-right-radius:5px;}
.nav li:hover > a p{ color:#FFF;}
.nav li:hover .flowsub{ height:auto; padding:10px 0;}
.nav li:last-child  .flowsub{ position:relative; margin-left:-40px;}

.honor_ul{ list-style:none; margin:20px 0; padding:0;}

.honor_ul li { float:left; width:210px; padding:2px; margin:10px 7px;background:#FFF; }
.honor_ul li img{ width:210px;box-shadow:0 0 5px #CCC; border-radius:2px; padding:2px;}
.honor_ul li a{ text-decoration:none;}
.honor_ul li a.thumbnail{ width:280px; height:220px; overflow:hidden; margin:0; border:0; padding:0; border-radius:0; text-decoration:none;}
.honor_ul li span{height:40px; line-height:40px;  color:#333; font-size:14px; text-align:center; display:block;}

.topTips{ width:610px; height:65px; float:right; line-height:65px;}

.lanEn{ width:50px; height:55px; line-height:55px; float:right; background:url(../images/lanEn.png) center center no-repeat; display:block; margin:0 5px;}
.lanCh{ width:50px; height:55px; line-height:55px; float:right; background:url(../images/lanCh.png) center center no-repeat; display:block; margin:0 5px;}
.lanali{ width:50px; height:55px; line-height:55px; float:right; background:url(../images/lanali.png) center center no-repeat; display:block; margin:0 5px;}
.searchBox{ width:30px; height:55px; line-height:55px; float:right; position:relative; margin:0 5px 0 10px;}
.searchBox form{ width:30px; height:30px; overflow:hidden; background:#999; border-radius:15px; margin:12px auto; position:relative; z-index:9;}
.searchBox form .searchTxt{ width:0; height:30px; line-height:30px; font-size:12px; color:#FFF; float:left; margin:0; padding:0; border:0; background:none; text-indent:1em; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.searchBox form .searchBtn{ width:30px; height:30px; line-height:30px; font-size:12px; color:#000; float:left; margin:0; padding:0; border:0; background:url(../images/searchBtn.png) center center no-repeat;}
.searchBox form:hover, .searchBox form:focus{ width:150px; margin-left:-120px;}
.searchBox form:hover .searchTxt, .searchBox form:focus .searchTxt{ width:120px;}

.topTips p{ float:right; height:55px; line-height:55px; margin:0; padding:0; font-size:14px; color:#dd1e32;}


.searchkBox{ width:192px; height:55px; line-height:55px; position:relative; margin:0 25px;}
.searchkBox form{ width:190px; height:32px; overflow:hidden; background:#fff; border-radius:5px; margin:5px auto; position:relative; z-index:9; border:1px solid #fff}
.searchkBox form .searchTxt{ width:158px; height:30px; line-height:30px; font-size:12px; color:#666; float:left; margin:0; padding:0; border:0; background:none; text-indent:1em; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.searchkBox form .searchBtn{ width:30px; height:30px; line-height:30px; font-size:12px; color:#000; float:left; margin:0; padding:0; border:0; background:url(../images/searchkBtn.png) center center no-repeat;}


.searchnBox{ width:192px; height:55px; line-height:55px; position:relative; margin:0 10px;}
.searchnBox form{ width:190px; height:32px; overflow:hidden;background:#fff; border-radius:5px; margin:5px auto; position:relative; z-index:9; border:1px solid #fff}
.searchnBox form .searchTxt{ width:158px; height:30px; line-height:30px; font-size:12px; color:#666; float:left; margin:0; padding:0; border:0; background:none; text-indent:1em; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.searchnBox form .searchBtn{ width:30px; height:30px; line-height:30px; font-size:12px; color:#000; float:left; margin:0; padding:0; border:0; background:url(../images/searchkBtn.png) center center no-repeat;}


.indexBanner{ height:500px; overflow:hidden;}
.indexBanner #myCarousel{ height:500px;}
.indexBanner .carousel-control{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.indexBanner .carousel-control span{}
.indexBanner .carousel-control.left{ background:url(../images/btnPrev.png) center center no-repeat; width:120px; opacity:0.45;}
.indexBanner .carousel-control.left:hover{ background:url(../images/btnPrevHover.png) center center no-repeat; width:120px; opacity:1;}
.indexBanner .carousel-control.right{ background:url(../images/btnNext.png) center center no-repeat; width:120px; opacity:0.45;}
.indexBanner .carousel-control.right:hover{ background:url(../images/btnNextHover.png) center center no-repeat; width:120px; opacity:1;}
.indexBanner .carousel{}
.indexBanner .carousel-inner .item > div{ margin:0; padding:0; border:0;}
.indexBanner .carousel-inner .item > div a{ margin:0; padding:0; border:0; display:block; width:100%; height:700px;}
.indexBanner .carousel-indicators .active{ background:none; border:2px solid #FFF;}
.indexBanner .carousel-indicators li{ border:0; background:#FFF;}

.indexProType{ width:250px; height:390px; position:absolute; top:110px; left:50%; margin-left:-585px; background:rgba(0,0,0,0.75); z-index:999;}
.indexProType ul{ list-style:none; margin:0; padding:20px 0;}
.indexProType li{ width:100%; line-height:34px;}
.indexProType li a{ width:100%;  line-height:34px; display:block; font-size:16px; color:#FFF; padding:0 20px; text-decoration:none;}
.indexProType li:hover > a{  color:#dd1e32;;}

.indexProTypeBox{ width:360px; height:400px; overflow:hidden; padding:24px 30px; background:rgba(255,255,255,0.90); position:absolute; left:250px; top:0; display:none;}
.indexProTypeBox dt{ height:36px; line-height:36px; text-align:left; font-size:18px; color:#333; border-bottom:1px dotted #333;}
.indexProTypeBox dd{ height:36px; line-height:36px; text-align:left; font-size:18px; color:#333; border-bottom:1px dotted #CCC;}
.indexProTypeBox dd a{ width:100%; height:36px; line-height:36px; display:block; font-size:16px; color:#333; padding:0; text-decoration:none;}
.indexProTypeBox dd a:hover{ background:none; color:#dd1e32;}

.indexProType li:hover > a{}
.indexProType li:hover .indexProTypeBox{ display:block;}

.indexLan1{ padding:30px 0;}
.indexAbout{ padding:30px 25px; padding-left:0px; width:750px; overflow:hidden; float:left; padding-top:0px;}


.slideBox{ position:relative; overflow:hidden; margin:0px auto;  max-width:1920px;/* 设置焦点图最大宽度 */ }
.slideBox .hd {}
.slideBox .hd ul{position:absolute; height:28px; line-height:28px; text-align:right; bottom:5px; width:100%; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; background:url(../images/point.png) center center no-repeat;border-radius:50%; line-height:60px; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{background:url(../images/point_on.png) center center no-repeat;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center; list-style:none  }
.slideBox .bd li img{ border:3px solid #FFF; box-shadow:0 0 5px #999; margin:15px 0; border-radius:5px; }

.hd .prev{ position:absolute; left:10px; width:37px; height:66px; background:url(../images/indexCasePrev.png) no-repeat; text-indent:-9999px;   bottom:40%;}
.hd .next{ position:absolute; right:10px;width:37px; height:66px; background:url(../images/indexCaseNext.png)   no-repeat; text-indent:-9999px;   bottom:40%;}



.slideBox1{ position:relative; overflow:hidden; margin:0px auto;  max-width:1920px;/* 设置焦点图最大宽度 */ }
.slideBox1 .hd {}
.slideBox1 .hd ul{position:absolute; height:28px; line-height:28px; text-align:right; bottom:5px; width:100%; z-index:1; }
.slideBox1 .hd li{ display:inline-block; width:10px; height:10px; background:url(../images/point.png) center center no-repeat;border-radius:50%; line-height:60px; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox1 .hd li.on{background:url(../images/point_on.png) center center no-repeat;  }
.slideBox1 .bd{ position:relative; z-index:0; }
.slideBox1 .bd li{ position:relative; text-align:center;  }
.slideBox1 .bd li img{ }


.index_abo_left{ float:left; width:260px; height: 260px; overflow:hidden;}
.index_abo_left ul{ list-style:none; margin:0; padding:0; margin-left:5px}
.index_abo_left li{ list-style:none}


.index_abo_right{ float:left; width:420px; height: 260px; overflow:hidden;}
.index_abo_right ul{ list-style:none; margin:0; padding:0; margin-left:5px}
.index_abo_right li{ list-style:none}


.indexAbout h5{ height:70px; line-height:35px; font-size:22px; color:#1863a9; margin:0;}
.indexAbout p{ font-size:16px; line-height:26px; color:#333; margin:0;}
.indexAbout .btn{ width:140px; height:40px; margin:25px 0; margin-right:20px; margin-bottom:0; font-size:16px; line-height:26px;}
.indexAbout .btn-danger{ background-image:url(../images/indexVideoBtn.png); background-position: 15px center; background-repeat: no-repeat; text-indent:20px;}

.indexVideo{ width:420px; height:320px; overflow:hidden; background:#e5eef6; padding:35px 28px;}
#video{ box-sizing:content-box; border:3px solid #FFF; border-radius:5px;}

.videoBtn{ float:right; width:130px; height:50px; line-height:42px; text-align:center; color:#FFF; font-size:16px; background:#003971; border-radius:10px; border:3px solid #FFF; box-shadow:0 0 5px #999; margin:15px 0; border-radius:5px; }
.videoBtn:hover{ color:#FFF; }
.indexVideo{ width:420px; height:320px; overflow:hidden; background:#e5eef6; padding:35px 28px;}
#video{ box-sizing:content-box; border:3px solid #FFF; border-radius:5px;}

.indexPro{ padding:30px 0; background:#f7f7f7 url(../images/indexProBg.jpg) center center no-repeat;}
.indexProTitle{ width:100%; height:60px; overflow:hidden; background:#FFF; line-height:60px; border-radius:5px;}
.indexProTitle a{ height:60px; line-height:60px; color:#999; float:right; margin:0 30px; display:block;}
.indexProTitle h5{ height:60px; line-height:60px; padding:0 30px; background:#003971; float:left; font-size:24px; color:#FFF; margin:0;}
.indexProTitle i{ width:35px; height:60px; line-height:60px; background:url(../images/titleTips.png) center center no-repeat; float:left;}

.indexPro ul{ list-style:none; margin:20px 0; padding:0;}
.indexPro ul li{ width:25%; float:left; margin:0 0 20px; padding:0 3px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.indexPro ul li div{ width:284px; padding:2px; background:#FFF; box-shadow:0 0 5px #CCC; border-radius:2px;}
.indexPro ul li a.thumbnail{ width:280px; height:209px; overflow:hidden; margin:0; border:0; padding:0; border-radius:0; text-decoration:none;}
.indexPro ul li div span{ width:280px; height:40px; line-height:40px; background:#CCC; color:#333; font-size:14px; text-align:center; display:block;}
/*
.indexPro ul:hover li{ opacity:0.3;}
.indexPro ul:hover li:hover{ opacity:1;}
*/


.indexNews{ padding:60px 0;}
.indexNewsTitle{ height:60px; line-height:60px; overflow:hidden; margin:0 0 60px; text-align:center;}
.indexNewsTitle a{ height:60px; line-height:60px; color:#999; float:right; margin:0 30px; display:block;}
.indexNewsTitle h5{ height:60px; line-height:60px; text-align:left; float:left; font-size:24px; color:#003971; border-bottom:1px solid #003971; margin:0;}
.indexNews ul{ list-style:none; margin:0; padding:0;}
.indexNews li{ background:url(../images/indexNewsTips.jpg) 350px 10px no-repeat; margin:0; padding:0;}
.indexNews li h5{ font-size:16px; width:340px; height:30px; overflow:hidden; line-height:24px; color:#000; margin:0; padding:0;}
.indexNews li p{ font-size:14px; width:340px; height:40px; overflow:hidden; line-height:20px; color:#666; margin:0 0 10px; padding:0;}
.indexNews li span{ font-size:12px; line-height:24px; color:#eb6e00;}
.indexNews li a{ text-decoration:none;}





.footInfo{ background:#03417d; padding:35px 0 20px;}
.footLogo{ width:250px; float:left;}
.footLogo img{ width:200px; height:auto;}

.footInfoEWM{ width:120px; float:right;}

.footInfoContent{ width:800px; float:left;font-size:14px; line-height:26px; color:#FFF;}

.footLink{ background:#023567; padding:15px 0;}

.footLink .footLogo h5{ height:40px; font-size:36px; color:#dd1e32; margin:0; font-family:Arial, sans-serif; padding-top:8px;}
.footLink .footLogo p{ height:20px; font-size:18px; color:#FFF; margin:0;}

.footLink .footInfoContent a{ height:30px; line-height:30px; margin:0 5px; font-size:14px; color:#FFF;}
.footLink .footInfoContent a img{ margin-right:5px;}

.footLink .footInfoEWM a{ height:30px; line-height:30px; width:120px; border-radius:5px; background:#dd1e32; font-size:14px; color:#FFF; text-align:center; display:block;}

.footCopyright{ background:#03417d; height:40px; line-height:40px; text-align:left;}
.footCopyright p{ font-size:12px; color:#FFF; margin:0; text-transform:uppercase;}
.footCopyright p a{ color:#FFF;}


.bannerAbout{ height:420px; background:url(../images/bannerAbout.jpg) center center no-repeat;}
.bannerNews{ height:420px; background:url(../images/bannerNews.jpg) center center no-repeat;}
.bannerPro{ height:420px; background:url(../images/bannerPro.jpg) center center no-repeat;}
.bannerVideo{ height:420px; background:url(../images/bannerVideo.jpg) center center no-repeat;}
.bannerContact{ height:420px; background:url(../images/bannerContact.jpg) center center no-repeat;}


.content .container{ background:url(../images/contentLeftBg.png) left top repeat-y; padding-bottom:80px;}

.leftBox{ width:250px; height:100%; overflow:hidden; float:left; padding:30px 20px 0;}
.leftBox.affix{ top: 0;}
.leftBox h5{ height:40px; line-height:40px; font-size:18px; color:#FFF; border-bottom:1px dotted #FFF;}
.leftBox ul{ list-style:none; margin:10px 0; padding:0;}
.leftBox ul li{line-height:40px; font-size:14px;border-bottom:1px solid #a7a7a7; outline:none;}
.leftBox ul li > a{ height:40px; line-height:40px; text-indent:10px; font-size:14px; color:#FFF; display:block; text-decoration:none; overflow:hidden }
.leftBox ul li > a:hover{background:rgba(0,0,0,0.4); }
.leftBox ul li > a.active{background:rgba(0,0,0,0.4); }
.leftBox ul li div.minNavBox{ display: none;}
.leftBox ul li dl{ list-style:none; margin:0; padding:0; background:rgba(0,0,0,0.25); border-radius:5px; padding:5px 0 15px;}
.leftBox ul li dd{line-height:30px; border-bottom:1px dotted #acacac; margin:0 20px;}
.leftBox ul li dd a{ display:block; font-size:14px; color:#ccc; text-decoration:none}
.leftBox ul li dd a:hover{ font-weight:bold; color:#fff}
.leftBox ul li dd a.active{ font-weight:bold; color:#fff}

.rightBox{ width:900px; min-height:400px; height:auto; _height:400px; overflow:visible; float:right; margin:40px 0 0;}
.title{ width:900px; height:40px; overflow:hidden; line-height:40px; border-radius:5px; background:#f7f7f7; margin-bottom:30px;}
.title span{ height:40px; line-height:40px; color:#999; float:right; margin:0 30px; display:block;}
.title h5{ height:40px; line-height:40px; padding:0 20px; background:#003971; float:left; font-size:18px; color:#FFF; margin:0;}
.title i{ width:35px; height:40px; line-height:40px; background:url(../images/titleTips.png) center center no-repeat; float:left;}

.rightContent{ text-align:justify; text-justify:inter-ideograph;}
.rightContent *{ margin:0; padding:0;}
.rightContent h1{ color:#003971; text-align:center; line-height:40px; padding-bottom:15px;}

.proContentBox{ list-style:none; margin:20px 0; padding:0;}
.proContentBox li{ width:33.33%; float:left; margin:0 0 20px; padding:0 3px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.proContentBox li div{ width:284px; padding:2px; background:#FFF; box-shadow:0 0 5px #CCC; border-radius:2px;}
.proContentBox li a{ text-decoration:none;}
.proContentBox li a.thumbnail{ width:280px; height:209px; overflow:hidden; margin:0; border:0; padding:0; border-radius:0; text-decoration:none;}
.proContentBox li div span{ width:280px; height:40px; line-height:40px; background:#CCC; color:#333; font-size:14px; text-align:center; display:block;word-break:break-all;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }

/*
.proContentBox:hover li{ opacity:0.3;}
.proContentBox:hover li:hover{ opacity:1;}

*/
.pageBox{ text-align:center; margin:50px auto 0;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#2b80d5; color:#FFF; border:1px solid #2b80d5;}
.pagination>li>a, .pagination>li>span{ color:#333;}
.pagination>li>a:focus, .pagination>li>a:hover,.pagination>li>a.active, .pagination>li>span:focus, .pagination>li>span:hover{ background:#2b80d5; color:#fff;}

.proViewPic{ width:100%; height:auto; padding:10px; text-align:center; vertical-align:middle; background:#f5f5f5;}
.proViewPic img{ margin:auto; max-width:600px}


.proViewTitle{ height:40px; line-height:40px; background:#f0f0f0; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.proViewTitle h5{ width:180px; float:left; height:40px; line-height:40px; text-align:center; font-size:18px; color:#ad0404; border-top:3px solid #ad0404; background:#FFF;}

.proViewContent{ width:100%; min-width:300px; height:auto; _height:300px; border:1px solid #e3e3e3; border-top:0; padding:30px 30px 50px;}
.proViewContent img{ max-width:840px;}
.proViewContent h2{ font-size:18px;color: #003971; font-weight:bold;padding-bottom:20px;}
.proViewContent p{ line-height:2em;}
.proViewContent p strong{color: #003971}
.bdsharebuttonbox{ float:right; margin:5px;}

.proView_ul{}
.proView_ul li{ float:left; width:23%; height:189px; margin:0 1%; list-style:none; text-align:center; overflow:hidden}
.proView_ul li img{ width:100%;box-shadow: 0 0 5px #CCC;}


.backBox{ width:100%; overflow:hidden; clear:both; margin:0; margin-top:15px; padding-top:10px; border-top:1px dotted #CCC;}
.backBox p{ width:600px; overflow:hidden; float:left; font-size:12px; color:#666; margin:0;}
.backBox a{ font-size:12px; color:#666; text-align:left;}
.backBox a:hover{ text-decoration:underline;}
.backBox p.ProBreak{ width:100px; float:right;}

.ProBreak{ width:100px; overflow:hidden; padding-top:10px; float:right;}
.ProBreak a{ background:url(../images/btnHover.jpg) left center no-repeat; width:75px; height:20px; overflow:hidden; line-height:20px; display:inline-block; font-size:12px; color:#FFF; text-indent:0; text-align:center; float:right;}


/* float-news */
.float-news,.float-open{display:inline-block;font-size:16px;}
/*.float-news{height:350px;left:0px;padding:10px 0px;width:200px;z-index:999;top:130px;_margin-top:130px;}*/
.float-news{height:350px;right:0px;padding:10px 0px;width:200px;z-index:999;top:130px;_margin-top:130px;}
/*.float-open{height:48px;left:-70px;padding:4px 4px 4px 6px;width:48px;z-index:999;top:206px;_margin-top:206px;}*/
.float-open{height:48px;right:-70px;padding:4px 4px 4px 6px;width:48px;z-index:999;top:206px;_margin-top:206px;}
.float-news,.float-open{position:fixed;*zoom:1;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
.float-close{background:url(../images/close.png) no-repeat right top;height:16px;position:absolute;right:35px;top:45px;white-space:nowrap;width:16px; display:block; z-index:999;}
.open-btn{background:url(../images/ml-open-demo.png) no-repeat left top;display:block;overflow:hidden;height:179px;text-indent:100%;white-space:nowrap;width:53px;}
.float-close:hover,.open-btn:hover{opacity:1;filter:alpha(opacity=100);}




.Service1{ position: absolute;z-index:999; width:120px;  }
.Service{position: absolute;z-index:990; width:173px; }
.ServiceTop1{ background:url(../images/S_top_bg.png)  no-repeat; height:120px; }
.ServiceTop{ background:url(../images/S_top_bg2.png) no-repeat; height:84px;}
.ServiceMain{background:url(../images/jjg.png) no-repeat ;}
.ServiceInfo{ padding-bottom:10px;}
.ServiceInfo dl{ margin:0 auto; width:120px;}
.ServiceInfo dl dd{ margin-bottom:10px;}
.ServiceInfo p{ display:block; margin:0 13px 10px 13px; color:#000;}
.ServiceInfo ul { margin:0 10px 10px 10px;}
.ServiceInfo ul li{  color:#000; line-height:26px; height:26px; margin-bottom:5px; background: url(../images/S_li_bg.png) no-repeat;  }
.ServiceInfo ul li a{ font-style:normal; color:#000; margin-left:12px; }
.ServiceInfo ul.S_pro{ margin:0 0 0 45px; }
.ServiceInfo ul.S_pro li{ list-style-type:decimal-leading-zero; color:#000; background:none; margin:0 0 5px 0; font-size:14px;  }
.ServiceInfo ul.S_pro li a{  font-size:12px; margin-left:0; border-bottom:1px dotted #ddd; padding:0 5px 5px 5px;}
.ServiceInfo ul.S_pro li a:hover{ color:#fff; background:#900;}
.ServiceInfo .St{ color:#fff; font-style:normal; margin-left:8px; margin-right:12px;}
.ServiceInfo .St1{ margin-left:12px; font-size:14px; font-style:italic;}
.ServiceInfo .S_QQ{ display:block; margin-bottom:0px; margin-left:58px;}
.ServiceBottom{ height:25px; background:url(../images/S_bottom_bg.png) no-repeat;}

.NewsContent{ width:100%; overflow:hidden; text-align:left; margin:20px 0 10px;}
.NewsContent ul{ margin:0; padding:0;}
.NewsContent li{ width:900px; overflow:hidden; display:block; float:left; background:#FFF;}
.NewsContent a{ width:900px; overflow:hidden; display:block;}
.NewsContent dl{ width:880px; height:110px; overflow:hidden; margin:10px 10px 0; border-bottom:1px dotted #CCC;}
.NewsContent dt{ float:left; width:60px; text-align:center;}
.NewsContent dt p{ color:#05a; font-family:"Times New Roman", Times, serif; width:60px; font-size:16px; line-height:20px; margin:10px 0 10px;}
.NewsContent dd{ width:810px; float:left;}
.NewsContent dd h3{ font-size:18px; color:#05a; margin:10px 0 10px;}
.NewsContent dd p{ font-size:12px; line-height:18px; color:#666;}

.NewsContent a:hover{ background:#05a;}
.NewsContent a:hover dt p{ color:#FFF; font-family:"Times New Roman", Times, serif; width:60px; font-size:16px; line-height:20px;}
.NewsContent a:hover dd h3{ font-size:16px; color:#FFF;}
.NewsContent a:hover dd p{ font-size:12px; line-height:18px; color:#FFF;}


.new_info{ line-height:2em; min-height:400px; height:auto; _height:400px; overflow:auto; margin:20px 0 0;}

.new_view{ padding:20px; margin:20px 0;}
.new_title{ text-align:center; border-bottom:1px dotted #CCC;}
.new_title h3{ color:#333; font-size:24px; line-height:40px;}
.new_title p{ font-size:12px; color:#999; line-height:30px;}



/*客服代码部分*/
.qqserver .qqserver-header:after,.qqserver .qqserver-header:before,.qqserver li a:after,.qqserver li a:before{display:table;content:' '}
.qqserver .qqserver-header:after,.qqserver li a:after{clear:both}
.qqserver .qqserver-header,.qqserver li a,.tabs,.user-main,.view-category,.view-category-list>li{*zoom:1}
.qqserver{position:fixed;top:50%;left:0;height:209px;margin-top:-104px; z-index:100000}
.qqserver.unfold .qqserver-body{left:0}
.qqserver .qqserver-body{position:absolute;left:-144px;width:144px;padding:12px 10px 30px;-webkit-transition:.3s cubic-bezier(.19,1,.22,1);-o-transition:.3s cubic-bezier(.19,1,.22,1);transition:.3s cubic-bezier(.19,1,.22,1);border:1px solid #65b2ff;border-radius:4px;background:#f4f7fa}
.qqserver:hover .qqserver-body{left:0;}
.qqserver .qqserver_fold{position:absolute;padding:14px 7px;cursor:pointer;border-top-right-radius:4px;border-bottom-right-radius:4px;background:#003971}
.qqserver .qqserver-header{padding-bottom:10px;padding-left:6px;border-bottom:1px dashed #d1d4cc}
.qqserver .qqserver-header *{float:left}
.qqserver .qqserver_arrow{margin-top:-1px;margin-left:7px;cursor:pointer}
.qqserver ul{ list-style:none; margin:0; padding:0}
.qqserver li{ margin-left:5px;list-style:none; margin:0; padding:0}
.qqserver li a{display:block;padding:6px 12px 4px}
.qqserver li a div{font-size:14px;float:left;margin-right:11px;color:#697466}
.qqserver li a span{font-size:12px;line-height:18px;float:left;text-indent:4px;color:#fff}
.qqserver li a span.qqserver-service-alert{font-weight:400;display:block}
.qqserver li a:hover{text-decoration:none;border-radius:4px;}
.qqserver li a:hover div{color:#65b2ff}
.qqserver .qqserver-footer{margin-top:10px;padding-top:14px;padding-bottom:14px;padding-left:11px;border-top:1px dashed #d1d4cc}
.qqserver .qqserver-footer .text-primary{color:#70CA5D;font-size:14px;}
.qqserver .qqserver_icon-alert{display:inline-block;margin-right:10px;vertical-align:-3px;*display:inline;*zoom:1;*vertical-align:-1px}
.qqserver-header div{width:90px;height:18px;background-image:url(../images/backgrounds.32.png);background-position:-419px -80px}
.qqserver_icon-alert{width:16px;height:14px;background-image:url(../images/backgrounds.32.png);background-position:-595px -85px}
.qqserver li a span{width:30px;height:23px;background-image:url(../images/backgrounds.32.png);background-position:-265px 0}
.qqserver li a .qqserver-service-alert{width:30px;height:22px;background-image:url(../images/backgrounds.32.png);background-position:-342px 0}
.qqserver_fold div{width:26px;height:132px;background-image:url(../images/backgrounds.32.png);background-position:0 0}
.qqserver_fold:hover div{width:26px;height:132px;background-image:url(../images/backgrounds.32.png);background-position:-27px 0}
.qqserver_arrow{width:18px;height:18px;background-image:url(../images/backgrounds.32.png);background-position:-435px 0}
.qqserver_arrow:hover{width:18px;height:18px;background-image:url(../images/backgrounds.32.png);background-position:-435px -38px}
