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

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
body{ font-family:"PingFang SC", "Microsoft Yahei", "Source Han Sans CN", Arial, Helvetica, sans-serif; background:#fff; font-size:14px;overflow-x:hidden; color:#5c5c5c}
a{ text-decoration:none;outline:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;color:#666}
a:hover{color:#00a1e9}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select,button{ outline:none; font-family:"PingFang SC", "Microsoft Yahei", "Source Han Sans CN", Arial, Helvetica, sans-serif}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#61a032}
.red{ color:#f00}
.ovh{ overflow:hidden}

.wrap{width:1400px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.headerbox{ position:relative}

.header{ position:fixed; width:100%; height:100px; line-height:100px; padding:0 5%; z-index:999; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.header-scroll{box-shadow: 0px 4px 8px rgba(0,0,0,0.1); background:#fff;height: 90px;line-height: 90px;}
.header-scroll .menu li a, .nheaderbox .menu li a{ color:#333}
.header-scroll .logo-1, .nheaderbox .logo-1, .header.cur .logo-1{ opacity:1}
.header-scroll .logo-2, .nheaderbox .logo-2, .header.cur .logo-2{ opacity:0}
.header-scroll .langbox a, .nheaderbox .langbox a, .header.cur .langbox a{ color:#333}
.header-scroll .langbox a.active, .header-scroll .langbox a:hover, .nheaderbox .langbox a.active ,.nheaderbox .langbox a:hover, .header.cur .langbox a.active, .header.cur .langbox a:active{ background:#f3f3f3}
.header.cur{ background:#fff;box-shadow: 0px 4px 8px rgba(0,0,0,0.1);}

.nheaderbox { height:90px;}
.nheaderbox .header{background:#fff;height: 90px;line-height: 90px;}
.logo{ display:flex; display:-webkit-flex; align-items:center;}
.logo img{position: absolute;top: 0;bottom: 0; margin: auto;}
.logo-1{ opacity:0}
.langbox{ height:100%; display:flex; display:-webkit-flex; align-items:center; margin-left:45px}
.langbox a{ color:#fff; font-size:18px;display: block;width: 42px;height: 42px;line-height: 42px;text-align: center;border-radius: 50%;transition: .5s; float:left; margin-left:10px}
.langbox a.active,.langbox a:hover{ background:#fff; color:#333}

.menu{ margin-right:20px}
.menu li{ float:left;text-align:center; margin-left:70px;position:relative}
.menu li a{ display:block; font-size:18px; color:#fff;position:relative}.menu li a:hover{ color:#00a1e9}
.menu .menu-li:hover > a:before{ width:100%}
.sliding-block {background-color: #61a711;}
.menu li>a{ -webkit-transition:color .5s;-moz-transition:color .5s;transition:color .5s;}
.menu .nav-sub{
    width: 150px;
    background: #fff;
    position: absolute;
    left: 50%;
	margin-left:-75px;
    height: auto;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .3s .2s;
    transition: transform .3s .2s;
	z-index:99
}
.menu .nav-sub a{ display:block; line-height:42px; font-size:15px; color:#666; padding:0; text-align:center; border-bottom:1px solid #e8e8e8; opacity:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.menu .nav-sub a:hover{ background:#61a711; color:#fff}
.menu .nav-sub.active{-webkit-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);-moz-transition: -webkit-transform .3s;-ms-transition: -webkit-transform .3s;-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.menu .nav-sub.active a{ opacity:1}


.banner{ position:relative;background:#f3f3f3}
.banner img{ display:block; width:100%; height:auto}
.banner.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:3%}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 16px}
.banner .swiper-pagination-bullet{ width:7px; height:7px;background:#fff; opacity:1; position:relative}
.banner .swiper-pagination-bullet:after{ transition:.5s;content:""; padding:10px; border-radius:50%; display:block; border:1px solid #fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ opacity:1}
.banner .txt{ position:absolute; font-size:30px; color:#fff;bottom:20%; left:5%;opacity:0; width:30%}
.banner .txt h2{ font-size:60px; font-weight:bold; line-height:80px; margin-bottom:20px;text-shadow: 0 0 15px rgba(0,0,0,.1);}
.banner .txt p{text-shadow: 0 0 15px rgba(0,0,0,.1);}
.banner .txt .more{ font-size:16px; background:#00a1e9; color:#fff; display:block; width:120px; line-height:38px; text-align:center; margin-top:10%}
.banner .swiper-slide-active .txt{animation:mymove 1s;-webkit-animation:mymove 1s;animation-fill-mode: forwards; }
@keyframes mymove
{
from {bottom:20%; opacity:0}
to {bottom:25%; opacity:1}
}

@-webkit-keyframes mymove 
{
from {bottom:20%; opacity:0}
to {bottom:25%; opacity:1}
}

.i-about{ background:#f3f3f3; padding:120px 0 100px}
.i-about .pic{ width:50%; float:left; position:relative}
.i-about .pic img{ width:90%; display:block; height:auto; position:relative;margin-top:75px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-about .pic:before{ content:""; width:80%; height:60%; background:#0061a3; position:absolute; right:0; top:0}
.i-about .pic:after{ content:""; width:370px; height:69px; background:url(../images/mec.png) no-repeat; position:absolute; top:5px; right:-220px}
.i-about .pic:hover img{ -webkit-transform:scale(1.06);-moz-transform:scale(1.06);transform:scale(1.06)}
.i-about .video-btn{ width:80px; height:80px; background:url(../images/video-btn.png) no-repeat; display:block; position:absolute; left:42%; top:50%;}
.i-about .txt{ width:40%; color:#333; padding-top:120px}
.i-about .txt .tit{ font-size:45px; font-weight:bold; color:#231815; margin-bottom:30px}
.i-about .txt .intro{ font-size:16px; line-height:30px;}
.i-about .txt .intro p{ margin-bottom:15px}
.i-about .txt .more{ background:#00a1e9; color:#fff; width:145px; line-height:40px; text-align:center; display:block; margin-top:40px; position:relative; overflow:hidden}
.i-about .txt .more span{ position:relative}
.i-about .txt .more:before{ content:""; width:100%; height:100%;background:#0061a3; position:absolute; left:-100%;top:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-about .txt .more:hover::before{ left:0}

.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.65);}
.show-video{ display:block}
.video-show {position: relative;z-index: 9999;margin: 0 auto;top:50%; transform:translateY(-50%);display: table;width:800px; height:450px}
.video-show video{ width:100%}
.video-close{ width:40px; height:40px; background:url(../images/closed_w2.png) no-repeat; background-size:40px 40px; position:absolute; top:0; right:0; margin-right:-40px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:hover{ -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}

.i-industry{ padding:100px 0 120px; background:url(../images/bg01.png) no-repeat center 120px; background-size:contain}
.title{ text-align:center; color:#231815; margin-bottom:45px}.title span{ display:block}
.title .en{ font-family:Arial; font-size:40px; font-weight:bold}
.title .cn{ font-size:45px}
.i-industry-box{  overflow:hidden}
.i-industry-box .item{ width:25%;float: left;}
.i-industry-box .con-box{display: block;width: 100%;overflow: hidden;position: relative;}
.i-industry-box .item .imgbox{position: relative;}
.i-industry-box img{width: 100%; display:block; -webkit-filter: grayscale(10%);
    -moz-filter: grayscale(10%);
    -ms-filter: grayscale(10%);
    -o-filter: grayscale(10%);
    filter: grayscale(10%);
    filter: gray;}
.i-industry-box .txt{position: absolute;
    bottom: 0;
	width:100%;
	height:100%;
	padding:0 5% 10%;
	color:#fff;
    background:rgba(0,0,0,.4);
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	align-items:flex-end;
	align-content:flex-end;
	-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;
}
.i-industry-box .txt h3,.i-industry-box .txt .intro,.i-industry-box .txt .more{ display:block; width:100%;}
.i-industry-box .txt h3{font-size:24px;position:relative; z-index:2; line-height:40px; margin-bottom:5px;}
.i-industry-box .txt .intro{ font-size:14px;line-height:30px; height:0; overflow:hidden; -webkit-transition:.5s;transition:.5s; white-space:nowrap; text-overflow:ellipsis;}
.i-industry-box .txt .more{ display:block; width:120px; line-height:33px; border:1px solid rgba(255,255,255,.6); color:rgba(255,255,255,.9); text-align:center; margin-top:20px; opacity:.8}
.i-industry-box .item.cur .txt{ height:40%;background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));}
.i-industry-box .item.cur .intro{ display:block; opacity:.8; height:30px}
.i-industry-box .item.cur .more{ background:#00a1e9; opacity:1}
.i-industry-box .item.cur img{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;}

.i-news{ padding:100px 0 100px; background:#f3f3f3;}
.i-newscon{ position:relative}
.i-newscon:before{ content:""; width:1px; height:100%; background:#d8d8d8; position:absolute;top:0;left:50%; -webkit-transform:translateX(-50%);transform:translateX(-50%)}
.i-newscon .left{ width:45.71%; height:360px; position:relative; overflow:hidden}
.i-newscon .left .pic{ height:100%}
.i-newscon .left img{ display:block; height:auto; min-height:100%; width:100%; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.i-newscon .left .txt{
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0) 10%),to(rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(rgba(0,0,0,0) 10%,rgba(0,0,0,0.9));
    background: -o-linear-gradient(rgba(0,0,0,0) 10%,rgba(0,0,0,0.9));
    background: linear-gradient(rgba(0,0,0,0) 10%,rgba(0,0,0,0.9));
	color:#fff;
	position:absolute;
	left:0;bottom:0;
	padding:5%;
	width:100%;
}
.i-newscon .left .txt h3{ font-size:20px; margin-top:10px}
.i-newscon .left:hover img{ -webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}
.i-newscon .right{ width:50%;}
.i-newscon li{ margin-bottom:40px; position:relative}
.i-newscon li:before{ content:""; width:8px; height:8px; border-radius:50%; background:#231815; position:absolute; left:-4px;top:0; box-shadow:0 0 8px rgba(0,0,0,.8)}
.i-newscon li .time{ float:left; padding-left:45px; margin-top:-10px}
.i-newscon li .time span{ display:block; color:#666}
.i-newscon li .time .day{ color:#333; font-size:28px; padding-bottom:5px; font-weight:bold; font-family:"思源宋体";}
.i-newscon li .txt{ padding-left:160px;}
.i-newscon li h3{ font-size:20px; color:#231815; margin-bottom:15px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-newscon li .intro{ line-height:22px; color:#666; height:44px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;}
.i-newscon li:last-child{ margin-bottom:60px}
.i-news .more{ color:#00a1e9; text-align:center; display:block; padding-top:20px; position:relative}
.i-news .more:before{content:""; width:10px; height:10px; border-radius:50%; background:#00a1e9; position:absolute; left:50%; -webkit-transform:translateX(-50%);transform:translateX(-50%);top:0; box-shadow:0 0 10px rgba(0,161,233,1)}
.i-newscon li:hover h3{ color:#00a1e9}
/*==============================*/

.nbanner{ position:relative; padding-top:22%; overflow:hidden;}
.nbanner .wrap{position:absolute; left:50%; margin-left:-700px; color:#fff; top:50%;}
.nbanner .cn{ font-size:45px;}
.nbanner .en{font-family: Arial;font-size: 40px;font-weight: bold;}
.inner-nav{ line-height:80px; height:80px; border-bottom:1px solid #e8e8e8}
.inner-nav-lf{ font-size:16px;}
.inner-nav-lf a{ display:block; float:left; margin:0 25px; position:relative}
.inner-nav-lf a:first-child{ margin-left:0}
.inner-nav-lf a:after{ content:""; width:1px; height:15px; background:#e8e8e8; position:absolute; right:-25px;top:50%; margin-top:-7px}
.inner-nav-lf a:before{ content:""; width:0; height:2px; background:#00a1e9; position:absolute; left:0;bottom:-1px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.inner-nav-lf .active:before,.inner-nav-lf a:hover::before{ width:100%}
.inner-nav-lf .active{color:#00a1e9}
.location{ background:url(../images/home.png) no-repeat left center; background-size:18px 18px; padding-left:25px}
.inner-nnav{ background:#e6e6e6; height:60px; line-height:60px}

.main{ padding:60px 0; position:relative}
.main_2{ background:#f3f3f3}
.main .ntitle{font-size:35px; color:#333; line-height:45px; margin-bottom:40px; position:relative}
.main .ntitle .tit{ position:relative}
.main .ntitle .tit:after{ content:""; width:35px; height:2px; background:#00a1e9; display:block; margin-top:10px}
.main .ntitle .bc{ font-size:16px; color:#666;line-height:20px; padding-top:20px;text-align:left}

.main .content{ line-height:30px;font-size:15px; /*text-align:justify*/}
.main .content img{ max-width:100%}
.main .content-about{ line-height:30px; font-size:16px;}
.main .content-about p{ margin-bottom:10px}
.anchor{display: block;height: 90px;margin-top: -90px;visibility: hidden;}
.about-left{ width:65%}
.about-right{ width:20%}
.about-right .item{ border-bottom:1px solid #e8e8e8; padding:30px 0 20px}
.about-right .item:first-child{ padding-top:10px}
.about-right .item .counter{font-weight: 700;color: #333;font-size: 55px;}
.about-right .item p{ margin-bottom:0}
.culture ul{ margin-right:-2%}
.culture li{ float:left; width:31.33%; margin-right:2%; position:relative}
.culture li .pic{ overflow:hidden}
.culture li img{ display:block; width:100%; height:auto}
.culture li .txt{ background:#fff; padding:30px; height:170px;}
.culture li h4{ font-size:18px; color:#333; padding-bottom:10px}
.culture li .txt p{ color:#666; font-size:15px; line-height:24px}
.culture li:nth-child(1), .culture li:nth-child(2), .culture li:nth-child(3){ margin-bottom:2%}
.culture li:nth-child(4),.culture li:nth-child(5){ width:48%}
.culture li:nth-child(4) .txt ,.culture li:nth-child(5) .txt{ position:absolute; left:0; bottom:0; width:100%;color:#fff; height:auto;
background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.9));
background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.9)); 
background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.9));
background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.9)); }
.culture li:nth-child(4) h4, .culture li:nth-child(5) h4{ color:#fff}
.culture li:nth-child(4) .txt p, .culture li:nth-child(5) .txt p{ color:rgba(255,255,255,.8)}
.honor ul{ margin-right:-2%; display:flex; display:-webkit-flex; flex-wrap:wrap;}
.honor li{ width:23%; float:left; margin-right:2%; margin-bottom:2%; padding:10px; border:1px solid #e8e8e8;}
.honor li .pic{display:flex; display:-webkit-flex; justify-content:center;align-items:center; overflow:hidden}
.honor li img{ display:block;max-height:100%; width:100%; object-fit:contain}
.honor li .tit{ text-align:center; background:#f3f3f3; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:10px}
.hor-more{ background:#00a1e9; color:#fff; width:145px; line-height:40px; text-align:center; display:block; margin:40px auto 0; position:relative; overflow:hidden}
.hor-more span{ position:relative;color:#fff; z-index:2}
.hor-more:before{ content:""; width:100%; height:100%;background:#0061a3; position:absolute; left:-100%;top:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s; z-index:1}
.hor-more:hover::before{ left:0}

.history{ background:url(../images/bg02.jpg) #f5f5f5 repeat-x left bottom; padding-bottom:100px}
.gallery-top .item .pic {width: 50%;overflow: hidden;transition: .5s;box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);opacity: 0;filter: alpha(opacity=0);transform: translateY(30px);transition: .8s; float:left}
.gallery-top .item .pic img{ display:block; width:100%}

.gallery-top .item .txt{ float:right; width:40%;opacity: 0;filter: alpha(opacity=0);transform: translateY(30px);transition: .8s;}
.gallery-top .item .txt .p1{color:#00a1e9; font-size:40px; font-weight:bold; margin-bottom:20px; padding-top:30px;}
.gallery-top .item .txt .p2{ font-size:24px; color:#333;margin-bottom:30px;}
.gallery-top .item .txt .intro{ font-size:16px;}
.gallery-top .swiper-slide-active .item .pic,.gallery-top .swiper-slide-active .item .txt{opacity: 1;filter: alpha(opacity=100);transform: translateY(0);}
.gallery-top .swiper-button-prev,.gallery-top .swiper-button-next{bottom:3%; top:auto; margin-top:0; width:45px; height:45px; border:1px solid #d8d8d8}
.gallery-top .swiper-button-prev{ left:60%; background:url(../images/arrow_prev.png) no-repeat; background-size:cover}
.gallery-top .swiper-button-next{ right:30%; background:url(../images/arrow_next.png) no-repeat; background-size:cover}
.gallery-thumbs{width: 100%;height: 30px;margin-top: 60px; border-top:2px solid #ddd}
.gallery-thumbs .swiper-container {overflow: visible;}
.gallery-thumbs .t1{color:#333;padding-top: 40px; font-size:20px; position:relative; cursor:pointer}
.gallery-thumbs .t1:before{ content:""; width:10px; height:10px; border-radius:50%; background:#ddd; position:absolute; top:-5px; left:40px}
.gallery-thumbs .t1:after{ content:""; width:1px; height:30px; background:#ddd; position:absolute; top:0; left:44px}
.gallery-thumbs .t1 span{ padding:0 20px;}
.gallery-thumbs .swiper-slide-thumb-active .t1{color:#00a1e9;}

.dangjiangz{ position:relative;}
.dangjiangz .swiper-wrapper{ margin-right:-2%; width:auto}
.dangjiangz .swiper-slide{ float:left; width:31.33%; margin-right:2%}
.dangjiangz .item{ background:#fff;}
.dangjiangz .pic{ overflow:hidden;}
.dangjiangz img{ display:block; width:100%; height:auto;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.dangjiangz .item:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.dangjiangz .item .txt{ padding:15px 30px; min-height:120px;}
.dangjiangz .item h3{ font-size:18px; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical;}
.dangjiangz .item .more{ font-size:14px; color:#999}
.dangjiangz .swiper-button-prev,.dangjiangz .swiper-button-next{top:50%; margin-top:-23px; width:45px; height:45px; border:1px solid #d8d8d8; opacity:1; outline:none;}
.dangjiangz .swiper-button-prev{ left:-60px; background:url(../images/arrow_prev.png) #fff no-repeat; background-size:cover}
.dangjiangz .swiper-button-next{ right:-60px; background:url(../images/arrow_next.png) #fff no-repeat; background-size:cover}

.projectlist li{ background:#f3f3f3; position:relative; height:450px; margin-top:150px;}
.projectlist li:first-child{ margin-top:100px}
.projectlist li .pic{ position:absolute; left:8%; bottom:50px; overflow:hidden}
.projectlist li img{ width:auto; height:480px; display:block;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.projectlist li .txt{ width:55%; padding-right:8%; padding-bottom:50px; color:#666; float:right}
.projectlist li h3{ font-size:35px; color:#333; margin-top:10%; margin-bottom:5%; text-align:left}
.projectlist li .intro{ font-size:16px; height:150px; overflow:hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.projectlist li .more{width: 120px;line-height: 33px;border: 1px solid #d8d8d8; text-align:center; display:block; margin-top:50px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.projectlist li .more:hover{background: #00a1e9; color:#fff}
.projectlist li:nth-child(2n) .pic{ left:auto; right:8%}
.projectlist li:nth-child(2n) .txt{ float:left; padding-left:8%; padding-right:inherit}
.projectlist li:hover img{ -webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}

.newslist ul{ margin-top:-30px}
.newslist li{border-bottom:1px solid #e8e8e8; padding:30px 0;transition: all 0.5s ease 0s;}
.newslist li .pic{display: block;width: 30%;overflow: hidden; position:relative}
.newslist li img{width: 100%; display:block;transition: all 0.5s ease 0s;}
.newslist li .pic::after {content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.25);opacity: 0;filter: alpha(opacity=0);position: absolute; top: 0; left: 0; transition: all 0.5s ease 0s;}
.newslist li .txt{ width:66%;}
.newslist li h3 {font-size: 18px;color: #333;line-height: 22px;margin-bottom: 2%;}
.newslist li .intro {color: #888;line-height: 25px;}
.newslist li .time { display:block;font-size: 14px;color: #999;line-height: 22px;margin-top: 2%; margin-bottom:2%;padding-left: 23px;background: url(../images/clock.png) no-repeat left center;background-size: 20px 20px;}
.newslist li:hover{ background:#f9f9f9}
.newslist li:hover .pic::after {opacity: 1;filter: alpha(opacity=100);transition: all 0.5s ease 0s;}
.newslist li:hover img{ -webkit-transform:scale(1.08);transform:scale(1.08)}
.news-content{ font-size:15px; padding:0 10%}
.newtit{font-size:28px;color:#333;margin-bottom:10px; line-height:35px; text-align:center}
.news-content .time{font-size:14px; color:#666; text-align:center; margin-bottom:15px; border-bottom:1px solid #e8e8e8}
.newsdetail{}
.newsdetail p{ margin-bottom:10px}
.newsdetail img{ max-width:100%; height:auto}

.main .content-duty{ font-size:16px;}
.dutylist{ margin-top:50px}
.dutylist ul{ margin-right:-3%}
.dutylist li{ float:left; width:30.33%; margin-right:3%; margin-bottom:2%}
.dutylist li .pic{ overflow:hidden;}
.dutylist li img{ display:block; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.dutylist li:hover img{ -moz-transform:scale(1.08);-webkit-transform:scale(1.08);transform:scale(1.08)}
.dutylist li .txt{background: #fff;font-size: 18px;color: #333;line-height: 26px;border: 1px solid #e8e8e8; border-top: none; padding: 30px 35px;}
.dutylist li .time{font-size: 14px;font-family: Arial; color:#666}
.dutylist li h3{ margin:15px auto 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dutylist li .more{ font-size:15px; color:#0061a3}
.dutylist li .txt, .dutylist li .time, .dutylist li h3, .dutylist li .more{ -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.dutylist li:hover .txt{ background:#0061a3;}
.dutylist li:hover .time,.dutylist li:hover h3{ color:#fff}
.dutylist li:hover .more{ color:rgba(255,255,255,.8)}

.recruit{}
.recruit-top{background: #f3f3f3;font-size: 24px;color: #333;padding:20px 50px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;border-bottom: 1px solid #fff;cursor: pointer;position: relative;}
.recruit-top .time{ float:right; font-size:14px; color:#666; margin-right: 40px;}
.recruit-top .arrow{ float:right;cursor: pointer;width: 15px;height: 15px;position: absolute;top: 0;right: 45px;bottom: 0;margin: auto;background: url(../images/arrow.png) no-repeat center;background-size: 100%; opacity:.5}
.recruit-top .position{ float:left; width:calc(100% - 130px); display:flex; display:-webkit-flex;align-items:center;}
.recruit-top .position span{font-size: 15px;color: #666;margin-left: 20px;padding-left: 20px;position: relative;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.recruit-top .position span:after{content: "";position: absolute;height: 18px;width: 1px;background: #e5e5e5;left: 0;top: 0;bottom: 0; margin: auto;}
.recruit-con{background: #f9f9f9;padding: 36px 50px;padding-bottom: 65px; font-size:16px; display:none;/*text-align:justify;*/}
.recruit-con .tit{font-size: 20px;color: #666;line-height: 20px;padding-left: 16px; border-left: 4px solid #00a1e9;margin-bottom: 15px;}
.recruit li.cur .arrow {background: url(../images/closed_w.png) no-repeat center;background-size: 100%; opacity:1}
.recruit li.cur .recruit-top{ background:#0061a3;color:#fff}
.recruit li.cur .position span{ color:#fff}
.recruit li.cur .time{ color:rgba(255,255,255,.6)}

.content-contact{ line-height:28px;font-size:15px;}
.content-contbox{ position:relative; min-height:360px}
.lxfs{ width:25%}
.lxfs .item{ border-bottom:1px solid #e8e8e8;position:relative; padding-left:50px; padding-bottom:20px; margin-bottom:20px}
.lxfs .item p{ color:#333;font-size:16px}
.lxfs .item p:nth-child(1){color:#666; }

.lxfs .item1{ background:url(../images/c_icon01.png) no-repeat left 5px;}
.lxfs .item2{ background:url(../images/c_icon02.png) no-repeat left 5px;}
.lxfs .item3{ background:url(../images/c_icon03.png) no-repeat left 5px;}
#allmap{width:70%;height:360px;line-height:22px; font-size:14px; position:absolute; right:0;top:0}
.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:15px; margin-bottom:5px}

.message{ position:relative}
.message .pic{ position:absolute; width:30%; height:100%; left:0;top:0; overflow:hidden}
.message .pic img{ display:block; width:100%; height:100%;object-fit:cover}
.messbox{ width:70%; float:right; background:#fff; padding:5% 10%;position:relative}
.messbox .item{ position:relative; margin-bottom:20px}

.messbox label{ position:absolute; left:0; color:#666; line-height:45px; padding-left:10px}
.messbox .inp{ width:100%; border:1px solid #e8e8e8; line-height:45px; height:45px; padding-left:60px}
.messbox textarea{width: 100%;height: 120px;border: 1px solid #e8e8e8;display: block;text-indent:50px; padding:0 10px; line-height:45px}
.messbox .yzm{width:150px; padding-left:75px}
.messbox .inp-submit{width: 200px;height: 45px;line-height: 45px; color: #fff;background:#0061a3;border:none;font-size: 16px;cursor: pointer; -webkit-transition:.5s;-moz-transition:.5s;;transition:.5s;}
.messbox .inp-submit:hover{ background:#00a1e9;}


/*==============================*/
.footer{ line-height:28px; background:#202020; color:#959291; padding-top:60px;}

.footer-top{ padding-bottom:20px;}
.footer-nav{ width:calc(100% - 450px)}
.footer-nav li{ float:left; margin-right:100px; margin-bottom:20px}
.footer-nav li:last-child{ margin-right:0}
.footer-nav li .tit{ font-size:18px; margin-bottom:15px; color:#fff}
.footer-nav li .sub{ font-size:15px; line-height:30px;}
.footer-nav li .sub a{ display:block; color:#959291; }
.footer-nav li .sub a:hover{color:#fff;}
.footer-contact{ padding-right:180px; position:relative; width:400px}
.footer-contact .tit{font-size:18px; margin-bottom:15px; color:#fff}
.footer-contact .tel{font-family: "思源宋体"; color:#fff; font-size:20px; margin-bottom:10px}

.footer-contact .ewm{ position: absolute; right:0;bottom:0; width:120px; height:auto}
.footer-contact .tel p{ color:#bfbfbf; margin-bottom:30px}
.footer-contact .tel span{ display:block; color:#61a032; font-size:22px;}
.footer-bot{border-top:1px solid rgba(255,255,255,.1); padding:20px 0 30px;}
.footer-bot a{color:#959291;}
.footer-link{ position:relative}
.footer-link .tit{width: 220px;height: 40px; line-height:40px;padding-left: 15px;color: #959291;background: url(../images/icon01.png) no-repeat center;background-position:190px center;cursor: pointer; border:1px solid rgba(255,255,255,.3)}
.footer-link .cont{display: none;position: absolute;bottom: 40px;width: 100%;left: 0;border:1px solid rgba(255,255,255,.3);border-bottom:none; background:#202020}
.footer-link .cont a{display: block;line-height:20px;color: #959291; padding:10px 15px}
.footer-link .cont a:hover{ color:#fff; background:#2e2e2e}
.footer-link02{ width:50%; white-space:nowrap}
.footer-link02>div{ display:inline}
.footer-link02 .tit{ position:relative}
.footer-link02 .tit:after{ content:":"; padding-left:3px; padding-right:5px}
.footer-link02 .cont a{ margin-right:10px}
.footer-link02 .cont a:hover{ color:#fff;}

.backtop{ width:50px; height:50px; background: url(../images/icon_08.png) no-repeat #e1bb7b center; position:fixed; right:3%; bottom:15%; z-index:999; cursor:pointer; display:none}

.pages_2{margin-top:30px;color:#333;border-top:1px solid #e8e8e8; padding-top:20px; position:relative}
.pages_2 p{ padding-right:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pages_2 .back{position:absolute; right:0;top:20px;display:block;color:#333; line-height:32px; background: url(../images/icon_01.png) no-repeat left center; background-size:20px auto; padding-left:25px;}

.pages_2 .back:hover{color:#00a1e9;}

.pagination{ height:auto !important; padding-bottom:0 !important}
.pagination a, .pagination p{ height:27px!important; padding:0 12px !important;}
/*=======================*/
.en{font-family: Arial, Helvetica, sans-serif;}
.en .banner .txt h2{ font-size:40px}
.en .banner .txt{ font-size:25px}
.en .i-about .txt{ padding-top:0}
.en .culture li .txt{ font-size:14px; line-height:22px;}
.en .footer-nav li{ width:20%; margin-right:5%}
.en .footer-nav li .sub{ line-height:20px;}
.en .footer-nav li .sub a{ margin-bottom:10px}
.en .content-contbox{ min-height:auto}
.en .lxfs{ width:100%}
.en .lxfs .item{ float:left; width:30.33%; margin-right:3%}
.en .main .ntitle .tit{ text-align:left}

.en .inner-nav-lf{ display:flex; display:-webkit-flex;}
.en .inner-nav-lf a{ width:25%; margin:0;display:flex; display:-webkit-flex;align-items:center; justify-content:center; border-right:1px solid #e8e8e8; padding:0 10px; height:80px; line-height:20px; text-align:center}
.en .inner-nav-lf a:first-child{ border-left:1px solid #e8e8e8}
.en .inner-nav-lf a:after{ display:none;}

.en .footer-link02{ float:none; width:100%}
.en .copyright{ float:none}