/*鍏ㄧ珯鍙樼伆*/


body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#eb2914;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

@font-face { 
	font-family:'FontAwesome'; 
		    src:url('../fonts/fontawesome-webfont.eot?v=4.7.0'); 
	        src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			    url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); 
	font-weight:normal; 
	 font-style:normal; 
}
@font-face { 
	font-family:'Oswald'; 
		    src:url('../fonts/Oswald-Medium.ttf') format('truetype');
	font-weight:normal; 
	 font-style:normal; 
}
.icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*top*/
.header { width:100%; height:55px; padding:30px 0 10px 0; position:absolute; top:0; left:0; z-index:99999999;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .logo { float:left; height:55px;}
.header .logo img { display:block; height:100%;}

/*瀵艰埅*/
.header .nav { float:right; max-width:70%;}
.header .nav li { float:left; height:55px; text-align:center;}
.header .nav li a { display:block; line-height:55px; font-size:16px; color:#fff; padding:0 15px; filter:alpha(opacity=70); opacity:0.7; position:relative;}
.header .nav li a::after { display:block; content:""; width:0; height:2px; margin:auto; background:#fff; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:hover a,.header .nav li.on a {filter:alpha(opacity=100); opacity:1;}
.header .nav li:hover a::after,.header .nav .on a::after { width:30%;}
.header .nav li:hover ul { height:75px;}
.header .nav li ul { width:100%; height:0; text-align:center; background:#fff; overflow:hidden; position:absolute; top:95px; left:0; box-shadow:0 5px 5px rgba(0,0,0,0.05) inset; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li li { float:none; display:inline-block; height:auto; padding:20px 0; margin:0 10px; position:relative;}
.header .nav li li a { line-height:35px; color:#666;}
.header .nav li li a::after { display:none;}
.header .nav li li:hover a { color:#2287ea;}

/*浜岀骇banner*/
.banner_ej { width:100%; height:450px; margin:0 auto; background-position:center top; background-repeat:no-repeat;}
.banner_ej .warp { height:100%; position:relative;}
.banner_ej h1 { width:180px; height:60px; line-height:60px; font-weight:500; font-size:18px; color:#fff; padding:0 20px; background:#2287ea url(../images/qyy07.png) no-repeat 178px center; position:absolute; left:0; bottom:0;}
.banner_ej .search { width:300px; height:45px; overflow:hidden; position:absolute; right:0; bottom:10px;}
.banner_ej .search input { float:left; width:200px; line-height:45px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.banner_ej .search .btn { width:80px; font-size:16px; color:#fff; background:#2287ea;}

/*鑴氶儴*/
.footer { width:100%; line-height:30px; font-size:12px; color:#aeaeb1; padding-top:20px; background:#333;}
.footer a { color:#aeaeb1;}
.footer a:hover { color:#fff;}
.footer .nva { float:left; max-width:60%;}
.footer .nva li { float:left; margin-right:20px; position:relative;}
.footer .nva li::after { display:block; content:""; width:1px; height:11px; background:#92a2bb; position:absolute; right:-10px; top:10.5px;}
.footer .nva .img { width:25px; height:30px; margin-left:15px; background:url(../images/qyy08.png) no-repeat 0 4px; position:relative;}
.footer .nva .img::after { display:none; width:0; height:0; border-style:solid; border-width:8px 8px 0 8px; border-color:#fff transparent transparent transparent; background:none; position:absolute; top:auto; right:5px; bottom:30px;}
.footer .nva .img img { display:none; width:130px; height:130px; border-radius:4px; overflow:hidden; position:absolute; right:-50px; bottom:38px;}
.footer .nva .img:hover::after,.footer .nva .img:hover img { display:block;}
.footer .nva .lke { width:25px; height:30px; background:url(../images/qyy11.png) no-repeat 0 4px;}
.footer .nva .lke a { display:block; width:25px; height:30px;}
.footer .nva .lke::after { display:none;}

.footer .link { float:right; height:30px; position:relative;}
.footer .link span { display:block; width:220px; height:30px; line-height:30px; font-size:12px; color:#666; text-indent:15px; background:#fff; cursor:pointer; position:relative;}
.footer .link span::before,.footer .link span::after { display:block; content:""; position:absolute;}
.footer .link span::before { width:1px; height:100%; background:#eee; right:35px; top:0;}
.footer .link span::after { width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#999 transparent transparent transparent; right:12.5px; top:13px;}
.footer .link p { display:none; width:100%; background:#fff; position:absolute; bottom:30px; right:0;}
.footer .link p a { display:block; width:90%; line-height:35px; font-weight:500; font-size:12px; color:#666; padding:0 5%; border-bottom:1px solid #eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .link p a::after { display:none;}
.footer .link:hover p { display:block;}
.footer .link p a:hover { color:#025198;}
.footer .copy { margin-top:20px; padding:15px 0; border-top:1px solid #59595a;}
.footer .copy p  { font-size:12px; text-align:center;}
.footer .copy p a { color:#aeaeb1;}
.footer .copy p b { color:#ef8404;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}
.gslz { display:inline-block; width:25px; height:25px; margin-left:10px; border-radius:50%; background:url(../images/gslz.png) no-repeat 0 0 / 25px; position:relative; top:7px;}

/**************棣栭〉***************/
.index { width:100vw; height:100vh; overflow:hidden;}
.index .head { width:100%; height:100px; border-bottom:1px solid rgba(255,255,255,0.3); position:absolute; top:0; left:0; z-index:999;}
.index .head .headlft { float:left; width:100px; position:relative;}
.index .head .headlft .meun { float:left; width:100px; height:100vh; border-right:1px solid rgba(255,255,255,0.3); position:relative; z-index:2; -webkit-transition:all 1s ease; transition:all 1s ease;}
.index .head .headlft .meun .btn { width:40px; height:22px; margin:40px auto 0 auto; cursor:pointer; position:relative;}
.index .head .headlft .meun .btn span { display:block; width:100%; height:2px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.index .head .headlft .meun .btn .m2 { margin:8px auto;}
.index .head .headlft .meun .nav { width:200px; height:calc(100vh - 30px); padding:15px 0; background:rgba(0,0,0,0.45); position:absolute; left:-200px; top:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.index .head .headlft .meun .nav img { display:block; width:90px; height:70px; margin:0 auto 50px auto;}
.index .head .headlft .meun .nav li { line-height:60px; position:relative;}
.index .head .headlft .meun .nav li::after { display:block; content:""; width:0; height:2px; background:#fff; position:absolute; left:55px; bottom:5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.index .head .headlft .meun .nav li a { display:block; font-size:18px; color:#fff; padding:0 55px; filter:alpha(opacity=65); opacity:0.65; -webkit-transition:all .5s ease; transition:all .5s ease;}
.index .head .headlft .meun .nav li:hover::after,.index .head .headlft .meun .nav .on::after { width:30px;}
.index .head .headlft .meun .nav li:hover a,.index .head .headlft .meun .nav .on a { filter:alpha(opacity=100); opacity:1;}

.index .head .logo { width:460px; height:55px; margin:22.5px 30px; overflow:hidden; position:absolute; left:130px; z-index:1;}
.index .head .logo img { display:block; height:55px;}
.index .head .img { float:right; margin-right:120px; position:relative;}
.index .head .img span { display:block; height:40px; line-height:40px; font-size:15px; color:#fff; padding:35px 0 25px 20px; cursor:pointer; background:url(../images/qyy01.png) no-repeat left 50px;}
.index .head .img::after { display:none; content:""; width:0; height:0; border-style:solid; border-width:0 8px 8px 8px; border-color:transparent transparent #fff transparent; position:absolute; right:30px; top:72px;}
.index .head .img img { display:none; width:110px; height:110px; position:absolute; right:0; top:80px;}
.index .head .img:hover::after,.index .head .img:hover img { display:block;}

/*鎼滅礌*/
.index .head .search { float:right; width:60px; height:40px; padding:37px 0 33px 0; overflow:hidden; position:relative;}
.index .head .search i { display:block; width:100%; height:100%; cursor:pointer; background:url(../images/yt17.png) no-repeat center center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.index .head .search form { display:block; width:260px; height:40px; overflow:hidden; filter:alpha(opacity=0); opacity:0; position:absolute; right:15px; top:80px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.index .head .search input { float:left; width:160px; line-height:40px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.index .head .search .btn { width:80px; color:#fff; background:#2287ea;}
.index .head .search.on { overflow:inherit;}
.index .head .search.on form { filter:alpha(opacity=100); opacity:1;}

.index .open .headlft {}
.index .open .headlft .meun { border-right:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.55);}
.index .open .headlft .meun .btn span { margin:auto; -webkit-transform-origin:50%; transform-origin:50%; position:absolute; top:0; right:0; bottom:0; left:0;}
.index .open .headlft .meun .btn .m2 { width:0;}
.index .open .headlft .meun .btn .m1 { -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.index .open .headlft .meun .btn .m3 { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.index .open .headlft .meun .nav { left:101px;} 
.index .open .logo { display:none;}

/*banner*/
.index .banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.index .banner .warp { height:350px; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.index .banner .warp h1 { width:785px; height:150px; line-height:75px; font-size:45px; color:#fff; text-transform:Uppercase; letter-spacing:2px;}
.index .banner .swiper-slide { width:100vw; height:100vh; background-repeat:no-repeat; background-position:center top; background-color:#eee; background-size:cover;}
.index .banner .swiper-slide a { display:block; width:100%; height:100vh;}
.index .banner .swiper-pagination-bullets { width:606px; text-align:left; left:18%; bottom:30%;}
.index .banner .swiper-pagination-bullet { width:110px; height:122px; text-align:center; margin-right:50px; filter:alpha(opacity=100); opacity:1; border-radius:0; background:none; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.index .banner .swiper-pagination-bullet::before { display:none; content:""; width:100px; height:100px; margin:auto; border-radius:50%; background:rgba(255,255,255,0.25); position:absolute; left:0; right:0; top:-10px; z-index:0;}
.index .banner .swiper-pagination-bullet i { display:block; width:80px; height:80px; margin:0 auto; border:1px solid #fff; border-radius:50%; background-repeat:no-repeat; background-position:center; position:relative; z-index:2;}
.index .banner .swiper-pagination-bullet i::after { display:block; content:""; width:55px; height:1px; background:rgba(255,255,255,0.4); position:absolute; right:-70px; top:40px;}
.index .banner .swiper-pagination-bullet:last-child { margin-right:0;}
.index .banner .swiper-pagination-bullet:last-child i::after { display:none;}
.index .banner .swiper-pagination-bullet b { display:block; line-height:25px; font-weight:500; font-size:18px; color:#fff; margin-top:15px;}
.index .banner .swiper-pagination-bullet:nth-child(1) i { background-image:url(../images/qyy10.png);} 
.index .banner .swiper-pagination-bullet:nth-child(2) i { background-image:url(../images/qyy04.png);} 
.index .banner .swiper-pagination-bullet:nth-child(3) i { background-image:url(../images/qyy05.png);}
.index .banner .swiper-pagination-bullet:nth-child(4) i { background-image:url(../images/qyy06.png);}
.index .banner .swiper-pagination-bullet-active { background:none;}
.index .banner .swiper-pagination-bullet-active::before { display:block;}
.index .banner .swiper-pagination-bullet-active:nth-child(1) i { background-color:#fff; background-image:url(../images/qyy10h.png);} 
.index .banner .swiper-pagination-bullet-active:nth-child(2) i { background-color:#fff; background-image:url(../images/qyy04h.png);} 
.index .banner .swiper-pagination-bullet-active:nth-child(3) i { background-color:#fff; background-image:url(../images/qyy05h.png);}
.index .banner .swiper-pagination-bullet-active:nth-child(4) i { background-color:#fff; background-image:url(../images/qyy06h.png);}
.index .banner .swiper-button-prev,.index .banner .swiper-button-next { width:42px; height:42px; filter:alpha(opacity=80); opacity:0.8; background-position:0 0; background-repeat:no-repeat; background-size:100%; top:45%;}
.index .banner .swiper-button-prev::after,.index .banner .swiper-button-next::after { font-size:0;} 
.index .banner .swiper-button-prev { background-image:url(../images/qyy02.png); left:130px;}
.index .banner .swiper-button-next { background-image:url(../images/qyy03.png); right:130px;}
.index .banner .swiper-button-prev:hover,.index .banner .swiper-button-next:hover { filter:alpha(opacity=100); opacity:1;}
.index .banner .swiper-slide-active .warp { -webkit-animation:fade-right 1.5s forwards; animation:fade-right 1.5s forwards;}
@-webkit-keyframes fade-right { 
	from { -webkit-transform:translate(-300px,0); -ms-transform:translate(-300px,0); transform:translate(-300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes fade-right { 
	from { -webkit-transform:translate(-300px,0); -ms-transform:translate(-300px,0); transform:translate(-300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}

/*棣栭〉搴曢儴*/
.index .foot { width:100vw; padding:25px 0 15px 0; height:60px; border-top:1px solid rgba(255,255,255,0.3); background:rgba(0,0,0,0.3); position:absolute; bottom:0; left:0; z-index:998;}
.index .foot::after { display:block; content:""; width:1px; height:100%; margin:auto; background:rgba(255,255,255,0.2); position:absolute; left:0; right:0; top:0;}
.index .foot .news { float:left; width:50%; box-sizing:border-box;}
.index .foot .news a { display:block; width:100%;}
.index .foot .news .time { float:left; width:60px; line-height:25px; font-size:14px; color:#fff; margin:2px 10px 0 0;}
.index .foot .news .time b { display:block; line-height:30px; font-weight:500; font-size:20px;}
.index .foot .news .msg { float:left; width:375px; line-height:30px;}
.index .foot .news .msg h3 { font-size:15px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index .foot .news .msg p { font-size:12px; color:#e5e5e5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index .foot .news .swiper-button-prev,.index .foot .news .swiper-button-next { width:25px; height:25px; border:1px solid #fff; border-radius:50%; top:65%; left:auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.index .foot .news .swiper-button-prev { right:80px;}
.index .foot .news .swiper-button-next { right:30px;}
.index .foot .news .swiper-button-prev::after,.index .foot .news .swiper-button-next::after { font-weight:100; font-size:13px; color:#fff;}
.index .foot .news .swiper-button-prev:hover,.index .foot .news .swiper-button-next:hover { background:#fff;}
.index .foot .news .swiper-button-prev:hover::after,.index .foot .news .swiper-button-next:hover::after { color:#0f89dd;}
.index .foot .copy { float:right; width:48%; line-height:30px; font-size:14px; color:#fff; filter:alpha(opacity=80); opacity:0.8;}
.index .foot .copy a { color:#fff;}

/*************** 瀛愰〉鍏敤 *******************/
.fl { float:left;}
.fr { float:right;}
.combg { width:100%; padding-bottom:50px; background:#f9f9f9;}
.backtop { width:56px; text-align:center; padding:60px 0 40px 0; margin:0 auto; cursor:pointer;}
.backtop i { display:block; width:56px; height:56px; background:url(../images/yt08.png) no-repeat 0 0;}
.backtop p { line-height:30px; font-size:14px; color:#606b71;}

.comlft { float:left; width:220px; overflow:hidden;}
.comlft .catnav { width:100%; background:#fff;}
.comlft .catnav li { border-bottom:1px solid #f9f9f9;}
.comlft .catnav li h3 { line-height:55px; font-weight:500; padding:0 20px; position:relative;}
.comlft .catnav li h3::after { display:block; content:""; width:5px; height:5px; margin:auto; border-top:1px solid #999; border-right:1px solid #999; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:30px; top:2px; bottom:0;}
.comlft .catnav li h3 a { display:block; width:100%; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.comlft .catnav li p { display:none; padding:5px 20px 10px 20px; overflow:hidden;}
.comlft .catnav li p a { display:block; padding-left:20px; line-height:35px; font-size:12px; color:#666; position:relative;}
.comlft .catnav li p a::before,.comlft .catnav li p a::after { display:block; content:""; background:#eee; position:absolute; left:0;}
.comlft .catnav li p a::before { width:1px; height:35px; top:-16px;}
.comlft .catnav li p a::after { width:15px; height:1px; top:18px;}
.comlft .catnav li:hover h3 a,.comlft .catnav li p a:hover,.comlft .catnav .on p .hov { color:#025198;}
.comlft .catnav li:hover::after { border-color:#025198;}
.comlft .catnav .on h3,.comlft .catnav .on p .hov::before,.comlft .catnav .on p .hov::after { background:#025198;}
.comlft .catnav .on h3::after { border-color:#fff !important;}
.comlft .catnav .on h3 a { color:#fff !important;}
.comlft .catnav .on p { display:block;}

.comlft .imgs { width:100%; margin-top:25px;}
.comlft .imgs h1 { line-height:25px; font-weight:500; font-size:16px; color:#666;}
.comlft .imgs li { width:100%; height:105px; margin-top:10px; background-position:center; background-repeat:no-repeat;}
.comlft .imgs li a { display:block; width:190px; height:65px; padding:20px 15px;}
.comlft .imgs li i { display:block; width:20px; height:2px; background:#fff;}
.comlft .imgs li h3 { line-height:25px; font-size:16px; color:#fff; margin-top:10px;}
.comlft .imgs li p { font-size:12px; color:#fff; text-transform:Uppercase; filter:alpha(opacity=50); opacity:0.5;}
.comlft .imgs .pat { background-image:url(../images/qyy08.jpg);}
.comlft .imgs .job { background-image:url(../images/qyy09.jpg);}

.comrgt { float:right; width:920px;}
.comrgt .rgtop { line-height:65px; margin-bottom:20px; border-bottom:1px solid #dde0e2;}
.comrgt .rgtop h1 { float:left; font-weight:500; font-size:18px; color:#2287ea;}
.comrgt .rgtop p { float:right; font-size:13px; color:#7d7d80; padding-left:20px; background:url(../images/post.png) no-repeat left center;}
.comrgt .rgtop p a { color:#7d7d80;}

/*璇︽儏椤靛叕鐢?/
.lh { line-height:30px; font-size:14px; color:#333; text-align:justify;}
.lh p { margin-top:25px;}
.lh img { max-width:100%; height:auto !important;}
/*.lh table { border-top:1px solid #666; border-right:1px solid #666;}
.lh th,.lh td { line-height:25px; color:#333 !important; padding:10px 10px; border-left:1px solid #666; border-bottom:1px solid #666; box-sizing:border-box;}*/
.show_h3 { width:100%; line-height:40px; text-align:center; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #eee;}
.show_h3 h3 { font-weight:500; font-size:24px; color:#333;}
.show_h3 p { font-size:12px; color:#bbb;}
.show_h3 p span { display:inline-block; padding-left:20px; background:url(../images/yt16.png) no-repeat left 15px;}
.show_sxp { line-height:25px; font-size:14px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:block; font-size:12px; color:#999; margin-right:10px;}
.show_sxp a { color:#333;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#2287ea;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*鍒嗛〉*/
.scott { overflow:hidden; text-align:center; letter-spacing:2px; margin-top:50px;}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border:1px solid #666; border-radius:4px;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:16px; color:#333; cursor:pointer;}
.scott li:hover,.scott .active { background:#252525;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*鍥剧墖鍒楄〃*/
.pics { width:100%;}
.pics h1 { line-height:40px; font-size:20px; color:#025198; margin-bottom:10px;}
.pics h1 span { font-size:14px; color:#333; margin-left:20px;}
.pics h1 span i { font-style:normal; margin:0 3px;}
.pics li { float:left; width:295px; margin:0 11px 15px 0; border:2px solid #f9f9f9; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pics li:nth-child(3n) { margin-right:0;}
.pics li a { display:block; width:100%;}
.pics li .img { width:295px; height:197px; overflow:hidden; background:#fff;}
.pics li .img img { display:block; width:100%; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pics li h3 { line-height:45px; font-weight:500; font-size:15px; color:#333; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pics li:hover { border-color:#2287ea; border-radius:6px;}
.pics li:hover .img img { transform:scale(1.1,1.1);}
.pics li:hover h3 { color:#fff; background:#2287ea;}
.pics .layui-flow-more { width:120px; height:35px; line-height:35px; font-size:14px; color:#fff; clear:both; text-align:center; margin:20px auto; border-radius:20px; background:#2287ea;}
.pics .layui-flow-more cite { font-style:normal; color:#fff;}

/*棰嗗鍒楄〃*/
.leader { width:100%; padding:30px 0; background:#fff;}
.leader h1 { line-height:40px; font-size:20px; color:#025198; margin-bottom:10px;}
.leader h1 span { font-size:14px; color:#333; margin-left:20px;}
.leader h1 span i { font-style:normal; margin:0 3px;}
.leader li { float:left; width:160px; margin:0 30px 20px 30px; border:2px solid #fff; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.leader li a { display:block; width:100%;}
.leader li .img { width:160px; height:220px; overflow:hidden; background:#fff;}
.leader li .img img { display:block; width:100%; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.leader li h3 { line-height:45px; font-weight:500; font-size:15px; color:#333; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.leader li:hover { border-color:#2287ea; border-radius:6px;}
.leader li:hover .img img { transform:scale(1.1,1.1);}
.leader li:hover h3 { color:#fff; background:#2287ea;}
.leader .layui-flow-more { width:120px; height:35px; line-height:35px; font-size:14px; color:#fff; clear:both; text-align:center; margin:20px auto; border-radius:20px; background:#2287ea;}
.leader .layui-flow-more cite { font-style:normal; color:#fff;}

#zoom { z-index:99990; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content { z-index:99991; position:absolute; top:50%; left:50%; width:200px; height:200px; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-20px 20px 20px rgba(0,0,0,.3); border-radius:4px;}
#zoom .content.loading { background-image:url(../images/loading.gif);}
#zoom img { display:block; max-width:none; background:#ececec; box-shadow:0 1px 3px rgba(0,0,0,.25); border-radius:4px;}
#zoom .close { z-index:99993; position:absolute; top:0; right:0; width:49px; height:49px; cursor:pointer; background:transparent url(../images/close.png) no-repeat 50% 50%; opacity:1; filter:alpha(opacity=100); border-radius:0 0 0 4px;}
#zoom .next,#zoom .previous { z-index:99992; position:absolute; top:50%; overflow:hidden; display:block; width:49px; height:49px; margin-top:-25px;}
#zoom .previous { left:0; background:url(../images/arrows.png) no-repeat 0 0; border-radius:0 4px 4px 0;}
#zoom .next { right:0; background:url(../images/arrows.png) no-repeat 100% 0; border-radius:4px 0 0 4px;}
#zoom .close:hover { background-color:#da4f49;}
#zoom .next:hover,#zoom .previous:hover { background-color:#08c;}

/*鑱旂郴鎴戜滑*/
.contact { width:100%; padding-bottom:15px;}
.contact .lftpage { width:255px;}
.contact .rgtpage { width:980px;}
.contact .logo { float:left; width:460px; margin-top:5px;}
.contact .logo img { display:block; width:460px; height:55px;}
.contact .msg { float:right; width:349px; padding-left:50px; border-left:1px solid #ddd;}
.contact .msg p { line-height:35px; font-size:14px; color:#666; padding-left:25px; background-position:left 9px; background-repeat:no-repeat;}
.contact .msg .tel { background-image:url(../images/yt11.png);}
.contact .msg .add { background-image:url(../images/yt12.png);}

/*鎷涜仒*/
.jobs { width:100%;}
.jobs .gallerythumbs { width:100%;}
.jobs .gallerythumbs .swiper-container { padding-bottom:45px;}
.jobs .gallerythumbs .msg { text-align:center; padding:100px 30px 90px 30px; cursor:pointer; border-radius:3px; background:#fff; position:relative;}
.jobs .gallerythumbs .msg::before,.jobs .gallerythumbs .msg::after { display:none; content:""; margin:auto; position:absolute;}
.jobs .gallerythumbs .msg::before { width:35px; height:35px; border:1px solid #2287ea; border-radius:50%; background:#fff; left:0; right:0; bottom:-18px; z-index:1;}
.jobs .gallerythumbs .msg::after { width:10px; height:10px; border-bottom:1px solid #2287ea; border-right:1px solid #2287ea; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); left:0; right:0; bottom:-2px; z-index:2;}
.jobs .gallerythumbs .msg i { display:block; width:32px; height:32px; margin:0 auto; background:url(../images/yt15.png) no-repeat 0 0;}
.jobs .gallerythumbs .msg h3 { height:50px; line-height:25px; font-weight:500; font-size:16px; color:#333; color:#333; text-transform:Uppercase; padding:25px 0; position:relative;}
.jobs .gallerythumbs .msg h3::after { display:block; content:""; width:20px; height:2px; margin:auto; background:#2287ea; position:absolute; left:0; right:0; bottom:0;}
.jobs .gallerythumbs .msg:hover,.jobs .gallerythumbs .swiper-slide-thumb-active .msg { background:#2287ea;}
.jobs .gallerythumbs .msg:hover::before,.jobs .gallerythumbs .msg:hover::after,.jobs .gallerythumbs .swiper-slide-thumb-active .msg::before,.jobs .gallerythumbs .swiper-slide-thumb-active .msg::after { display:block;}
.jobs .gallerythumbs .msg:hover i,.jobs .gallerythumbs .swiper-slide-thumb-active .msg i { filter:grayscale(100) brightness(100);}
.jobs .gallerythumbs .msg:hover h3,.jobs .gallerythumbs .swiper-slide-thumb-active .msg h3,.jobs .gallerythumbs .swiper-slide-thumb-active .msg p { color:#fff;}
.jobs .gallerythumbs .msg:hover h3::after,.jobs .gallerythumbs .swiper-slide-thumb-active .msg h3::after { background:#fff;}
.jobs .gallerytop { padding:50px; border-radius:3px; background:#fff; position:relative;}
.jobs .gallerytop .ps { line-height:30px; font-size:15px; color:#666;}
.jobs .gallerytop .ps b { color:#333;}
.jobs .gallerytop .ps a { font-weight:bold; font-size:16px; color:#2287ea;}
.jobs .gallerytop .swiper-slide { width:100%; background:#fff;}
.jobs .gallerytop .swiper-slide .msg { margin-bottom:30px;}
.jobs .gallerytop .swiper-slide .msg h3 { line-height:40px; font-size:15px; color:#333; margin-top:20px;}
.jobs .gallerytop .swiper-slide .msg .lh p { margin-top:0;}
.jobs .gallerytop .swiper-button-prev,.jobs .gallerytop .swiper-button-next { width:35px; height:35px; border:1px solid #bbb; border-radius:50%; box-sizing:border-box; top:-210px;}
.jobs .gallerytop .swiper-button-prev { left:-40px;}
.jobs .gallerytop .swiper-button-next { right:-40px;}
.jobs .gallerytop .swiper-button-prev::after,.jobs .gallerytop .swiper-button-next::after { font-size:15px; color:#999;}
.jobs .gallerytop .swiper-button-prev::after { text-indent:-2px;}
.jobs .gallerytop .swiper-button-next::after { text-indent:4px;}
.jobs .gallerytop .swiper-button-prev:hover,.jobs .gallerytop .swiper-button-next:hover { border:none; background:#2287ea;}
.jobs .gallerytop .swiper-button-prev:hover::after,.jobs .gallerytop .swiper-button-next:hover::after { color:#fff;}

/*鏂伴椈缁煎悎*/
.nwstit { width:100%; line-height:35px; margin-bottom:15px;}
.nwstit h3 { float:left; font-size:20px; color:#2287ea;}
.nwstit h3 span { font-weight:500; font-size:14px; color:#ccc; text-transform:Uppercase; margin-left:10px;}
.nwstit a { float:right; font-size:12px; color:#999; text-transform:Uppercase;}
.nwstit a:hover { color:#2287ea;}
.newstop { width:100%; padding:30px 0;}
.newstop .swiper-slide { background:#fff; border-radius:4px; overflow:hidden;}
.newstop .swiper-slide a { display:block; width:100%;}
.newstop .swiper-slide .img { float:left; width:510px; height:340px; overflow:hidden;}
.newstop .swiper-slide .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newstop .swiper-slide .img:hover img { transform:scale(1.1,1.1);}
.newstop .swiper-slide .msg { float:right; width:600px; height:260px; padding:40px 45px;}
.newstop .swiper-slide .msg h3 { line-height:45px; font-weight:500; font-size:24px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newstop .swiper-slide .msg p { line-height:30px; font-size:14px; color:#999; margin:25px 0 60px 0;}
.newstop .swiper-slide .msg span { display:block; width:120px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; background:#2287ea; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newstop .swiper-slide .msg:hover h3 { color:#2287ea;}
.newstop .swiper-slide .msg:hover span { border-radius:20px;}
.newstop .swiper-pagination-bullets { width:auto; padding-right:45px; left:auto; right:0; bottom:45px;}
.newstop .swiper-pagination-bullet { width:8px; height:8px; filter:alpha(opacity=100); opacity:1; border:2px solid #999; background:none;}
.newstop .swiper-pagination-bullet-active { border-color:#2287ea; background:#2287ea;}

.newnotic { float:left; width:580px; border-radius:2px; overflow:hidden; position:relative;}
.newnotic h1 { height:50px; line-height:50px; border-radius:0 2px 2px 0; background:#2287ea; position:absolute; left:0; top:20px; z-index:2;}
.newnotic h1 a { display:block; font-size:20px; color:#fff; padding:0 20px;}

.newnotic .swiper-slide { width:580px; height:387px; overflow:hidden; position:relative;}
.newnotic .swiper-slide img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newnotic .swiper-slide p { width:calc(100% - 200px); height:50px; line-height:50px; font-size:16px; color:#fff; padding:0 190px 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0; z-index:2;}
.newnotic .swiper-slide:hover img { transform:scale(1.1,1.1);}
.newnotic .swiper-pagination-bullets { width:auto; padding-right:10px; left:auto; right:0; bottom:15px;}
.newnotic .swiper-pagination-bullet { width:8px; height:8px; filter:alpha(opacity=100); opacity:1; border:2px solid #fff; background:none;}
.newnotic .swiper-pagination-bullet-active { background:#fff;}

.newnotic .lst { padding:5px 15px 15px 15px; background:#fff;}
.newnotic .lst li { line-height:50px; padding-left:15px; border-bottom:1px dashed #ddd; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newnotic .lst li::after { display:block; content:""; width:3px; height:15px; background:#666; position:absolute; left:0; top:19px;}
.newnotic .lst li a { float:left; width:85%; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newnotic .lst li span { display:block; float:right; font-size:12px; color:#999;}
.newnotic .lst li:hover::after { background:#2287ea;}
.newnotic .lst li:hover a { color:#2287ea;}

.newrgts { float:right; width:535px; padding:20px 35px; border-radius:2px; background:#fff;}
.newrgts .industry { width:100%;}
.newrgts .industry .tops { padding-bottom:20px; border-bottom:1px solid #eee;}
.newrgts .industry .tops a { display:block; width:100%;}
.newrgts .industry .tops h3 { line-height:30px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newrgts .industry .tops p { line-height:25px; font-size:12px; color:#666; margin:5px 0 10px 0;}
.newrgts .industry .tops span { display:block; font-size:12px; color:#999;}
.newrgts .industry .tops:hover a h3 { color:#2287ea;}
.newrgts .industry li { line-height:50px; border-bottom:1px solid #eee;} 
.newrgts .industry li a { float:left; width:85%; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newrgts .industry li span { display:block; float:right; font-size:13px; color:#999;}
.newrgts .industry li:hover a { color:#2287ea;}
.newrgts .geology { width:100%; margin-top:20px;}
.newrgts .geology .img { float:left; width:240px; height:160px; overflow:hidden; position:relative;}
.newrgts .geology .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newrgts .geology .img p { width:calc(100% - 20px); height:30px; line-height:30px; font-size:12px; color:#fff; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0; z-index:2;}
.newrgts .geology .img:hover img { transform:scale(1.1,1.1);}
.newrgts .geology .lst { float:right; width:280px;}
.newrgts .geology .lst li { line-height:25px; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #eee;} 
.newrgts .geology .lst li:last-child { margin-bottom:0;}
.newrgts .geology .lst li a { float:left; width:70%; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newrgts .geology .lst li span { display:block; float:right; font-size:12px; color:#999;}
.newrgts .geology .lst li:hover a { color:#2287ea;}
.newrgts .law li { line-height:47.5px;}
.partys { padding-top:170px; background:url(../images/bg01.jpg) no-repeat center top;}

/*鏂伴椈鍒楄〃*/
.newlist { width:100%;}
.newlist li { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li a { display:block; width:100%;}
.newlist li h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; padding-left:20px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li h3::after { display:block; content:"鈼?; line-height:32px; font-size:18px; color:#2287ea; position:absolute; left:0; top:0;}
.newlist li span { display:block; line-height:30px; font-size:12px; color:#999; padding-left:20px;}
.newlist li p { line-height:25px; font-size:14px; color:#999; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newlist li:hover h3 { color:#2287ea;}

.newzixun { width:100%;}
.newzixun li { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee;}
.newzixun li .img { float:left; width:180px; height:120px; overflow:hidden;}
.newzixun li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newzixun li .msg { float:left; width:630px; margin:0 20px;}
.newzixun li .msg h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newzixun li .msg p { line-height:25px; font-size:12px; color:#999; margin-bottom:10px;}
.newzixun li .msg span { display:block; width:90px; height:25px; line-height:25px; font-size:12px; color:#bbb; text-align:center; border:1px solid #ddd; border-radius:12.5px;}
.newzixun li .time { float:right; width:40px; height:105px; font-size:16px; color:#999; padding:15px 15px 0 15px; background:#eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newzixun li .time b { display:block; line-height:40px; font-weight:500; font-size:28px; color:#333;}
.newzixun li .time i { display:block; line-height:20px; font-style:normal; font-size:12px;}
.newzixun li:hover .img img { transform:scale(1.1,1.1);}
.newzixun li:hover h3 { color:#2287ea;}
.newzixun li:hover span  { color:#333; border-color:#999;}
.newzixun li:hover .time { background:#2287ea;}
.newzixun li:hover .time,.newzixun li:hover .time b,.newzixun li:hover .time i { color:#fff;}

/*鍦ㄧ嚎鐣欒█*/
.company { width:100%;}
.company li { float:left; width:calc(100% / 3 - 10px); line-height:40px; font-size:14px; color:#666; margin-bottom:20px;}
.company li label { float:left; width:55px; text-align:right; padding-right:10px;}
.company li label i { font-style:normal; font-size:16px; color:#e00; margin-left:5px; position:relative; top:3px;}
.company li input { float:left; width:calc(100% - 87px); height:40px; padding:0 10px; outline:none; border:1px solid #ddd; border-radius:2px;}
.company li textarea { float:left; width:calc(100% - 77px); font-family:Microsoft YAHEI; line-height:25px; padding:10px 5px; outline:none; border:1px solid #ddd;}
.company li p { line-height:25px; font-size:12px; color:#999; margin-left:70px;}
.company li img { float:left; height:40px; margin-left:10px; border:1px solid #ddd; border-radius:2px;}
.company .wh100 { width:100%;}
.company .marr { margin-right:15px;}
.company .yzm { width:100%;}
.company .yzm input { width:225px;}
.company .btn { width:120px; height:45px; line-height:45px; font-size:15px; color:#fff; margin-right:15px; margin-left:65px; border:none; border-radius:4px; background:#025198;}
.company .gry { color:#333; margin-left:0; background:#ddd;}

.messages { padding:15px 25px; box-shadow:0 5px 10px rgba(0,0,0,0.05); background:#fff;}
.messages li { line-height:50px; padding-left:25px; border-bottom:1px solid #f4f4f4; position:relative;}
.messages li::after { display:block; content:"鈼?; line-height:50px; font-size:18px; color:#2287ea; position:absolute; left:0; top:0;}
.messages li a { float:left; max-width:80%; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.messages li span { float:right; font-size:13px; color:#999;}
.messages li:hover a { color:#2287ea;}
/*.messages li { line-height:25px; margin-bottom:5px; padding:5px 10px; border:1px solid #f4f4f4; background:#fdfdfd;}
.messages li h3 { font-weight:500; font-size:13px; color:#333; padding-left:20px; border-bottom:1px dotted #ddd; background:url(../images/xy11.gif) no-repeat left 6.5px / 13px;}
.messages li h3 i { font-style:normal; color:#2287ea; margin-right:40px;}
.messages li h3 i,.messages li h3 span { float:left;}
.messages li h3 span { font-size:12px; color:#999;}
.messages li h3 b { float:right;}
.messages li p { line-height:25px; font-size:12px; color:#666;}
.messages .reply { margin-top:10px; border-top:1px solid #eee;}
.messages .reply h3 { font-size:12px; background:url(../images/xy12.gif) no-repeat left 6px / 13px;}
.messages .reply p { border-bottom:none;}*/
.messages .mybook { float:right; width:160px; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center; margin-top:15px; border-radius:6px; background:#2287ea;}
.messages .mybook:hover { background:#025198;}

.messhow { padding-bottom:20px; border:1px solid #ddd; background:#fff;}
.messhow h1 { line-height:50px; font-weight:500; font-size:16px; color:#025198; padding:0 15px; border-bottom:1px solid #ddd; background:#f6f6f6;}
.messhow h1 b { float:left;}
.messhow h1 span { float:right; font-size:14px;}
.messhow h3 { line-height:30px; font-size:14px; color:#333; padding:10px 15px 5px 10px;}
.messhow .lh { line-height:25px; font-size:14px; padding:0 15px;}
.messhow .time { line-height:30px; font-size:14px; color:#808080; padding:10px 15px 5px 10px;}
.messhow .time b { font-size:14px; color:#333;}

/*瑙勫垝涓氱哗*/
.achieve { width:100%;}
.achieve .lst { margin-bottom:30px;}
.achieve .lst h3 { line-height:40px; font-size:18px; color:#025198;}
.achieve .lst li { width:100%; line-height:40px; border-bottom:1px solid #eee;}
.achieve .lst li p { float:left; width:85%; font-size:14px; color:#333; padding-left:25px; position:relative;}
.achieve .lst li p::before,.achieve .lst li p::after { display:block; content:""; background:#2287ea; position:absolute; left:0;}
.achieve .lst li p::before { width:1px; height:41px; top:0;}
.achieve .lst li p::after { width:15px; height:1px; top:20px;}
.achieve .lst li span { float:right; font-size:12px; color:#999;}
.achieve .layui-flow-more { width:160px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; margin:20px auto; border-radius:20px; background:#2287ea;}
.achieve .layui-flow-more cite { font-style:normal; color:#fff;}

/*鐩村睘鍗曚綅*/
.direct { width:100%; padding-top:40px;}
.direct .swiper-container { width:100%; height:411px; padding-bottom:40px;}
.direct .swiper-slide { display:flex; height:197px; justify-content:center; align-items:center; overflow:hidden;}
.direct .swiper-slide img { display:block; width:100%;}
.direct .swiper-pagination-bullets { bottom:0;}
.direct .swiper-pagination-bullet { width:10px; height:10px;}

.directly { width:100%;}
.directly li { float:left; width:295px; height:110px; margin:0 15px 15px 0; overflow:hidden; background:url(../images/yt19.jpg) no-repeat center center; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.directly li::after { display:block; content:""; width:295px; height:110px; background:rgba(0,0,0,0.55); position:absolute; left:0; top:0; z-index:0;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.directly li:nth-child(3n) { margin-right:0;}
.directly li a { display:table-cell; width:295px; height:110px; vertical-align:middle; position:relative; z-index:2;}
.directly li h3 { display:block; width:90%; line-height:35px; font-weight:500; font-size:20px; color:#fff; margin:0 auto; text-align:center;}
.directly li:hover { border-radius:6px;}
.directly li:hover::after { background:rgba(2,81,152,0.9);}

/*绾閭*/
.mailbox { margin-top:30px;}
.mailbox .nwstit { padding-bottom:5px; margin-bottom:30px; border-bottom:1px solid #ddd;}

@media screen and (max-width:1680px) {
	.index .banner .swiper-pagination-bullets { left:14%;}
}
@media screen and (max-width:1600px) {
	.index .banner .warp { width:1000px;}
	.index .banner .swiper-pagination-bullets { left:18.5%;}
}
@media screen and (max-width:1440px) {
	.index .banner .swiper-pagination-bullets { left:15%;}
}
@media screen and (max-width:1400px) {
	.index .head .headlft .meun .nav { background: rgba(0,0,0,0.65);}
	.index .head .headlft .meun .nav li { line-height:50px;}
	.index .banner .swiper-pagination-bullets { left:14%;}
}
@media screen and (max-width: 1366px) { 	
	.index .banner .swiper-pagination-bullets { left:13%; bottom:24%;}
}