﻿*{ margin: 0; padding: 0; }
img{ border: 0;}
a,p,span,h1,i{ text-decoration: none; margin: 0;}
li,ul{ list-style: none;}
input,button{ border: none; outline: none; background: none; margin: 0;}
a{cursor: pointer;}
body{ min-width: 1300px;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
title_i{height: 27px; padding-left: 10px;margin-right: 10px;background-color: #204c97;line-height: 27px;}
.clearfix, .container:after,.row:after, ul {  *zoom: 1;}
.clearfix:after, .container:after,
.row:after, ul:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.colorw{color:#fff;}
.container{ width: 1400px; margin: 0 auto;}

/*栏目导航*/
.head{width:100;position:relative;}
.head_top {height: 45px;line-height:45px;background-color: #f7faf3;}
.head_top h1 {float: left;font-size:16px;font-weight:normal;height: 45px;line-height:45px;}
.head_top p{float: right;line-height:45px;height: 45px;}
.head_top p a{font-size:14px;color: #000;margin:0 5px;}
.head_top p a img{height:15px;}
.head_top p a:hover{color:#204c9;}
.head_logo {clear: both;overflow: hidden;height: 127px;}
.head_logo .logo {float: left;	margin-top: 23px;}
.head_logo dl {float: right;	margin-top: 23px;}
.head_logo dl dd {  float: left;  line-height: 60px;    margin: 10px 0px;}
.head_logo dl dt {overflow: hidden;line-height: 35px;margin: 6px 0 15px 0;}
.head_logo dl dt img, .logoLine dl dt p, .logoLine dl dt h2 {float: left;}
.head_logo dl dt p {font-size: 16px;margin: 0 10px;float:left;}
.head_logo dl dt h2 {font-size: 25px;color: #ff3e00;font-weight: bold;float:left;}
.head_banner {position: relative;	height: 57px;z-index:50;}
.nav {height: 57px;	background: url(/static/pc/images/navbg.png) no-repeat center 0;position: absolute;	top: 0;	width: 100%;}
.navbox {width: 1176px;margin: 0 auto;height: auto;overflow: hidden;}
.navbox li {float: left;height: 50px;line-height: 50px;width: 147px;text-align: center;	margin-top: 7px;background-repeat: no-repeat;background-position: right center;}
.navbox li .active_show{ background-color: #ff3f01;}
.navbox li a {font-size: 18px;color: white;	display: block;}
.navbox li a:hover {background-color: #ff3f01;}
.menu li:hover ul {display:block; position:absolute; margin-top:-7px; }
.menu li:hover ul li a {background:rgba(0,0,0,0.7); color:#fff;width:147px;line-height:50px; height:50px; font-size:16px; }
.menu li:hover ul li a:hover { color:#fff; text-decoration: none;line-height:50px; background-color: #ff3f01;}
 
.header_video{width:100%;height:auto;margin-top:-12px;}
.header_video video{mix-blend-mode: screen;display: block;width:100%;height:auto;}

.p0{ overflow: hidden; height: 130px; position: absolute; margin-top: -150px; width:1400px;z-index: 99;}
.p0_title{ float: left; width: 343px; height: 108px; padding: 22px 0 0 25px; background: url(/static/pc/images/t_bg.png) center center no-repeat; background-size: 100% 100%;}
.p0_title p{ font-size: 30px; font-weight: bold; color: #fff; text-transform:uppercase;}
.p0_title span{ font-size: 30px; font-weight: bold; color: #fff;}
.p0 .daohang{float: right;  margin-left: 15px;   padding-top: 80px;  display: inline-flex;}
.p0 .daohang a{    display: inline-block;  padding: 0 15px;   background: #ddd;   margin: 0 10px 0 0;   height: 50px;   line-height: 50px;   text-align: center;   color: #323232;}
.daohang a:last-child{margin-right:0px;}
.daohang a:hover{background: #1f4db2;color: #fff;}
.daohang .dh_active{   color: #fff;  background: #1f4db2;}





.seo{ background: #fff; padding: 0 0 60px;}
.seo_word01{ float: left; width: 30%; padding-right: 5%; display: inline-block;}
.seo_word02{ width: 30%;display: inline-block;}
.seo_word03{ float: right; width: 30%;display: inline-block;}

.seo .content{ background: #fff; margin-top: 45px;padding-bottom:40px; }
.seo .content2{ background: #fff; margin-top: 45px;}
.seo .title{font-weight: bold;line-height: 50px; height: 50px; padding: 0 25px;color: #fff;background-color: #434343;}

.seo .msglist {background: #fff;}
.seo .msglist li{ width: 100%; border-bottom: solid 1px #e1e1e1;  margin: 0 auto; cursor: pointer;padding-bottom: 10px;}
.seo .msglist li img{ display: block; width: 290px; height: 120px;}
.seo .msglist li h1{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; line-height: 20px; margin: 18px 0 12px 5%;float:left;color: #323232;}
.seo .msglist li span{float:right; font-size: 15px; margin: 18px 5% 0 0; color: #999999;}
.seo .msglist li p{ font-size: 14px;  color: #323232;  margin-left: 5%;  width:90%; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.seo .msglist li:last-child{ border-bottom: 0;}

.seo .taglist {background: #666;width:100%;height:410px;}
.seo .taglist .tagcloud{height: 410px;visibility: visible;position: relative;width:100%;min-width:380px!important;max-width:410px!important;}
.seo .taglist .tagcloud a{ position: absolute;  top: 0; left: 0;  display: block; padding: 11px 30px; 
	 color: #fff; font-size: 18px;  text-decoration: none;  white-space: nowrap;}
.seo .taglist .tagcloud a:hover{ color: #3385cf; }

/*p1*/
.p1_topnews{text-align:center; border-bottom:#323232 5px solid; margin:100px auto 0; padding:0 0 20px; }
.p1_topnews a{font-size:50px; color:#323232; font-weight:bold;line-height:140%;}
.p1_topnews a:link,.p1_topnews a:visited{color:#cf021a; text-decoration:none;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;text-transform:uppercase;}
.p1_topnews a:hover{ color:#9c0b0e;}
.p1_topnews i{ display:block; font-size:30px;}





.p1_con{ border:#eaeaea 1px solid; border-top:none; width:1348px; padding:25px; margin-bottom:30px;}
.p1_con .p1_left{ width:405px; float:left;}
.p1_con .p1_right{ width:900px; float:right;}

.p1_con h2{ font-size:18px; font-weight:bold;}
.p1_con h2 img{ vertical-align:middle; margin-right:6px;}
.p1_con h2 b{ float:left;}
.p1_con h2 i{ float:right; font-size:14px; color:#dc161d; font-weight:normal;}
.p1_con h2 i a,.p1_con h2 i a:hover{color:#dc161d;}
.p1_con .p1_left h1{  color:#cf021a; margin:20px auto; }
.p1_con .p1_left h1 a{font-size:22px; line-height:140%;font-weight:bold;}
.p1_con .p1_left h1 a:link,.p1_con .p1_left h1 a:visited,.p1_con .p1_left h1 a:hover{ color:#cf021a;}
.p1_con .p1_left ul{text-align:left;font:normal 12px/270% Microsoft YaHei;}
.p1_con .p1_left ul li{background:url("/static/pc/images/dot01.png") 0 10px no-repeat; padding-left:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.p1_con .p1_left ul li a{ font-size:16px;color:#323232;}
.p1_con .p1_left ul li a:hover{color:#cf021a;}
.p1_con .p1_left ul li:nth-child(5n+0){ border-bottom:#eaeaea 1px solid; padding-bottom:12px; margin-bottom:12px;}
.p1_con .p1_left ul li:nth-child(20){ border-bottom:none; margin-bottom:0; padding-bottom:0;}

.p1_con .p1_rtBox01{ margin-bottom:20px;}

/* 焦点图*/
.slideBox{width: 580px; height:390px; position: relative; overflow:hidden; float:left; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:580px; height:390px; display:block;  }
.slideBox .bd p{ height:50px; line-height:50px; color:#fff; padding:0 15px; margin-top:-50px; position:relative; background:#000; z-index:100;opacity:0.7;  filter:alpha(opacity=70); font-size:14px;}
.slideBox .bd p a:link,.device .swiper-slide div p a:visited,.device .swiper-slide div p a:hover{ color:#fff;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/static/pc/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}



.p1_con .p1_rtBox01 .p1_rtBox01_rt{ width:280px; float:right;height:390px;background:#f2f2f2;border:1px solid #f2f2f2;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt h2 b{ float:left;color:#323232; padding:10px;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt .tag1{background: #1f4db2ab; color: #fff;text-align: center;font: normal 16px/25px "微软雅黑";border-radius: 1px;padding: 0px 2px;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt .tag2{background: #ff3f01a3; color: #fff;text-align: center;font: normal 16px/25px "微软雅黑";border-radius: 1px;padding: 0px 2px;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt .tag3{background: #ff019887; color: #fff;text-align: center;font: normal 16px/25px "微软雅黑";border-radius: 1px;padding: 0px 2px;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt .tag4{background: #b2af1fbf; color: #fff;text-align: center;font: normal 16px/25px "微软雅黑";border-radius: 1px;padding: 0px 2px;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt .tag5{background: #1f8fb2bf; color: #fff;text-align: center;font: normal 16px/25px "微软雅黑";border-radius: 1px;padding: 0px 2px;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt .tag6{background: #27821d59; color: #fff;text-align: center;font: normal 16px/25px "微软雅黑";border-radius: 1px;padding: 0px 2px;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt .tag7{background: #b54de859; color: #fff;text-align: center;font: normal 16px/25px "微软雅黑";border-radius: 1px;padding: 0px 2px;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt .tag8{background: #584f46b0; color: #fff;text-align: center;font: normal 16px/25px "微软雅黑";border-radius: 1px;padding: 0px 2px;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt .tag9{background: #20dae4b0; color: #fff;text-align: center;font: normal 16px/25px "微软雅黑";border-radius: 1px;padding: 0px 2px;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt .tag10{background: #f5649fb0; color: #fff;text-align: center;font: normal 16px/25px "微软雅黑";border-radius: 1px;padding: 0px 2px;}

.p1_con .p1_rtBox01 .p1_rtBox01_rt h2 i{ float:right; font-size:14px; color:#dc161d; font-weight:normal;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt div img{ margin-top:8px;}
.p1_con .p1_rtBox01 .p1_rtBox01_rt div img:hover{box-shadow: 3px 3px 5px #bfbfbf;}

.p1_con .p1_rtBox02{ background:url("/static/pc/images/line.gif") 50% 0 repeat-y;}
.p1_con .p1_rtBox02 div{ width:47%;}
.p1_con .p1_rtBox02 div h2{ margin-bottom:15px;}
.p1_con .p1_rtBox02 div p{ font-size:14px;text-align:justify; display:block; margin-bottom:10px;line-height: 190%; height: 130px; overflow: hidden;}
.p1_con .p1_rtBox02 div p span{ line-height:180%;}
.p1_con .p1_rtBox02 div p span b{ font-size:16px; display:block;}
.p1_con .p1_rtBox02 div p span em{ display:block; text-indent:2em;}
.p1_con .p1_rtBox02 div p img{ float:left; display:block; margin:5px 16px 0 0;}
.p1_con .p1_rtBox02 div ul li{background:url("/static/pc/images/dot01.png") 0 15px no-repeat; padding-left:15px; line-height:210%;}
.p1_con .p1_rtBox02 div ul li a{font-size:16px; color:#323232;}
.p1_con .p1_rtBox02 div ul li a:hover{color:#cf021a;}
.p1_con .p1_rtBox02 div ul li span{float:right;font-size:14px;font-style:oblique;}
.p1_con .p1_rtBox02 div ul li i{ color:#dc050d;}
.p1_con .p1_rtBox02 div ul.ul_noneDot li{ background:none; padding-left:0;}


/*ad*/
.TLBanner{ margin:30px auto;}
.TLBanner a:nth-child(1){ display:block;}
.TLBanner a:nth-child(2){ display:none;}
/*p2*/
.p2_con{ margin-top:30px;}
.p2_con .p2_left{ width:920px;}
.p2_con .p2_right{ width:430px;}

/*文章栏目切换*/
.slideTxtBox{ margin-bottom:22px;  }
.slideTxtBox .hd{height:50px; line-height:50px; background:#f1f1f1; margin-bottom:25px; position:relative;display: flex; }
.slideTxtBox .hd .titel{  float:left; background:url("/static/pc/images/bg01.png") no-repeat; min-width:167px; text-align:center; }
.slideTxtBox .hd .titel a{color:#fff;font:bold 24px/50px Microsoft YaHei;}
.slideTxtBox .hd .nav_seo{float: left;padding-left: 450px;font-size: 16px;}
.slideTxtBox .hd ul{ float:left;  position:absolute; height:50px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ color:#dc161d; }
.slideTxtBox .bd ul{ zoom:1; margin-top:16px; }
.slideTxtBox .bd li{ width:285px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; float:left; }
.slideTxtBox .bd li:nth-child(n+1):nth-child(-n+3){ margin-bottom: 10px;}
.slideTxtBox .bd li:nth-child(3n+2){margin-left:32px; margin-right:32px;}
.slideTxtBox .bd li:nth-child(n+4):nth-child(-n+12) img{display:none;}
.slideTxtBox .bd li:nth-child(n+4):nth-child(-n+12) span{color:#323232; background:#fff;height:36px; line-height:36px;  padding-left:5px; margin:0;font: normal 16px/200% Microsoft YaHei;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.slideTxtBox .bd li:nth-child(n+4):nth-child(-n+12) span:hover{color:#dc161d;}
.slideTxtBox .bd li span{ display:block; background:#000; height:36px; line-height:36px; color:#fff; z-index:100; margin-top:-46px; position:relative;padding-left:5px; padding-right:3px; overflow:hidden; font-size:14px;text-overflow: ellipsis;white-space: nowrap;background: url("/static/pc/images/box_shadow.png")repeat;}
.slideTxtBox .bd li span:hover{color:#dc161d;}


.p2_con .p2_right .bor{ margin-bottom:27px; padding:20px 15px; border:#e5e5e5 1px solid; border-top:#e5e5e5 4px solid;}
.p2_con .p2_right h2{ background:#1f4db2; color:#fff; text-align:center; font:bold 24px/55px "微软雅黑"; border-radius:30px; width:230px; margin:0 auto 15px;}
.p2_con .p2_right h2 a:link,.p2_con .p2_right h2 a:visited,.p2_con .p2_right h2 a:hover{ color:#fff;}
.p2_con .p2_right .box01{}
.p2_con .p2_right .box01 h3{ background:url("/static/pc/images/icon04.png")0 12px no-repeat; padding-left:25px; font-size:18px; font-weight:bold; margin:30px 0 15px;}
.p2_con .p2_right .box01 .ul01{}
.p2_con .p2_right .box01 .ul01 li{ text-align:center;background:#f3f8fe; border:#e3ebf5 1px solid; border-radius:50%; width:102px; height:102px; float:left; margin:0 3.5%; font-size:16px; color:#547192; font-weight:bold;margin-bottom: 10px;}
.p2_con .p2_right .box01 .ul01 li:hover{ background:#e3ebf5;cursor:pointer;}
.p2_con .p2_right .box01 .ul01 li a,.p2_con .p2_right .box01 .ul01 li a:hover{ color:#547192; text-decoration:none;}
.p2_con .p2_right .box01 .ul01 li img{ display:block; margin:20px auto 5px;}
.p2_con .p2_right .box01 .ul02 li{background:#f3f8fe; border:#e3ebf5 1px solid; width:23%; margin:1%;box-sizing: border-box; float:left; height:32px; text-align:center; line-height:32px; font-size:16px; font-weight:bold;color:#547192;}
.p2_con .p2_right .box01 .ul02 li:hover{ background:#e3ebf5;cursor:pointer;}
.p2_con .p2_right .box01 .ul02 li a,.p2_con .p2_right .box01 .ul02 li a:hover{color:#547192; text-decoration:none;}
.p2_con .p2_right .box01 .ul03{ margin-bottom:10px;}
.p2_con .p2_right .box01 .ul03 li{  width:398px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.p2_con .p2_right .box01 .ul03 li a{color:#323232;font: normal 16px/200% Microsoft YaHei;}
.p2_con .p2_right .box01 .ul03 li a:hover{color:#dc161d}

.p2_con .p2_right .box02{ padding:10px 15px 0;}
.p2_con .p2_right .box02 h3{ font-size:18px; font-weight:bold; margin:5px 0 5px; text-align:center;}
.p2_con .p2_right .box02 h3 img{ vertical-align:middle; margin-right:10px;}
.p2_con .p2_right .box02 div{background:#f3f8fe; border:#e3ebf5 1px solid; margin-bottom:10px; padding:0 0px 10px 0px;}
.p2_con .p2_right .box02 div p img{ display:block; margin:0px auto; border:#dadbdb 1px solid;}
.p2_con .p2_right .box02 div p{font-size:14px;}
.p2_con .p2_right .box02 div i{ display:block; color:#ee1d23;}
.p2_con .p2_right .box02 div i a,.p2_con .p2_right .box02 div i a:hover{ color:#ee1d23;}
.p2_con .p2_right .box02 div ul li{ width:50%; text-align:center; float:left;}

.p2_con .p2_right .box03 ul{ margin:20px auto;}
.p2_con .p2_right .box03 ul li{ float:left; text-align:center; font-size:14px; margin:23px auto 30px; width:33%; line-height:180%;}
.p2_con .p2_right .box03 ul li a{color: #323232;}
.p2_con .p2_right .box03 ul li a:hover{color: #dc161d;}
.p2_con .p2_right .box03 ul li img{ display:block; margin:0 auto 5px; border:#dadbdb 1px solid;}

.p2_con .p2_right .box04 ul{ margin:26px auto;}
.p2_con .p2_right .box04 li{ font-size:24px; color:#547192;background:#f3f8fe; border:#e3ebf5 1px solid; text-align:center; margin-bottom:45px; border-radius:10px; padding:5px 0;}
.p2_con .p2_right .box04 li:hover{ background:#e3ebf5;}
.p2_con .p2_right .box04 li a,.p2_con .p2_right .box04 li a:hover{color:#547192;    font-size: 20px;}

.p2_con .p2_right .box05 div{ text-align:center;}
.p2_con .p2_right .box05 div img{ margin:10px auto 13px;}

.p2_con .p2_right .box06{}
.p2_con .p2_right .box06 h3{ width:370px; height:36px; margin:20px auto 20px; background:#f3f8fe; line-height:36px;}
.p2_con .p2_right .box06 h3 i{ width:50%; float:left; text-align:center; display:block;color:#547192; font-size:16px;cursor:pointer;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;text-transform:uppercase;}
.p2_con .p2_right .box06 h3 i.this{ color:#fff; background:#547192;}
.p2_con .p2_right .box06 ol{ width:370px; margin:0 auto;}
.p2_con .p2_right .box06 ol li a{ display:inline-block; width:330px; color: #323232;}
.p2_con .p2_right .box06 ol li a:hover{color:#dc161d;}
.p2_con .p2_right .box06 ol li{ border-bottom:#e1e1e1 1px solid; font-size:16px; padding:12px 0; line-height:170%; width:370px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.p2_con .p2_right .box06 ol li i{ display:inline-block; width:22px; height:22px; text-align:center; line-height:22px; border-radius:50%; margin-right:15px; background:#f3f8fe; color:#547192; float:left; margin-top:2px; }
.p2_con .p2_right .box06 ol li:nth-child(1) i,.p2_con .p2_right .box06 ol li:nth-child(2) i,.p2_con .p2_right .box06 ol li:nth-child(3) i{ background:#547192; color:#fff;}
.p2_con .p2_right .box06 ol li:nth-child(10){ border-bottom:none;}

.p2_con .p2_right .box07 ul{ margin:20px 20px 10px;}
.p2_con .p2_right .box07 ul li{ font-size:16px; padding:3px 0; width:360px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.p3_con{ margin:20px auto 30px;}
.p3_con h2{ height:50px; line-height:50px; background:#f1f1f1; margin-bottom:25px;}
.p3_con h2 b{ font:bold 24px/50px Microsoft YaHei; float:left; background:url("/static/pc/images/bg01.png") no-repeat; min-width:167px; text-align:center; color:#fff;}
.p3_con h2 b,.p3_con h2 b a{ color:#fff;}
.p3_con h2 i{ float:right; padding-right:10px; font-size:16px;}
.p3_con h2 i a{color: #000000; text-decoration: none;}
.p3_con ul{ margin-left:-37px;}
.p3_con ul li{ font-size:16px; position:relative; text-align:center; float:left; width:250px;box-sizing: border-box; margin:10px 0px 10px 37px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.p3_con ul li a{color: #000000;}
.p3_con ul li i{ display:block; background:url(/static/pc/images/play2.png)no-repeat; width:59px; height:59px; position:absolute; top:35%; left:40%; z-index:100;}
.p3_con ul li:hover i{ width:60px; height:60px; background-size:100%; top:32%; left:38%;}

.p3_con ul li img{ display:block; margin:0 auto 5px;}

/*shipin*/
.videolist { position:relative; float:left; width:400px; height:300px; margin-right:100px; margin-top:15px; margin-bottom:30px; }
.videolist:nth-child(3n){ margin-right: 0;}
 .videolist i{ display:block; background:url(/static/pc/images/play2.png)no-repeat; width:400px; height:300px; position:absolute; z-index:50;}
.videolist:hover{ cursor: pointer; }
.vtit{ text-align: center; font-size: 16px;   height: 36px;  line-height: 36px;}
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:80; border-radius:100%; }
.videos{ display:none; border: 10px solid #080808; position:fixed; left:50%; top:50%; margin-left:-400px; margin-top:-225px; z-index:500; width:800px; height:450px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.vlogo { position:absolute;left:1%; top:1%; cursor: pointer; }

/*推广文章列表页面*/
.art_seo{ padding-bottom: 60px;}
.art_seo ul li{font-size: 16px; position: relative; text-align: center; float: left; width: 180px; box-sizing: border-box; margin: 10px 0px 10px 37px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.art_seo ul li a:hover{color: #204c97;}


/*侧边栏-在线客服*/
.sidebar {position: fixed; right: 20px; bottom: 10%; z-index: 300; width: 60px }
.sidebar_li {position: relative;  margin-bottom: 5px; background-color: transparent;-webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1);box-shadow: 0 0 10px 0 rgba(20,34,67,.1); }
.sidebar_btn { position: relative; background:#fff; width:60px;height:60px; }
.sidebar_btn img{width:40px;height:40px;padding:10px;}
.sidebar_btn span {display: none; position: absolute; top: 15px; left: 15px; width: 30px;font-size: 12px;text-align: center }
.show_qr {display: none; position: absolute; right: 70px; top: -65px; width: 120px;background: #fff;    border: 1px solid #ccc;}
.show_qr .tips{width:100%;height: 55px; }
.show_qr .canvas{height: 120px; width: 120px;}
.show_qr p {margin-bottom: 5px;line-height: 16px;color: #333;font-size: 16px;text-align: center; }
.show_qq{display:none;position: absolute; right: 60px; bottom: -91px;width: 320px;}
.show_qq2{width: 310px;background: #fff;}
.show_qq2 li {cursor: pointer; border-bottom: #999 1px solid; }
.show_qq2 li:hover { background: #f3f5fb }
.show_qq2 li:after, .show_qq2 li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
.show_qq2 .icon_box {width: 78px; line-height: 90px; text-align: center;float: left; height: 90px; cursor: pointer }
.show_qq2 .icon_box img { width:30px;height:30px;padding-top:10px;}
.show_qq2 .text_box { float: left; width: 215px; height: 90px; cursor: pointer }
.show_qq2 .text_box h5 { margin-top: 10px; font-size: 16px; color: #323232; line-height: 24px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.show_qq2 .text_box p { margin-top: 10px; max-height: 36px; overflow: hidden; line-height: 18px; font-size: 12px; color: #666; cursor: pointer }
.show_msg { display: none; position: absolute; right: 70px; top: 0px; width: 150px; min-height: 60px; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.show_msg p { margin-top: 5px; line-height: 50px; color: #323232; font-size: 18px; text-align: center }
.sidebar_li:hover .show_qr{ display: block;}
.sidebar_li:hover .show_qq{ display: block;}
.sidebar_li:hover .show_msg{ display: block;}
#msg {display:none;}
#winbg{display:none;position:absolute;width:100%;background-color:#000;top:0;left:0;opacity: 0.8;z-index:400;}
#msg .msgbox{z-index:999;width: 636px; height: 565px;position: fixed;left:50%; top: 50%;margin: -282px 0 0 -318px; border:8px solid #1f4db2; background:#FFF; text-align:left;}
#msg .msgtitle{ position:relative; height:44px; border-bottom:1px solid #CCCCCC; overflow:hidden;  background:#F5F5F5;}
#msg .msgtitle h2{background: url(/static/pc/images/sidebar_kf.png) no-repeat scroll -66px 2px transparent;  color: #666666;  font-size: 25px; font-weight: bold; height: 40px;  left: 10px;    line-height: 40px;  padding-left: 84px;  position: absolute;  top: 5px;}
#msg .msgtitle p{color: #666666;  font-size: 15px;  font-weight: bold;  left: 198px;  position: absolute;  top: 17px;}
#msg .msgclose{ background: url(/static/pc/images/sidebar_kf.png) no-repeat scroll -106px -42px transparent;  cursor: pointer;  height: 12px; overflow: hidden;  position: absolute;  right: 10px;  text-indent: -10em;  top: 17px;  width: 12px;}	

#msg .main{width:620px;height:auto;}
#msg .kf_qq_li{padding:19px 0; background: url(/static/pc/images/sidebar_kf_line.gif) no-repeat center bottom; float:left;  width:100%;}
#msg .kf_qq_li .kf_qq_li_left{ width:175px; float:left; background-image:url(/static/pc/images/sidebar_kf.png);  margin-right:22px;  height:50px;}
#msg .kf_qq_li .kf_qq_li_right{ width:394px; float:left;  color:#333;}
#msg .kf_qq_li_1{ background-position:3px -262px;}
#msg .kf_r_t{ width:100%; float:left; padding-bottom:4px;}
#msg .kf_r_t span{font-size:16px;float:left; padding-top:3px;}
#msg .kf_r_t .qyqq{  width:102px;  height:24px;  line-height:24px;  font-size:15px;  color:#fff;  background:#1f4db2;  display:block;  text-align:center;  float:left;  font-weight:bold;}
#msg .kf_qq_li2{padding:19px 0;float:left; width:100%;}
#msg .sidebar_form {	width: 100%;	height: 300px;	margin: 5px auto;}
#msg .sidebar_form form {width: 80%;	float: left;margin-top: 1px;margin-left: 50px;}
#msg .sidebar_form .sidebar_form_left{width:20%; float:left; height:40px;  line-height:40px;}
#msg .sidebar_form .sidebar_form_right{width:80%; float:right; font-family:"微软雅黑"; color:#333; height:40px; line-height:40px;}
#msg .sidebar_form form input[type="text"] {height: 30px;line-height: 30px;	margin-bottom: 20px;border: 1px solid #ccc; font-size: 15px;color: #999999;	width: 100% !important;	text-indent: 10px;	background-color: #fff;}
#msg .sidebar_form form input[type="submit"] {background: url(/static/pc/images/submit.png) no-repeat center center;width: 100px;height: 30px;border: none;}
#msg .sidebar_form form textarea {width: 100%;line-height: 50px;	border: 1px solid #ccc; text-indent: 10px;}
#msg .kf_qq_li3{padding:0 0 15px;float:left; width:100%;text-align:center;background:#F5F5F5;}
#msg .kf_qq_li3 p{padding-top:15px;border-top:1px dotted #dedede;}

/*footer*/
.wave-box{position:relative;height:60px;background:#fff}
.marquee{width:8000%;height:60px}
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0}
.wave-list-box{float:left}
.wave-list-box ul{float:left;height:60px;overflow:hidden;zoom:1}
.wave-list-box ul li{height:60px;width:100%;float:left;line-height:30px;list-style:none}

.footer{background-color:#204c97;font-family:"Microsoft Yahei"}
.five-superiority{width:100%;border-bottom:1px solid #fff;padding:10px 0 20px}
.five-superiority ul{width:1200px;margin:0 auto;}
.five-superiority-list li{float:left;width:18%;height:36px;text-align:center;border-left:1px solid #fff}
.five-superiority-list li:first-child{border-left:none}
.five-superiority-list li a{display:inline-block;position:relative;width:100%;height:36px;line-height:36px;background:no-repeat 2% center;text-indent:2em;color:#fff;font-size:16px}
.five-superiority-list li a:hover{color:#bfe7f5}
.five-superiority-list li a.superiority-text{text-indent:4em}
.superiority-icon{position:absolute;width:40px;height:40px;left:10%;background-repeat:no-repeat;background-image:url(/static/pc/images/footer_youshi.png)}
.compensate_ico .superiority-icon{background-position:0 0}
.compensate_ico:hover .superiority-icon{background-position:0 -50px}
.retreat_ico .superiority-icon{background-position:0 -100px}
.retreat_ico:hover .superiority-icon{background-position:0 -150px}
.technology_ico .superiority-icon{background-position:0 -200px}
.technology_ico:hover .superiority-icon{background-position:0 -250px}
.prepare_ico .superiority-icon{background-position:0 -300px}
.prepare_ico:hover .superiority-icon{background-position:0 -350px}
.service_ico .superiority-icon{background-position:0 -400px}
.service_ico:hover .superiority-icon{background-position:0 -450px}

.footer-floor1{padding:36px 0 60px;margin:0 auto;}
.footer-list{width:75%;height:100%;float:left;margin-bottom:30px;}
.footer-list ul{width:16%;float:left;}
.footer-list ul:nth-child(5){width:36%;}
.footer-list li{line-height:32px;color:#fff;}
.footer-list li a{color:#fff;font-size:16px;text-decoration:none}
.footer-list li a:hover{text-decoration:none;color:#fff}
.footer-list .flist-title{font-size:20px;color:#fff;margin-bottom:15px;font-weight:bold;}
.footer-floor2{width:100%;border-top:1px solid #f3f2f11a;padding:20px 0;}
.footer-floor2 .copy{margin: 0 auto;  height: 30px;}
.footer-floor2 .copy p{float:left; color:#fff;font-size:17px;line-height:30px}
.footer-floor2 p span{font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
.footer-floor2 a{color:#fff;font-size: 17px;}
.footer-floor2 a:hover{color:#a8d0e0;text-decoration:none;}
.foot-link{margin:0 15px;text-decoration:none;color:#fff}
.foot-link:hover{text-decoration:none;}
.footer-right{width:25%;float:right}
.telephone{width:100%;height:32px;line-height:32px;color:#fff}
.telephone span{display:inline-block;width:32px;height:32px;float:left;background:url();margin-left:16%}
.telephone .tel-number{font-size:30px;font-weight:400;text-align:right}
.official-plat{width:100%;height:100%;margin-top:52px;position:relative}
.official-plat ul{float:right;margin-top:7px;width:48%;}
.official-plat ul li span{display:inline-block;width:32px;height:32px;background:url(/static/pc/images/footer_icon.png) no-repeat 0 0;line-height:32px;float:left;margin-right:12px}
.official-plat ul li .weibo-logo{background:url(/static/pc/images/footer_icon.png) no-repeat -32px 0}
.official-plat ul li .douyin-logo{background:url(/static/pc/images/footer_icon.png) no-repeat -64px 0}
.official-plat ul li{height:45px}
.official-plat ul a{display:inline-block;height:32px;width:100%;line-height:32px;color:#fff;text-decoration:none;font-size:14px}
.official-plat>p{display:inline-block;width:132px;height:132px;border:1px solid #ddd;background-color:#fff}
.official-plat .weixin{position:absolute;top:0;left:10px;background-image:url(/static/pc/images/footer_qrcode.png);background-repeat:no-repeat;background-position:0 0}
.official-plat .weibo{position:absolute;top:0;left:10px;background-image:url(/static/pc/images/footer_qrcode.png);background-repeat:no-repeat;background-position:-132px 0;display:none}

.official-plat .douyin{position:absolute;top:0;left:10px;background-image:url(/static/pc/images/footer_qrcode.png);background-repeat:no-repeat;background-position:-264px 0;display:none}

#wx-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:12px;right:-20px;z-index:10}
#wb-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:58px;right:-20px;z-index:10}
#dy-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:104px;right:-20px;z-index:10}



/*根据屏幕尺寸变动*/
@media (min-width: 768px) and (max-width: 1400px){
	.read01_title{ width: 300px;}
	.read01_title p{ font-size: 28px;}
	.read01_title span{ font-size: 28px;}
	.read02_word{ width: 290px;}
	.correlation02 li{ width: 250px;}
	.correlation02 li img{ width: 250px;}
	.read02_content{ width: 750px; padding: 60px;}
	.correlation03{ width: 250px;}
}


@media (min-width: 768px) and (max-width: 1400px){
        .proud01 li{ width: 370px;}
	.proud01 li img{ width: 370px; height: 277.5px;}
	.proud02 li{ width: 276px;}
	.proud02 li img{ width: 276px; height: 368px;}
	.read02_content01{ width: 870px;}
	.case_content p{ display: block; width: 220px; font-size: 14px; margin: 0 auto;}
    .case_content h1{display: block; width: 220px; font-size: 20px; margin: 10px auto; box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .case_content img{ display: block; width: 220px; height: 165px; margin: 35px auto 50px;}
    .case_content span{ margin-left: calc( 50% - 110px);}
}
