.ease {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
/*index*/
.index-i-news {
	background: url(../images/pic_02.jpg) no-repeat center top;
	margin-top: 68px;
	padding-top: 70px;
	padding-bottom: 80px;
}
.index-i-news .main {
	width: 1200px;
}
.index-i-news .index-case {
	position: relative;
	width: 100%;
	color: #fff;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.index-case .bj-zhezhao {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 1;
}
.index-i-news .tit {
	position: relative;
	font-size: 26px;
	font-family: '微软雅黑';
	line-height: 1;
	background: url(../images/p4.png) no-repeat center top;
	padding-top: 23px;
	line-height: 34px;
	padding-bottom: 29px;
	text-align: center;
	z-index: 2;
	color: #fff;
}
.index-i-news .tit .en {
	font-family: '微软雅黑';
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
}
.index-i-news .tit .in {
	width: 30px;
	height: 4px;
	background: #fff;
	margin: 25px auto 0;
}
.index-i-news ul {
	padding-top: 40px;
	float: none;
	zoom: 1;
	margin-left: -19px;
}
.index-i-news li {
	position: relative;
	width: 387px;
	height: 265px;
	margin-top: 28px;
	margin-left: 19px;
	float: left;
	overflow: hidden;
}
.index-i-news li a {
	position: relative;
	display: block;
	border: 1px solid #DBDCDC;
	background: #1cbde9;
	margin: -1px;
}
.index-i-news li img {
	width: 100%;
	height: 265px;
	opacity: 1;
	filter: alpha(opacity=1);
	transition: all 0.2s;
}
.index-i-news .text {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 10px;
	transition: all 0.2s;
	opacity: 0;
	filter: alpha(opacity=0);
}
.index-i-news .tt {
	font-size: 20px;
	margin: 20px 0 0;
}
.index-i-news a:hover .text {
	color: #fff;
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	opacity: 1;
	filter: alpha(opacity=100);
}
.index-i-news a:hover>img {
	opacity: .3;
	filter: alpha(opacity=30);
	transform: scale(1.3);
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
}
.text-pic {
	text-align: center;
	margin: 0 auto;
	padding-top: 80px;
	width: 43px;
	height: 37px;
}
.text-pic img {
	margin: 0 auto;
	width: 43px !important;
	height: 37px !important;
}
@keyframes topbot {
from {
transform: translateY(-100%);
}
to {
	transform: translateY(0);
}
}
 @-moz-keyframes topbot /* Firefox */ {
from {
transform: translateY(-100%);
}
to {
	transform: translateY(0);
}
}
 @-webkit-keyframes topbot /* Safari å'Œ Chrome */ {
from {
transform: translateY(-100%);
}
to {
	transform: translateY(0);
}
}
 @-o-keyframes topbot /* Opera */ {
from {
transform: translateY(-100%);
}
to {
	transform: translateY(0);
}
}
.i-products {
	height: 600px;
	padding: 85px 0 95px;
	margin-top: 20px;
	background: url(../images/pic_01.jpg) no-repeat center top
}
.i-products .tips {
	padding-bottom: 28px;
	margin-bottom: 50px;
	font-size: 26px;
	font-family: '微软雅黑';
	line-height: 35px;
	color: #fff;
	padding-top: 21px;
	text-align: center;
	background: url(../images/p1.png) no-repeat center center;
}
.i-products .tips p.en {
	width: 100%;
	height: 26px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: '微软雅黑';
}
.i-products .tips .line {
	left: 50%;
	bottom: 0;
	width: 30px;
	height: 4px;
	margin-left: -15px;
	background: #fff;
}
.i-products .list-out, .i-products .list {
	width: 985px;
	height: 365px;
}
.i-products .btns {
	top: 180px;
	width: 22px;
	height: 37px;
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	transition: all 0.5s;
}
.i-products .prev {
	left: 0;
	background: url(../img/prev11.png) no-repeat left center;
}
.i-products .prev.hover {
	background-position: right center;
}
.w {
	width: 980px;
	margin: 0 auto;
}
.i-products .next {
	right: 0;
	background: url(../img/next11.png) no-repeat right center;
}
.i-products .next.hover {
	background-position: left center;
}
.i-products li {
	position: relative;
	width: 244px;
	height: 362px;
	border: 1px solid #cbcccd;
	border-right: 0;
	background: #fff;
	transition: border 0.5s;
}
.i-products li.hover {
	border-color: #00A0E8;
}
.i-products .tip {
	display: inline-block;
	width: 206px;
	padding: 18px 19px;
	background: #f8f9fa;
	font-size: 14px;
	color: #444;
}
.i-products li.hover .tip {
	background: #00A0E8;
	color: #fff;
}
.i-products .tip p.blue {
	font-size: 14px;
	margin-top: 10px;
	color: #b7242b;
	transition: color 0.5s;
}
.i-products li.hover p.blue {
	color: #fff;
}
.i-products .t {
	left: 0;
	top: 0;
	font-size: 18px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.i-products .img {
	position: relative;
	width: 100%;
	height: 306px;
	text-align: center;
	overflow: hidden;
}
.i-products .img img {
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}
.i-products .img:hover img {
	transform: scale(1.3);
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
}
.i-products .img .index_cp_bj {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	top: 0;
	left: 0;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 2;
}
.i-products li.hover .index_cp_bj {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.i-cases {
	padding: 64px 0 54px;
	overflow: hidden;
}
.i-cases .w {
	width: 1100px;
}
.i-cases li {
	position: relative;
	width: 325px;
	overflow: hidden;
	float: left;
	margin: 0 20px;
	display: inline;
}
.i-cases li a {
	display: block;
	padding: 25px;
}
.i-cases img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.i-cases li span {
	position: relative;
	display: inline-block;
	z-index: 2;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.i-cases li .tips {
	font-size: 18px;
	color: #4f4f4f;
	display: block;
	margin-bottom: 5px;
}
.i-cases li .detail {
	font-size: 11px;
	color: #808080;
}
.i-cases li:hover .tips, .i-cases li:hover .detail {
	opacity: 0;
	filter: alpha(opacity=0);
	color: #fff!important;
}
.i-cases li:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
.iban-wrap .iban .p1 {
	font-weight: bold;
	font-size: 48px;
	line-height: 66px;
	margin-top: 80px;
}
.iban {
	width: 100%;
	overflow: hidden;
}
.iban .imglist ul {
	width: 20000px;
	zoom: 1;
}
.iban .imglist li {
	float: left;
	background-image: url(../img/bj01.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.iban .imglist li img {
	width: 100%;
}
.iban .imglist li.active {
/* animation: bannerIn 15s forwards;*/
}
@keyframes bannerIn {
 100% {
 transform: scale(1.1);
}
}
.iban .list li {
	position: absolute;
	right: 80px;
	top: 163px;
	height: 415px;
	display: none;
}
.iban .list .tips {
	top: 100px;
	font-size: 24px;
	line-height: 42px;
	color: #fff;
}
.iban .list .tips .xian {
	width: 100px;
	height: 5px;
	background: #fff;
	margin-top: 50px;
}
.iban .btns {
	left: 50%;
	bottom: 36px;
	height: 6px;
}
.iban .btns span {
	display: inline-block;
	float: left;
	width: 62px;
	height: 5px;
	background: #fff;
	margin: 0 3px;
	filter: alpha(opacity=30);
	opacity: 0.3;
	transition: background 0.5s;
	cursor: pointer;
}
.iban .btns span.cur {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
/*头部*/
.head_top {
	height: 35px;
	line-height: 35px;
	background: #dfe1e3;
}
.head_top_l {
	font-size: 14px;
	color: #666666;
}
.head_top_r {
	color: #666666;
	font-size: 14px;
}
.head_top_r a {
	color: #666;
	padding: 0 8px;
}
.logo-height {
	height: 168px;
}
.logo_p {
	margin-top: 35px;
}
.logo_c {
	margin: 31px 0 0 90px;
}
.logo_r {
	margin-top: 27px;
}
.logo_r span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #e60101;
}
.number {
	margin-top: 20px;
}
.number li {
	transition: 0.4s linear;
	-webkit-transition: 0.4s linear;
	background: #1abde8;
	padding: 0 55px 0 37px;
	height: 120px;
	width: 308px;
	float: left;
	padding-top: 30px;
}
.number li div {
	line-height: 35px;
	font-size: 16px;
	color: #fff;
}
.number li span {
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	margin-top: 5px;
}
.number li:hover {
	background: #1e1e1e;
}
.number li:hover span {
	color: #959595;
}
.number li a {
	display: block;
}
.products_more a {
	display: block;
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 15px;
	width: 187px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin: 54px auto 0 auto;
}
.about_tit {
	padding-bottom: 26px;
	text-align: center;
	margin-top: 68px;
	background: url(../images/p4.png) no-repeat center center;
	padding-top: 20px;
}
.about_tit div {
	line-height: 27px;
	font-size: 18px;
	color: #333333;
	text-transform: uppercase;
}
.about_tit div span {
	color: #1cbde9;
}
.about_tit>span {
	font-size: 26px;
	color: #000000;
	line-height: 37px;
}
.about_pl {
	width: 42%;
	margin-top: 60px;
}
.about_pl img, .about_pr img {
	width: 100%;
}
.about_pr {
	width: 58%;
	margin-top: 60px;
}
.about_pr_t {
	padding: 4% 0 4% 5%;
	padding-left: 5%;
	background: #1cbde9;
}
.about_pr_t div {
	max-width: 706px;
	font-size: 14px;
	color: #fff;
	line-height: 2rem;
}
.about_pr_t a {
	display: block;
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	width: 137px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 15px;
	overflow: hidden;
	margin-top: 5%;
}
.new_pro {
	padding-top: 38px;
	background: url(../images/pic_04.jpg) no-repeat center top;
	margin-top: 70px;
}
.new_white div, .new_white span {
	color: #fff;
}
.new_white {
	margin-top: 0px;
}
.about_pl img {
	height: 100%;
}
.new_plist li {
	background: #eeeded;
	margin-top: 40px;
	padding: 10px 10px 34px 10px;
	float: left;
	width: 256px;
	margin-left: 32px;
}
.new_plist li:first-child {
	margin-left: 0px;
}
.new_pic_02 {
	font-size: 18px;
	text-align: center;
	line-height: 27px;
	margin-top: 11px;
	color: #333333;
	font-weight: bold;
}
.new_pic_04 {
	font-size: 14px;
	color: #888888;
	line-height: 27px;
	margin-top: 14px;
}
.new_pic_03 {
	text-align: center;
	margin-top: 15px;
}
.new_pmore a {
	display: block;
	border-radius: 15px;
	overflow: hidden;
	font-size: 16px;
	color: #3c3c3c;
	border: 1px solid #3c3c3c;
	margin: 50px auto 0 auto;
	width: 137px;
	height: 32px;
	line-height: 32px;
	text-align: center;
}
.zheng {
	min-height: 435px;
	background: url(../images/pic_12.jpg) no-repeat center top;
	margin-top: 70px;
}
.zheng_l {
	width: 438px;
}
.zheng_tit {
	font-size: 24px;
	color: #fff;
	line-height: 35px;
	padding-top: 95px;
}
.zheng_tit div {
	text-transform: uppercase;
	font-size: 14px;
	color: #e8e8e8;
	line-height: 23px;
}
.zheng_l li {
	float: none;
	font-size: 16px;
	color: #fff;
	background: url(../images/p6.png) no-repeat left center;
	padding-left: 15px;
	line-height: 35px;
}
.zheng_l ul {
	margin-top: 23px;
}
.zheng_r {
	height: 435px;
	width: 660px;
	position: relative;
}
.zheng_r_pic {
	z-index: 999;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.zheng_r_p1 {
	position: relative;
	margin: 73px 0 0 52px;
}
.zheng_r_p1 .zheng_r_po {
	position: absolute;
	left: 118px;
	top: 63px;
}
.zheng_r_p2 {
	position: relative;
	margin: 73px 0 0 12px;
}
.zheng_r_p2 .zheng_r_po {
	position: absolute;
	left: -148px;
	top: 63px;
}
.tel-num {
	background: url(../images/pic_17.jpg) no-repeat center top;
	margin-top: 68px;
	min-height: 210px;
	padding-top: 109px;
}
.tel-num div {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 49px;
}
.tel-num span {
	display: block;
	font-size: 28px;
	font-weight: bold;
	color: #1cbde9;
	line-height: 43px;
	text-align: center;
}
.partner_list li {
	width: 164px;
	height: 74px;
	background: url(../images/pic_19.jpg) no-repeat center center;
	padding: 5px;
	margin-left: 30px;
	margin-top: 48px;
}
.partner_list li:first-child {
	margin-left: 0px;
}
.foot_top {
	padding-bottom: 24px;
	font-size: 14px;
	color: #fff;
	padding-top: 7px;
	background: #2d2d2d;
	margin-top: 83px;
}
.foot_nav {
	line-height: 62px;
	border-bottom: 1px solid #575757;
}
.foot_nav li {
	float: left;
	width: 90px;
	text-align: center;
	color: #fff;
	background: url(../images/pic_20.jpg) no-repeat left center;
}
.foot_nav li:first-child {
	width: 73px;
	text-align: left;
	background: none;
}
.foot_nav li a {
	color: #fff;
}
.foot_add {
	font-size: 14px;
	color: #8f8f8f;
	line-height: 30px;
	margin-top: 12px;
}
.foot_add span {
	padding-left: 24px;
}
.foot_ban {
	height: 50px;
	line-height: 50px;
	background: #212121;
	text-align: center;
	font-size: 14px;
	color: #8f8f8f;
}
.pro-information {
	background: #f8f6f6;
}
.information {
	height: 59px;
	line-height: 59px;
	border-bottom: 1px solid #333333;
}
.pro-information_nav {
	background: url(../images/pic_27.jpg) no-repeat 4px center;
	padding-left: 27px;
	font-size: 16px;
	color: #333333;
}
.pro-information_nav a {
	color: #333333;
}
.information_tit {
	padding-bottom: 28px;
	font-size: 18px;
	color: #000000;
	text-align: center;
	line-height: 26px;
	padding-top: 20px;
	margin-top: 45px;
	background: url(../images/pic_24.jpg) no-repeat center top;
	text-transform: uppercase;
}
.information_tit div {
	font-size: 26px;
	color: #000000;
	line-height: 35px;
}
.information_list li {
	border-bottom: 1px dashed #cccccc;
	padding: 23px 0;
	margin: 0 9px;
}
.information_list {
	margin-top: 32px;
}
.information_l {
	width: 236px;
	height: 140px;
	bordeR: 1px solid #bfbfbf;
	padding: 8px 7px;
	background: #fff;
}
.information_r {
	width: 896px;
	margin-left: 16px;
}
.information_r div {
	font-size: 16px;
	color: #282727;
	line-height: 47px;
	margin-top: 7px;
}
.information_r span {
	line-height: 26px;
	margin-top: 9px;
	font-size: 14px;
	color: #535353;
	display: block;
}
.pro-page {
	margin-top: 40px;
	text-align: center;
}
.pro-page a {
	font-size: 12px;
	color: #000;
	border: 1px solid #a8a6a5;
	line-height: 27px;
	padding: 0 10px;
	display: inline-block;
	background: #fff;
	margin: 0 2.5px;
}
.pro-page a:hover {
	background: #5e5d5a;
	color: #fff;
}
.pro_show a {
	transition: 0.4s linear;
	-webkit-transition: 0.4s linear;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 52px;
	width: 160px;
	background: #00a0e8;
	display: inline-block;
	margin-top: 0;
	margin-right: 2.5px;
	margin-bottom: 0;
	margin-left: 2.5px;
}
.pro_show {
	margin-top: 46px;
	text-align: center;
}
.pro_show a:hover {
	background: orange;
	color: #fff;
}
.show-list li {
	position: relative;
	margin-top: 30px;
	float: left;
	width: 277px;
	margin-left: 29px;
}
.show-list ul {
	margin-left: -29px;
}
.show-list {
	padding-top: 33px;
}
.show-list-tit {
	text-align: center;
	height: 56px;
	line-height: 56px;
	background: #00a0e8;
	color: #fff;
	font-size: 18px;
}
.show-list li a {
	display: block;
}
.show-hid {
	position: absolute;
	top: 56px;
	left: 0px;
	width: 100%;
}
.show-list li:hover .show-hid {
	display: none;
}
.white {
	background: #fff;
}
.new_plist li .new_pic_01>img {
	transition: 0.4s linear;
	-webkit-transition: 0.4s linear;
}
.new_plist li:hover .new_pic_01>img {
	transform: scale(1.04, 1.04);
	-webkit-transform: scale(1.04, 1.04);
}
.new_pic_01 {
	width: 255px;
	height: 128px;
	overflow: hidden;
}
/*2017-11-20*/
.number li{ position:relative; }
.number li:hover{ background:none;} 

.number li:hover .num-pic{ display:block;}
.num-pic{ display:none; transition:0.5s linear; -webkit-transition:0.5s linear; position:absolute; top:15px; left:37px; z-index:999;}

.number li a{ position:relative; z-index:9999;}
.number li:hover div{ color:#fff;}
.number li:hover span{ color:#fff;}
.num-pic{ display:none; transition:0.5s linear; -webkit-transition:0.5s linear; position:absolute; top:0px; left:0px; z-index:999;}

body{ width:100%; min-width:1200px;}
.nav-ul>li:hover{ background:#1abde8; }