@charset "utf-8";
/* CSS Document */

* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px;color: #666;background-color: #fff;font-family: "Microsoft YaHei";
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0); 
/*控制内容的可选择性*/

}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #47a0ec;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}

pre{
  white-space:pre-wrap;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
  margin:0;
  font-family: "Microsoft YaHei";
  text-align:justify;
  text-justify:inter-ideograph;
  }
  
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
/*:before,
:after{ position:absolute; content:'';}*/
:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.nM{ margin:0;}
.nP{ padding:0;}
/**字体大小**/
.fz_24{ font-size:24px;}
.fz_20{ font-size:20px;}
.fz_18{ font-size:18px;}
.fz_16{ font-size:16px;}
.fz_14{ font-size:14px;}
.fz_12{ font-size:12px;}
/**初始 End**/

.fl{ float:left;}
.fr{ float:right;}
.w22{ width:22%; padding-bottom:4%;}
.w75{ width:75%; padding-bottom:4%;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%;}
}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/**页面框架 End**/
.auto{ margin:0 auto;}
.auto_1280{ max-width:1280px;}
.auto_1600{ max-width:1600px;}
.auto_1360{ max-width:1360px;}
@media(max-width:1600px){.auto_1600{ padding:0 2%;}}
.auto_1360{ max-width:1360px;}
@media(max-width:1360px){.auto_1360{ padding:0 2%;}}
@media(max-width:1280px){.auto_1280{ padding:0 2%;}}
.auto_1200{ max-width:1200px;}
@media(max-width:1200px){.auto_1200{ padding:0 2%;}}
.auto_1180{ max-width:1180px;}
@media(max-width:1180px){.auto_1180{ padding:0 2%;}}
.auto_1150{ max-width:1150px;}
@media(max-width:1150px){.auto_1150{ padding:0 2%;}}
.auto_1100{ max-width:1100px;}
@media(max-width:1100px){.auto_1100{ padding:0 2%;}}
.auto_1050{ max-width:1050px;}
@media(max-width:1050px){.auto_1050{ padding:0 2%;}}
.auto_1000{ max-width:1000px;}
@media(max-width:1000px){.auto_1000{ padding:0 2%;}}
.auto_950{ max-width:950px;}
@media(max-width:950px){.auto_950{ padding:0 2%;}}


/*
 .Top 涓篸emo缂栧彿
 */
.Top{width:100%;/*position: relative;z-index: 9999999;*/}
.Top .welcome{line-height: 36px;height:36px;background:#474747;font-size: 12px;color: #999999}
.Top .welcome a{ color: #999999; }
.Top .welcome .left{float: left;}
.Top .welcome .right{float: right;}
.Top .welcome .right i{font-style: normal;padding: 0 10px;}
.Top .top_left{float:left;}
.Top .top_left .logo{float:left;padding-right: 20px;}
.Top .top_left .vision{float:right;font-size: 18px;color:#474747;margin-top: 27px;padding-left: 20px;background: url(../images/topline.png)no-repeat left center;}
.Top .top_left .vision span{font-weight: bold;color:#000;font-size: 22px;}
.Top .top_right{float:right;font-size: 16px;color: #333;padding-left: 69px;background: url(
../images/toptel.png)no-repeat left center;margin-top: 25px;}
.Top .top_right span{font-size: 27px;font-weight: bold;color: #2051a6;}
.Top .top{ position:relative; z-index:20;}
.Top .logo{float: left;padding: 20px 0;}
.Top .top dd{ float:left;line-height:30px; }
.Top .top dd.search{ width:213px; position:relative;}
.Top .top dd .text{ width:100%; border:1px solid #ededed; height:30px; line-height:30px; padding-left:17px; background:#f4f4f4; border-radius:30px;}
.Top .top dd .btn{position:absolute; right:0; top:0; height:100%; width:40px; background:url(../images/Top-search.png) no-repeat center center; cursor:pointer; border:none;}
.Top .mobile_menu{ display:none;}
.Top .top dd.link{ font-size:15px;}
.Top .top dd.link a{ display:inline-block; padding:0 27px;}
.Top .top dd.link a:nth-child(1){ position:relative;}
.Top .top dd.link a:nth-child(1)::before{ position:absolute; content:''; right:0; top:50%; margin-top:-2.5px; width:1px; height:5px; border-right:1px dotted #999;}
.Top .top dd.share a{ display:inline-block; width:30px; height:30px; border-radius:50%; background:url(../images/Top-icon.png) no-repeat 0 0 #3cb134;}
.Top .top dd.share a.a_collect{ position:relative;}
.Top .top dd.share a.a_collect img{ position:absolute; width:100px; height:100px; border:5px solid rgba(15, 64, 140, 0.2); top:35px; left:50%; margin-left:-50px; max-width:none; display:none; z-index:10;}
.Top .top dd.share a.a_collect:hover img{ display:block;}
.Top .top dd.share a.a_qq{ background-color:#ff6060; background-position:right 0; margin-left:12px;}


@media(min-width:1001px){
.Top .top dl{ position:absolute; right:0; top:50%; margin-top:-15px;}
.Top nav{border-top: 1px solid #e8e9ea;}
.Top nav li{ float:left; width:10%; text-align:center; position:relative; z-index:999;}
.Top nav li span{ display:none;}
.Top nav li a{ display:block; font-size:16px;color:#333;font-weight: bold;}
.Top nav li >a{ line-height:36px;margin: 15px 0;}
.Top nav li dl{ position:absolute; top:64px; left:0; width:100%;background:rgba(255,255,255,0.6); display:none;font-size: 15px;font-weight: normal;}
.Top nav li a.aon,
.Top nav li:hover > a{ background-color:#2051a6;color: #fff;border-radius: 30px;}
.Top nav li dt a{ line-height:45px;font-weight: normal;}
/*.Top nav li:hover dl{ display:block;}*/
.Top nav li dt a:hover{ background-color:#2051a6;color: #fff;}
}
@media(max-width:1000px){
.Top{border-bottom:3px solid #2051a6;}
.Top .top_right{display: none}
.Top .logo{ padding-right:0;}
.Top .top dl{top:41%;position: absolute;right: 1%;}
.Top .top dd.share,
.Top .top dd.link{ display:none;}
.Top .top dd.search{ margin-right:10px;}
.Top .mobile_menu{ display:block; width:40px; height:30px; position:relative; font-size:24px;color:#2051a6;}
.Top .mobile_menu span{ position:absolute; left:50%; margin-left:-12px; top:50%; margin-top:-12px;}
.Top nav{ position:absolute;opacity:0; right:2%; width:50%; max-width:260px;background-color:#2051a6; transition:transform ease 0.3s,opacity ease-in-out 0.8s;z-index:0;}
.Top nav.show{transform:translateX(0); opacity:1; z-index:10000;}
.Top nav li{ position:relative;}
.Top nav li >a{ display:none;}
.Top nav li span,
.Top nav li dt a,
.Top nav li#m1 >a{ display:block; text-align:center; line-height:50px; color:#fff; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.5); box-shadow:0 1px 0 #052c67;}
.Top nav li dl{ display:none; position:absolute; top:0; left:-100%; width:100%;background-color:rgba(14,64,139,0.8);}
.Top nav li dt{ text-align:center;}
}
@media(max-width:768px){
.Top nav li dt a{ font-size:14px;}
.Top .top_left .vision{display: none;}
}
@media(max-width:480px){
.Top .welcome .left{display: none;}
.Top .logo{width: 78%;}
.Top .mobile_menu span{ top: 27%;}

}



/*Banner */
.Banner{ position:relative; z-index:1; position:relative;}
.Banner .bx-viewport{ z-index:1;}
.Banner,
.Banner ul,
.Banner li,
.Banner li a .bannerimg1{display:block}
.Banner li a .bannerimg2{display:none}
.Banner li{ background-position:center top; background-repeat:no-repeat;}
.Banner .bx-prev,
.Banner .bx-next{ width:46px; height:101px;  position:absolute; top:50%; margin-top:-55px; background-position:center center; background-position:center center; z-index:66;}
.Banner .bx-prev{ left:70px; background:url(../images/Banner-prev.png)no-repeat;}
.Banner .bx-next{ right:70px;background:url(../images/Banner-next.png)no-repeat;}
.Banner .bx-pager{ position:absolute; left:0; width:100%; text-align:center; bottom:5%; z-index:10;}
.Banner .bx-pager div{ display:inline-block; margin:0 5px;}
.Banner .bx-pager a{ display:block; overflow:hidden; line-height:100px;width: 10px;height:10px;background: rgba(255,255,255,0.8);border-radius: 20px;}
.Banner .bx-pager a.active{ width: 24px;background:#fff; display:block;}
@media(max-width:1000px){
.Banner li a .bannerimg1{display:none}
.Banner li a .bannerimg2{display:block}
.Banner,
.Banner ul,
.Banner li,
.Banner li a{ height:auto !important;}
.Banner li{ background:none !important;}
.Banner li img{ display:block; width:100%;}
.Banner .bx-prev, .Banner .bx-next{ display:none;}
}
/*Banner End */

/*Banner_nei */
.Banner_nei div{ background-repeat:no-repeat; height:400px; background-position:center center;}
.Banner_nei .img2{ display:none;}
@media(max-width:1024px){
.Banner_nei .img2{ display:block;}
.Banner_nei .img1{ display:none; width:100%;}
}


/* 首页产品展示 */
.box_02{width:1200px;height:auto;margin:0px auto 50px auto;position:relative;}
.box_02 .center{width:1200px;height:640px;margin:35px auto 0 auto;overflow:hidden;}
.box_02 .center .left{width:280px;height:640px;position:relative;float:left;background:#2051a6;}
.box_02 .center .left .bt{width:190px;height:110px;padding-top:34px; color:#fff;padding-left:110px;background:url(../images/pro_icon.png) 45px 34px no-repeat;}
.box_02 .center .left .bt h4{font-size:20px;height:20px;line-height:20px; margin-top:0; margin-bottom:14px;font-weight:bold;}
.box_02 .center .left .bt p{font-size:14px;line-height:10px;text-transform: Uppercase;font-family:Arial;}
.menu{width:270px;height:480px;background:#fff;margin:0 auto;padding:20px 0;}

.menu .list{width:270px;height:460px;margin:0 auto;padding:20px 0 0 0;overflow: auto;overflow-x: hidden;position:relative;}
.menu .list::before{content:'';width:1px;height:100%;background:#d7d7d7;position:absolute;top:0;left:34px;}
.menu .list::-webkit-scrollbar-track {background-color: #ccc;border-radius: 0;}
.menu .list::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #2051a6;}
.menu .list li{width:170px;padding:0 20px 0 80px;height:15px;line-height:15px;font-size:14px;margin-bottom:35px;position:relative;}
.menu .list li::before{content:'';width:13px;height:13px;background:url(../images/pd_01.png);position:absolute;top:0;left:28px;-webkit-transition:all .5s;transition:all .5s;}
.menu .list li:hover::before{content:'';width:13px;height:13px;background:url(../images/pd_02.png);-webkit-transition:all .5s;transition:all .5s;}
.menu .list li a{display:block;width:160px;height:15px;line-height:15px;color:#545454;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.menu .list  li a:hover{margin-left:10px;color:#2051a6;-webkit-transition:all .5s;transition:all .5s;}
.pro-center{width:880px;height:640px;overflow:hidden;float:right;}
.pro-center li{width:280px;height:200px;overflow:hidden;float:left;margin:0 20px 20px 0;position:relative;}
.pro-center li:nth-of-type(3n){margin-right:0;}
.pro-center li a{display:block;}
.pro-center li .img{width:278px;height:198px;overflow:hidden;position:relative;border:solid 1px #d2d2d2; text-align: center; }
.pro-center li .img img{ max-width:290px;height:230px;transition: all 1s;vertical-align:top;}
.pro-center li:hover .img img{transform: scale(1.2);}
.pro-center li .name{width:278px;padding:0 20px;height:40px;line-height:40px;font-size:14px;color:#fff;text-align:center;background:rgba(31,31,31,0.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:absolute;left:0;bottom:0;}
.pro-center li:hover .name{bottom:-40px;-webkit-transition:all .5s;transition:all .5s;}
.pro-center li .hide{display:block;width:280px;height:140px;background:url(../images/pro_by.png);position:absolute;bottom:-190px;left:0;-webkit-transition:all .5s;transition:all .5s;}
.pro-center li .mz{width:140px;height:20px;margin:30px auto 0 auto;font-size:16px;line-height:20px;font-weight:bold;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-center li p{width:200px;margin:20px auto 0 auto;font-size:14px;line-height:25px;max-height:50px;color:#fff;overflow:hidden;}
.pro-center li:hover .hide{position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}

.h_title{width:427px;height:54px;margin:0 auto;text-align:center;}
.h_title h3{width:427px;height:34px;font-size:24px;line-height:24px;color:#2051a6;font-weight:bold;background:url(../images/p_back.png) center bottom no-repeat;}
.h_title h3 a{display:block;color:#2051a6;}
.h_title p{font-size:14px;line-height:10px;color:#999;margin-top:15px;font-family:Arial;text-transform: Uppercase;}
.h_title span{display:block;font-size:14px;line-height:10px;color:#999;margin-top:10px;text-transform: Uppercase;font-family:Arial;}




/*我们的优势*/
.box_05{width:1200px;height:auto;margin:60px auto 0 auto;overflow:hidden;}
.box_05 .bt{width:1200px;height:75px;overflow:hidden;text-align:center;}
.box_05 .bt h3{font-size:36px;line-height:30px;font-weight:bold;color:#545454; margin:0; text-transform: Uppercase;}
.box_05 .bt p{font-size:24px;line-height:25px;color:#2051a6;font-weight:bold;margin-top:20px; background:url(../images/h_back.png) center center no-repeat;}
.look_center{width:1200px;height:360px;margin:40px auto 0 auto;position:relative;}
.look_center .bd{width:1200px;height:360px;}
.look_center .bd .main{width:1200px;height:360px;}
.look_center .bd .main .img{width:580px;height:360px;float:left;}
.look_center .bd .main .img img{display:block;width:580px;height:360px;vertical-align:top;}
.look_center .bd .main .txt{width:560px;height:360px;float:right;position:relative;}
.look_center .bd .main .txt h4{width:auto;font-size:24px;line-height:24px;font-weight:bold;color:#333;position:relative;padding-left:160px;margin-bottom:23px;}
.look_center .bd .main .txt h4::after{content:'';width:140px;height:1px;background:#2051a6;position:absolute;top:11px;left:0;}
.look_center .bd .main .txt span{display:block;font-size:14px;line-height:10px;color:#999;text-transform: Uppercase;margin-bottom:25px;}
.look_center .bd .main .txt p{width:500px;height:100px;padding:25px 40px 0 20px;background:#f6f6f6;font-size:14px;line-height:35px;color:#999;}
.look_center .hd{width:560px;height:130px;position:absolute;right:0;bottom:0;z-index:9;}
.look_center .hd ul{width:560px;height:130px;overflow:hidden;}
.look_center .hd ul li{width:135px;height:130px;cursor:pointer;float:left;margin-right:6px;background:#f6f6f6;text-align:center;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:last-child{margin-right:0;}
.look_center .hd ul li.on{background:#2051a6;border-radius:20px;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li i{display:block;width:60px;height:53px;margin:23px auto 15px auto;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.look_center .hd ul li.on i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
.look_center .hd ul li:nth-of-type(1) i{background:url(../images/ys_icon_01.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(2) i{background:url(../images/ys_icon_03.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(3) i{background:url(../images/ys_icon_05.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(4) i{background:url(../images/ys_icon_07.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(1).on i{background:url(../images/ys_icon_02.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(2).on i{background:url(../images/ys_icon_04.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(3).on i{background:url(../images/ys_icon_06.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(4).on i{background:url(../images/ys_icon_08.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li p{font-size:18px;line-height:18px;font-weight:bold;color:#545454;text-align:center;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li.on p{font-size:18px;line-height:18px;font-weight:bold;color:#fff;text-align:center;-webkit-transition:all .5s;transition:all .5s;}

.box_04{width:1200px;height:auto;margin:50px auto 0 auto;overflow:hidden;}
.box_04 .center{width:1200px;margin:30px auto 0 auto;}
.case_center{width:1200px;height:685px;}
.case_center .bd .main{width:1200px;height:500px;overflow:hidden;position:relative;}
.case_center .bd .main .left{width:1200px;height:500px;position:absolute;top:0;left:0;}
.case_center .bd .main .left img{width:1200px;height:500px; vertical-align:top;}
.case_center .bd .main .pos{width:527px;height:500px;padding-left:210px;background:url(../images/case_back.png) no-repeat right top;position:absolute;right:0;top:0;color:#fff;}
.case_center .bd .main .pos .mz{display:block;width:280px;text-align:center;font-size:24px;line-height:45px;color:#fff;font-weight:bold;margin:100px 0 20px 0;padding-bottom:20px;
    /* overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/ position:relative;}
.case_center .bd .main .pos .mz::after{content:'';width:160px;height:1px; position:absolute;bottom:0;left:60px;}
.case_center .bd .main .pos p{font-size:14px;line-height:25px;max-height:75px;overflow:hidden; display:none; }
.case_center .hd{width:1200px;height:160px;margin-top:25px;position:relative;}
.case_center .hd ul{width:1200px;height:160px;overflow:hidden;font-size:14px;color:#fff;}
.case_center .hd ul li{width:290px;height:160px;cursor:pointer;text-align:center;float:left;margin-right:13px;position:relative;}
.case_center .hd ul li:last-child{margin-right:0;}
.case_center .hd ul li a{display:block;}
.case_center .hd ul li img{width:290px;height:160px;vertical-align:top;}
.case_center .hd ul li p{width:290px;height:160px;font-size:16px;line-height:160px;color:#fff; margin-top:0; padding:0 20px;background:url(../images/big_kuang.png) center center no-repeat rgba(0,0,0,0.6);position:absolute;left:0;top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}
.case_center .hd ul li.on p{background:none;color:rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;}


/* 浼佷笟浼樺娍 */
.box_05{width:1200px;height:auto;margin:60px auto 0 auto;overflow:hidden;}
.box_05 .bt{width:1200px;height:75px;overflow:hidden;text-align:center;}
.box_05 .bt h3{font-size:36px;line-height:30px;font-weight:bold;color:#545454;text-transform: Uppercase;}
.box_05 .bt p{font-size:24px;line-height:25px;color:#2051a6;font-weight:bold;margin-top:20px; background:url(../images/h_back.png) center center no-repeat;}
.look_center{width:1200px;height:360px;margin:40px auto 0 auto;position:relative;}
.look_center .bd{width:1200px;height:360px;}
.look_center .bd .main{width:1200px;height:360px;}
.look_center .bd .main .img{width:580px;height:360px;float:left;}
.look_center .bd .main .img img{display:block;width:580px;height:360px;vertical-align:top;}
.look_center .bd .main .txt{width:560px;height:360px;float:right;position:relative;}
.look_center .bd .main .txt h4{width:auto;font-size:24px;line-height:24px;font-weight:bold;color:#333;position:relative;padding-left:160px;margin-bottom:23px;}
.look_center .bd .main .txt h4::after{content:'';width:140px;height:1px;background:#2051a6;position:absolute;top:11px;left:0;}
.look_center .bd .main .txt span{display:block;font-size:14px;line-height:10px;color:#999;text-transform: Uppercase;margin-bottom:25px;}
.look_center .bd .main .txt p{width:560px;height:100px;padding:25px 40px 0 20px;background:#f6f6f6;font-size:14px;line-height:35px;color:#999;}

.look_center .hd{width:560px;height:130px;position:absolute;right:0;bottom:0;z-index:9;}
.look_center .hd ul{width:560px;height:130px;overflow:hidden;}
.look_center .hd ul li{width:135px;height:130px;cursor:pointer;float:left;margin-right:6px; list-style:none; background:#f6f6f6;text-align:center;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.look_center .hd ul li:last-child{margin-right:0;}
.look_center .hd ul li.on{background:#2051a6;border-radius:20px;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li i{display:block;width:60px;height:53px;margin:23px auto 15px auto;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.look_center .hd ul li.on i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
.look_center .hd ul li:nth-of-type(1) i{background:url(../images/ys_icon_01.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(2) i{background:url(../images/ys_icon_03.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(3) i{background:url(../images/ys_icon_05.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(4) i{background:url(../images/ys_icon_07.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(1).on i{background:url(../images/ys_icon_02.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(2).on i{background:url(../images/ys_icon_04.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(3).on i{background:url(../images/ys_icon_06.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li:nth-of-type(4).on i{background:url(../images/ys_icon_08.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li p{font-size:18px;line-height:18px;font-weight:bold;color:#545454;text-align:center;-webkit-transition:all .5s;transition:all .5s;}
.look_center .hd ul li.on p{font-size:18px;line-height:18px;font-weight:bold;color:#fff;text-align:center;-webkit-transition:all .5s;transition:all .5s;}




.box_08{width:1200px;height:auto;margin:60px auto 0 auto;background:#fff;}
.news_center{width:1200px;margin:40px auto 0 auto;}
.news_center .hd{width:480px;height:35px;line-height:35px;margin:0 auto;}
.news_center .hd ul{overflow:hidden;font-size:14px;}
.news_center .hd ul li{width:140px;height:35px;line-height:35px;cursor:pointer;text-align:center;background:#f6f6f6;float:left;margin-right:30px;position:relative;z-index:0; list-style:none; }

.news_center .hd ul li::before{content:'';width:0px;height:35px;background:#2051a6;position:absolute;top:0;right:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.news_center .hd ul li.on::before{content:'';width:70px;height:35px;background:#2051a6;position:absolute;top:0;right:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.news_center .hd ul li::after{content:'';width:0px;height:35px;background:#2051a6;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.news_center .hd ul li.on::after{content:'';width:70px;height:35px;background:#2051a6;position:absolute;top:0;left:70px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.news_center .hd ul li:last-child{margin-right:0;}
.news_center .hd ul li a{display:block;color:#545454;}
.news_center .hd ul li.on a{display:block;color:#fff;}
.news_center .bd{width:1200px;margin-top:30px;}
.news_center .bd .main{height:300px;overflow:hidden;}
.news_center .bd .main .top{width:1200px;height:250px;overflow:hidden;}
.news_center .bd .main .top .left{width:590px;height:250px;overflow:hidden;float:left;position:relative;}
.news_center .bd .main .top .left a{display:block;}
.news_center .bd .main .top .left .img{width:590px;height:250px;overflow:hidden;}
.news_center .bd .main .top .left img{width:590px;height:250px;vertical-align:top;transition: all 1s;}
.news_center .bd .main .top .left:hover img{transform:scale(1.1);}
.news_center .bd .main .top .left .txt{width:590px;height:50px;line-height:50px;padding:0 20px; background:rgba(0,0,0,0.4);position:absolute;left:0;bottom:0;z-index:0;}
.news_center .bd .main .top .left .txt::after{content:'';width:0;height:50px;background:#2051a6;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .top .left:hover .txt::after{content:'';width:590px;height:50px;background:#2051a6;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .top .left .name{width:550px;font-size:16px;line-height:50px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_center .bd .main .top .right{width:590px;height:250px;overflow:hidden;float:right;}
.news_center .bd .main .top .right li{width:590px;height:63px;border-bottom:dashed 1px #d2d2d2;margin-top:25px;}
.news_center .bd .main .top .right li:hover{border-bottom:dashed 1px #2051a6;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .top .right li:nth-of-type(1){margin-top:0;}
.news_center .bd .main .top .right li p:nth-of-type(1){height:18px;margin:8px 0 12px 0;overflow:hidden;}
.news_center .bd .main .top .right li p:nth-of-type(1) a{display:block;width:470px;font-size:16px;line-height:18px;color:#545454;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .top .right li:hover p:nth-of-type(1) a{color:#2051a6;padding-left:10px;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .top .right li p:nth-of-type(1) span{display:block;font-size:14px;line-height:18px;color:#858585;float:right;}
.news_center .bd .main .top .right li p:nth-of-type(2){font-size:14px;line-height:18px;color:#858585;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_center .bd .main .bottom{width:1200px;height:280px;margin-top:20px;overflow:hidden;}
.news_center .bd .main .bottom .bx{width:590px;height:80px;margin-bottom:20px;overflow:hidden;background:#f2f2f2;position:relative;z-index:0;float:left;}
.news_center .bd .main .bottom .bx:nth-of-type(2n){float:right;}
.news_center .bd .main .bottom .bx::before{content:'';width:0;height:80px;background:#2051a6;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .bottom .bx:hover::before{content:'';width:590px;height:80px;background:#2051a6;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .bottom .bx::after{content:'';width:36px;height:36px;background:url(../images/news_jt_01.png);position:absolute;top:21px;right:26px;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .bottom .bx:hover::after{content:'';width:36px;height:36px;background:url(../images/news_jt_02.png);position:absolute;top:21px;right:26px;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .bottom .bx .date{width:80px;height:80px;text-align:center;color:#545454;float:left;margin-right:20px;position:relative;}
.news_center .bd .main .bottom .bx .date::after{content:'';width:1px;height:56px;background:#c4c4c4;position:absolute;top:12px;right:0;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .bottom .bx:hover .date::after{content:'';width:1px;height:56px;background:#fff;position:absolute;top:12px;right:0;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .bottom .bx .date span{display:block;color:#545454;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .bottom .bx:hover .date span{color:#fff;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .bottom .bx .date span:nth-of-type(1){font-size:24px;line-height:20px;font-weight:bold;margin:16px 0;}
.news_center .bd .main .bottom .bx .date span:nth-of-type(2){font-size:14px;line-height:12px;}
.news_center .bd .main .bottom .bx .txt{width:400px;float:left;}
.news_center .bd .main .bottom .bx .name{display:block;width:400px;font-size:16px;height:16px;line-height:16px;color:#545454;margin:20px 0 15px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .bottom .bx p{font-size:14px;color:#858585;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .bottom .bx:hover .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}
.news_center .bd .main .bottom .bx:hover p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



/*
 .index_parter
 */
.index_parter{padding-top:20px;}
.index_parter .title h1{ font-size: 36px;font-weight: bold;color: #2051a6;margin: 0;margin-bottom: 16px;text-align: center;}
.index_parter .title p{ font-size:16px;color: #666666;margin: 0;text-align: center;}
.index_parter .list_scroll {padding: 4% 0;}
.index_parter .list_scroll li:hover{ border-bottom-color:#e5352c;}
.index_parter .list_scroll li .Ispic{padding-bottom: 43%;border: 1px solid #dbdbdb;display:block;transition: all 0.5s;background-size: 68%;}
.index_parter .list_scroll li:hover .Ispic{border: 1px solid #0967b7;}
.index_parter .list_scroll dl dd {display: inline-block;text-align: center;width:46%;margin: 0 1.5%}
.index_parter .list_scroll dl dd a{display: inline-block;width:90%;border: 1px solid #0967b7;color: #0967b7;border-radius: 20px;line-height: 28px;transition: all 0.5s;}
.index_parter .list_scroll dl dd a:hover{background:#0967b7;color: #fff;}
.index_parter .bx-wrapper{ position:relative; z-index:1;}
.index_parter .bx-viewport{ position:relative; z-index:1;overflow:hidden;}
.index_parter .bx-pager{ display:none;}
.index_parter .bx-controls-direction a{position: absolute;top:38%;margin-top: -18px;width: 36px;height: 70px;overflow: hidden;line-height: 162px;z-index: 10;background: #d5d5d5;}
.index_parter .bx-controls-direction a:hover{ border-color:#0967b7;}
.index_parter .bx-controls-direction a::before,
.index_parter .bx-controls-direction a::after{ position:absolute; content:''; left:16px; top:23px; width:2px; height:15px; background-color:#fff;}
.index_parter .bx-controls-direction a::before{ transform:rotate(-45deg);}
.index_parter .bx-controls-direction a::after{transform:rotate(45deg); top:33px;}
.index_parter .bx-controls-direction a:hover{background-color:#0967b7;}
.index_parter .bx-controls-direction a:hover::before,
.index_parter .bx-controls-direction a:hover::after{background-color:#fff;}
.index_parter .bx-controls-direction a.bx-prev{ left:-56px;}
.index_parter .bx-controls-direction a.bx-next{ right:-56px;}
.index_parter .bx-controls-direction a.bx-prev::before{ transform:rotate(45deg);}
.index_parter .bx-controls-direction a.bx-prev::after{transform:rotate(-45deg);}


@media(min-width:1200px){
    .index_parter .bx-viewport{height: auto!important;}
}
@media(max-width:1320px){
.index_parter .bx-controls-direction a.bx-prev{ left:10px;}
.index_parter .bx-controls-direction a.bx-next{ right:10px;}
  
}

@media(max-width:768px){
    .index_parter .bx-controls-direction{display: none;}
  
}
@media(max-width:640px){
    .index_parter .title h1{font-size: 34px;}
    .index_parter .title{padding: 0 2%}
    .index_parter .title p{font-size: 15px;line-height: 26px;}
}
@media(max-width:480px){
    .index_parter .list_scroll li .Ispic{background-size: contain}
}



/*
 .index_bottom
 */
.index_bottom{padding:15px 0 0; background:#222222; width: 100%; border-top: 20px solid #fff;position: relative;z-index: 999;}
.index_bottom footer{ padding-bottom: 20px;margin: 0 auto;border-bottom:1px solid rgba(255,255,255,0.1)}
@media (max-width: 1230px) {
  .index_bottom .wrap-container{ padding: 0 15px; max-width: 1230px;}
}
@media (min-width:1000px ) {
  .index_bottom{padding-top: 0; border-top: 0;}
  .index_bottom footer{padding-top: 44px; background:url(../images/Bottom00 2494-bg.png) no-repeat center top; background-size: 100% 209px;padding-bottom: 40px;border-bottom:1px solid rgba(255,255,255,0.1)}
}

.index_bottom .botnav{display: none;}
@media screen and (min-width:1000px ){
  .index_bottom .botnav{display: block; float: left; width:80%; overflow: hidden;}
  .index_bottom .botnav ul{ margin: 0 -1.5%;}
  .index_bottom .botnav ul li{float: left; padding:0 1.5%; width:12.5%;}
  .index_bottom .botnav ul li dt{color: #fff; font-size: 18px; padding-bottom: 15px;background: url(../images/bottom_line.png)no-repeat left bottom;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
  .index_bottom .botnav ul li dd a{color:rgba(255,255,255,0.5);line-height: 30px;}
  .index_bottom .botnav ul li dd a:hover{color: #fff}
}

.index_bottom .iconbox{text-align: center; padding-bottom: 10px;}
.index_bottom .iconbox a{display: inline-block; position: relative; width: 40px;height: 40px; border-radius: 100%; background-color: #37434d; background-position: center center; background-repeat: no-repeat;}
.index_bottom .iconbox a.wx{background-image: url(../images/index_bottom-wx.png);}
.index_bottom .iconbox a.wb{background-image: url(../images/index_bottom-wb.png);}
.index_bottom .iconbox a img{display: none; position: absolute;left: 50%;bottom: 100%;width: 100px; height: 100px; margin-left: -50px; max-width: none;}
.index_bottom .iconbox a:hover img{display: block;}

.index_bottom .linkS{height: 40px; border-radius: 20px 0; background: #2d2d2d; position: relative;}
.index_bottom .linkS .linkSBox{padding: 9px 65px 9px 15px;}
.index_bottom .linkSBoxIn ul{position: absolute;  display: none;width: 100%;bottom: 100%; left: 0px;border-bottom: 1px solid #383838; background: #2d2d2d;padding: 10px 0;}
.index_bottom .linkSBoxIn ul li a{display: block; padding-left: 15px;line-height: 30px; color:rgba(255,255,255,0.5); }
.index_bottom .linkSBoxIn ul li a:hover{color: #fff;}
.index_bottom .linkS span{width:100%;line-height: 22px;  color:rgba(255,255,255,0.5); }
.index_bottom .linkS .btn{height: 40px; position: absolute; width: 40px; right: 0;top: 0; border-left: 1px solid #403f3f;background: url(../images/Bottom002494-linksbtn.png) no-repeat center;}

.index_bottom .rwmImg{padding-top: 20px; max-width: 300px; margin: 0 auto;}
.index_bottom .rwmImg ul li{}
.index_bottom .rwmImg ul li:nth-child(2n){margin-right: 0;}
.index_bottom .rwmImg ul li .img{overflow: hidden;text-align: center;}
.index_bottom .rwmImg ul li .txt{text-align: center; color:rgba(255,255,255,0.5);line-height: 35px;}

.index_bottom .rwmbox{margin: 0 auto;}
@media screen and (min-width:1000px ){
  .index_bottom .other{float: right; width: 20%; padding-left: 3%;}
  .index_bottom .iconbox{float: left; width: 30%;}
}

.index_bottom .Bottom{text-align: center;padding: 22px 0}
@media (min-width:1000px ){
  .index_bottom .Bottom .left{float: left;}
  .index_bottom .Bottom .right{float: right;}
}

/*提交留言表单*/

#sub_gbook { float:left; width:100%; padding-top:20px; }
#sub_gbook ul { float:left; width:100%; }
#sub_gbook ul li.name { float:left; width:10%; min-height:40px; line-height:40px; text-align:right; padding-right:2%; }
#sub_gbook ul li.tbinput { float:left; width:88%; min-height:40px; line-height:40px; }
.myinput { width:400px; height:30px; line-height:30px; border:1px solid #e9e9e9; border-radius:5px; padding:2px 10px;
  background:#f6f6f5; font-size:13px; }
.tbgbookcontent { width:400px; height:90px; line-height:30px; border:1px solid #e9e9e9; border-radius:5px; padding:2px 10px;
  background:#f6f6f5; font-size:13px; }
#btn_savegbook { width:120px; height:35px; line-height:35px; border:1px solid #0085ba; background:#0085ba; color:#fff; }
#btn_savegbook:hover { color:#eee; font-size:16px; }