/* css reset */
@CHARSET "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#333; font-size:14px; font-family: '微软雅黑',Verdana, Arial, Helvetica, sans-serif;min-width:1200px; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
.f_body_box{width:1200px; margin:0 auto; position:relative;}
.mo_box_tag>.tmp_body{position:relative; height:inherit;}

.autoimg,.autobox{position:absolute; left:0; top:0;}
.autoimg img{width:inherit; height:inherit;}
a { color:inherit; text-decoration:none;}
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
/* css common */
.clear:after,.clear:before {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clear { *zoom:1; }
/*分页*/
div.page{padding:5px 10px;font-size:80%;margin:5px;margin-top:40px;color:#e91e22;text-align:center;}
div.page a{border:#e91e22 0px solid;padding:7px 12px;background-position:50% bottom;margin:0 10px 0 0;text-decoration:none;background-color:#fff;}
div.page a:hover{border:#e91e22 1px solid;padding:6px 11px;background-image:none;color:#e91e22;background-color:#fff;}
div.page a:active{border:#e91e22 1px solid;padding:6px 11px;background-image:none;color:#e91e22;background-color:#fff;}
div.page span.current{border:#e91e22 1px solid;padding:5px 10px;font-weight:bold;color:#e91e22;margin:0 10px 0 0;background-color:#fff;}
div.page span.disabled{border:#e91e22 1px solid;padding:5px 10px;color:#e91e22;margin:0 10px 0 0;}

/**顶部**/
#WebHeadBox{width:100%; position:relative;}
.webTop{width:100%; height:170px;}
.webTop.flextrue{position:fixed; top:0; left:0; z-index:9999;}
.webtopout{width:1200px; margin:0 auto; clear:both; height:inherit; position:relative;}
.wlogo{position:absolute; left:0; top:25px; z-index:2;}
#tbox1{width:100%;height:142px;background-color:#efefef;}
#tb1_d1{width:475px}
#tb1_d2{font-size:12px;color:rgba(0, 89, 177, 0.99);line-height:12px;}
#tb1_d3{color:#0058B1;font-size:34px;line-height:34px;}
#tb1_d5{width:20px;}

#tbox2{height:370px}
#tb2_d1{width:900px;font-size:80px;}
#tb2_d2{color:#0058B1;border-width:1px;border-style:solid;font-size:24px;line-height:43px;width:225px;height:43px;background-color:#fff;}
#tbox3{height:190px;margin-top:40px;background-color:#00438C;}
#tb3_d1{background-image:url(/UpLoadFiles/IISFile/2020-05-29/20200529111039579.png);background-repeat:no-repeat;background-position:50% 50%;width:539px;color:#fff;font-size:30px;line-height:30px;}
#tb3_d2{font-size:39px;color:#fff;line-height:39px;}
#tb3_d3{height:5px;width:100%;font-size:0px;background-color:#ffc000;}
#tb3_d4{width:442px;height:48px;background-color:#ffc000;font-size:24px;color:#fff;line-height:48px;margin-top:20px;}
#tbox4{height:1200px}
#tb4_d2{width:488px;height:auto;border-style:solid;border-width:3px;border-color:#ffc000;}
#tb4_d3{width:488px;height:252px;border-width:3px;border-style:solid;border-color:#0058b3;}
#tb4_d4{width:488px;height:252px;border-width:3px;border-style:solid;border-color:#0058b3;}
#tb4_d5{width:488px;height:252px;border-width:3px;border-color:#ffc000;border-style:solid;}
#tbox5{margin-top: 20px;}

.box1{width:100%; clear:both; min-width:1200px; overflow:hidden;}
.box1_cont{width:1200px; margin:0 auto; clear:both;}
.box1_cont ul{width:1300px;}
.box1_cont ul li{float:left; overflow:hidden; width:340px; padding:0 40px; position:relative; height:135px; border-left:solid 1px #ddd;}
.box1_up{position:absolute; z-index:2; left:40px; top:0; width:340px;}
.box1_ctt{clear:both;}
.box1_ctt label{float:left; display:inline; width:50px; height:50px; background-color:#1b6abb; border-radius:50%; background-repeat:no-repeat; background-position:center;}
.box1_L1{background-image: url(/images/ys_ico1.png)}
.box1_L2{background-image: url(/images/ys_ico2.png)}
.box1_L3{background-image: url(/images/ys_ico3.png)}
.box1_ctt a{float:left; display:inline; margin-top:7px; margin-left:10px; color:#333}
.box1_ctt a b{display:block; font-size:18px; line-height:18px;}
.box1_ctt a i{font-style:normal; display:block; padding-top:5px; font-size:12px; color:#999}
.box1_cdemo{color:#666; font-size:12px; clear:both; line-height:25px; padding-top:10px;}
.box1_cont ul li .border{transition:all .3s ease-in-out;position:absolute;z-index:0;background:#f5f5f5;width:0; height:0;}
.box1_cont ul li>.border:nth-of-type(1){top:0;left:0; }
.box1_cont ul li>.border:nth-of-type(2){top:0;right:0;}
.box1_cont ul li>.border:nth-of-type(3){bottom:0;left:0;}
.box1_cont ul li>.border:nth-of-type(4){bottom:0;right:0;}
.box1_cont ul li:hover .border{width:50%; height:50%;}

.boxfull{width:100%; clear:both; margin:0 auto; min-width:1200px;}
.boxfull>.boxbody{width:1200px; margin:0 auto; clear:both;}
.boxfull:before,.boxfull:after{clear:both; display:block; content:""; overflow:hidden;}


.box2{width:100%; min-width:1200px; clear:both; background:#f7f7f7; overflow:hidden;}
.box2_cont{width:1200px; margin:0 auto; padding:50px 0;}

.box2_type{overflow:hidden; clear:both; padding-top:20px;}
.box2_type a{float:left; display:inline; margin-right:15px; color:#333; line-height:14px; }
.box2_type a:hover{color:#e91e22}

.box2_list {position: relative;clear: both; height:240px; list-style: none;text-align: center;}
.box2_list .ico_LR{position:absolute; width:45px; height:45px;  top:50%; margin-top:-30px; border:solid 1px #ddd; border-radius:50%;-webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.box2_list .prev{background:url(/images/left1.jpg) center center no-repeat; left:-60px;}
.box2_list .next{background:url(/images/right1.jpg) center center no-repeat; right:-60px;}
.box2_list .ico_LR:hover{border:solid 1px #4a9cf1; -webkit-box-shadow:0 0 10px #1b6abb; -moz-box-shadow:0 0 10px #1b6abb; box-shadow:0 0 10px #1b6abb;}
/* Common style */
.box2_list ul {width:130%;}
.box2_list ul li {position: relative;float: left; cursor:pointer; overflow: hidden;width: 280px;height: 230px; margin-bottom:15px; background: #3085a3;text-align: center;cursor: pointer;-webkit-box-shadow: 1px 1px 8px #999;  -moz-box-shadow: 1px 1px 8px #999;  box-shadow: 1px 1px 8px #999;  margin-right:21px; margin-left:5px;}
.box2_list ul li a{display:block;}
.box2_list ul li label{display:block; cursor:pointer; clear:both; background:#fff; position:absolute; left:0; bottom:0; height:45px; z-index:5; width:97.5%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;line-height:45px; text-align:left; padding-left:2.5%;}
.box2_list ul li img {position: relative;display: block;height: 230px;max-width: 280px;opacity: 0.8;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.box2_list ul li div {position:absolute; left:0; top:0;width:210px; height:160px;padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.box2_list ul li {background: #030c17;}
.box2_list ul li div::before {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;border: 2px solid #fff;box-shadow: 0 0 0 30px rgba(255,255,255,0.2);content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale3d(1.4,1.4,1);transform: scale3d(1.4,1.4,1);}
.box2_list ul li p {padding-top:50px; text-align:center;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.5);transform: scale(1.5);}
.box2_list ul li p span {font-size:12px; display:block; padding-top:10px;}
.box2_list ul li:hover div::before,.box2_list ul li:hover p {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.box2_list ul li:hover div {background-color: rgba(58,52,42,0);}
.box2_list ul li:hover img {opacity: 0.4;}
.box2_list ul li:hover label {opacity: 0;}

.box3{width:100%; min-width:1200px; background:#f7f7f7; height:445px; position:relative;}
.box3_bg1{background:url(/images/gy_img3.jpg) center bottom no-repeat; height:300px; position:absolute; left:0; bottom:0; width:100%; min-width:1200px;}
.box3_bg2{width:1200px; background:url(/images/gy_img2.png) 0 center no-repeat; height:300px; position:absolute; left:50%; margin-left:-750px; bottom:0; z-index:2;}
.box3_cont{width:1200px; position:absolute; margin-left:-600px; height:445px; z-index:3; top:0; left:50%;}
.ruimg_b3{float:left; display:inline;}
.box3cmain{float:right; display:inline; margin-top:190px; width:600px; }
.bx3_cn1{line-height:14px; clear:both; color:#fff;}
.bx3_cn1 b{font-size:20px;}
.box3_cn2{overflow:hidden; clear:both; color:#fff; line-height:28px; padding-top:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.box3_cn3{float:left; display:inline; clear:both; border:solid 1px #fff; color:#fff; height:25px; line-height:25px; padding:0 10px; margin-top:20px;}
.box3_cn3 {float:left; display:inline; clear:both; border:solid 1px #fff; color:#fff; height:25px; line-height:25px; padding:0 10px; margin-top:20px;overflow: hidden;position: relative;-webkit-transition: all .5s;transition: all .5s;}
.box3_cn3:before, .box3_cn3:after {content: "";position: absolute;z-index: -1;background-color: #fff;width: 100%;height: 0;left: 0;-webkit-transition: all .25s;transition: all .25s;}
.box3_cn3:before {bottom: 50%;}
.box3_cn3:after {top: 50%;}
.box3_cn3:hover {color: #27323A;}
.box3_cn3:hover:before, .box3_cn3:hover:after {height: 50%;}
.box5_list{width:1200px; margin:0 auto; clear:both;}
.box5_list ul{width:1290px;}
.box5_list ul li{width:575px; float:left; margin-right:50px; display:inline; margin-top:20px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;}
.box5_list ul li .box5_time{float:left; display:inline; width:90px; height:70px; background:#1b6abb; clear:both; color:#fff; padding-top:20px; text-align:center; font-size:14px;}
.box5_list ul li .box5_time b{font-size:18px; display:block; padding-top:5px;}
.box5_list ul li .box5_div{width:485px; float:left; display:inline; overflow:hidden; height:90px;}
.box5_list ul li .box5_div div{float:left; display:inline; width:475px; padding-left:10px; background:#fff; height:90px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.box5_list ul li .box5_div div a{display:block; margin-top:15px; line-height:14px; font-weight:bold;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.box5_list ul li .box5_div div p{clear:both; overflow:hidden; margin-top:8px; line-height:21px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.box5_list ul li:hover div{background:#1b6abb; color:#fff;}
.box5_list ul li:hover div a{color:#fff; text-decoration:underline}


.bar_subtree{width:100%; padding-bottom:10px; min-width:1200px; font-size:14px; border-bottom:solid 1px #ccc; margin-top:30px;}
.bar_subtree>div{width:1200px; margin:0 auto;}
.bar_subtree p{position:relative;  height:20px; color:#666; font-size:14px; float:left;}
.bar_subtree p span{color:#666}
.bar_subtree p a{color:#666;}
.bar_subtree p a:hover{color:#b6873a; text-decoration:underline;}

.tree_pa{width:1200px; margin:0 auto; text-align:center; margin-top:20px;}
.tree_pa a{display:inline-block; clear:both; font-size:14px; border:solid 1px #ddd; padding:3px 5px; margin:0 3px }
.tree_pa p a:hover{color:#0066cb}

.tree_pa1{width:1200px; margin:0 auto; border-top:solid 1px #ccc; position:relative;}
.tree_pa1 p{display:block; clear:both; padding-top:15px; font-size:14px;}
.tree_pa1 p a:hover{color:#0066cb}
/**内页**/
.sub_top{clear:both; width:1200px; margin:0 auto; overflow:hidden; padding-bottom:10px; border-bottom:solid 3px #1c6abc}
.sub_top label{float:left; display:inline;}
.sub_top label b{font-size:20px;}

.sub_cont{width:1200px; margin:0 auto;  padding-bottom:20px; clear:both;}


.piclist {position: relative;clear: both;list-style: none;text-align: center; padding-bottom:15px;}
/* Common style */
.piclist ul {width:110%;}
.piclist ul li {position: relative;float: left;overflow: hidden;width: 360px; height: 280px;background: #030c17;text-align: center;cursor: pointer;-webkit-box-shadow: 1px 1px 8px #999;  -moz-box-shadow: 1px 1px 8px #999;  box-shadow: 1px 1px 8px #999;  margin-right:60px; margin-top:50px}
.piclist ul li label{display:block; clear:both; background:#fff; position:absolute; left:0; bottom:0; height:45px; z-index:5; width:97.5%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;line-height:45px; text-align:left; padding-left:2.5%;}
.piclist ul li img {position: relative;display: block;height: 100%;width: 100%;opacity: 0.8;}
.piclist ul li div {position:absolute; left:0; top:0;width:290px; height:210px;padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.piclist ul li img {opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.piclist ul li div::before {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;border: 2px solid #fff;box-shadow: 0 0 0 30px rgba(255,255,255,0.2);content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale3d(1.4,1.4,1);transform: scale3d(1.4,1.4,1);}
.piclist ul li p {padding-top:80px; text-align:center;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.5);transform: scale(1.5);}
.piclist ul li p span {font-size:12px; display:block; padding-top:10px;}
.piclist ul li:hover div::before,.piclist ul li:hover p {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.piclist ul li:hover div {background-color: rgba(58,52,42,0);}
.piclist ul li:hover img {opacity: 0.4;}
.piclist ul li:hover label {opacity: 0;}

.sub_nav{width:1200px; overflow:hidden; clear:both; margin:0 auto; padding-top:20px;}
.sub_nav ul li{float:left; display:inline; margin-right:10px;}
.sub_nav ul li a{display:block; height:30px; line-height:30px; padding:0 10px;}
.sub_nav ul li a.on{background:#1b6abb; color:#fff;}
.sub_nav ul li a:hover{background:#1b6abb; color:#fff;}
.single_cont{line-height:25px; overflow:hidden; clear:both; padding-top:25px;}

.newslist ul li{width:100%; clear:both; margin-top:20px; background:#f5f5f5; clear:both; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: relative;}
.newslist ul li::after{clear:both;}
.newslist ul li .box5_time{float:left; display:inline; width:90px; height:70px; background:#1b6abb; clear:both; color:#fff; padding-top:20px; text-align:center; font-size:14px;}
.newslist ul li .box5_time b{font-size:18px; display:block; padding-top:5px;}
.newslist ul li .box5_div{width:1110px; float:left; display:inline; overflow:hidden; height:90px;}
.newslist ul li .box5_div div{float:left; display:inline; width:1100px; padding-left:10px; height:90px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.newslist ul li .box5_div div a{display:block; margin-top:15px; line-height:14px; font-weight:bold;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.newslist ul li .box5_div div p{clear:both; overflow:hidden; margin-top:8px; line-height:21px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newslist ul li:hover div{background:#1b6abb; color:#fff;}
.newslist ul li:hover div a{color:#fff; text-decoration:underline}
.info_title{overflow:hidden; clear:both; text-align:center; font-size:18px; font-weight:bold; padding-top:25px;}
.info_demo{overflow:hidden; clear:both; text-align:center; width:1200px; margin:0 auto; position:relative; height:40px; font-size:14px; color:#999; padding-top:15px;}
.info_demo .bdsharebuttonbox{position:absolute; right:0; top:15px;}

.cheight{clear:both; width:1px;}
.link_out{width:1200px; margin:0 auto;}
.link_out>b{float:left; display:inline; line-height:14px;}
.link_out ul>li{margin-right:20px;float:left;}
.link_out i{position:absolute; right:0; top:10px; width:18px; height:13px; background:url(../images/linkmore.jpg) 0 0 no-repeat; cursor:pointer;}
.link_out i.on{ background:url(../images/linkmore1.jpg) 0 0 no-repeat}

/*@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.box5_list ul li:hover{
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	background-color: rgba(255,255,255,0.2);
}*/