@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:"Source Han Sans CN", "Microsoft Yahei", Arial, Helvetica, sans-serif; background:#fff; font-size:15px;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:#0e6eb4}
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{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#0e6eb4}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f18{ font-size:18px;}

.wrap{width:100%; max-width:1400px;margin:0 auto}
.header{ position:relative; height:90px; z-index:999}
.headerbox{ position:fixed; width:100%; background:#fff; left:0;top:0; box-shadow:0 0 15px rgba(0,0,0,0.1);}

.logo{ padding-left:3%}
.logo img{ display:block;}
.logo a{height: 90px;display: flex;display: -webkit-flex;align-items: center;}
.menu{}
.menu li{ float:left; font-size:18px; line-height:90px; position:relative}
.menu li a{ display:block;}
.menu .menu_a{ position:relative; padding:0 30px}
.menu .menu_a:after{content:""; width:1px; height:15px; background:#e8e8e8; position:absolute; top:50%; margin-top:-7px; right:0}
.menu li:last-child .menu_a:after{ display:none}

.menu li.on .menu_a i{ -webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);transform:rotateX(-180deg)}
.menu .menu_a2{ padding-right:25px}

.menu li .sub{position:absolute; width:150px; left:50%; margin-left:-75px; background:#fff;height:0; overflow:hidden;box-shadow: 0 0 15px rgba(0,0,0,0.1);-webkit-transform:translateY(2px); -ms-transform:translateY(2px);transform: translateY(2px);-webkit-transition: -webkit-transform .3s ;transition: transform .3s;}
.menu li .sub a{ display:block; background:#f3f3f3; color:#666; border-bottom:1px solid #d5d5d5; line-height:22px; font-size:16px;padding:10px; text-align:center;position:relative}
.menu li .sub a:hover{background:#0e6eb4; color:#fff}
.menu li .sub.active{ height:auto;-webkit-transform:translateY(0); -ms-transform:translateY(0);transform: translateY(0); overflow:visible}
.menu li .subpro{width:200px; left:0; margin-left:0;}

.search-btn{ width:90px; height:90px; background:url(../images/serchbtn.png) #0e6eb4 no-repeat center; cursor:pointer; margin-left:60px}
.search-box{ position:fixed; width:100%; height:100%; background:#333;top:0; left:0; z-index:999; display:none}
.search-box .close{ width:20px; height:20px; background:url(../images/icon_clo.png) no-repeat; display:block; position:absolute; top:10%; right:10%; transition:.3s; cursor:pointer}
.search-form{ position:absolute; top:42%; width:80%; left:10%;border-bottom:1px solid #515151; height:90px; line-height:90px;}
.search-form .inp{ width:100%; height:90px; background:url(../images/serchbtn.png) no-repeat left center; border:none; box-sizing: border-box; color:#4d4d4d; padding-left:100px;font-size:30px;}
.search-form .sub{ position:absolute; right:0;top:0; background:none; font-size:35px; line-height:90px; color:#808080; cursor:pointer; border:none;}
.search-box .close:hover{ transform:rotate(180deg)}


.banner{position: relative;z-index: 1;overflow: hidden;width: 100%; /*height:calc(100vh - 90px)*/}
.banner a{ display:block;/*height:calc(100vh - 90px)*/}
.banner img{ display:block; width:100%; min-height:100%}
.banner.swiper-container-horizontal>.swiper-pagination-bullets{bottom:3%}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.banner .swiper-pagination-bullet{ width:15px; height:15px; background:none; border:1px solid #fff; opacity:1;}
.banner .swiper-pagination-bullet-active{ background:#fff}

.i-about{ background:#fff; padding:60px 0}
.i-about .left{ width:50%; overflow:hidden}
.i-about .left img{ display:block; width:100%; height:auto; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-about .left img:hover{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.i-about .right{ width:45%; position:relative}
.i-about .right h2{ font-size:35px;color:#333; margin-bottom:20px;}
.i-about .right .text{ font-size:16px;color:#666; line-height:30px;}
.i-about .right .text p{ margin-bottom:20px}
.i-about .right ul{ margin-top:50px; margin-bottom:50px}
.i-about .right li{ float:left; font-size:14px; color:#666; margin-right:30px}
.i-about .right li .num{ font-family:bebas; font-size:35px; color:#0e6eb4; display:block; line-height:35px;}
.i-about .right .more{ display:block; width:120px; line-height:35px; text-align:center;color:#666; border:1px solid #000; border-radius:35px; font-size:14px; position:relative; overflow:hidden}
.i-about .right .more:before{ content:""; width:130%; height:100%; background:#0e6eb4; -webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);transform:skewX(-40deg); position:absolute; left:-140%;top:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-about .right .more em{ font-style:normal; font-family:"Simsun"}
.i-about .right .more span{ position:relative}
.i-about .right .more:hover::before{left:-10%}
.i-about .right .more:hover{ color:#fff; border:1px solid #0e6eb4}
.i-about .right .top{ position:absolute; top:10px; right:0; background:#0e6eb4 url(../images/icon_3.png) no-repeat right 10px center; color:#fff; font-family:BEBAS; font-size:18px; height:25px; line-height:25px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-about .right .top a{ color:#fff; display:block; padding:0 60px 0 10px;}
.i-about .right .top:hover{background:#0e6eb4 url(../images/icon_3.png) no-repeat right 8px center;}

.i-service{ padding:60px 0; background:#f3f3f3 url(../images/bg1.png) no-repeat center bottom; background-size:100% auto}
.title{ font-size:35px; color:#333; text-align:center; line-height:60px}
.titlel{ color:#666; font-size:16px; text-align:center;}
.i-servicelist{ margin-top:30px}
.i-servicelist ul{ margin-right:-2%}
.i-servicelist li{ float:left; width:31.33%; margin-right:2%; position:relative; overflow:hidden; border-radius:25px;}
.i-servicelist li img{ display:block; width:100%; height:auto}
.i-servicelist li .text{ position:absolute; width:100%; height:100%; top:0;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0) 50%),to(rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));
    background: -o-linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));
    background: linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));
	color:#fff;
	display:flex;
	display:-webkit-flex;
	align-content: flex-end;
	flex-wrap:wrap;
	padding:50px 30px;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	transition:.3s;
}
.i-servicelist li .text h3,.i-servicelist li .text p,.i-servicelist li .text .more{ position:relative; width:100%}
.i-servicelist li .text .more{ background:#fff; color:#0e6eb4; border-radius:25px; width:120px; height:35px; line-height:35px; text-align:center; opacity:0; height:0;}

.i-servicelist li .text h3{ margin-bottom:12px; font-size:18px;}
.i-servicelist li:hover .text{
	background:url(../images/ser_h.png) no-repeat;
	background-size: cover;
	align-content: center;
	justify-content:center;
	text-align:center;
	
}
.i-servicelist li:hover .text h3{ font-weight:bold; font-size:22px;}
.i-servicelist li:hover .text .more{ opacity:1; height:auto}
.i-servicelist li:hover .text .more{ -webkit-animation:move .3s;-moz-animation:move .3s;animation:move .3s;animation-fill-mode: forwards;}
@-webkit-keyframes move{
	from { margin-top:0; opacity:0}
	to { margin-top:30px; opacity:1}
}
@-moz-keyframes move{
	from { margin-top:0; opacity:0}
	to { margin-top:30px; opacity:1}
}
@keyframes move{
	from { margin-top:0; opacity:0}
	to { margin-top:30px; opacity:1}
}


.i-news{ background:#fff;overflow: hidden;}
.i-news .tabtit{ height:245px; background:url(../images/newbg.jpg) no-repeat center; background-size:cover; display:flex; display:-webkit-flex; align-items:center;justify-content:center;}
.i-news .tabtit a{ display:block; color:#fff; width:83px; height:115px; background:url(../images/newtitbg02.png) no-repeat; margin:0 35px;}
.i-news .tabtit a.active{background:url(../images/newtitbg01.png) no-repeat}
.i-news .tabtit span{ font-size:20px; display:block; margin-top:45px; padding:0 20px}

.i-news .tabcontent{ padding:60px 0}
.i-news .tabcontent .item{ display:none}
.i-news .tabcontent .item.active{ display:block}
.i-news .tabcontent .left{ width:50%}
.i-news .tabcontent .left li{ margin-bottom:50px}
.i-news .tabcontent .left .time{ width:80px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#999; font-size:15px;}
.i-news .tabcontent .left .time span{ display:block; font-size:24px; color:#333; font-weight:bold}
.i-news .tabcontent .left .text{ padding-left:110px}
.i-news .tabcontent .left .text h3{ color:#333; font-size:16px; margin-bottom:10px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.i-news .tabcontent .left .text .intro{line-height:24px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.i-news .tabcontent .left li:hover h3{color:#0e6eb4;}

.i-news .tabcontent .left .more{ display:block; width:120px; line-height:35px; text-align:center;color:#666; border:1px solid #000; border-radius:35px; font-size:14px; position:relative; overflow:hidden}
.i-news .tabcontent .left .more:before{ content:""; width:130%; height:100%; background:#0e6eb4; -webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);transform:skewX(-40deg); position:absolute; left:-140%;top:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-news .tabcontent .left .more em{ font-style:normal; font-family:"Simsun"}
.i-news .tabcontent .left .more span{ position:relative}
.i-news .tabcontent .left .more:hover::before{left:-10%}
.i-news .tabcontent .left .more:hover{ color:#fff; border:1px solid #0e6eb4}
.i-news .tabcontent .right{ width:45%; position:relative}
.i-news .tabcontent .right .pic{ overflow:hidden}
.i-news .tabcontent .right img{ display:block; width:100%; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.i-news .tabcontent .right .tit{
	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));
	color:#fff;
	position:absolute;
	bottom:0;
	width:100%;
	padding:30px;
	font-size:16px;
}
.i-news .tabcontent .right .tit:after{ content:" > "; position:absolute; right:30px;top:35px; font-family:"Simsun";}
.i-news .tabcontent .right:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
@font-face{
font-family:'bebas';
src:url("../fonts/bebas.eot");
src:url("../fonts/bebas.eot") format("embedded-opentype"),
url("../fonts/bebas.woff2") format("woff2"),
url("../fonts/bebas.woff") format("woff"),
url("../fonts/bebas.ttf") format("truetype"),
url("../fonts/bebas.svg#BEBAS") format("svg");
}
/*============================================================*/
.nbanner{ position:relative;}
.nbanner img{ display:block; width:100%}
.nbanner .txt{position:absolute; left:0;bottom:0;top:0;right:0; color:#fff; font-size:55px; font-weight:bold;height:100%; width:100%; display:flex; display:-webkit-flex; align-items:center;justify-content:center;}

.n_nav{ text-align:center;font-size:18px; background:#f5f5f5}
.n_nav li{ float:left; width:33.33%;text-align:center; position:relative}
.n_nav li a{ display:block; line-height:70px;color:#333; position:relative}
.n_nav li a:after{ content:""; width:1px; height:20px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-10px}
.n_nav li:last-child a::after{ display:none}
.n_nav li a:hover{color:#cf1213;}
.n_nav li.cur a{color:#cf1213;}
.n_nav li.cur a:before{ content:""; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #cf1213; position:absolute; left:50%; margin-left:-8px;top:0}


.main{ padding:50px 0}
.main_2{ background:#f3f3f3;}
.main .content{ line-height:30px;}
.main .content img{ max-width:100%; height:auto}
.main .title{ margin-bottom:30px; text-align:center; font-size:35px; color:#333}
.n_navlist ul{ margin-right:-2%}
.n_navlist li{ width:31.33%; margin-right:2%; float:left}
.n_navlist li .pic{ overflow:hidden; position:relative}
.n_navlist li img{ display:block; width:100%; height:auto; -webkit-transition:.8s;-moz-transition:.8s;transition:.8s; position:relative; z-index:1}
.n_navlist li .tit{ font-size:18px; color:#333; margin-top:15px; margin-bottom:20px}
.n_navlist li .more{ color:#999; font-size:14px;}
.n_navlist li .more em{ font-family:"Simsun"; font-style:normal; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.n_navlist li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)} 
.n_navlist li:hover .more em{ padding-left:10px}
.n_navlist_2 li.li2 .pic:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.1); position:absolute; left:0;top:0;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; z-index:2}
.n_navlist_2 li.li2 .pic:after{ content:""; width:100%; height:100%; background: url(../images/videobtn_w.png) no-repeat center; position:absolute; left:0;top:0; background-size:80px auto;z-index:3}
.n_navlist_4 li{ width:23%}

.content_a{ font-size:16px;}
.culture ul{ margin-right:-2%}
.culture li{ float:left; width:48%; margin-right:2%; margin-bottom:2%; position:relative}
.culture li img{ display:block; width:100%; height:auto}
.culture li .textbox{ position:absolute; width:100%; padding:50px 30px 20px; color:#fff; left:0; bottom:0;background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));}
.culture li:nth-child(3){ width:98%; margin-bottom:0}
.culture li h3{ font-weight:bold; margin-bottom:10px}
.culture li p{ line-height:28px}
.zeren{ margin-top:30px; padding-bottom:30px}
.zeren .swiper-pagination-bullet{ width:8px; height:8px}
.zeren .swiper-pagination-bullet-active{ background:#0e6eb4;}
.content_a .kj{ margin-left:-60px}

.branch li{ width:31.33%; margin-right:2%; margin-bottom:2%; float:left}
.branch li .pic{ overflow:hidden}
.branch li img{ display:block; width:100%; height:auto;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.branch li .text{ padding:20px; border:1px solid #e8e8e8; color:#666; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.branch li .tit{ font-size:18px; font-weight:bold; color:#333; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.branch li .intro{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.branch li:hover img{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.branch li:hover .text{ background:#0e6eb4; color:#fff; border:1px solid #0e6eb4}
.branch li:hover .tit{color:#fff}

.newslist ul{ margin-right:-2%;}
.newslist li{float:left; width:31.33%; margin-right:2%; margin-bottom:2%;position:relative; overflow:hidden}
.newslist li .pic{ overflow:hidden; position:relative; border:1px solid #e8e8e8}
.newslist li img{ width:100%; display:block; -webkit-transition:1s;-moz-transition:1s;transition:1s;}
.newslist li .text{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    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));
    z-index: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	padding:50px 20px 20px;
	color:#fff;
}
.newslist li h3{ font-size:18px;color:#fff;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.newslist li .more{height: 35px;
    line-height: 35px;
    display: block;
	text-align:center;
    width: 100px;
    position: absolute;
    left:20px;
    bottom: 15px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translate(0, 60px);
    -ms-transform: translate(0, 60px);
    transform: translate(0, 60px);
	border:1px solid #cddddd;
    }
.newslist li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.newslist li:hover .more{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0); opacity:1}
.newslist li:hover h3{-webkit-transform: translate(0, -35px);-ms-transform: translate(0, -35px);transform: translate(0, -35px);}
.newslist li .more:hover{ background:#0e6eb4; border:1px solid #0e6eb4}

.newscon{ padding:0 10%}
.newscon .ntit{ text-align:center; font-size:30px; font-weight:bold;color: #333; margin-bottom:20px;}
.newscon .ntime{ text-align:center; border-bottom:1px solid #e8e8e8; margin-bottom:30px; padding-bottom:10px}
.newscon .ntime span{ margin:0 15px}
.newDetail{ line-height:30px; font-size:16px;}
.location{background:#f3f3f3;line-height:60px}

.location .left a{ display:block; float:left; margin-right:30px; position:relative}
.location .left a:after{ content:""; width:1px; height:12px; background:#ddd; position:absolute; right:-15px;top:50%; margin-top:-6px}
.location .left a:last-child::after{ display:none}
.location .left a.cur{ color:#0e6eb4}
.location .right span{ font-family:Simsun;}
.videolist ul{ margin-right:-2%}
.videolist li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; position:relative}
.videolist li .pic{ overflow:hidden}
.videolist li img{ width:100%; display:block; -webkit-transition:1s;-moz-transition:1s;transition:1s;}
.videolist li .bg{ position:absolute; width:100%; height:100%;left:0;top:0; background:rgba(0,0,0,0.3); -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.videolist li .icon{ width:80px; height:80px; position:absolute; left:50%; top:50%; margin-top:-40px; margin-left:-40px; background:url(../images/videobtn_w.png) no-repeat center; background-size:cover;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; z-index:3}
.videolist li .text{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
	height:90%;
    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));
    z-index: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	color:#fff;
	z-index:2;
}
.videolist li h3{position:absolute; width:100%;bottom:0;font-size:18px; padding:20px}
.videolist li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 9999;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}
.video-show {position: absolute;z-index: 999;width:650px; height:368px;background: #000;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video-close{ width:40px; height:40px; background:url(../images/closed_w.png) no-repeat; position:absolute; top:-45px; right:-45px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.focusvideo #videovl {width: 100%;height: 100%;}



.page_2{ padding-top:30px; position:relative; border-top:1px solid #e8e8e8; margin-top:30px}
.page_2 p{ padding-right:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page_2 .back{ position:absolute; top:30px; right:0; overflow:hidden}
.page_2 .back a{ display:block;
    width: 120px;
    line-height: 35px;
    text-align: center;
    color: #666;
    border: 1px solid #000;
    border-radius: 35px;
    font-size: 14px;
    position: relative;
    overflow: hidden;
}
.page_2 .back a:before {
    content: "";
    width: 130%;
    height: 100%;
    background: #0e6eb4;
    -webkit-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    transform: skewX(-40deg);
    position: absolute;
    left: -140%;
    top: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}
.page_2 .back em {
    font-style: normal;
    font-family: "Simsun";
}
.page_2 .back span{ position:relative}
.page_2 .back a:hover::before{left:-10%}
.page_2 .back a:hover{ color:#fff; border:1px solid #0e6eb4}

.affairslist ul{ margin-right:-2%}
.affairslist li{ float:left; background:#f3f3f3; width:31.33%; margin-right:2%; margin-bottom:2%}
.affairslist li a{ display:block; padding:30px 30px 30px 15px}
.affairslist li .time{ float:left; width:80px; color:#666; text-align:center}
.affairslist li .time span{ display:block; font-family:bebas; color:#333; font-size:42px; line-height:48px; padding-bottom:5px}
.affairslist li .text{ padding-left:105px; position:relative;}
.affairslist li .tit{ font-size:16px; color:#333; margin-bottom:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.affairslist li .intro{ color:#808080; line-height:24px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden}
.affairslist li .text:before{ content:""; width:1px; height:100%; background:#ddd; position:absolute; left:85px;top:0}
.affairslist li .more{ margin-top:30px;width: 100px;line-height: 30px;text-align: center;color: #666;border: 1px solid #000;border-radius: 35px;font-size: 13px; position: relative;overflow: hidden;}
.affairslist li .more:before{content: "";width: 130%;height: 100%;background: #0e6eb4;-webkit-transform: skewX(-40deg);-moz-transform: skewX(-40deg);transform: skewX(-40deg);position: absolute;left: -140%;top: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.affairslist li:hover .more::before{left:-10%}
.affairslist li .more span{ position:relative}
.affairslist li:hover .more{ color:#fff; border:1px solid #0e6eb4}
.affairslist li .more em{font-style: normal;font-family: "Simsun";}


/*===========================contact================================*/
.content_c{ font-size:16px; line-height:30px}
.lxfs{ position:relative}
.lxfs:before{ content:""; width:1px; height:60%; top:20%; left:33.33%; position:absolute; background:#e8e8e8}
.lxfs:after{ content:""; width:1px; height:60%; top:20%; left:66.66%; position:absolute; background:#e8e8e8}
.lxfs li{ float:left; width:33.33%; padding:0 3%; text-align: center}
.lxfs li .icon{ margin-bottom:15px}
.lxfs li .icon img{ display:block; height:35px; width:auto; margin:0 auto}
.lxfs li .tit{ font-weight:bold; font-size:15px}
/*============================================================*/
.footer{ background:#252626; color:#b2b2b2;line-height:28px; padding:60px 0;}
.footer a{color:#b2b2b2;}
.footer a:hover{color:rgba(255,255,255,.8)}
.footer .wrap{ position:relative}
.footer .left{ width:40%}
.flogo{ float:left}
.footer .left .text{position:relative; line-height:35px;}
.footer .left .text p{ padding-left:25px}
.footer .left .add{ background:url(../images/ficon01.png) no-repeat left center}
.footer .left .tel{ background:url(../images/ficon02.png) no-repeat left center}
.footer .left .fax{ background:url(../images/ficon03.png) no-repeat left center}
.footer .left .mail{ background:url(../images/ficon04.png) no-repeat left center}
.footer .left .tel2{ margin-top:30px;}
.footer .left .tel2 span{ color:#fff; font-size:22px}
.footer .right{width:55%;}
.f-nav ul{ display:-webkit-flex;display:flex;justify-content:flex-end}
.f-nav li{ float:left;margin-right:13%}
.f-nav li:last-child{ margin-right:0;}
.f-nav li a{ display:block}
.f-nav li .dt{ color:#fff; font-size:16px; padding-bottom:10px}
.f-nav li .ewm{ width:120px; height:auto}
.f-contact{width:260px; position:absolute; right:0;top:0}
.f-contact .kuai{ padding-bottom:20px}
.f-contact .kuai .tit{ font-size:16px; color:#fff; padding-bottom:5px}
.f-contact .kuai .tel{ color:#fff; font-size:20px}
.footer .mid{ border-top:1px solid #414242;border-bottom:1px solid #414242;padding:20px 0; margin-top:30px}
.footer .mid ul{ display:flex; display:-webkit-flex;justify-content:space-between;}

.footer .mid li img{ display:block;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	opacity:.5; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;
}
.footer .mid li img:hover{ opacity:1;
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter:none;
}

.copyright{ padding-top:20px}


#allmap{width: 100%;height:500px;background: #ccc;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:22px; font-size:14px; margin-top:30px}
.BMap_bubble_title{ white-space:normal !important;color: #333; font-size:16px;padding:10px 0; text-align:center}
.BMap_bubble_content{ text-align:center;color: #888; font-size:13px}