﻿@charset "utf-8";
/* CSS Document */
/*切图：zcy*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: Arial; font-size:12px;}
code, kbd, pre, samp { font-family: Arial;}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
	 -o-transition: all 0.3s ease-out 0s; 
		transition: all 0.3s ease-out 0s;}
img{border:0; max-width:100%;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
	 -o-transition: all 0.3s ease-out 0s; 
		transition: all 0.3s ease-out 0s;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: Arial;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
	 -o-transition: all 0.3s ease-out 0s; 
		transition: all 0.3s ease-out 0s;}
input,table,tr,td{ margin:0; padding:0; border:none;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
	 -o-transition: all 0.3s ease-out 0s; 
		transition: all 0.3s ease-out 0s;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%; overflow:hidden;}
select{ margin:0; padding:0; font-family: Arial; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}


/*-------------------</END 重置>-----------------------*/

.pz_top{ float:left; width:100%;position:fixed; left: 0; top:0;z-index:90; background:#323436;}
.pz_banner{ float: left; width:100%; position:relative; z-index: 3;}
.pz_main{ float:left; width:100%; min-height:500px; overflow:hidden;}
.pz_down{ float:left; width:100%; background:#323436;}

.lan{float:right; margin-left:20px; margin-top:24px; }
.lan a{font-size:14px; color:#fff; line-height:31px;}
.lan.lan_wap{display:none;}


/*top*/
.top{ width:100%; float:left; height:80px;}
.logo{ float: left; width: 160px; margin-top:18px;}
.logo img{ width:100%; float: left;}
.top_r{ float:right; margin-top:24px;}
.top_r a{ display:block; width:30px; height:30px; float:left; margin-left:11px; background-size:contain; background-position:center center; background-repeat:no-repeat;}
.top_r a.a1{ background-image:url(images/top4.png);}
.top_r a.a2{ background-image:url(images/top5.png);}
.top_r a.a1:hover{ background-image:url(images/top4_h.png);}
.top_r a.a2:hover{ background-image:url(images/top5_h.png);}

.menu{ float:right; margin-top:24px; margin-left:20px;}
.menu .nli{ float:left; margin-left:65px;}
.menu .nli a{ display:block; padding:0 25px; float:left; font-size:15px; color:white; line-height:31px;}
.menu .nli.on a,.menu .nli:hover a{ background:#067ebb;
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
-khtml-border-radius:15px;
border-radius:15px;}
@media screen and (max-width:1299px) {
.menu .nli{ margin-left:25px;}
}

.pf_menu_bg{ width:0; height: 100%; position:fixed; left:0; top:0px !important; z-index:100; z-index: 90; background:black; background:rgba(0,0,0,0.8);
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pf_menu{ position:fixed; width:100%; height:100%; left:-100%; top:0; display:none; float: left; z-index:101;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pf_menu_bg.on{ width:100%;}
.pf_menu.on{ left:0; display:block;}
.pf_menu .closed{ width:100%; height:120px; float:left; padding:40px 40px 0 60px;}
.pf_menu .closed .logo{ float:left; margin-top:7px;}
.pf_menu .closed .pf_menu_btn{ float:right; cursor:pointer; width:40px; margin-top:5px;}
.pf_menu .closed .pf_menu_btn img{
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pf_menu .closed .pf_menu_btn:hover img{ transform:rotate(180deg);}
.ph_menu{ position:absolute; left:0; bottom:0; height:100%; width:100%; text-align:left; overflow:hidden; border-top:solid 1px #353536;}
.ph_menu .nav_box{ width:100%; position:relative; height:100%;}
.ph_menu .nli{ float:left; position:relative; height:100%; width:16.666%; border-right:solid 1px #353536;}
.ph_menu .nli span{ float:left; width:100%; padding-top:56px; text-align:center;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#fff; font-size:24px; line-height:32px; padding:0 10px; position:relative;}
.ph_menu .nli .l1_a i{ display:block; width:100%; font-size:14px; color:#aeaeae; line-height:18px; text-transform:uppercase; font-style:normal;}
.ph_menu .nli:hover .l1_a{ color:#fa2812; font-weight:bold;}
.ph_menu .nli:hover .l1_a i{ font-weight:normal;}
.ph_menu .nli:hover span{ padding-top:78px;}
.pf_menu.on .nli.l1{
-webkit-animation:fadeInLeft1 0.5s 0s ease both;
-moz-animation:fadeInLeft1 0.5s 0s ease both;}
.pf_menu.on .nli.l2{
-webkit-animation:fadeInLeft1 0.5s 0.2s ease both;
-moz-animation:fadeInLeft1 0.5s 0.2s ease both;}
.pf_menu.on .nli.l3{
-webkit-animation:fadeInLeft1 0.5s 0.4s ease both;
-moz-animation:fadeInLeft1 0.5s 0.4s ease both;}
.pf_menu.on .nli.l4{
-webkit-animation:fadeInLeft1 0.5s 0.6s ease both;
-moz-animation:fadeInLeft1 0.5s 0.6s ease both;}
.pf_menu.on .nli.l5{
-webkit-animation:fadeInLeft1 0.5s 0.8s ease both;
-moz-animation:fadeInLeft1 0.5s 0.8s ease both;}
.pf_menu.on .nli.l6{
-webkit-animation:fadeInLeft1 0.5s 1s ease both;
-moz-animation:fadeInLeft1 0.5s 1s ease both;}
.pf_menu.on .nli.l6{ border-right:0;}
@-webkit-keyframes fadeInLeft1{
0%{opacity:0;
-webkit-transform: translate3d(-30%, 0, 0)}
100%{opacity:1;
-webkit-transform: translate3d(0, 0, 0)}
}
@-moz-keyframes fadeInLeft1{
0%{opacity:0;
-webkit-transform: translate3d(-30%, 0, 0)}
100%{opacity:1;
-webkit-transform: translate3d(0, 0, 0)}
}
@media screen and (max-width:1024px) {
.top{ height:50px;}
.top .top_r{ display:none;}
.menu{ display:none;}
.menuph{ display:block; float:right; background:url(images/top1.png) no-repeat center center; width:40px; height:40px; margin-top:5px; cursor:pointer;}
.top .logo{ margin-top:8px; width:120px;}
.pf_menu .closed{ height:50px; padding:0;}
.pf_menu .closed .logo{ margin-top:8px; width:120px;}
.ph_menu{ position:relative; height:auto;}
.ph_menu .nli{ width:100%; height:auto; border-right:0; border-bottom:solid 1px #353536;}
.ph_menu .nli span{ padding-top:0px; text-align:left;}
.ph_menu .nli .l1_a{ font-size:16px; padding:10px;}
.ph_menu .nli .l1_a i{ display:inline-block; vertical-align:middle; margin-left:10px; width:auto;}
.ph_menu .nli:hover span{ padding-top:0px;}
.top_r{ width:100%; text-align:center;}
.top_r a{ display:inline-block; float:none; margin:0 10px;}

.lan.lan_wap{display:block; margin:10px 15px 0 0;}
.lan.lan_pc{display:none;}

}
@media screen and (max-width:767px) {
.top,.pf_menu .closed{ padding:0 10px;}
}

.slide_banner{ min-height:580px; background:url(images/banner.jpg) no-repeat center center; background-size:cover; position:relative;}
.slide_banner,.slide_banner .slick-list ,.slide_banner .slick-track{ width:100%; float:left; height: 100%;  overflow: hidden;}
.slide_banner .slick-slide{ width:100%; height: 100%; float: left; position:relative; overflow:hidden;}
.slide_banner .slick-slide .text{ width:720px; position:absolute; left:50%; top:50%; margin-top:-180px; z-index:9; margin-left:-360px; text-align:center;}
.slide_banner .slick-slide .text .img1{ width:100%; margin-top:0; height:91px; line-height:0;
/*-webkit-transition: all 1s ease-out 0.2s; 
-moz-transition: all 1s ease-out 0.2s; 
-o-transition: all 1s ease-out 0.2s; 
transition: all 1s ease-out 0.2s;*/}
.slide_banner .slick-slide .text .img2{ width:100%; margin-top:-10%; height:186px; line-height:0;
/*-webkit-transition: all 1s ease-out 0.2s; 
-moz-transition: all 1s ease-out 0.2s; 
-o-transition: all 1s ease-out 0.2s; 
transition: all 1s ease-out 0.2s;*/}
.slide_banner .slick-slide .text h1{ width:100%; margin-top:34px; line-height:0;
/*-webkit-transition: all 1s ease-out 0.5s; 
-moz-transition: all 1s ease-out 0.5s; 
-o-transition: all 1s ease-out 0.5s; 
transition: all 1s ease-out 0.5s;*/}
.slide_banner .slick-slide .text .p{ width:100%; margin-top:29px; text-align:center; font-size:16px; color:white; line-height:36px;
/*-webkit-transition: all 1s ease-out 1s; 
-moz-transition: all 1s ease-out 1s; 
-o-transition: all 1s ease-out 1s; 
transition: all 1s ease-out 1s;*/}
.slide_banner .slick-slide .text .img1 img,.slide_banner .slick-slide .text .img2 img,.slide_banner .slick-slide .text h1 img{ height:100%; display:inline-block;}
.banner_ico{ height:39px; position:absolute; left:50%; bottom:14%; margin-left:-14px;}
.banner_ico img{ height:100%;}
.slide_banner .slick-dots {
	position: absolute;
	bottom: 4%;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden; z-index:6;
}
.slide_banner .slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	padding: 0;
	opacity:0.8; background:white;
	-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-khtml-border-radius:5px;
border-radius:5px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;
}
.slide_banner .slick-dots li button { display:none;}
.slide_banner .slick-dots li.slick-active{
	opacity:1; width:50px;
}
@media screen and (max-width:1023px) {
.slide_banner .slick-slide .text{ margin-top:-130px;}
.slide_banner .slick-slide .text .img1{ height:61px;}
.slide_banner .slick-slide .text .img2{ height:136px;}
.slide_banner .slick-slide .text h1{ margin-top:24px; height:37px;}
.slide_banner .slick-slide .text .p{ margin-top:19px; font-size:14px; line-height:30px;}
.banner_ico{ height:30px; margin-left:-12px; bottom:10%;}
.slide_banner .slick-dots li {width: 5px;height: 5px; margin:0 3px;}
.slide_banner .slick-dots li.slick-active{ width:30px;}
}
@media screen and (max-width:767px) {
.slide_banner .slick-slide .text{ margin-top:-100px; width:480px; margin-left:-240px;}
.slide_banner .slick-slide .text .img1{ height:41px;}
.slide_banner .slick-slide .text .img2{ height:86px;}
.slide_banner .slick-slide .text h1{ margin-top:14px; height:27px;}
.slide_banner .slick-slide .text .p{ padding:0 18%; margin-top:8px; font-size:12px; line-height:24px;}
.banner_ico{ height:30px; margin-left:-12px; bottom:10%;}
.slide_banner .slick-dots li {width: 5px;height: 5px; margin:0 3px;}
.slide_banner .slick-dots li.slick-active{ width:30px;}
.slide_banner{ min-height:380px;}
}

/*首页main*/
.section_6{ background:#4c4d4f;}
.fullpage-wrapper.active{ position:relative; z-index:10;}
.tablebox{display: table;vertical-align: middle; height:100%; position:relative; width:100%;table-layout: fixed;}
.middlebox{ display:table-cell; vertical-align:middle;}
.tit_1{ width:100%; text-align:center; padding-bottom:18px; background:url(images/index1.png) no-repeat center bottom;}
.tit_1 h3{ width:100%; font-size:40px; color:white; line-height:60px; text-transform:uppercase;}
.tit_1 h5{ width:100%; font-size:18px; color:white; line-height:35px; text-transform:uppercase; font-family:Arial;}
.c_1200_1{ width:100%; float:left; margin-top:63px;}
.c_1200_1 .dl{ float:left;}
.c_1200_1 .dl.dl1{ width:50%;}
.c_1200_1 .dl .dt{ width:100%; padding-bottom:18px; background:url(images/index3.jpg) no-repeat left bottom; font-size:21px; color:white; line-height:28px;}
.c_1200_1 .dl .dd1{ width:100%; margin-top:37px; font-size:16px; color:white; line-height:36px; letter-spacing:1px;}
.c_1200_1 .dl .dd1 a{ color:white;}
.c_1200_1 .dl.dl2{ float:right;}
.c_1200_1 .dl .dd2{ width:100%; margin-top:48px;}
.c_1200_1 .dl .dd2 .ewm{ float:left; margin-right:33px;}
.c_1200_1 .dl .dd2 .ewm .img{ width:117px; height:117px; background:white; border:solid 1px #ececec; padding:8px;}
.c_1200_1 .dl .dd2 .ewm .img img{ width:100%; float:left;}
.c_1200_1 .dl .dd2 .ewm h5{ width:100%; text-align:center; margin-top:12px; font-size:14px; line-height:16px; color:white; letter-spacing:1px;}
.c_1200_1 .dl.dl3{ float:right;}
.c_1200_1 .dl.dl3 h3{ width:100%; font-size:24px; color:white; line-height:51px;}
.c_1200_1 .dl.dl3 h3 span{ font-size:20px; margin-left:9px;}
.c_1200_1 .dl .dd3{ width:100%; margin-top:16px;}
.c_1200_1 .dl .dd3 a{ display:block; float:left; width:35px; height:35px; background-color:white; background-size:contain; background-position:center center; background-repeat:no-repeat; margin-left:8px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.c_1200_1 .dl .dd3 a:hover{ background-color:#279599;}
.c_1200_1 .dl .dd3 a.a1{ background-image:url(images/footer1.png);}
.c_1200_1 .dl .dd3 a.a2{ background-image:url(images/footer2.png);}
.c_1200_1 .dl .dd3 a.a3{ background-image:url(images/footer3.png);}
.c_1200_1 .dl .dd3 a.a4{ background-image:url(images/footer4.png);}
.c_1200_1 .dl .dd3 a.a1:hover{ background-image:url(images/footer1_h.png);}
.c_1200_1 .dl .dd3 a.a2:hover{ background-image:url(images/footer2_h.png);}
.c_1200_1 .dl .dd3 a.a3:hover{ background-image:url(images/footer3_h.png);}
.c_1200_1 .dl .dd3 a.a4:hover{ background-image:url(images/footer4_h.png);}
@media screen and (max-width:1023px) {
.tit_1{ padding-bottom:13px; margin-top:50px;}
.tit_1 h3{ font-size:30px; line-height:50px;}
.tit_1 h5{ font-size:16px; line-height:28px;}
.c_1200_1 .dl .dt{ padding-bottom:13px; font-size:15px; line-height:23px;}
.c_1200_1 .dl .dd1{ margin-top:27px; font-size:14px; line-height:26px;}
.c_1200_1 .dl .dd2{ margin-top:30px;}
.c_1200_1 .dl .dd2 .ewm{ margin-right:23px;}
.c_1200_1 .dl .dd2 .ewm .img{ width:97px; height:97px; padding:6px;}
.c_1200_1 .dl .dd2 .ewm h5{ margin-top:8px; font-size:12px; line-height:14px;}
.c_1200_1 .dl.dl3 h3{ font-size:20px; line-height:41px;}
.c_1200_1 .dl.dl3 h3 span{ font-size:16px; margin-left:5px;}
.c_1200_1 .dl .dd3{ margin-top:10px;}
.c_1200_1 .dl .dd3 a{ width:30px; height:30px; margin-left:5px;}
.c_1200_1 .dl.dl1{ width:60%;}
.c_1200_1 .dl.dl2{ padding-left:20px;}
}
@media screen and (max-width:767px) {
.tit_1{ padding-bottom:9px; background-size:auto 2px;}
.tit_1 h3{ font-size:20px; line-height:30px;}
.tit_1 h5{ font-size:12px; line-height:22px;}
.c_1200_1{ padding:0 10px; margin-top:23px;}
.c_1200_1 .dl,.c_1200_1 .dl.dl1{ width:100%;}
.c_1200_1 .dl.dl2{ padding-left:0px;}
.c_1200_1 .dl .dt{ display:none;}
.c_1200_1 .dl{ text-align:center;}
.c_1200_1 .dl .dd2 .ewm{ margin:10px; float:none; display:inline-block;}
.c_1200_1 .dl.dl3 h3{ font-size:18px; line-height:31px;}
.c_1200_1 .dl.dl3 h3 span{ font-size:14px; margin-left:3px;}
.c_1200_1 .dl .dd3{ text-align:center;}
.c_1200_1 .dl .dd3 a{ display:inline-block; width:25px; height:25px; margin:0 3px; float:none;}
.c_1200_1 .dl.dl3{ margin-top:20px;}
.c_1200_1 .dl .dd1{ margin-top:17px; font-size:13px; line-height:22px;}
.c_1200_1 .dl .dd2 .ewm .img{ width:77px; height:77px; padding:4px;}
}
@media screen and (max-height:480px) {
.tit_1{ padding-bottom:5px;}
.tit_1 h3{ line-height:24px;}
.tit_1 h5{ line-height:18px;}
.c_1200_1{ margin-top:13px;}
.c_1200_1 .dl .dd1{ margin-top:0px;}
.c_1200_1 .dl .dd2{ margin-top:0px;}
.c_1200_1 .dl.dl3{ margin-top:0px;}
.c_1200_1 .dl.dl3 h3{ display:none;}
}

.c_1200_1 .dl.dl1.fadeInUp{  -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.c_1200_1 .dl.dl2.fadeInUp{  -webkit-animation-delay:0.4s; animation-delay:0.4s;}
.c_1200_1 .dl.dl3.fadeInUp{  -webkit-animation-delay:0.6s; animation-delay:0.6s;}

.section_2{ background:url(images/index4.jpg) no-repeat center center; background-size:cover;}
.tit_1_b{ background-image:url(images/index2.jpg);}
.tit_1_b h3{ color:#333;}
.tit_1_b h5{ color:#8b8b8b;}
.tit_2{ width:100%; float:left; text-align:center; margin-top:27px; font-size:15px; color:#7a7a7a; line-height:36px; letter-spacing:1px;}
.c_1200_2{ width:100%; float:left; margin-top:44px;}
.slide_pic_1{ width:100%; float:left;}
.c_1200_2 .li_hp{ width:100%; float:left; text-align:center; padding:0 25px;}
.c_1200_2 .li_hp .ico{ width:100%; height:130px;}
.c_1200_2 .li_hp .ico img{ height:100%; display:inline-block;}
.c_1200_2 .li_hp h4{ width:100%; margin-top:25px; font-size:18px; color:#444; line-height:28px; letter-spacing:1px;}
.c_1200_2 .li_hp .p{ width:100%; margin-top:27px; font-size:14px; color:#696969; line-height:31px; letter-spacing:1px; overflow:hidden;}
.tit_2.fadeInUp{  -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.c_1200_2 .li_hp.l1.bounceInUp{  -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.c_1200_2 .li_hp.l2.bounceInUp{  -webkit-animation-delay:0.4s; animation-delay:0.4s;}
.c_1200_2 .li_hp.l3.bounceInUp{  -webkit-animation-delay:0.6s; animation-delay:0.6s;}
.c_1200_2 .li_hp.l4.bounceInUp{  -webkit-animation-delay:0.8s; animation-delay:0.8s;}
.c_1200_2 .li_hp.l5.bounceInUp{  -webkit-animation-delay:1s; animation-delay:1s;}
@media screen and (max-width:1299px) {
.c_1200_2 .li_hp{ padding:0 15px;}
}
@media screen and (max-width:1023px) {
.tit_2{ margin-top:17px; font-size:13px; line-height:26px;}
.c_1200_2 .li_hp .ico{ height:80px;}
.c_1200_2 .li_hp h4{ margin-top:15px; font-size:16px; line-height:24px;}
.c_1200_2 .li_hp .p{ margin-top:17px; font-size:12px; line-height:26px; letter-spacing:0;}
.c_1200_2 .li_hp{ padding:0 10px;}
}
@media screen and (max-width:767px) {
.section_2{ padding:0 10px;}
.tit_2{ margin-top:12px; font-size:12px; line-height:22px;}
.c_1200_2 .li_hp .ico{ height:60px;}
.c_1200_2 .li_hp h4{ margin-top:10px; font-size:14px; line-height:22px;}
.c_1200_2 .li_hp .p{ margin-top:12px; line-height:22px;}
.c_1200_2 .li_hp{ padding:0 10px;}
.slide_pic_1{ padding-bottom:30px; position:relative;}
.slide_pic_1 .slick-dots {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.slide_pic_1 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	background:#4c4d4f;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_1 .slick-dots li button { display:none;}
.slide_pic_1 .slick-dots li.slick-active{
	background:#2c9497;
}
}
@media screen and (max-height:480px) {
.slide_pic_1{ padding-bottom:15px;}
.c_1200_2{ margin-top:14px;}
.tit_2{ line-height:20px;}
}

.tit_2_w{ color:white;}
.section_3{ background:url(images/index5.jpg) no-repeat center center; background-size:cover;}
.c_1200_3{ width:100%; margin-top:44px; float:left; padding:0 5%;}
.slide_pic_2 .li_hp{ width:100%; float:left; text-align:center; cursor:pointer;}
.slide_pic_2 .li_hp .ico{ width:100%; height:123px;}
.slide_pic_2 .li_hp .ico img{ display:inline-block; height:100%;}
.slide_pic_2 .li_hp h4{ width:100%; margin-top:26px; font-size:18px; color:#fff; line-height:31px; letter-spacing:1px;}
.c_1200_3 .li_hp.l1.fadeInRight{  -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.c_1200_3 .li_hp.l2.fadeInRight{  -webkit-animation-delay:0.4s; animation-delay:0.4s;}
.c_1200_3 .li_hp.l3.fadeInRight{  -webkit-animation-delay:0.6s; animation-delay:0.6s;}
.c_1200_3 .li_hp.l4.fadeInRight{  -webkit-animation-delay:0.8s; animation-delay:0.8s;}
.c_1200_3 .li_hp.l5.fadeInRight{  -webkit-animation-delay:1s; animation-delay:1s;}
@media screen and (max-width:1023px) {
.slide_pic_2 .li_hp .ico{ height:83px;}
.slide_pic_2 .li_hp h4{  margin-top:16px; font-size:16px; line-height:27px;}
}
@media screen and (max-width:767px) {
.section_3{ padding:0 10px;}
.slide_pic_2 .li_hp .ico{ height:63px;}
.slide_pic_2 .li_hp h4{  margin-top:10px; font-size:14px; line-height:23px;}
.slide_pic_2{ padding-bottom:30px; position:relative;}
.slide_pic_2 .slick-dots {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.slide_pic_2 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	background:#9cdbf8;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_2 .slick-dots li button { display:none;}
.slide_pic_2 .slick-dots li.slick-active{
	background:white;
}
}
@media screen and (max-height:480px) {
.slide_pic_2{ padding-bottom:15px;}
.c_1200_3{ margin-top:14px;}
}

.section_3{position:relative;}
.section_3 .pop{width:100%;height:100%;display:none;position:absolute;top:0;left:0;background-color:#4c4d4f;z-index:998;}
.section_3 .pop em{text-indent:-999em;overflow:hidden;width:50px;height:50px;display:block;background:url(images/arrow.png) no-repeat;position:absolute;top:50%;z-index:20;cursor:pointer;}
.section_3 .pop em.prev{background-position:left center;left:-20px;}
.section_3 .pop em.next{background-position:right center;right:-20px;}
.section_3 .pop .main{width:1092px;float:left;position:relative;height:320px;top:50%;left:50%;margin-left:-546px;margin-top:-140px;}
.section_3 .pop a.close{width:26px;height:26px;text-indent:-999em;overflow:hidden;position:absolute;right:10px;top:90px;z-index:998;cursor:pointer;background:url(images/close.png) no-repeat;}
.section_3 .pop .dialog{width:100%;height:320px;position:absolute;left:0;top:0;background-color:#4c4d4f;}
.section_3 .pop .iconleft{width:484px;text-align:center;padding-top:60px;float:left;}
.section_3 .pop .iconleft span{display:inline-block;width:205px;height:205px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.section_3 .dialog1 .iconleft span{ background:#d9af8d;}
.section_3 .dialog2 .iconleft span{background:#ffdd80;}
.section_3 .dialog3 .iconleft span{background:#f38d86;}
.section_3 .dialog4 .iconleft span{background:#b0f48b;}
.section_3 .dialog5 .iconleft span{background:#b199ce}

.section_3 .pop .dialog .ins{width:516px;float:left;text-align:left;}
.section_3 .pop .dialog .ins h4{font-weight: 100;font-size:30px; padding-bottom:11px; line-height:70px; position:relative;}
.section_3 .pop .dialog .ins h4:after{ content:''; width:52px; height:2px; position:absolute; left:0; bottom:0;}
.section_3 .pop .dialog .ins p{line-height:30px;color:#fff;font-size:15px; margin-top:28px;}

.section_3 .pop .dialog1 .ins h4{color:#d9af8d;}
.section_3 .pop .dialog1 .ins h4:after{ background:#d9af8d;}
.section_3 .pop .dialog2 .ins h4{color:#ffdd80;}
.section_3 .pop .dialog2 .ins h4:after{ background:#ffdd80;}
.section_3 .pop .dialog3 .ins h4{color:#f38d86;}
.section_3 .pop .dialog3 .ins h4:after{ background:#f38d86;}
.section_3 .pop .dialog4 .ins h4{color:#b0f48b;}
.section_3 .pop .dialog4 .ins h4:after{ background:#b0f48b;}
.section_3 .pop .dialog5 .ins h4{color:#b199ce;}
.section_3 .pop .dialog5 .ins h4:after{ background:#b199ce;}
@media screen and (max-width:1199px) {
.section_3 .pop .main{width:90%; left:5%; margin-left:0;}
.section_3 .pop .iconleft{width:364px;}
}
@media screen and (max-width:1023px) {
.section_3 .pop a.close{ top:60px;}
.section_3 .pop .iconleft{width:284px;}
.section_3 .pop .iconleft span{width:165px;height:165px;}
.section_3 .pop .dialog .ins{width:auto; float:none; margin-left:300px; padding-right:20px;}
.section_3 .pop .dialog .ins h4{ font-size:20px; padding-bottom:6px; line-height:50px;}
.section_3 .pop .dialog .ins h4:after{ width:32px;}
.section_3 .pop .dialog .ins p{line-height:24px;font-size:13px; margin-top:18px;}
.section_3 .pop .dialog{ height:300px;}
.section_3 .pop .main{ height:300px;}
}
@media screen and (max-width:767px) {
.section_3 .pop .iconleft{width:100%; padding-top:0;}
.section_3 .pop .iconleft span{width:125px;height:125px;}
.section_3 .pop .dialog .ins{width:100%; float:left; margin-left:0px; padding-right:0px; margin-top:10px; padding:0 20px;}
.section_3 .pop .dialog .ins h4{ font-size:16px; line-height:30px; text-align:center;}
.section_3 .pop .dialog .ins h4:after{ left:50%; margin-left:-16px;}
.section_3 .pop .dialog .ins p{line-height:20px;font-size:12px; margin-top:14px; text-align:center;}
.section_3 .pop a.close{width:20px;height:20px; background-size:contain;}
.section_3 .pop em{width:30px;height:30px; background-size:auto 30px;}
.section_3 .pop em.prev{left:-10px;}
.section_3 .pop em.next{right:-10px;}
}
@media screen and (max-height:480px) {
.section_3 .pop .iconleft span{width:85px;height:85px;}
.section_3 .pop .dialog{ padding-top:30px;}
}


.c_1200_4{ width:100%; margin-top:48px; float:left; padding:0 8%;}
.slide_pic_3 .li_hp{ width:100%; float:left; text-align:center; cursor:pointer;}
.slide_pic_3 .li_hp .ico{ width:100%; height:100px;}
.slide_pic_3 .li_hp .ico img{ display:inline-block; height:100%;}
.slide_pic_3 .li_hp h4{ width:100%; margin-top:14px; font-size:16px; color:#393535; line-height:26px;}
.c_1200_4 .li_hp.l1.fadeInLeft{  -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.c_1200_4 .li_hp.l2.fadeInLeft{  -webkit-animation-delay:0.4s; animation-delay:0.4s;}
.c_1200_4 .li_hp.l3.fadeInLeft{  -webkit-animation-delay:0.6s; animation-delay:0.6s;}
.c_1200_4 .li_hp.l4.fadeInLeft{  -webkit-animation-delay:0.8s; animation-delay:0.8s;}
.c_1200_4 .li_hp.l5.fadeInLeft{  -webkit-animation-delay:1s; animation-delay:1s;}
@media screen and (max-width:1023px) {
.c_1200_4{ padding:0 6%;}
.slide_pic_3 .li_hp .ico{ height:80px;}
.slide_pic_3 .li_hp h4{  margin-top:16px; font-size:16px; line-height:27px;}
}
@media screen and (max-width:767px) {
.section_4{ padding:0 10px;}
.slide_pic_3 .li_hp .ico{ height:60px;}
.slide_pic_3 .li_hp h4{  margin-top:10px; font-size:14px; line-height:23px;}
.slide_pic_3{ padding-bottom:30px; position:relative;}
.slide_pic_3 .slick-dots {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.slide_pic_3 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	background:#9cdbf8;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_3 .slick-dots li button { display:none;}
.slide_pic_3 .slick-dots li.slick-active{
	background:#186ebf;
}
}
@media screen and (max-height:480px) {
.slide_pic_3{ padding-bottom:15px;}
.c_1200_4{ margin-top:18px;}
.slide_pic_3 .li_hp .ico{ height:40px;}
}

.section_5{ background:url(images/index7.jpg) no-repeat center center; background-size:cover;}
.c_1200_5{ width:100%; float:left; margin-top:38px;}
.slide_pic_4{ width:100%; float:left;}
.slide_pic_4 ul{ width:100%; float:left; text-align:center; padding:50px 0;}
.slide_pic_4 ul li{ width:16.666%; float:left; margin-top:-10px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.slide_pic_4 ul li .zbox{ width:120px; height:120px; transform:rotate(45deg); background:white; display:inline-block;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.slide_pic_4 ul li .zbox a{ display:block; height:100%; width:100%; float:left; transform:rotate(-45deg);}
.slide_pic_4 ul li .zbox a img{ float:left;}
.slide_pic_4 ul li:hover{ transform:rotateY(180deg);}
.slide_pic_4 ul li:hover .zbox{ background:#0271b6;}
.slide_pic_4 ul li:hover .zbox a img{ transform:rotateY(-180deg);}
.slide_pic_4 ul li:nth-child(7){ margin-left:100px;}
.slide_pic_4 ul li:nth-child(12){ margin-left:200px;}
.slide_pic_4 .slick-prev,.slide_pic_4 .slick-next {
	position: absolute;
	left:-60px;
	top: 50%;
	display: block;
	width: 32px;
	height: 32px;
	background:url(images/index7_1.png) no-repeat left center; margin-top:-16px;
	z-index: 9; opacity:0.5;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
	 -o-transition: all 0.3s ease-out 0s; 
		transition: all 0.3s ease-out 0s;
}
.slide_pic_4 .slick-next {
	left: auto;
	right:-60px; background-position:right center;
}
.slide_pic_4 .slick-prev:hover,
.slide_pic_4 .slick-next:hover{ opacity:1;filter:alpha(opacity=100);}
@media screen and (max-width:1320px) {
.slide_pic_4{ width:94%; margin-left:3%;}
.slide_pic_4 ul li .zbox{ width:110px; height:110px;}
}
@media screen and (max-width:1299px) {
.slide_pic_4 ul li .zbox{ width:100px; height:100px;}
.slide_pic_4 ul li:nth-child(7){ margin-left:78px;}
.slide_pic_4 ul li:nth-child(12){ margin-left:155px;}
}
@media screen and (max-width:1199px) {
.slide_pic_4 .slick-prev{ left:0;}
.slide_pic_4 .slick-next{ right:0;}
.slide_pic_4{ width:100%; margin-left:0%;}
.slide_pic_4 ul li:nth-child(7){ margin-left:82px;}
.slide_pic_4 ul li:nth-child(12){ margin-left:165px;}
}
@media screen and (max-width:1023px) {
.slide_pic_4 ul li .zbox{ width:80px; height:80px;}
.slide_pic_4 ul li:nth-child(7){ margin-left:62px;}
.slide_pic_4 ul li:nth-child(12){ margin-left:125px;}
}
@media screen and (max-width:767px) {
.slide_pic_4 .slick-slide{ text-align:center;}
.slide_pic_4 ul{ width:320px; display:inline-block; margin:auto; float:none;}
.slide_pic_4 ul li{ width:33.33%;}
.slide_pic_4 ul li .zbox{ width:60px; height:60px;}
.slide_pic_4 ul li:nth-child(4){ margin-left:54px;}
.slide_pic_4 ul li:nth-child(6){ margin-left:108px;}
}
@media screen and (max-height:480px) {
.c_1200_5{ margin-top:8px;}
}
.section_5 .box.box1.fadeInDown{  -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.section_5 .box.box2.fadeInDown{  -webkit-animation-delay:0.6s; animation-delay:0.6s;}
.section_5 .box.box3.fadeInDown{  -webkit-animation-delay:1s; animation-delay:1s;}

/*招贤纳士*/
.banner{ width:100%; float:left; margin-top:80px;}
.banner img{ width:100%; float:left;}
@media screen and (max-width:1023px) {
.banner{ margin-top:50px;}
}

.s_1_d{float: left; width: 100%; padding-top: 40px;}
.s_1_d .s_recruit_t{ display:block; float:left; width:100%; margin-top:20px; height:118px;background:#f7f7f7; cursor:pointer;border-left: 3px solid #067ebb;position: relative;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.s_1_d .s_recruit_t span{display: block;float: left;margin-left: 30px;}
.s_1_d .s_recruit_t span h2{display: block;height: 40px;line-height: 40px;margin-top: 22px;font-size: 24px;color: #067ebb;}
.s_1_d .s_recruit_t span h5{display: block;height: 24px;line-height: 24px;margin-top: 5px;font-size: 14px;color: #333;}
.s_1_d .s_recruit_t font{display: block;float: right;margin: 32px 40px 0 0;font-size: 14px;color: #808080;padding-right: 50px;position: relative;}
.s_1_d .s_recruit_t font::after{content: "";display: block;position: absolute;right: 0;top: 4px;background: url(images/s_bg_1_1.png) no-repeat center/100% 100%;width: 28px;height: 15px;
-webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.s_1_d .s_recruit_t i{display: block;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 40px;opacity:0; filter:alpha(opacity=00);z-index: 9;
-webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.s_1_d .s_recruit_t i::before{content: "";display: block;float: left;width: 100%;height: 1px;background: #e6e6e6;}
.s_1_d .s_recruit_t.on font::after{
-webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
        transform: rotate(180deg);}
.s_1_d .s_recruit_t.on i{opacity:1; filter:alpha(opacity=100);}
.s_1_d .s_recruit_d{display: none; float:left; width:100%; background:#f7f7f7; border-left: 3px solid #067ebb; position:relative; padding:20px 30px 30px 30px; line-height:34px; font-size:14px; color:#4c4c4c;}
.s_1_d .s_recruit_d h4{display: block;line-height: 38px;height: 38px;font-size: 16px;color: #666;font-weight: bold;}
.s_1_d .s_recruit_d .span{display: block;height: 38px;line-height: 38px;font-size: 16px;color: #666;font-weight: bold;}
.s_1_d .s_recruit_d .span .__mail{font-weight: normal;color: #067ebb;}
.s_1_d .s_recruit_d .span .__mail:hover{text-decoration: underline;}
.s_1_d .s_recruit_d .span .__mail2{ display:block;float: right;background:#067ebb;margin: -1px 10px 0 0; width:155px; height:40px;line-height: 40px;font-size: 18px;color: #fff; text-align:center; cursor:pointer; outline:none; font-weight: normal;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;
-webkit-border-radius:20px; 
   -moz-border-radius:20px;
        border-radius:20px;}
.s_1_d > div .__mail2:hover{ opacity:0.8; filter:alpha(opacity=80);}

@media  screen and (max-width:991px){
  .s_1170_1{ padding-top: 53px;}
  .s_1_d{padding-top: 30px;}
}
@media  screen and (max-width:767px){
  .s_1170_1{ padding-top: 23px;}
  .s_1_d{padding: 20px 15px 0 15px;}
  .s_1_d .s_recruit_t{ margin-top:10px; height:60px;border-left: 2px solid #067ebb;}
  .s_1_d .s_recruit_t span{margin-left: 5px;}
  .s_1_d .s_recruit_t span h2{height: 20px;line-height: 20px;margin-top: 10px;font-size: 16px;}
  .s_1_d .s_recruit_t span h5{height: 20px;line-height: 20px;margin-top: 0;font-size: 12px;}
  .s_1_d .s_recruit_t font{margin: 10px 5px 0 0;height: 20px;line-height: 20px; font-size: 12px;padding-right: 20px;}
  .s_1_d .s_recruit_t font::after{top: 6px;width: 14px;height: 8px;}
  .s_1_d .s_recruit_t i{padding: 0 10px;}
  .s_1_d .s_recruit_d{border-left: 2px solid #067ebb;padding:10px; line-height:24px; font-size:12px;}
  .s_1_d .s_recruit_d h4{line-height: 28px;height: 28px;font-size: 14px;}
  .s_1_d .s_recruit_d .span{height: 28px;line-height: 28px;font-size: 14px;}
  .s_1_d .s_recruit_d .span button{ display:block;float: right;background:#067ebb;margin: -1px 0 0 0; width:80px; height:26px;line-height: 26px;font-size: 12px;
  -webkit-border-radius:13px; 
     -moz-border-radius:13px;
          border-radius:13px;}
}

/* 分页 */
.d_0100_fy{ float:left; width:100%; text-align:center; padding:60px 0;}
.pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}
.pz_fy a {display:block; float:left; width:38px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 5px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;}
.pz_fy a:hover,.pz_fy a.on{color: #fff; border:1px solid #186ebf; background:#186ebf; text-decoration:none;}
.pz_fy a.prve{ background:url(images/prve_fy.png) no-repeat center; width:100px;}
.pz_fy a.prve:hover,
.pz_fy a.prve.on{ background:url(images/prve_fy_h.png) no-repeat center #186ebf; border:1px solid #186ebf;}
.pz_fy a.next{ background:url(images/next_fy.png) no-repeat center; width:100px;}
.pz_fy a.next:hover,
.pz_fy a.next.on{ background:url(images/next_fy_h.png) no-repeat center #186ebf; border:1px solid #186ebf;}
.fy_phone{ display:none;}
@media  screen and (max-width:767px){
.d_0100_fy{padding: 20px 0;}
.pz_fy{ display:none;}
.fy_phone{ display:block;  float:left; width:100%; text-align:center; font-size:14px; color:#333;}
.fy_phone a {display:inline-block; *display:inline; *zoom:1; width:80px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px; background-size:12px auto !important;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;}
.fy_phone a.prve{ background:url(images/prve_fy.png) no-repeat center;}
.fy_phone a.prve:hover,
.fy_phone a.prve.on{ background:url(images/prve_fy_h.png) no-repeat center #186ebf; border:1px solid #186ebf;}
.fy_phone a.next{ background:url(images/next_fy.png) no-repeat center;}
.fy_phone a.next:hover,
.fy_phone a.next.on{ background:url(images/next_fy_h.png) no-repeat center #186ebf; border:1px solid #186ebf;}
.fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:38px; line-height:38px;}
}

.footer{ width:100%; float:left; padding:60px 0 75px 0; text-align:center; font-size:24px; color:white; line-height:64px; letter-spacing:1px;}
@media screen and (max-width:1023px) {
.footer{ padding:40px 0 35px 0; font-size:18px; line-height:44px;}
}
@media screen and (max-width:767px) {
.footer{ padding:20px 10px 15px 10px; font-size:14px; line-height:28px;}
}










.fadeInUp,.fadeInRight,.fadeInLeft,.bounceInUp,.fadeInDown{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;}

