﻿@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: 'Microsoft yahei'; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei';}
a{ text-decoration:none; color:#333;
-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;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei'; 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:absolute; left: 0; top: 0px;z-index:10001; background: url(images/bg_1.png); border-bottom: solid 1px #e2e2e3;}
.pz_banner{ float: left; width:100%; position:relative; z-index: 3;}
.pz_main{ float:left; width:100%; position:relative; z-index: 5; overflow: hidden;}
.pz_down{ float:left; width:100%; background:url(images/bg_2.jpg) no-repeat top center; background-size: cover;}

/*top*/
.top{ width:100%; float:left; height:96px; position:relative;}
.logo{ float: left; width: 71px; margin-top: 15px;}
.logo img{ width:100%; float: left;}
.search_ico{ width:23px; height: 51px; background: url(images/search_ico.png) no-repeat right top; cursor: pointer; position: relative; float: right; margin-top: 38px; margin-left: 38px; background-size: 22px 22px;}
.search_ico .search{ float:left; width:248px; height:44px; padding-top: 7px; background:url(images/search_k.png) left top no-repeat;  position: absolute; right: 0; top: 100%; display: none; margin-right: -5px;}
.search_ico .search .search_k{ width: 207px; padding-left: 11px; float: left; font-size: 14px; color: #8f8f8f; height: 35px; line-height: 35px; border: 0; background: none;}
.search_ico .sear_sub{ float:right; width:35px; height:35px; border:none;background:url(images/search_btn.png) center no-repeat;}
.search_ico:hover .search{ display: block;}
.menu{ z-index:99; height:97px; float:right; padding-right: 25px; background: url(images/bian_1.jpg) no-repeat right center;}
.menu > ul{ float:left; height:100%;}
.menu ul .nli{ float:left; height:100%; margin: 0 15px; text-align:center; z-index:99; position:relative;}
.menu ul .nli span a{ display:block; width: 100%; padding: 0 10px; float:left; height:97px; line-height:97px; color:#333; text-align:center; font-size:16px; background-position: center bottom; background-repeat: no-repeat;}
.menu ul .nli.on span a,
.menu ul .nli:hover span a{ color: #0b75be; border-bottom: solid 3px #0b75be;}
.encn{float:right;margin-top:38px; margin-left:10px;}
.encn a{ font-size:16px;color:#0b75be}

/*下拉菜单（漂浮在menu .nli上）*/
.sub { z-index:21;  position:absolute; display: none; float:left;  clear:both; width:160px; left: 50%; margin-left: -80px;top:100% !important; overflow: hidden; background: url(images/bg_7.png);
/*-moz-border-radius:15px; 
 -webkit-border-radius:15px; 
 -khtml-border-radius:15px;
 border-radius:15px;*/}
.sub .ul1{ width:100%;background:url(images/bg_8.png); box-shadow:0 3px 16px rgba(0,0,0,0.15);  text-align: left; float: left;}
.sub .l2{ width:100%; float: left; position: relative; border-top: solid 1px #ccc; margin-top: -1px;}
.sub .l2.have .l2_a{ background:url(images/ico_2_2.png) no-repeat 90% center;}
.sub .l2.have:hover .l2_a{ background-image:url(images/ico_2_2_h.png);}
.sub .l2 .l2_a{ padding: 8px 20px; line-height: 30px;  width:100%;  display:block; font-size: 14px;  float:left;  color:#fff;}
.sub .l2:hover .l2_a { color:#0b75be;}
.sub .l2:hover{ background:white;}
.sub .ul2 { float:left; /* position:absolute; left:100%; top:20px;*/ display:none;  margin:0px;  width:100%;  overflow:hidden;background:url(images/bg_8.png);/*  box-shadow:0 3px 16px rgba(0,0,0,0.15);*/}
.sub .ul2 .l3{ float:left;  position:static;  padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:12px; color:#333; text-align:left;}
.sub .ul2 .l3 .l3_a{ padding:0px 20px; line-height: 40px;  width:100%;  display:block;  float:left;  color:#333333; background-position:left center;}
.sub .ul2 .l3:hover .l3_a { color:#fff; background: url(images/bg_3.png);}
.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

@media screen and (max-width:1199px) {
.menu{ padding-right: 10px;}
.menu ul .nli{ margin: 0 10px;}

.search_ico{margin-left:28px;}
}
@media screen and (max-width:1023px) {
.search_ico,.menu{ display: none;}
.encn{float: left;margin-top: 22px;margin-left: 20px;position: absolute;right: 50px;top: 0;}
.top{ height: 65px;}
.logo{width: 41px;}
.menu{ display: none;}
.menuph{ float:right; cursor: pointer;  width: 22px;  height: 22px; text-align: center; display: block;}
.menuph .point {  display: inline-block;  width: 22px;  height: 22px;  margin-top: 24px;  position: relative;  }
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 22px;  }
.menuph .navbtn {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #0b75be;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #0b75be;  }
.menuph .navbtn::after { top:-8px; }
.menuph .navbtn::before { top:8px; }
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background: #0b75be;}
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background: #0b75be;}
.pf_menu_bg{ width:100%; height: 100%; position:fixed; left:0; top:0 !important; z-index:8; background: rgba(255,255,255,0.8); z-index: 9999;}
.pf_menu{ position:absolute; width:100%; overflow-y:auto; left:0px;background:url(images/bg_1.png); top:65px; z-index:10001; display:block; padding:0 3% 15px 3%; float: left;}
.ph_menu{ float:left; width:100%; padding:10px 0 0 0; text-align:center;}
.search{ float:left; width:100%; height:40px; padding-top: 0px; border: solid 1px #0b75be; padding: 5px 40px 5px 10px; margin-top: 10px; position: relative;}
.search .search_k{ width: 100%; float: left; font-size: 14px; color: #8f8f8f; height: 28px; line-height: 28px; border: 0; background: none;}
.search .sear_sub{width:40px; height:28px; position: absolute; right: 0; top:5px;border:none;background:url(images/search_btn.png) center no-repeat; border-left: solid 1px #ccc; background-size: 14px 14px;}
.ph_menu .nli{ float:left; width:100%; border-bottom:solid 1px #f0f0f0;}
.ph_menu .nli span{ float:left; width:100%; padding:0 15px 0 15px;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#0b75be; font-size:14px; line-height:20px; padding: 10px 0; font-weight: bold; letter-spacing: 1px;}
.ph_menu .nli .l1_a.have{ background: url(images/menu22.png) right center no-repeat;}
.ph_menu .nli.on .l1_a.have{ background:url(images/menu22_h.png) right center no-repeat;}
.ph_menu .nli.on .l1_a{ color:#f8920c; }
}
@media screen and (max-width:767px) {
.top{ padding: 0 10px;}
.encn{float: left;margin-top: 22px;margin-left: 20px;position: absolute;right: 50px;top: 0;}
}
@media screen and (max-width:480px) {
.top{ height: 50px;}
.logo{width: 31px; margin-top: 10px;}
.menuph .point { margin-top: 15px; }
.pf_menu{ top:50px;}
.encn{float: left;margin-top: 13px;margin-left: 20px;position: absolute;right: 50px;top: 0;}
}
.slide_banner{ height:1080px; width:100%; float:left;}
.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 .img{ width:100%; height: 100%; float: left; min-height: 426px; background-size: cover !important;
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.2);
		  transform: scale(1.2);}
.slide_banner .slick-slide.slick-active .img {
  -webkit-transform: scale(1);
		  transform: scale(1);
}
.padshow{ display:none;}
.slide_banner .slick-slide .img1{ width:100%; float: left; min-height: 226px; background-size: cover !important;
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.2);
		  transform: scale(1.2);}
.slide_banner .slick-slide.slick-active .img1 {
  -webkit-transform: scale(1);
		  transform: scale(1);
}
.slide_banner .slick-dots {
	position: fixed;
	bottom: 42px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.slide_banner .slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 6px;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	background: url(images/banner_ico.png) no-repeat left center;
	-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;
}
.slide_banner .slick-dots li.slick-active{
	background-position: right center;
}
.pz_banner_h{ height: 100%; position: relative;}
@media screen and (max-width:1024px) {
.slide_banner,.slide_banner .slick-list ,.slide_banner .slick-track{ height: auto; }
.slide_banner .slick-slide{ height: auto;}
.pcshow{ display: none;}
.padshow{ display: block;}
.pz_banner_h,.section,.fp-tableCell{ height: auto !important;}
.slide_banner .slick-dots {position: absolute;}
}
@media screen and (max-width:991px) {
.slide_banner .slick-slide .img1{ min-height: 150px;}
}
@media screen and (max-width:767px) {
.slide_banner .slick-dots {bottom: 20px;}
}
@media screen and (max-width:480px) {
.slide_banner .slick-dots {bottom: 10px;}
.slide_banner .slick-dots li { width:8px; height: 8px; background-size: 25px 8px; margin: 0 3px;}
}

/*底部*/
.footer{ width:100%; float: left; background: url(images/bg_2.jpg) no-repeat center; background-size: cover; padding: 63px 0 53px 0;}
.tit_1{ width:25.641%; float: left; position: relative; opacity: 0; left: -100px;}
.tit_1 h4{ width:100%; float: left; font-size: 24px; color: #fff; line-height: 29px;}
.tit_1 h6{ width:100%; float: left; font-size: 14px; color: #999; line-height: 18px;}
.tit_1 .bian{ width:2000px; position: absolute; right: 100%; top: 62px; margin-right: -96px; background: #999; height: 1px; opacity: 0.1; filter: alpha(opacity=10);}
.footer .c_300_2{ width:25.641%; float: left;}
.footer .c_300_2 dl{ width:100%; float: left;}
.footer .c_300_2 dt{ width:100%; float: left; margin-top: 7px; font-size: 14px;color: white; line-height: 22px;}
.footer .c_300_2 dd{ width:100%; float: left; margin-top:25px;}
.footer .c_300_2 dd .bshare-custom{ float: left; margin-top: 6px;}
.footer .c_300_2 dd .bshare-custom a{ display: block; float: left; width:26px; height: 26px; margin: 0 10px 0 0 !important; padding: 0 !important;}
.footer .c_300_2 dd .bshare-custom a.a1{ background: url(images/ico1_1.png) no-repeat center center;}
.footer .c_300_2 dd .bshare-custom a.a2{ background: url(images/ico1_2.png) no-repeat center center;}
.footer .c_300_2 dd .bshare-custom a.a1:hover{ background: url(images/ico1_1_h.png) no-repeat center center;}
.footer .c_300_2 dd .bshare-custom a.a2:hover{ background: url(images/ico1_2_h.png) no-repeat center center;}
.footer .c_300_2 dd .p{ width:100%; float: left; font-size: 12px; color: #999; line-height: 26px;}
.footer .c_300_2 dd .p a{ color: #999;}
.footer .c_270_r{ width:23.077%; float: left;}
.footer .c_270_r dd .link_1{ width:100%; float: left; font-size: 12px; color: #999; line-height: 26px; overflow: hidden;}
.footer .c_270_r dd .link_1 a{ color: #999; padding-left: 11px; background: url(images/bian_2.jpg) no-repeat left center; margin-left: -11px; margin-right: 22px; float: left;}
.footer .c_270_r dd .link_1 a:hover{ color:white;}
.down{ width:100%; float: left; background: #222; padding: 15px 10px 14px 10px; text-align: center;}
.down .p{ width:100%; float: left; font-size: 12px; color: #797979; line-height: 20px;}
@media screen and (max-width:1023px) {
.footer .tit_1{ width:15.641%;}
.footer .c_270_r{ width:33.077%; padding-left: 10%;}
}
@media screen and (max-width:767px) {
.footer{ padding: 43px 10px 33px 10px;}
.footer .tit_1{ width:100%;}
.tit_1 h4{ font-size: 20px; line-height: 25px;}
.tit_1 h6{ font-size: 12px; line-height: 16px;}
.footer .tit_1 .bian{ top: 42px; margin-right: -76px;}
.footer .c_300_2{ width:30%; }
.footer .c_270_r{ width:40%; padding-left: 5%;}
}
@media screen and (max-width:480px) {
.footer{ padding: 13px 10px 13px 10px;}
.footer .tit_1{ display: none;}
.footer .c_300_2{ width:70%; }
.footer .c_300_2.first{ width:30%; }
.footer .c_270_r{ width:100%; padding-left:0;}
.footer .c_300_2 dd{ margin-top:15px;}
.footer .c_300_2 dd .bshare-custom a{ width:22px; height: 22px; margin: 0 5px 0 0 !important; background-size: contain !important;}
.footer .c_300_2 dd .p{ line-height: 22px;}
.footer .c_270_r dd .link_1{ line-height: 22px;}
.footer .c_270_r dd .link_1 a{ color: #999; padding-left: 6px;background-size: 1px auto;margin-left: -6px; margin-right: 12px;}
.down{ padding: 10px 10px 8px 10px;}
.down .p{ line-height: 18px;}
}

/*首页main*/
#dowebok{ z-index: 5; position: relative;}
.pt_90{padding-top: 60px;}
.leftnav{ width:50px; right:50px; top:30%; position:fixed; z-index:4;}
.leftnav em{ width:1px; height: 100%; position: absolute; right: 6px; top: 0; background: #eaeaea; z-index: -1;}
.leftnav li{ width:100%; float:left; margin-top:18px;}
.leftnav li.first{ margin-top: 0;}
.leftnav li a{ display:block; width:100%; float:left; padding-right:20px; color:#0b75be; font-size:14px; background: url(images/ico3_2.png) no-repeat top right; text-align: right; text-indent: 999px; overflow: hidden; height: 13px; line-height: 13px;}
.leftnav li.active a{ background-position: bottom right; text-indent: 0;}
.leftnav li:hover a{ text-indent: 0;}
.leftnav.on{ z-index:11;}
.c_0100_1{ width: 100%; float: left; background: url(images/bg_3.jpg) no-repeat center center; background-size: cover;/* padding: 187px 0 142px 0;*/}
.c_0100_1 .tit_1 h4{ color: white;}
.c_0100_1 .tit_1 h6{ color: white;}
.c_0100_1 .tit_1 .bian{ background-color: white;}
.slide_pic{ width:100%; float: left; margin-top: 67px; opacity: 0; top: 100px;}
.ul_1{ float: left;}
.ul_1 li{ width:100%; float: left; padding: 0 15px;}
.ul_1 li .zbox{ width:100%; float: left; position: relative; padding: 53px 44px 71px 44px; border: solid 1px #b7d4e7; position: relative;}
.ul_1 li .zbox .bg{ width:100%; height: 100%; position: absolute; left: 0; top: 0; background: url(images/bg_4_h.png); z-index: -1;
-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;}
.ul_1 li .zbox h3{ width:100%; float: left; font-size: 32px; color: white; font-weight: bold; line-height: 51px;
-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;}
.ul_1 li .zbox h5{ width:100%; float: left; font-size: 14px; color: white; line-height: 32px; overflow: hidden; height: 32px; opacity: 0.6; filter:alpha(opacity=60);
-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;}
.ul_1 li .zbox .p{ width:100%; float: left; font-size: 14px; color: white;margin-top: 23px; line-height: 30px; height: 150px; overflow: hidden;
-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;}
.ul_1 li .zbox .more{ width:100%; float: left; margin-top: 49px; position: relative; text-align: right; overflow: hidden;}
.ul_1 li .zbox .more .bian{ width:900px; position: absolute; height: 1px; position: absolute; right: 0; top: 50%; background: white; margin-right: 67px;opacity: 0.2; filter:alpha(opacity=20);
-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;}
.ul_1 li .zbox .more a{ float: right; font-size: 14px; color: white; line-height: 19px;  text-transform: uppercase; font-family: Arial; padding-right: 18px;background: url(images/ico3_1.png) no-repeat right 2px; background-size: 10px auto !important;}
.ul_1 li .zbox:hover{ border: solid 1px #004b7e;}
.ul_1 li .zbox:hover .bg{ background: url(images/bg_4.jpg);}
.ul_1 li .zbox:hover h3{ color:#0b75be;}
.ul_1 li .zbox:hover h5{ color:#333;}
.ul_1 li .zbox:hover .p{ color:#999;}
.ul_1 li .zbox:hover .more .bian{ background-color: #0b75be;}
.ul_1 li .zbox:hover .more a{ color: #0b75be; background-image:url(images/ico3_1_h.png);}
.slide_pic .slick-dots {
	position: relative;
	bottom: auto;
	 float: left;
	 margin-top: 40px;
}
.slide_pic .slick-dots li {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 8px;
	background: url(images/ico2.png) no-repeat right center;
	overflow: hidden;
}
.slide_pic .slick-dots li.slick-active{
	background-position: left center;
}
@media screen and (max-width:1023px) {
.c_0100_1{ padding: 127px 0 102px 0;}
.pt_90{padding-top: 100px;}
}
@media screen and (max-width:767px) {
#dowebok{ overflow: hidden;}
.c_0100_1{ padding: 67px 10px 42px 10px;}
.slide_pic{ margin-top: 47px;}
}
@media screen and (max-height:760px) {
.ul_1 li .zbox{ padding: 23px 44px 41px 44px; }
.slide_pic{ margin-top: 47px;}
.ul_1 li .zbox .more{ margin-top: 29px;}
}
@media screen and (max-width:480px) {
.c_0100_1{ padding: 37px 10px 22px 10px;}
.pt_90{padding-top: 30px;}
.tit_1 .bian{ top:52px; margin-right: -50px;}
.ul_1 li .zbox{ padding: 33px 24px 31px 24px;}
.ul_1 li .zbox h3{font-size: 22px; line-height: 31px;}
.ul_1 li .zbox h5{ font-size: 12px; line-height: 22px; height: 22px; }
.ul_1 li .zbox .p{font-size: 12px;margin-top: 13px; line-height: 22px; height: 110px; }
.ul_1 li .zbox .more{ margin-top: 29px;}
.ul_1 li .zbox .more a{ font-size: 12px; line-height: 16px; padding-right: 12px; background-position: 6px right;background-size: 6px auto !important;}
.slide_pic .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 3px;
	background-size:auto 10px;
}
}

.bg_1{ background: #f8f8f8; overflow: hidden !important;}
.tit_1_1 h4{ color: #333;}
.tit_1_1 h6{ color: #999;}
.tit_1_1 .bian{ background: black;}
.c_0100_2{ width:100%; float: left; margin-top: 65px; padding-right: 200px; position: relative;}
.c_0100_2:before{ content: ''; width: 1px; height: 1200px; background: #ebebeb; position: absolute; right: 200px; top: 50%;z-index: 2; margin-top: -600px;}
.slick_res1l{ width:100%; float: left; position: relative; left: 100px; opacity: 0; z-index: 3;}
.slick_res1l .slick-slide{ width:100%; float: left; background: white; height: 421px; padding: 40px 70px 50px 60px;}
.slick_res1l .img{ float: left; position: relative;}
.slick_res1l .img:before{ content: ''; width:150px; height: 150px; position: absolute; left: -20px; bottom: -20px; background: #0b75be; z-index: 1;}
.slick_res1l .img .img_box{ width:440px; height: 331px; overflow: hidden; position: relative; z-index: 2;}
.slick_res1l .img .img_box img{ width:100%; float: left;}
.slick_res1l .text{ margin-left: 504px; position: relative; z-index: 1;}
.slick_res1l .text h4{ width:100%; float: left; margin-top: 13px; font-size: 18px; color: #333; line-height: 35px; position: relative;}
.slick_res1l .text h4:before{ content: ''; width: 200px; position: absolute; left: -214px; height: 1px; top: 50%; background: #999; opacity: 0.2; filter:alpha(opacity=20);}
.slick_res1l .text h6{ width:100%; float: left; font-size: 12px; color: #999; line-height: 28px;}
.slick_res1l .text .p{ width:100%; float: left; font-size: 14px; color: #999; line-height: 36px; margin-top: 11px; height: 144px; overflow: hidden;}
.slick_res1l .text .btn{ width:100%; float: left; margin-top: 22px;}
.slick_res1l .text .btn a{ display: block; float: left; width:30px; height: 30px; background: #e8e8e8 url(images/btn2_1.png) no-repeat center center; background-size: 12px 12px;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;}
.slick_res2r{ width:200px; position: absolute; right: 100px; top: 0;border-top: solid 1px #ebebeb; height: 421px; opacity: 0;}
.slick_res2r .zbox{ width:100%; float: left; border-bottom: solid 1px #ebebeb; padding: 50px 20px 10px 20px; background: #f8f8f8; height: 141px; cursor: pointer;}
.slick_res2r .zbox h4{ width:100%; float: left; font-size: 18px; color: #333; line-height: 28px;}
.slick_res2r .zbox h6{ width:100%; float: left; font-size: 12px; color: #999; line-height: 22px;}
.slick_res2r .slick-slide.slick-current .zbox{ background: #0b75be;}
.slick_res2r .slick-slide.slick-current .zbox h4{ color: white;}
.slick_res2r .slick-slide.slick-current .zbox h6{ color: white;opacity: 0.5; filter:alpha(opacity=50);}
.slick_res2r .slick-prev,.slick_res2r .slick-next {
	left: 50%;
	top: -80px;
	display: block;
	width: 40px;
	height: 22px;
	background: url(images/btn1.png) no-repeat top center;
	margin-left: -20px;
}
.slick_res2r .slick-next {
	top: auto;
	bottom: -80px;
	background-position: bottom center;
}
.slick_res2r .slick-prev:hover,
.slick_res2r .slick-next:hover{ background-image: url(images/btn1_h.png);}
@media screen and (max-height:720px) {
.c_0100_2{ margin-top: 45px;}
}
@media screen and (max-width:1199px) {
.slick_res1l .img .img_box{ width:340px; height: 255px;}
.slick_res1l .text{ margin-left: 384px;}
}
@media screen and (max-width:1023px) {
.bg_1{ padding: 100px 0;}
.c_0100_2{ margin-top: 45px; padding-right: 100px;}
.c_0100_2:before{ right: 100px;}
.slick_res1l .slick-slide{ height: 321px; padding: 20px;}
.slick_res1l .img:before{ width:100px; height: 100px; left: -10px; bottom: -10px;}
.slick_res1l .text h4{ margin-top: 10px; font-size: 16px; line-height: 25px;}
.slick_res1l .text h6{ line-height: 22px;}
.slick_res1l .text .p{ font-size: 12px; line-height: 26px; margin-top: 6px; height: 104px;}
.slick_res1l .text .btn{ margin-top: 12px;}
.slick_res1l .text .btn a{ width:20px; height: 20px; background-size: 8px 8px;}
.slick_res2r{ width:100px; height: 321px;}
.slick_res2r .zbox{ padding: 20px 10px 10px 10px; height: 107px;}
.slick_res2r .zbox h4{ font-size: 16px; line-height: 22px;}
.slick_res2r .zbox h6{ line-height: 20px;}
.slick_res2r .slick-prev {top: -40px;}
.slick_res2r .slick-next {bottom: -40px;}
}
@media screen and (max-width:767px) {
.bg_1{ padding: 40px 10px 60px 10px;}
.slick_res1l .img .img_box{ width:130px; height: 98px;}
.slick_res1l .text{ margin-left: 150px;}
.slick_res2r .slick-prev,.slick_res2r .slick-next {
	width: 28px;
	height: 15px;
	background-size:28px 30px !important;
	margin-left: -14px;
}
.slick_res1l .slick-slide{ height: 221px;}
.slick_res2r{ height: 221px;}
.slick_res2r .zbox{ padding: 10px; height: 73.666px;}
.slick_res1l .text h4{ margin-top: 0px;}
.slick_res2r .zbox h6{ line-height: 16px;}
}
@media screen and (max-width:480px) {
.bg_1{ padding: 30px 10px 20px 10px;}
.c_0100_2{ padding-right: 0;}
.c_0100_2:before{ display: none;}
.slick_res2r{ display: none;}
.slick_res1l .slick-slide{ height:auto;}
.slick_res1l .slick-dots {
	position: relative;
	bottom: auto;
	 float: left;
	 margin-top: 20px;
}
.slick_res1l .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
	background:#ddd;
	overflow: hidden;
	-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;
}
.slick_res1l .slick-dots li.slick-active{
	background:#0b75be;
}
}

.tit_1_2 h4{ color: #fff;}
.tit_1_2 h6{ color: #fff;}
.tit_1_2 .bian{ background: white;}
.bg_2{ background: url(images/bg_5.jpg) no-repeat center center; background-size: cover;}
.c_0100_3{ width:100%; float: left; margin-top: 100px;}
.c_0100_3 .c_515{ width:44.01%; float: left; margin-top: 80px; position: relative; opacity: 0; top: 100px;}
.c_0100_3 .c_515 h3{ width:100%; float: left; font-size: 24px; color: white; line-height: 30px;}
.c_0100_3 .c_515 h4{ width:100%; float: left; font-size: 16px; color: white; line-height: 20px; font-family: Arial; text-transform: uppercase;}
.c_0100_3 .c_515 .p{ width:100%; float: left; font-size: 16px; color: #dbdbdb; line-height: 34px; margin-top: 42px; height: 102px; overflow: hidden;}
.c_0100_3 .c_515 .btn{ width:100%; float: left; margin-top: 41px;}
.c_0100_3 .c_515 .btn a{ display: block; float: left; width:150px; height: 40px; line-height: 38px; text-align: center; border: solid 1px rgba(255,255,255,0.3); font-size: 14px; color: white; text-transform: uppercase; font-family: Arial;}
.c_0100_3 .c_550{ width:47%; float: right; position: relative;opacity: 0; right: 100px;}
.c_0100_3 .c_550 .img3{ width:80%; float: right;}
.c_0100_3 .c_550 .img1{ position: absolute; left: 11px; width: 77.09%; top: 10%;}
.c_0100_3 .c_550 .img2{ position: absolute; left: 7.81%; width: 61.4545%; bottom: 15%;}
.c_0100_3 .c_515 .btn a:hover{ background: white; color: #0b75be;}
@media screen and (max-height:820px) {
.c_0100_3{ margin-top: 40px;}
}
@media screen and (max-width:1023px) {
.c_0100_3 .c_515{ margin-top: 40px;}
.bg_2{ padding-bottom: 100px;}
.c_0100_3 .c_550 .img2{ bottom: 10%;}
}
@media screen and (max-width:767px) {
.bg_2{ padding:40px 10px;}
.c_0100_3 .c_515 h3{ font-size: 20px; line-height: 24px;}
.c_0100_3 .c_515 h4{ font-size: 14px; line-height: 18px;}
.c_0100_3 .c_515 .p{ font-size: 14px; line-height: 26px; margin-top: 22px; height: 78px;}
.c_0100_3 .c_515 .btn{ margin-top: 21px;}
.c_0100_3 .c_515 .btn a{ width:100px; height: 30px; line-height: 28px; font-size: 12px;}
}
@media screen and (max-width:480px) {
.bg_2{ padding:30px 10px;}
.c_0100_3 .c_515{ width:100%; margin-top: 0;}
.c_0100_3 .c_550 .img1{ top:5%;}
}

.c_0100_4{ width:100%; float: left; margin-top: 64px;}
.c_0100_4 ul{ width:100%; float: left; height: 579px; overflow: hidden;}
.c_0100_4 ul li{ width:100%; float: left; padding: 18px 0; height: 193px; position: relative; top: 100px; opacity: 0;}
.c_0100_4 ul li .c_400{ width:400px; float: left;}
.c_0100_4 ul li .img{ width:155px; height: 155px; float: left; padding: 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;}
.c_0100_4 ul li .img img{ width:100%; float: left;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;}
.c_0100_4 ul li .title{ width:135px; float: left; margin-left: 107px; margin-top: 40px;}
.c_0100_4 ul li .title h4{ width:100%; float: left; font-size: 18px; color: #333; line-height: 35px;
-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;}
.c_0100_4 ul li .title h5{ width:100%; float: left; font-size: 14px; color: #878787; line-height: 30px;
-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;}
.c_0100_4 ul li .text{ margin-left: 470px; position: relative; margin-top: 40px;}
.c_0100_4 ul li .text:before{ content: ''; width:32px; height: 1px; background: #dadada; position: absolute; left: -52px; top: 15px;
-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;}
.c_0100_4 ul li .text .p{font-size: 16px; color: #878787; line-height: 26px; height: 78px; overflow: hidden; width:100%; float: left; padding-right: 100px; background: url(images/btn3.png) no-repeat 90% 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;}
.c_0100_4 ul li:hover{background: #0b75be;}
.c_0100_4 ul li:hover .img{ padding: 0;}
.c_0100_4 ul li:hover .title h4{ color:white;}
.c_0100_4 ul li:hover .title h5{ opacity: 0.6; filter:alpha(opacity=60); color:white;}
.c_0100_4 ul li:hover .text:before{ background:  white;  opacity: 0.2; filter:alpha(opacity=20);}
.c_0100_4 ul li:hover .text .p{ color:white;}
@media screen and (max-width:1023px) {
.c_0100_4 ul li .c_400{ width:160px; text-align: center;}
.c_0100_4 ul li .c_400 .img{ width:100%; height: 80px;}
.c_0100_4 ul li .c_400 .img img{ width:auto; height: 100%; float: none;}
.c_0100_4 ul li .title{ margin-left: 0px; width:100%; margin-top: 10px;}
.c_0100_4 ul li .text{ margin-left: 200px;}
.c_0100_4 ul li .text .p{ padding-right: 80px}
}
@media screen and (max-width:767px) {
.bg_3{ padding: 0 10px;}
.c_0100_4{ margin-top: 44px;}
.c_0100_4 ul{ height: 450px; overflow: hidden;}
.c_0100_4 ul li{ width:100%; float: left; padding: 10px; height: 150px;}
.c_0100_4 ul li .title h4{ font-size: 16px; line-height: 25px;}
.c_0100_4 ul li .title h5{ font-size: 12px; line-height: 22px;}
.c_0100_4 ul li .text{ margin-top: 30px;}
.c_0100_4 ul li .text:before{ width:22px; left: -32px;}
.c_0100_4 ul li .text .p{font-size: 14px; line-height: 24px; height: 72px; padding-right: 60px; background-position: right center; background-size: 16px 25px;}
}
@media screen and (max-width:480px) {
.c_0100_4{ padding-bottom: 20px;}
.c_0100_4 ul{ height: 360px;}
.c_0100_4 ul li{ height: 120px;}
.c_0100_4 ul li .c_400{ width:100px;}
.c_0100_4 ul li .c_400 .img{ height: 50px;padding: 0;}
.c_0100_4 ul li .text{ margin-left: 110px; margin-top: 15px;}
.c_0100_4 ul li .text:before{ display: none;}
.c_0100_4 ul li .text .p{ padding-right: 40px}
}

.section_6 .section_6_box{ position: absolute; height: 100%; left: 0; top: 0; overflow-y: auto;}
.c_0100_5{ width:100%; float: left; padding: 160px 0 150px 0; background: url(images/bg_6.jpg) no-repeat center center; background-size: cover; overflow: hidden !important;} 
.slide_pic_1{ width:100%; float: left; margin-top: 130px; position: relative; opacity: 0; top: 100px;}
.slide_pic_1 .slick-slide{ float: left;}
.slide_pic_1 .slick-slide li{ width:100%; float: left; padding: 0 15px;}
.slide_pic_1 .slick-slide li h2{ width:100%; float: left;}
.slide_pic_1 .slick-slide li h2 span{ float: left; padding-bottom: 19px; border-bottom: solid 4px rgba(0,0,0,0); font-size: 30px; color:#a7c5d9; line-height: 46px;-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_1 .slick-slide li h4{ width:100%; float: left; margin-top: 17px; font-size: 16px; color:#dbdbdb; line-height: 24px;
-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_1 .slick-slide li .p{ width:100%; float: left; margin-top: 16px; font-size: 14px; color: #a7c5d9; line-height: 25px; height: 50px; overflow: hidden;}
.slide_pic_1 .slick-slide li:hover h2 span{ color: white; border-color: white;}
.slide_pic_1 .slick-slide li:hover h4{ color: white;}
.slide_pic_1 .slick-slide li .img{ width:100%; float: left; margin-top: 27px;}
.slide_pic_1 .slick-slide li .img img{ width:100%; float: left;}
.slide_pic_1:before{ content: ''; width:1920px; height: 1px; background: white; opacity: 0.2; filter:alpha(opacity=20); position: absolute; left: 50%; top: 68px; margin-left: -960px;}
.slide_pic_1 .slick-dots {
	position: relative;
	bottom: auto;
	 float: left;
	 margin-top: 20px;
}
.slide_pic_1 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	background:#fff;
	overflow: hidden; opacity: 0.2; filter:alpha(opacity=20);
	-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;
}
.slide_pic_1 .slick-dots li.slick-active{
	 opacity: 1; filter:alpha(opacity=100);
}
@media screen and (max-width:1199px) {
.slide_pic_1{ margin-top: 80px;}
}
@media screen and (max-width:1023px) {
.section_6 .section_6_box{ position: relative; height: auto; left: auto; top: auto;}
.c_0100_5{ padding: 60px 0 50px 0; } 
}
@media screen and (max-width:767px) {
.c_0100_5{ padding: 40px 10px 30px 10px; } 
.slide_pic_1{ margin-top: 40px;}
}
@media screen and (max-width:480px) {
.c_0100_5{ padding: 30px 10px 20px 10px; } 
.slide_pic_1 .slick-slide li h2 span{ padding-bottom: 10px; border-bottom: solid 2px white; font-size: 20px; line-height: 36px;}
.slide_pic_1 .slick-slide li h4{ margin-top: 10px; font-size: 14px; line-height: 22px;}
.slide_pic_1 .slick-slide li .p{ margin-top: 10px; font-size: 12px;line-height: 23px; height: 46px;}
.slide_pic_1 .slick-slide li .img{ margin-top: 17px;}
.slide_pic_1:before{ top: 47px;}
}

.banner{ width:100%; float: left; height: 630px; position: relative;}
.banner img{ width:1920px; height: 630px; position: absolute; left: 50%; top: 50%; margin:-315px 0 0 -960px; max-width: none;}
.c_1170_1{ width:100%; float: left; padding-bottom: 60px;}
.row_1{ margin: 0 -36px;}
.c_1170_1 ul{ width:100%; float: left; margin-top: 48px;}
.c_1170_1 ul li{ width:50%; float: left; padding: 0 36px; margin-top: 22px;}
.c_1170_1 ul li .zbox{ width:100%; float: left; padding: 30px 30px 128px 30px; border: solid 1px #f5f5f5; background: url(images/bg_9.jpg) no-repeat center center; text-align: center; position: relative;}
.c_1170_1 ul li .zbox .img{ width:100%; float: left;}
.c_1170_1 ul li .zbox .img img{ width:100%; float: left;}
.c_1170_1 ul li .zbox .mb{ width:100%; height: 100%; background: url(images/bg_8.png); position: absolute; left: 0; top: 0; opacity: 0; filter:alpha(opacity=0);
-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;}
.c_1170_1 ul li .zbox .bian{ width:100%; height: 100%; position: absolute; left: 0; top: 0;opacity: 0; filter:alpha(opacity=0);
-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;}
.c_1170_1 ul li .zbox .bian img{ width:100%; float: left;
-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;}
.c_1170_1 ul li .zbox .btn{ width:62px; height: 62px; position: absolute; left: 50%; top: 0; margin: -31px 0 0 -31px;opacity: 0; filter:alpha(opacity=0);
-webkit-transition: all 0.3s ease-out 0.2s; 
-moz-transition: all 0.3s ease-out 0.2s; 
-o-transition: all 0.3s ease-out 0.2s; 
transition: all 0.3s ease-out 0.2s;}
.c_1170_1 ul li .zbox .btn img{ width:100%; float: left;}
.c_1170_1 ul li .zbox .name{ width:100%; position: absolute; left: 0; bottom: 69px; text-align: center; font-size: 22px; color: #333; line-height: 27px; text-transform: uppercase; background: url(images/bian_4.jpg) no-repeat bottom center; padding: 0 10px 15px 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;}
.c_1170_1 ul li .zbox:hover .mb{opacity: 1; filter:alpha(opacity=100);}
.c_1170_1 ul li .zbox:hover .bian{opacity: 1; filter:alpha(opacity=100);}
.c_1170_1 ul li .zbox:hover .bian img{ width:90%; height: 90%; margin: 5% 0 0 5%;}
.c_1170_1 ul li .zbox:hover .btn{ top:50%;opacity: 1; filter:alpha(opacity=100);}
.c_1170_1 ul li .zbox:hover .name{ color: white; background-image: url(images/bian_4_h.jpg);}
.c_1170_1 ul li:nth-child(2n){ margin-top: 72px;}
@media screen and (max-width:1199px) {
.banner{ height: 430px;}
.banner img{ width:1312px; height: 430px; margin:-215px 0 0 -656px;}
}
@media screen and (max-width:1024px) {
.c_1170_1 ul li .zbox .name{ bottom: 49px;}
.c_1170_1{ padding:0 10px 40px 10px;}
.row_1{ margin: 0 -16px;}
.c_1170_1 ul{ margin-top: 28px;}
.c_1170_1 ul li{ padding: 0 16px; margin-top: 12px;}
.c_1170_1 ul li:nth-child(2n){ margin-top: 42px;}
}
@media screen and (max-width:991px) {
.banner{ height: 330px;}
.banner img{ width:1007px; height: 330px; margin:-165px 0 0 -503px;}
}
@media screen and (max-width:767px) {
.banner{ height: 262px;}
.banner img{ width:800px; height: 262px; margin:-131px 0 0 -400px;}
.c_1170_1 ul li .zbox{ padding: 20px 20px 88px 20px;}
.c_1170_1 ul li .zbox .name{ bottom: 29px;padding: 0 5px 10px 5px; font-size: 18px; line-height: 25px; background-size: 16px 1px;}
.c_1170_1 ul li .zbox .btn{ width:32px; height: 32px; margin: -16px 0 0 -16px;}
}
@media screen and (max-width:480px) {
.banner{ height: 230px;}
.banner img{ width:702px; height: 230px; margin:-115px 0 0 -421px;}
.c_1170_1 ul{ margin-top: 18px;}
.row_1{ margin: 0 -5px;}
.c_1170_1 ul li{ padding: 0 5px; margin-top: 0px; width:100%; margin-top: 10px;}
.c_1170_1 ul li:nth-child(2n){ margin-top: 10px;}
.c_1170_1 ul li .zbox{ padding: 10px 10px 68px 10px;}
.c_1170_1 ul li .zbox .name{ bottom: 20px; font-size: 16px; line-height: 22px;}
}














/*分页*/
.wack1{ float:left; width:100%; padding:79px 0 0px 0; text-align:center;}
.pz_fy{ text-align:center; display:inline-block; *zoom:1; *display:inline;}
.pz_fy a { display:block; float:left; width:38px; height:38px; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border: #e3e3e3 1px solid; color:#272727; font-family:Arial;text-decoration:none; margin:0 5px; font-size:14px; line-height: 38px;}
.pz_fy a:hover,.pz_fy a.on{color:#fff; border:#0b75be 1px solid; background-color:#0b75be; text-decoration:none;}
.pz_fy .l_fy{ background:url(images/btn9_l_h.png) center no-repeat; width:100px; height:38px;}
.pz_fy .r_fy{ background:url(images/btn9_r_h.png) center no-repeat;width:100px; height:38px;}
.pz_fy .l_fy:hover{ background:url(images/btn9_l.png) center no-repeat #0b75be;}
.pz_fy .r_fy:hover{ background:url(images/btn9_r.png) center no-repeat #0b75be;}

@media  screen and (max-width:991px){	
.wack1{ padding:20px 0 0 0;}
.fy_pc{ text-align:center; font-size:14px; color:#333; padding:5px 0;}
.fy_pc a{ padding:5px 25px; color:#323232; border:solid 1px #bdbbbb; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#333;}
}

/*联系我们*/
.c_1170_2{ width:100%; float: left; padding: 70px 0 0 0;}
.contactUs{ float: left; width: 100%; padding: 60px 0;}
.contactUs .conNum{ float: left; width: 48.717%;}
.contactUs .conNum ul{ float: left; width: 100%; margin-top: 30px;}
.contactUs .conNum ul li{ float: left; width: 33.3333%; text-align: center; cursor: pointer;}
.contactUs .conNum ul li .conNumImg{ display:inline-block; zoom: 1;}
.contactUs .conNum ul li .conNumImg span{float: left; width: 94px; height: 96px; border:1px solid #0b75be;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-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;
}
.contactUs .conNum ul li .conNumImg span img{
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.contactUs .conNum ul li .conNumImg span img.white{display: none;}
.contactUs .conNum ul li:hover .conNumImg span img.white{display: block;}
.contactUs .conNum ul li:hover .conNumImg span img.green{display: none;}
.contactUs .conNum ul li:hover .conNumImg span{ background-color: #0b75be; border:1px solid #0b75be}
.contactUs .conNum ul li h3{ float: left; width: 100%; text-align: center; color:#666666; font-size:16px; line-height: 24px; margin-top: 35px;}
.contactUs .conNum ul li em{ float: left; width: 100%; text-align: center; color:#0b75be; font-size:14px; font-style: inherit; line-height: 30px;}
.detailedAdd{ float: left; width: 100%;margin-top: 50px; background:#0b75be; padding: 40px 30px; height: 220px;}
.detailedText{ float:left; width: 60%; color:#fff; font-size:14px; line-height: 20px; margin-top: 15px;}
.detailedAdd .wx{ float: right; width: 27.34%; text-align: right;}
.detailedAdd .wx img{border:7px solid #fff; float: left;}

.contactUs .conForm{ float: right; width: 45.7264%; margin-top: 10px; background: url("images/bg_10.jpg") no-repeat center; background-size: cover; position: relative}
.contactUs .conForm .conFormBox{ float: left; width: 100%; padding:47px 70px 55px 72px;}
.contactUs .conForm .conFormBox input{ float: left; width: 100%;color:#0b75be; height: 53px; margin-top: 10px; font-size:14px; border-bottom: 1px solid #bdbdbd; text-indent: 20px; background:none; line-height: 36px; padding-bottom: 16px;}
.contactUs .conForm .conFormBox input:focus{border-bottom: 1px solid #0b75be}
.contactUs .conForm .conFormBox textarea{ float: left; width: 100%; padding: 10px; margin-top: 10px; text-indent: 10px; line-height: 30px; height: 82px;border:0; background:none; border-bottom: 1px solid #bdbdbd; font-size:14px;color:#0b75be;}
.contactUs .conForm .conFormBox textarea:focus{border-bottom: 1px solid #0b75be}
.contactUs .conForm .validate{ float: left; width: 100%; position: relative}
.contactUs .conForm .validate input{float: left; width: 100%; height: 53px; border-bottom: 1px solid #bdbdbd;padding-right: 120px;}
.contactUs .conForm .validate span{ position: absolute; right: 0; top:18px; width: 120px; height: 37px; }
.contactUs .conForm  button{ float: left; width: 100%; margin-top: 37px; height: 60px; background-color: #0b75be; font-size:18px; color:#fff; border:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	-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;
}
.contactUs .conForm  button:hover{ background-color: #d76301}
.map{ float: left; width: 100%; height: 460px; margin-top: 50px;}
.BMapLabel{ float:left;max-width:none !important; width:275px !important; height: 97px !important; background: url(images/bg_11.png) no-repeat center bottom !important; padding: 13px 25px 0 25px !important; border:none !important; border:0 !important;  font-size:15px !important; color:#fff !important; top:-100px !important; left:-130px !important; font-size: 14px !important; color: #fff; line-height: 24px !important; white-space:inherit !important;} 
.map img{ max-width: none;}
@media  screen and (max-width:1024px){
	.contactUs .conNum ul li .conNumImg span{width: 80px; height: 80px;  }
	.contactUs .conForm .conFormBox{ padding:40px 30px 45px 32px;}
}
@media  screen and (max-width:991px){
.c_1170_2{ padding: 40px 10px 0 10px;}
	.contactUs .conNum{ float: left; width: 100%;}
	.detailedText{margin-top: 15px;}
	.contactUs .conForm{width: 100%; margin-top:40px;}
}
@media  screen and (max-width:767px){
	.contactUs{ float: left; width: 100%; padding:10px 0 30px 0;}
	.contactUs .conNum ul{margin-top: 10px;}
	.contactUs .conNum ul li{width: 100%; margin-top: 35px;}
	.detailedText{margin-top: 0px;}
	.detailedAdd{ margin-top: 20px; padding: 20px 15px;}
	.detailedAdd .wx img{ border:3px solid #fff;}
	.contactUs .conForm .conFormBox{ padding:20px 20px 34px 20px;}
	.contactUs .conForm  button{ height: 45px;font-size:16px;  }
	.c_1170_2{ padding: 20px 10px 0 10px;}
	.map{ height: 260px; margin-top: 20px;}
	.contactUs .conForm{ margin-top:20px;}
}

/*招贤纳士*/
.c_1170_3{ width:100%; float: left; padding: 70px 0 60px 0;}
.h_0100_7{ width:100%; float: left;}
.h_zp{ width:100%; float:left; background:#0b75be; color:#fff; font-size:16px; font-weight:bold;line-height:60px;}
.h_zp .d1{ width:280px; padding-left:20px; float:left;}
.h_zp .d2{ width:170px; text-align:center; float:left;}
.h_zp .d3{ width:230px; text-align:center; float:left;}
.h_zp .d4{ width:170px; text-align:center; float:left;}
.h_zp .d5{ width:215px; text-align:center; float:left;}
.h_0100_7{ width:100%; float:left;}
.chancecontain{ position:relative; width:100%; float:left;}
.chancecontain ul{ float:left; width:100%; min-height:500px;}
.chancecontain ul li{ float:left; width:100%; background:#f6f6f6; margin-top:12px; position:relative;   z-index:11; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; font-size:16px; color:#333; line-height:60px;
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.chancecontain ul li.hover{ color:#0b75be;}
.chancecontain ul li .d1{ width:280px; padding-left:20px; float:left;}
.chancecontain ul li .d2{ width:170px; text-align:center; float:left;}
.chancecontain ul li .d3{ width:230px; text-align:center; float:left;}
.chancecontain ul li .d4{ width:170px; text-align:center; float:left;}
.chancecontain ul li .d5{ width:215px; text-align:center; float:left;}
.chancecontain ul li .d6{ width:85px; float:left;}
.chancecontain .boright{ border-right:#fff solid 1px;}
.chancecontain .deta{font-size:14px; width:100%; padding:0 70px; left:0; top:0; overflow:hidden;  position:relative; background:#fbfbfb; display: none;}
.chancecontain .deta .condata{ float:left; width:100%; padding:3.6% 0; color:#666666; font-size:12px;  line-height:28px;}
.chancecontain .deta .condata .tdata{ float:left; width:100%;}
.chancecontain .deta .condata .l_710{ float:left; width:62.427%; padding:0 80px 0 0; font-size:14px; color: #999; line-height: 28px;}
.chancecontain .deta .condata .l_710 span{ display: block; font-size: 16px;}
.chancecontain .deta .condata .r_455{ float:left; width:37.573%; padding:0 0 0 42px; border-left:#e7e7e7 solid 1px; font-size:14px; color: #999; line-height: 28px;}
.chancecontain .deta .condata .r_455 span{ display: block; font-size: 16px;}
.chancecontain .deta .condata .ddata{ float:left; width:100%; padding:2.56% 0 0 0;}
.chancecontain .deta .condata .d710z{float:left; width:62.427%; padding:0 80px 0 0; font-size:14px; color: #999;}
.chancecontain .deta .condata .d710y{ float:left; width:37.573%; padding:0 0 0 42px;}
.chancecontain .deta .condata .d710y .a_134{ float:left; width:134px; height:35px; margin-top:10px; background:url(images/bg_12.png) no-repeat center; color:#fff; font-size:14px; text-align:center; line-height:35px;}

#lermore{ float:right; width:84px; height:60px; background:url(images/btn_6.png) no-repeat center; cursor:pointer; border-left:solid 1px #e9e9e9;}
#lermore.hover,#lermore:hover{ background:url(images/btn_6_h.png) no-repeat center;}
@media  screen and (max-width:1199px){
.h_zp .d1{ width:230px;}
.h_zp .d2{ width:120px;}
.h_zp .d3{ width:180px;}
.h_zp .d4{ width:120px;}
.h_zp .d5{ width:165px;}
.chancecontain ul li .d1{ width:230px;}
.chancecontain ul li .d2{ width:120px;}
.chancecontain ul li .d3{ width:180px;}
.chancecontain ul li .d4{ width:120px;}
.chancecontain ul li .d5{ width:165px;}
}
@media  screen and (max-width:1023px){
.c_1170_3{ padding: 30px 10px 20px 10px;}
.h_zp .d1{ width:160px;}
.h_zp .d2{ width:90px;}
.h_zp .d3{ width:150px;}
.h_zp .d4{ width:90px;}
.h_zp .d5{ width:135px;}
.chancecontain ul li .d1{ width:160px;}
.chancecontain ul li .d2{ width:90px;}
.chancecontain ul li .d3{ width:150px;}
.chancecontain ul li .d4{ width:90px;}
.chancecontain ul li .d5{ width:135px;}
}
@media  screen and (max-width:767px){
.chancecontain ul li .d5,.h_zp .d5,.h_zp .d2,.chancecontain ul li .d2,.h_zp .d3,.chancecontain ul li .d3{ display: none}
.chancecontain .deta{ padding:0 30px;}
.chancecontain .deta .condata .l_710{ padding-right: 20px; font-size:12px; line-height: 24px;}
.chancecontain .deta .condata .r_455{ padding-left: 20px;font-size:12px; line-height: 24px;}
.chancecontain .deta .condata .l_710 span{ font-size: 14px;}
.chancecontain .deta .condata .r_455 span{ font-size: 14px;}
.chancecontain .deta .condata .d710z{ padding:0 20px 0 0; font-size:12px;}
}
@media  screen and (max-width:480px){
.chancecontain .deta .condata .l_710,.chancecontain .deta .condata .r_455,.chancecontain .deta .condata .d710z,.chancecontain .deta .condata .d710y{ width:100%; padding: 0;}
.chancecontain .deta .condata .r_455{ border-left: 0; margin-top: 10px;}
.chancecontain ul li .d6{ width:65px;}
.h_zp{ font-size:14px;line-height:50px;}
#lermore{ width:65px; height:50px; background-size: 100% auto !important;}
.chancecontain ul li{ font-size: 14px; line-height: 50px;}
}

/*作品展示*/
.c_1170_4{ width:100%; float: left; padding: 60px 0;}
.ul_2{ width:100%; float: left; margin-top: -30px;}
.ul_2 li{ width:25%; float: left; margin-top: 30px; padding: 0 15px;}
.ul_2 li .zbox{ width:100%; float: left; border: solid 1px #e5e5e5; padding: 12px; cursor: pointer;}
.ul_2 li .zbox .img{ width:100%; float: left; position: relative;}
.ul_2 li .zbox .img img{ width:100%; float: left;}
.ul_2 li .zbox .img .mb{ width:100%; height: 100%; position: absolute; background: url(images/bg_13.png); opacity: 0; filter:alpha(opacity=0);
-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;}
.ul_2 li .zbox .img h4{ width:100%; float: left; text-align: center; font-size: 20px; color: white; line-height: 28px; opacity: 0; filter:alpha(opacity=0); position: absolute; left: 0; top: 50%; padding: 0 15px;
-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;}
.ul_2 li .zbox .img .p{ width:100%; float: left; text-align: center; font-size: 14px; color: white; line-height: 30px; opacity: 0; filter:alpha(opacity=0); position: absolute; left: 0; top: 50%; padding: 0 30px; margin-top: 52px; height: 90px; overflow: hidden;
-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;}
.ul_2 li .zbox .img .btn{ display: block; width: 33px; position: absolute; left: 50%; top: 100%; margin-left: -17px;opacity: 0; filter:alpha(opacity=0); margin-top: 177px;}
.ul_2 li .zbox:hover .mb{ opacity: 1; filter:alpha(opacity=100);}
.ul_2 li .zbox:hover h4{ opacity: 1; filter:alpha(opacity=100); top: 25%;}
.ul_2 li .zbox:hover .p{ opacity: 0.6; filter:alpha(opacity=60); top: 25%;}
.ul_2 li .zbox:hover .btn{ opacity: 1; filter:alpha(opacity=100); top: 25%;}
@media  screen and (max-width:1199px){
.ul_2 li .zbox .img h4{ font-size: 18px; line-height: 24px; padding: 0 10px;}
.ul_2 li .zbox .img .p{ font-size: 12px;  line-height: 24px; padding: 0 20px; margin-top: 42px; height: 72px;}
.ul_2 li .zbox .img .btn{ margin-top: 147px;}
}
@media  screen and (max-width:1024px){
.c_1170_4{ padding: 20px 0;}
.ul_2{ padding: 0 10px; margin-top: -20px;}
.ul_2 li{ width:33.33%; margin-top: 20px;}
}
@media  screen and (max-width:767px){
.ul_2 li{ width:50%;}
.ul_2 li .zbox .img .btn{ width:23px; margin-left: -12px;}
}
@media  screen and (max-width:480px){
.ul_2 li{ width:100%;}
}

/*新闻资讯*/
.ul_3{ width:100%; float: left; margin-top: -20px;}
.ul_3 li{ width:100%; float: left; margin-top: 30px; background: #f5f5f5; padding: 30px 35px 30px 30px;
-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;}
.ul_3 li .img{ width:270px; height: 152px; float: left; overflow: hidden;}
.ul_3 li .img img{ width:100%; float: left;}
.ul_3 li .zbox{ margin-left: 300px; position: relative; height: 152px; padding: 23px 0 24px 0;}
.ul_3 li .zbox:before{ content: ''; width:100%; height: 1px; border-top: dashed 1px #e7e7e7; position: absolute; left: 0; top: 6px;
-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;}
.ul_3 li .zbox:after{ content: ''; width:100%; height: 1px; border-top: dashed 1px #e7e7e7; position: absolute; left: 0; bottom: 6px;
-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;}
.ul_3 li .time{ width:99px; padding-right: 32px; float: left; background: url(images/bian_6.png) no-repeat right center; text-align: center; font-family: Arial;}
.ul_3 li .time h1{ width:100%; float: left; font-size: 60px; color: #666; font-weight: bold; line-height: 60px;
-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;}
.ul_3 li .time h4{ width:100%; float: left; font-size: 22px; color: #666; line-height: 32px;
-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;}
.ul_3 li .text{ margin-left: 98px; padding-left: 30px;
-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;}
.ul_3 li .text h5{ width:100%; float: left; margin-top: 4px; font-size: 16px; color: #333; line-height: 25px;
-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;}
.ul_3 li .text .p{ width:100%; float: left; margin-top: 10px; font-size: 14px; color: #999; line-height: 25px; height: 50px; overflow: hidden;
-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;}
.ul_3 li:hover{ background: #0b75be;}
.ul_3 li:hover .zbox:before,.ul_3 li:hover .zbox:after{ border-color: white;}
.ul_3 li:hover .time h1,.ul_3 li:hover .time h4,.ul_3 li:hover .text h5,.ul_3 li:hover .text .p{ color: white;}
.ul_3 li:hover .text .p{ opacity: 0.6; filter:alpha(opacity=60) ;}
.ul_3 li:hover .time{ background-image: url(images/bian_6_h.png);}
@media  screen and (max-width:1024px){
.ul_3{ padding: 0 10px;}
}
@media  screen and (max-width:767px){
.ul_3 li .img{ width:100%; height:auto;}
.ul_3 li .zbox{ margin-left: 0; width:100%; float: left; margin-top: 10px;}
}
@media  screen and (max-width:480px){
.ul_3 li{ margin-top: 10px; padding: 10px 10px 10px 10px;}
.ul_3 li .zbox{ height: 102px; padding: 13px 0 14px 0;}
.ul_3 li .zbox:before{ top: 3px;}
.ul_3 li .zbox:after{ bottom: 3px;}
.ul_3 li .time{ width:59px; padding-right: 12px;}
.ul_3 li .time h1{ font-size: 40px; line-height: 40px;}
.ul_3 li .time h4{ font-size: 16px; line-height: 26px;}
.ul_3 li .text{ margin-left: 58px; padding-left: 10px;}
.ul_3 li .text h5{ margin-top: 0px; font-size: 14px; line-height: 23px;}
.ul_3 li .text .p{ margin-top: 6px; font-size: 12px; line-height: 22px; height: 44px; }
.ul_3{ margin-top: -10px;}
}

.pz_SideLayer{ position: absolute; left: 0; bottom: 0; width:100%;}
.pz_SideLayer ul{ width:100%; float: left;}
.pz_SideLayer ul li a{ display: block; width:100%; float: left; background: url(images/bg_14.png); line-height: 60px; text-align: center; font-size: 18px; color: white; height: 60px;}
.pz_SideLayer ul li.on a,.pz_SideLayer ul li:hover a{ background: #0b75be}
.pz_SideLayer ul.ul1 li{ width:50%; float: left;}
@media  screen and (max-width:767px){
.pz_SideLayer ul li a{ line-height: 40px; font-size: 14px; height: 40px;}
}

/*新闻详情*/
.c_1170_8{ width:100%; float:left;}
.c_1170_8 h1{ width:100%; float:left; text-align:center; font-size:24px; color:#333; line-height:30px; font-weight:bold;}
.c_1170_8 .main_1{ width:100%; float:left; margin-top:22px; border-top:solid 1px #d7d8d8; border-bottom:solid 1px #d7d8d8; line-height:53px;}
.c_1170_8 .main_1 .p{ float:left; font-size:14px; color:#777;}
.c_1170_8 .main_1 .p span{display:inline-block;*display:inline; *zoom:1; margin-right:15px;}
.c_1170_8 .main_1 .btn{ float:right;}
.c_1170_8 .main_1 .btn img{ margin-left:10px; margin-top:-3px;}
.c_1170_8 .main_1 .btn a{ color:#777;}
.c_1170_8 .main_1 .btn a:hover{ color:#0b75be;}
.c_1170_8 .text{ width:100%; float:left; margin-top:42px; padding-bottom:70px; border-bottom:solid 1px #d7d8d8; font-size:14px; color:#333; line-height:30px; text-indent: 2em;}
.c_1170_8 .text h5{ width:100%; font-weight: bold; margin:22px 0 18px 0; color: #0b75be; text-indent: 0;}
.c_1170_8 .bshare-custom{ width:100%; float:left; margin-top:27px; text-align:center;}
.c_1170_8 .bshare-custom a{display:inline-block;*display:inline; *zoom:1; width:36px; height:36px; margin:0 8px; padding:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.c_1170_8 .bshare-custom a.a1{ background:url(images/ico_10_1.png) no-repeat center;}
.c_1170_8 .bshare-custom a.a2{ background:url(images/ico_10_2.png) no-repeat center;}
.c_1170_8 .bshare-custom a.a3{ background:url(images/ico_10_3.png) no-repeat center;}
.c_1170_8 .main_2{ width:100%; float:left; margin-top:58px;}
.c_1170_8 .main_2 .title{ width:100%; float:left; font-size:18px; color:#0b75be; line-height:41px;}
.c_1170_8 .main_2 ul{ width:100%; float:left; margin-top:11px;}
.c_1170_8 .main_2 ul li{ width:48.46%; float:left; border-bottom:solid 1px #d7d8d8; line-height:41px; padding-right:80px; position:relative;}
.c_1170_8 .main_2 ul li h5{ width:100%; float:left; font-size:14px; color:#333; line-height:41px;}
.c_1170_8 .main_2 ul li .time{ position:absolute; right:0; top:0; font-size:14px; line-height:41px; color:#777;}
.c_1170_8 .main_2 ul li.l1{ float:right;}
.c_1170_8 .main_2 ul li:hover h5{ color:#0b75be;}
@media screen and (max-width:991px) {
.c_1170_8 .text{ margin-top:32px;}
.c_1170_8{ padding: 0 10px;}
}
@media screen and (max-width:767px) {
.c_1170_8 h1{ font-size:20px; line-height:26px;}
.c_1170_8 .main_1{ margin-top:12px; line-height:43px;}
.c_1170_8 .main_1 .p{ font-size:12px; width:100%;}
.c_1170_8 .main_1 .p span{ margin-right:10px;}
.c_1170_8 .main_1 .btn img{ width:30px;}
.c_1170_8 .text{ margin-top:22px; padding-bottom:21px; font-size:12px; line-height:26px;}
.c_1170_8 .bshare-custom{ margin-top:17px;}
.c_1170_8 .main_2{ margin-top:18px;}
.c_1170_8 .main_2 .title{  font-size:16px;}
.c_1170_8 .main_2 ul li{ width:100%;}
.c_1170_8 .main_2 ul li h5{ font-size:12px;}
.c_1170_8 .main_2 ul li .time{ font-size:12px;}
}
@media screen and (max-width:480px) {
.c_1170_8 .text h5{ margin:12px 0 8px 0;}
.c_1170_8 .main_1{ border:0;}
.c_1170_8 .main_1 .p{ display:none;}
.c_1170_8 .text{ margin-top:12px;}
.c_1170_8 .bshare-custom a{ width:30px; height:30px; margin:0 5px; background-size:contain !important;}
.c_1170_8 .main_2 ul{ margin-top:6px;}
}

/*服务项目*/
.ul_4{ width:100%; float: left; margin-top: -60px;}
.ul_4 li{ width:100%; float: left; padding: 40px 0 38px 0; border-bottom: solid 1px #e5e5e5; background: #f5f5f5;}
.ul_4 li .img{ width:416px; height: 234px; float: left; position: relative; z-index: 2;}
.ul_4 li .img img{ width:100%; float: left;}
.ul_4 li .text{ width: 59.48%; float: right; position: relative; margin-top: 23px;}
.ul_4 li .text:before{ content: ''; width:200px; height: 1px; background: #dcdcdc ;position: absolute; left: -215px; top: 19px;}
.ul_4 li .text h4{ width:100%; float: left; font-size: 18px; color: #333; line-height: 35px;}
.ul_4 li .text h6{ width:100%; float: left; font-size: 12px; color: #666; line-height: 28px;}
.ul_4 li .text .p{ width:100%; float: left; font-size: 16px; color: #666; line-height: 28px; height: 56px; overflow: hidden; margin-top: 17px;}
.ul_4 li .text .btn{ width:100%; float: left; margin-top: 17px;}
.ul_4 li .text .btn span{ display: block; width: 25px; height: 25px; background: url(images/btn6.png) no-repeat center center;}
.ul_4 li.l1{ background: white;}
.ul_4 li.l1 .img{ float: right;}
.ul_4 li.l1 .text{ float: left; text-align: right;}
.ul_4 li.l1 .text .btn span{ float: right;}
.ul_4 li.l1  .text:before{ left: auto; right: -215px;}
.ul_4 li:hover{ background: #0b75be;}
.ul_4 li:hover .text:before{ background-color: #3c91cb;}
.ul_4 li:hover .text h4{ color: white;}
.ul_4 li:hover .text h6{ color: white; opacity: 0.6;}
.ul_4 li:hover .text .p{ color: white; opacity: 0.6;}
.ul_4 li:hover .text .btn span{ background-image: url(images/btn6_h.png);}

@media screen and (max-width:1199px) {
.ul_4 li .text{ width: 52.48%;}
}
@media screen and (max-width:1023px) {
.ul_4 li{ padding: 40px 10px 38px 10px;}
.ul_4 li .text{ width: 40.48%;}
.ul_4{ width:100%; float: left; margin-top: -20px;}
}
@media screen and (max-width:767px) {
.ul_4 li{ padding: 20px 10px 18px 10px;}
.ul_4 li .img{ width:100%; height: auto;}
.ul_4 li .text{ width: 100%; text-align: left !important;}
.ul_4 li .text .btn span{ float: left !important;}
}
@media screen and (max-width:480px) {
.ul_4 li .text h4{ font-size: 16px; line-height: 28px;}
.ul_4 li .text h6{ line-height: 24px;}
.ul_4 li .text .p{ font-size: 14px; line-height: 24px; height: 48px; margin-top: 10px;}
.ul_4 li .text .btn{ margin-top: 10px;}
.ul_4 li .text .btn span{ width: 20px; height: 20px; background-size: contain !important;}
}

/*公司简介*/
.pz_SideLayer .ul2 li{ width:33.333%; float: left;}
.c_1170_5{ width: 100%; float: left; padding: 108px 0 102px 0;}
.c_1170_5 ul{ width:100%; float: left; margin-top: -102px;}
.c_1170_5 ul li{ width:100%; float: left; margin-top: 102px;}
.c_1170_5 ul li .img{ width:528px; position: relative; float: left; margin-top: 42px;}
.c_1170_5 ul li .img img{ width:100%; float: left; position: relative; z-index: 2;}
.c_1170_5 ul li .img:before{ content: ''; width:100%; height: 100%; position: absolute; right: -42px; top: -42px; border: solid 1px #85bade;}
.c_1170_5 ul li .z_470{ width:470px; float: right; height: 422px; display: table;}
.c_1170_5 ul li .z_470 .text{ display: table-cell; vertical-align: middle;}
.c_1170_5 ul li .z_470 .text h1{ width:100%; float: left; font-size: 56px; color: #0b75be; line-height: 55px; font-weight: bold; text-transform: uppercase;}
.c_1170_5 ul li .z_470 .text h3{ width:100%; float: left; font-size: 24px; color: #0b75be; line-height: 30px; margin-top: 18px;}
.c_1170_5 ul li .z_470 .text .p{ width:100%; float: left; font-size: 14px; color: #333; line-height: 37px; margin-top: 49px;}
.c_1170_5 ul li.l1 .img{ float: right;}
.c_1170_5 ul li.l1 .z_470{ float: left;}
.c_1170_5 ul li.l1 .z_470 .text{ text-align: right;}
@media screen and (max-width:1199px) {
.c_1170_5 ul li .img{ width:428px;}
.c_1170_5 ul li .z_470{ width:470px;}
}
@media screen and (max-width:1023px) {
.c_1170_5{ padding: 68px 10px 62px 10px;}
.c_1170_5 ul li{ margin-top: 62px;}
.c_1170_5 ul li .img{ width:328px;}
.c_1170_5 ul li .img:before{ top:-22px; right: -22px;}
.c_1170_5 ul li .z_470{ width:350px; height: 322px;}
.c_1170_5 ul li .z_470 .text h1{ font-size: 36px; line-height: 35px;}
.c_1170_5 ul li .z_470 .text h3{ font-size: 20px; line-height: 24px; margin-top: 10px;}
.c_1170_5 ul li .z_470 .text .p{  font-size: 12px; line-height: 29px; margin-top: 29px;}
}
@media screen and (max-width:767px) {
.c_1170_5 ul li{ margin-top: 32px;}
.c_1170_5 ul li .img{ width:80%;}
.c_1170_5 ul li .z_470{ width:100%; height: auto; margin-top: 10px;}
.c_1170_5 ul li.l1 .img{ float: left;}
.c_1170_5 ul li.l1 .z_470 .text{ text-align: left;}
}
@media screen and (max-width:480px) {
.c_1170_5{ padding: 68px 10px 32px 10px;}
.c_1170_5 ul li .z_470 .text h1{ font-size: 30px; line-height: 30px;}
.c_1170_5 ul li .z_470 .text h3{ font-size: 16px;}
.c_1170_5 ul li .z_470 .text .p{ line-height: 24px; margin-top: 19px;}
}

.z_1170_1{ width:100%; float: left; margin-top: 102px; height: 330px; position: relative; background: url(images/bg_15.jpg) no-repeat center center;}
.z_1170_1 h3{ width:100%; float: left; text-align: center; position: absolute; left: 0; top: 136px; font-size: 30px; line-height: 32px; color: white; padding: 0 10px;}
.z_1170_1 h4{ width:100%; float: left; text-align: center; position: absolute; left: 0; top: 136px; font-size: 16px; line-height: 18px; color: white; margin-top: 43px; opacity: 0.5; font-family: Arial; text-transform: uppercase; padding: 0 10px;}
@media screen and (max-width:767px) {
.z_1170_1{ margin-top: 62px; height: 230px;}
.z_1170_1 h3{ top: 86px; font-size: 20px; line-height: 22px;}
.z_1170_1 h4{ top: 86px; font-size: 14px; line-height: 16px; margin-top: 33px;}
}
@media screen and (max-width:480px) {
.z_1170_1{ margin-top: 32px;}
.z_1170_1 h3{ font-size: 18px;}
.z_1170_1 h4{ margin-top: 53px;}
}

/*大事记*/
.c_1170_6{ width:100%; float: left; padding: 80px 0 66px 0; background: url(images/bg_16.png) no-repeat bottom center;}
.c_1170_6 ul{float: left;width: 100%;position: relative;padding: 24px 0 31px 0;}
.c_1170_6 ul > i{display: block;position: absolute;left: 50%;top: 0; margin-left: -0.5px; width: 1px;height: 100%;background: #e5e5e5;z-index: 1;}
.c_1170_6 ul > em{display: block;position: absolute;left: 50%;top: 0;width: 13px;height: 13px;background: #fff;margin-left: -6px;z-index: 2; border: solid 1px #0b75be;
-webkit-border-radius:50%; 
   -moz-border-radius:50%;
        border-radius:50%;}
.c_1170_6 ul li{float: left;width: 100%;margin-top: 16px;position: relative;z-index: 3; padding: 0 0 0 50%;}
.c_1170_6 ul li h4{display: block;position: absolute;left: 50%;margin-left: -111px;top: 0;width: 89px;height: 89px;text-align: center;line-height: 89px;font-size: 24px;color: #fff;font-family: "Arial";background: #707070;text-transform: uppercase;
-webkit-border-radius:50%; 
   -moz-border-radius:50%;
        border-radius:50%;}
.c_1170_6 ul li h4 span{display: block;position: absolute;left: 100%;top: 50%;margin: -6px 0 0 16px;width: 12px;height: 12px;background:#0b75be;
-webkit-border-radius:50%; 
   -moz-border-radius:50%;
        border-radius:50%;}
.c_1170_6 ul li h4 i{display: block;float: left;width: 18px;height: 1px;background: #707070;position: absolute;left: 100%;top: 50%;margin-top: -0.5px;}
.c_1170_6 ul li div{float: left;width: 100%;padding: 0 0 0 26px;}
.c_1170_6 ul li div span{display: block;float: left;width: 100%;position: relative; min-height: 60px; background: #707070; margin-top: 15px;
-webkit-border-radius:10px; 
   -moz-border-radius:10px;
        border-radius:10px;}
.c_1170_6 ul li div span font{display: block;float: left;width: 100%;padding: 20px 30px;font-size: 14px;line-height: 20px;color: #fff;overflow: hidden;}

.c_1170_6 ul li:nth-child(2n){padding: 0 50% 0 0;}
.c_1170_6 ul li:nth-child(2n) h4{margin-left: 21px;background: #0b75be;}
.c_1170_6 ul li:nth-child(2n) h4 span{left: auto;right: 100%; top: 50%;margin: -6px 16px 0 0;background:# background: #0b75be;}
.c_1170_6 ul li:nth-child(2n) h4 span font{background: #0b75be;}
.c_1170_6 ul li:nth-child(2n) h4 i{background: #0b75be;left: auto;right: 100%;}
.c_1170_6 ul li:nth-child(2n) div{padding: 0 26px 0 0;}
.c_1170_6 ul li:nth-child(2n) div span{background: #0b75be;}
.c_1170_6 ul li:nth-child(2n) div span font{text-align: right;}
.c_1170_6 ul > span{ display: block; width:17px; height: 17px; background: #0b75be; position: absolute; left: 50%; bottom: 0; z-index: 2; margin-left: -8.5px;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;}
@media  screen and (max-width:767px){
.c_1170_6{ padding: 30px 10px 26px 10px;}
.c_1170_6 ul{padding: 15px 0 20px 0;}
.c_1170_6 ul > i{left: 75px;}
.c_1170_6 ul > em{left: 75px;}
.c_1170_6 ul > h5{left: 75px;margin-left: -30px;width: 60px;height: 60px;padding-top: 10px;font-size: 12px;}
.c_1170_6 ul li{margin-top: 10px;padding: 0 0 0 70px;}
.c_1170_6 ul li h4{left: 0;margin-left: 0;width: 60px;height: 60px;line-height: 60px; font-size: 20px;}
.c_1170_6 ul li h4 span{margin: -6px 0 0 9px; z-index: 2;}
.c_1170_6 ul li div{padding: 0 0 0 22px;}
.c_1170_6 ul li div span{min-height: 60px; margin-top: 0;
-webkit-border-radius:5px; 
   -moz-border-radius:5px;
        border-radius:5px;}
.c_1170_6 ul li div span font{padding: 15px 10px;font-size: 12px;line-height: 18px;color: #fff;}
.c_1170_6 ul > span{ left: 75px;}
.c_1170_6 ul li:nth-child(2n){padding: 0 0 0 70px;}
.c_1170_6 ul li:nth-child(2n) h4{left: 0;margin-left: 0;width: 60px;height: 60px;line-height: 60px;}
.c_1170_6 ul li:nth-child(2n) h4 span{left: 100%;right: auto;margin: -6px 0 0 9px; background: #0b75be;}
.c_1170_6 ul li:nth-child(2n) h4 i{left: 100%;right: auto;}
.c_1170_6 ul li:nth-child(2n) div{padding: 0 0 0 22px;}
.c_1170_6 ul li:nth-child(2n) div span{background: #0b75be;}
.c_1170_6 ul li:nth-child(2n) div span font{text-align: left;}
}

/*公司团队*/
.ul_5{ width:100%; float: left; margin-top: 7px;}
.ul_5 li{ width:33.333%; float: left; margin-top: 64px; padding: 0 15px;}
.ul_5 li .zbox{ width:100%; float: left; background: url(images/bg_17.png) no-repeat center top; padding: 8px 35px 48px 35px; position: relative;
-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;}
.ul_5 li .zbox .img{ width: 180px; height: 180px; margin: auto; overflow: hidden;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;}
.ul_5 li .zbox .img img{ width:100%; float: left;}
.ul_5 li .zbox .text{ width:100%; margin-top: 21px;}
.ul_5 li .zbox .text h4{ width:100%; float: left; text-align: center;}
.ul_5 li .zbox .text h4 span{ display:inline-block; *zoom:1; *display:inline; width:180px; font-size: 18px; color: #333; line-height: 27px; padding-bottom: 16px; border-bottom: solid 1px #dcdcdc; background: url(images/bian_7.jpg) no-repeat bottom 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;}
.ul_5 li .zbox .text .p{ width:100%; float: left; margin-top: 12px; font-size: 14px; color: #666; line-height: 32px; height: 96px; overflow: hidden;
-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;}
.ul_5 li .zbox .btn{ width:50px; height: 50px; position: absolute; left: 50%; bottom: -25px; background: #0b75be; text-align: center; margin-left: -25px; line-height: 50px; cursor: pointer;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;
 -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;}
.ul_5 li .zbox .btn img{ vertical-align: middle; margin-top: -2px;}
.ul_5 li .zbox:hover{ background-image: url(images/bg_17_h.png);}
.ul_5 li .zbox:hover .text h4 span{ color: white; border-color: #2483c5; background-image: url(images/bian_7_h.jpg);}
.ul_5 li .zbox:hover .text .p{ color:white;}
.ul_5 li .zbox:hover .btn{ background-color: #005e9e;}
@media  screen and (max-width:1199px){
.ul_5 li{ width:50%;}
.ul_5 li .zbox{ width:370px; margin:auto; float: none; height: 408px;}
}
@media  screen and (max-width:767px){
.ul_5 li{ width:100%; margin-top: 40px;}
}
@media  screen and (max-width:480px){
.ul_5 li .zbox{ width:300px; height: 331px; background-size: 300px 331px !important; padding: 8px 25px 38px 25px;}
.ul_5 li .zbox .img{ width: 140px; height: 140px;}
.ul_5 li .zbox .text{ margin-top: 11px;}
.ul_5 li .zbox .text h4 span{ width:140px; font-size: 16px; line-height: 24px; padding-bottom: 10px;}
.ul_5 li .zbox .text .p{ margin-top: 6px; font-size: 12px; line-height: 26px; height: 78px;}
.ul_5 li .zbox .btn{ width:40px; height: 40px; bottom: -20px; margin-left: -20px; line-height: 40px;}
.ul_5 li .zbox .btn img{ width:15px; height: 15px;}
.ul_5{ margin-top: -20px;}
}

.pf_mb{ width:100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99991; background: url(images/bg_18.png); display: none;}
.pf_tc{ width:1170px; height: 360px; position: fixed; left: 50%; top: 50%; background: white; margin: -180px 0 0 -585px; padding: 60px 42px 56px 50px; z-index: 999991;display:none;}
.pf_tc .img{ width:240px; height: 240px; float: left; padding: 9px; background: #f5f5f5; border: solid 1px #e5e5e5; overflow: hidden;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;}
.pf_tc .img img{ width:100%; float: left;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;}
.pf_tc .text{ margin-left: 279px;}
.pf_tc .text .text_box{ width:100%; float: left;}
.pf_tc .text .text_box h3{ width:100%; float: left; font-size: 26px; color: #0b75be; line-height: 36px; font-weight: bold;}
.pf_tc .text .text_box .p{ width:100%; float: left; margin-top: 11px; height: 197px; overflow-y: auto; padding-right: 53px;}
.pf_tc .text .text_box .p .tab{ width:100%; border-top: dashed 1px #d9d9d9; border-bottom: dashed 1px #d9d9d9; padding: 12px 0 13px 0; float:left;}
.pf_tc .text .text_box .p .tab li{ float: left; margin-right: 23px; font-size: 14px; color: #666; line-height: 32px; display: block;}
.pf_tc .text .text_box .p .tab li img{ vertical-align: middle; margin: -2px 9px 0 0;}
.pf_tc .text .text_box .p .p_box{ width:100%; float: left; margin-top: 10px; font-size: 14px; color: #666; line-height: 32px;}
.pf_tc .text .text_box .p::-webkit-scrollbar {
background:color(#0b75be);
width:5px
}

.pf_tc .text .text_box .p::-webkit-scrollbar-thumb {
background: #0b75be;
}
.pf_tc .text .text_box .p::selection {
	color: #0b75be;
	-webkit-text-fill-color:#0b75be;
	   -moz-text-fill-color:#0b75be;
	        text-fill-color:#0b75be;
}
.pf_tc .text .text_box .p::-moz-selection {
color:#0b75be;
-webkit-text-fill-color:#0b75be
}
.pf_tc .btn{ width:65px; height: 65px; position: absolute; top: -76px; right: -16px; cursor: pointer;}
.pf_tc .btn img{ width:100%; float: left; position: relative; z-index: 3;}
.pf_tc .btn:before{ content: ''; width:1px; height: 28px; background: white; position: absolute; left: 50%; top: 48px;}
@media  screen and (max-width:1199px){
.pf_tc{ width:992px; margin-left: -496px;}
}
@media  screen and (max-width:1024px){
.pf_tc{ width:768px; margin-left: -384px;}
}
@media  screen and (max-width:991px){
.wack2{ margin-top: 60px;}
}
@media  screen and (max-width:767px){
.pf_tc{ width:90%; height: 400px; position: fixed; left: 5%; margin: -200px 0 0 0; padding: 30px 12px 26px 20px;}
.pf_tc .img{ width:140px; height: 140px; padding: 4px;}
.pf_tc .text{ margin-left: 169px;}
.pf_tc .text .text_box h3{ font-size: 20px; line-height: 30px;}
.pf_tc .text .text_box .p{ margin-top: 6px; height: 297px; padding-right: 13px;}
.pf_tc .text .text_box .p .tab{ padding: 7px 0 8px 0;}
.pf_tc .text .text_box .p .tab li{ margin-right: 13px; font-size: 12px; line-height: 26px;}
.pf_tc .text .text_box .p .tab li img{ margin: -2px 4px 0 0; width: 15px; height: 15px;}
.pf_tc .text .text_box .p .p_box{ margin-top: 5px; font-size: 12px; line-height: 26px;}
.pf_tc .text .text_box .p::-webkit-scrollbar {width:3px}
}
@media  screen and (max-width:480px){
.pf_tc .img{ float: none; margin: auto;}
.pf_tc .text{ margin-left: 0; width: 100%; margin-top: 10px;}
.pf_tc .text .text_box .p{ height: 167px;}
}

/*设备详情*/
.c_1170_9{ width:100%; float: left; padding-bottom: 69px;}
.tit_2{ width:100%; float: left; background: url(images/bg_19.jpg) no-repeat center center; background-size: cover; padding: 15px 0 17px 0;}
.tit_2 .tit_2_l{ float: left;}
.tit_2 .tit_2_l h4{ width:100%; float: left; font-size: 18px; color: white; line-height: 22px; opacity: 0.5; font-family: Arial;}
.tit_2 .tit_2_l h5{width:100%; float: left; font-size: 18px; color: white; }
.tit_2 .tit_2_l h5 span{ display: block; float: left; position: relative;line-height: 24px;}
.tit_2 .tit_2_l h5 span:after{ content: ''; width:37px; height: 1px; position: absolute; left: 100%; top: 50%; background: white; opacity: 0.5; margin-left: 8px;}
.tit_2 .tit_2_r{ float: right; margin-top: 15px;}
.tit_2 .tit_2_r a{ float: left; font-size: 14px; color: white; line-height: 18px;}
.tit_2 .tit_2_r a img{ vertical-align: middle; margin: -2px 0 0 8px;}
.z_1170_2{ width:100%; float: left; position: relative;}
.z_1170_2 ul{ width:100%; float: left; position: relative;}
.z_1170_2 ul li{ width:45.8333%; float: left; padding: 0 5px;}
.z_1170_2 ul li .zbox{ background: #333; width:100%; float: left;}
.z_1170_2 ul li img{ width:100%; float: left; opacity: 0.3;}
.z_1170_2 ul li.l1{ float: none; margin: auto;}
.z_1170_2 ul li.l1 .zbox{ background: url(images/bg_20.jpg) no-repeat center center;}
.z_1170_2 ul li.l1 img{ opacity: 1;}
.z_1170_2 ul li.l2{ position: absolute; top: 0; left: -18.747%;}
.z_1170_2 ul li.l3{ position: absolute; top: 0; right: -18.747%;}
.z_1170_3{ width:100%; float: left; margin-top: 43px;}
.z_1170_3 .name{ width:100%; float: left; text-align: center; border-bottom:solid 1px #e5e5e5; padding-bottom: 23px; font-size: 24px; color: #0b75be; line-height: 32px; text-transform: uppercase;}
.z_1170_3 .p{ width:100%; float: left; padding: 31px 0 0 0; font-size: 14px; color: #999; line-height: 36px;}
.z_1170_3 .p h4{ font-size: 16px; color: #333; line-height: 36px;}
.btn_l{ width:30px; height: 52px; position: absolute; left: 50%; top: 50%; background: url(images/btn10.png) no-repeat left center; margin-left: -510px; margin-top: -26px; opacity: 0.6;}
.btn_r{ width:30px; height: 52px; position: absolute; right: 50%; top: 50%; background: url(images/btn10.png) no-repeat right center; margin-right: -510px; margin-top: -26px; opacity: 0.6;}
.btn_l:hover,.btn_r:hover{ opacity: 1;}
@media  screen and (max-width:1199px){
.btn_l{ margin-left: -310px;}
.btn_r{ margin-right: -310px;}
}
@media  screen and (max-width:767px){
.c_1170_9{ padding-bottom: 39px;}
.tit_2{ padding: 10px 10px 12px 10px;}
.tit_2 .tit_2_l h4{ font-size: 16px; line-height: 18px;}
.tit_2 .tit_2_l h5{ font-size: 16px; }
.tit_2 .tit_2_l h5 span:after{ width:27px;}
.tit_2 .tit_2_r{ margin-top: 14px;}
.tit_2 .tit_2_r a{ font-size: 12px; line-height: 16px;}
.tit_2 .tit_2_r a img{ margin: -2px 0 0 4px; width: 14px;}
.z_1170_3{ margin-top: 23px; padding: 0 10px;}
.z_1170_3 .name{ padding-bottom: 13px; font-size: 20px; line-height: 26px;}
.z_1170_3 .p{ padding: 21px 0 0 0; font-size: 12px; line-height: 30px;}
.z_1170_3 .p h4{ font-size: 14px; line-height: 30px;}
.btn_l,.btn_r{ width:18px; height: 31px; background-size: 36px 31px !important; margin-top: -16px;}
.btn_l{ margin-left: -210px;}
.btn_r{ margin-right: -210px;}
}
@media  screen and (max-width:480px){
.btn_l{ margin-left: -110px;}
.btn_r{ margin-right: -110px;}
.z_1170_2 ul li{ padding: 0 2px;}
}













