﻿@charset "utf-8";
/* CSS Document */
@import"font.css";
html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead,figure,input,textarea,a {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	box-sizing:border-box;
	font-family:"Gotham";
	font-weight:300;
	color:#3c3c3c;
	}
html{height:100%;font-size:18px;}

:focus {
	outline:0;
}
ol,ul,dl,li {
	list-style:none;
	padding:0
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption,th,td {

	font-weight:normal;
	box-sizing:border-box
}
a {
	text-decoration:none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}
blockquote,q {
	quotes:"" "";
}
sub {

}
sup {

}
input,select {

}
a:hover {
 text-decoration:none
}
.fl {
	float:left
}
.fr {
	float:right
}
.fix {
	display:inline-block;
}
.fix {
	display:block;
}
.fix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:before,.clearfix:after {
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	zoom:1;
}


*.{padding:0;margin:0;}

h1,h2,h3,h4,h5,h6{ padding:0; margin:0; font-family:"Gotham Bold";}
h1{ font-size:42px; line-height:1.35; text-align:center;text-transform:uppercase;}
h2{ font-size:32px; color:#333;text-align:center;}
h3{  font-weight:400;}
h4{ font-weight:200;}
h5{ font-size:18px; text-align:center; line-height:1.45; width:75%; margin:0 auto;
	font-weight:400;
	color:#4E575C;}
a {color:#333;text-decoration: none;}
a:hover {text-decoration: none; color:#333;}
img a:hover{text-decoration: none;}
p{ margin-bottom:20px;}
form{margin:0;padding:0;}
input, select, textarea{ font-size:12px;}
@media (max-width:1180px) {
	h2{ font-size:28px;}
	h5 { font-size:18px;}
	.buttom2 a{ padding:8px 20px;}
	}
@media (max-width:840px) {
	h2{ font-size:24px; padding:0 30px;}
	h5 { font-size:16px;}
	}

.left{float:left;}
.right{float:right;}
.space{ clear:both;}
.grey{ background:#f3f3f3;}
.blue{ background:#f2f2f2;}

.buttom{ margin:0 auto; height:48px; text-align:center;}
.buttom a{ background:#42cb1b;font-size:16px; font-family:"Gotham Bold"; line-height:48px; height:48px; display:inline-block; color:#fff; padding:0 30px; text-align:center; }
.buttom a:hover{ background:#333; color:#fff;}



.more{ text-align:center;}
.more a{ text-decoration:underline; color:#333;}
.more a:hover{ text-decoration:none; }

.mm-menu{ display:none;}

.left_tools{ position:fixed; top:200px; width:90px; right:0;  z-index:1000;}
.left_tools div{ text-align:center; font-size:14px;}
.left_tools div a{display:block; width:100%; height:90px; padding-top:56px; color:#fff; margin-bottom:2px; font-family:"Gotham Bold";}
.left_tools .contact a{ background:url(../images/tools_icon_message.png) no-repeat center 15px #43cb1b; background-size:40px;}
.left_tools .contact a:hover{ background:url(../images/tools_icon_message.png) no-repeat center 15px #333; background-size:40px;}
.left_tools .chat a{ background:url(../images/tools_icon_wechat.png) no-repeat center 15px #43cb1b; background-size:40px;}
.left_tools .chat a:hover{ background:url(../images/tools_icon_wechat.png) no-repeat center 15px #333; background-size:40px;}
.left_tools .mail a{ background:url(../images/tools_icon_mail.png) no-repeat center 15px #43cb1b; background-size:40px;}
.left_tools .mail a:hover{ background:url(../images/tools_icon_mail.png) no-repeat center 15px #333; background-size:40px;}
.left_tools .whatsapp a{ background:url(../images/tools_icon_whatsapp.png) no-repeat center 15px #43cb1b; background-size:40px;}
.left_tools .whatsapp a:hover{ background:url(../images/tools_icon_whatsapp.png) no-repeat center 15px #333; background-size:40px;}
@media (max-width:840px) {
	.left_tools{ display:none;}
	}
.phone_tools{ display:none;}

@media (max-width:640px) {
	.phone_tools{ display: block; position:fixed; bottom:50px; width:110px; height:40px; text-align:center; right:0;  z-index:1000; background:#ffab17;box-shadow:0px 0px 10px #ffab17;}
	.phone_tools a{ line-height:40px;color:#fff; font-size:14px; font-style:italic; font-family:"Gotham Bold";}
	}	

/*__header_____*/
.header{
	background:#fff;
	width: 100%;

	z-index: 666;
	
}

.top_bar{ background:#090909; height:54px; font-size:15px;overflow:hidden; font-weight:300; padding:15px 0;}
.top_bar a{ display:block; line-height:24px; color:#fff; font-weight:300;}
.top_bar .wrap{ height:24px;}

.top_bar .media{padding:0 50px;}
.top_bar  .mail{ background:url(../images/top_bar_icon_mail.png) no-repeat; background-size:16px; padding-left:24px; background-position:2px 5px; padding-right:15px; border-right:1px solid #444; float:right;}
.top_bar .left div{ float:left; margin:0 20px;}
.top_bar .right div{ float:left; }

.top_bar .left .news{ padding-left:100px;}

.top_bar .right .change{ background:url(../images/top_bar_icon_change.png) no-repeat;background-position:14px;background-size:16px; padding-left:36px;}
.top_bar .right .change a{ display:block; width:48px; height:24px;}
.top_bar .right .search{ background:url(../images/icon_search.png) no-repeat; background-position:4px;background-size:28px; border-right:1px solid #444; background-position:center;}
.top_bar .right .search a{ display:block; width:48px; height:24px;}

.header .logo-img{ height:88px; float:left;}
.header .logo-img img{ width:100%;}



.wrap{max-width: 1200px;margin: 0 auto;}
.nav_wrap2{display:none;}
.nav_wrap {position:relative; width:100%; height:80px; z-index:990;	border-bottom:1px solid #e2e2e2;}
        .nav { max-width:1200px; margin:0 auto;}
        .nav_logo{ float:left;width:18%; margin-right:2%; height:80px; position: relative;display: flex;justify-content: center;align-items: center;}
		.nav_logo a{ display:block;}
		.nav_logo img{ width:100%; display:block;}
        li.nav-item { float:left; height:80px; width:13.3%;}
        li.nav-item>a{display: block; width:100%;text-align:center;line-height:80px;font-size: 20px;position: relative; font-family:"Gotham Bold";}
        li.nav-item>a::before{ display: none; background:#f1f1f2; position: absolute;}
        li.nav-item:hover>a ,li.nav-item.active>a{ background:#42cb1b; color:#fff;}
        li.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}
		ul .home{}
		ul .home>a{ background:url(../images/icon_home.png) no-repeat; background-position:0 12px; padding:0 10px; height:48px;}
		li.home:hover>a ,li.home.active>a{  background:url(../images/icon_home.png) no-repeat; background-position:0 12px;}
		li.partner{ padding-top:35px; float:left;}
		li.partner a{ color:#2476bf; line-height:40px; display: inline-block; font-size:16px; padding:0 15px; font-weight:400;}
        /* 二级菜单 */
        .subMenu{display: none;position: absolute;top:80px;left: 0;width: 100%;background-color:#f1f1f2; padding:30px 0;}
        .subMenu>ul{max-width:1250px; margin:0 auto;}
		.subMenu>ul>li{ float:left; width:18%; margin:0 1%; margin-bottom:30px;padding:15px; background:#fff;color: #333; }
        .subMenu>ul>li>a{display:block;font-size:16px;}
        
		.subMenu>ul>li .img{ width:100%;}
		.subMenu>ul>li .img a{ display:block; margin:0;}
		.subMenu>ul>li .img img{ width:100%;}

		.subMenu>ul>li  h3{ text-align:left; margin-bottom:10px;}
		.subMenu>ul>li  h3 a{ font-size:18px; line-height:1.2; font-family:"Gotham Bold";}
		.subMenu>ul>li div{ }
		.subMenu>ul>li div a{ display:block;font-size:14px; margin-bottom:6px;}
		.subMenu>ul>li div a:hover{ text-decoration:underline; color:#42cb1b;}
		
		.subMenu>.menu_pro>li{ width:14.66%;}
		.menu_pro{ position:relative; height:800px;}
		.menu_pro li:nth-child(7n){ position: absolute; top:389px;}
		.menu_pro li:nth-child(8n){ position: absolute; top:391px; left:208px;}
		.menu_pro li:nth-child(9n){ position: absolute; top:349px; left:416px;}
		.menu_pro li:nth-child(10n){ position: absolute; top:337px; left:624px;}
		.menu_pro li:nth-child(11n){ position: absolute; top:402px; left:832px;}
	
		.solutions>ul>li .img{ padding:0 20px;}
		
		@media (max-width:1048px) {
		.solutions>ul>li a{min-height:200px;}
		}



      .fixednav{position:fixed;top:0px;left:0px; background:#fff; height:80px; z-index:993;}
	  .fixednav li.nav-item{ height:80px;}
	  .fixednav li.nav-item>a{ line-height:80px;}
	  .fixednav li.partner{ padding:0;}
	  .fixednav li.partner>a{ line-height:80px;}

	  .fixednav .nav_logo{height:80px;}
	  .fixednav .nav_logo img{}
	  
	  .fixednav .subMenu{top:80px;}
	  
@media (max-width:1180px) {
	.fixednav li.nav-item>a{ line-height:80px; font-size:18px;}
	
	.menu_pro li:nth-child(6n){ width:17%; top:320px;}
	}		

@media (max-width:1048px) {
	li.nav-item>a{ padding:0 16px; font-size:16px; line-height:80px;}
	li.nav-item{ height:80px;}
	li.partner{ padding-top:25px;}
	li.partner a{ padding-right:0;}
	.fixednav li.partner>a{ line-height:48px;}
	
	.nav_wrap{ height:80px;}
	.nav_wrap .nav_logo{ height:80px;}
	.nav_wrap .nav_logo img{ width:100%;}
	.top_bar .news{ margin-left:10px;}
	
	.fixednav{ height:60px;}
	.fixednav .subMenu{top:60px;}
	.fixednav li.nav-item>a{ padding:0 16px;line-height:60px; font-size:16px;}
	.fixednav .nav_logo{height:60px;}
	}
@media (max-width:1024px) {
	.subMenu{ top:80px;}
	}	

@media (max-width:840px) {
	.header{ height:106px; position:fixed; top:0;}
	.nav_wrap{ display:none;}
	.nav_wrap2{ display:block;}
	.top_bar{height:40px; padding:0;}
	.top_bar a{line-height:40px;}
	.top_bar .left{ display:none;}


	.top_bar .mail{ float:left; margin:0; height:40px; overflow:hidden; background-position:left center; margin-left:15px; border:0;}
	.top_bar .right .mail a{ font-size:13px;}
	.top_bar .right .change{ font-size:13px;height:40px; background-position:14px 12px;}
	.top_bar .right .change a{ width:32px;}
	.top_bar .right .search{ font-size:13px;height:40px; background-position: center;}
	
	.flexslider{ margin-top:106px;}
	
	.header .logo-img{ width:200px; height:60px; padding-top:14px;}
	
	.fixednav{ top:106px;}
	}

/*__footer_____*/
.footer_tools{ max-width:1200px; margin:0 auto; height:40px; margin-top:40px; font-size:14px;}
.footer_tools .share{ float:left;}
.footer_tools .share a{ display:block; padding-left:36px; background:url(../images/icon_share.png) no-repeat; background-size:30px; line-height:30px; height:30px;}
.footer_tools .print{ float:right; margin-right:30px;}
.footer_tools .print a{ display:block; padding-left:36px; background:url(../images/icon_print.png) no-repeat;line-height:30px; height:30px; background-size:30px;}
.footer_tools .top{ float:right;}
.footer_tools .top a{ display:block; padding-left:36px; background:url(../images/icon_top.png) no-repeat;line-height:30px; height:30px; background-size:30px;}
.footer_tools a:hover{ color:#42cb1b;}



.footer_tools2{ margin:0 auto; width:150px; height:36px; padding-top:30px;color:#FFF;}
.footer_tools2 .list{ float:left;width:24px; height:24px; margin:0 10px;}
.footer_tools2 div a{ display:block;width:24px; height:24px;}
.footer_tools2 .list .box img{ width:100%;}

.footer_tools2 .list .box{width: 24px;height: 24px;text-indent: -24px; overflow: hidden; padding:0; float:left;}
.footer_tools2 .list .box .pic{-webkit-filter: drop-shadow(24px 0 #999);}

.footer_tools2 .list a:hover .box{text-indent: 0;; }




.footer{ background:#090909; padding:0px 0 30px 0;}
.footer .main{ max-width:1200px; margin:0 auto;color:#ddd; font-weight:normal; padding-top:20px;}

.footer .main .footer_nav{ margin-bottom:30px;padding-top: 40px; margin-top:20px;}
.footer .main .footer_nav .list{ width:25%; float:left; line-height:24px; font-size:14px; }
.footer .main .footer_nav .list h1{ font-size:16px; color:#fff; margin-bottom:10px; letter-spacing:0; text-align:left;}
.footer .main .footer_nav .list a{ color:#ccc;}
.footer .main .footer_nav .list a:hover{ text-decoration:underline;}
.footer .main .footer_nav .mail{ margin-right:22px; background:url(../images/icon_mail.png) no-repeat; padding-left:26px; margin-bottom:10px; color:#ccc;}
.footer .main .footer_nav .tel{ margin-right:22px;background:url(../images/icon_tel4.png) no-repeat; padding-left:26px; margin-bottom:10px;  margin-top:4px; color:#ccc;}
.footer .main .footer_nav .whatsapp{ margin-right:22px; background:url(../images/icon_tel.png) no-repeat; padding-left:26px; margin-bottom:10px; }
.footer .main .footer_nav .skype{ margin-right:22px;background:url(../images/icon_skype.png) no-repeat; padding-left:26px; }
.footer .main .footer_nav .wechat{ margin-right:22px;background:url(../images/tools_icon_wechat.png) no-repeat; padding-left:26px; background-size:26px;}

.footer .main .footer_cr{ border-top:1px solid #393939; padding-top:20px; height:60px;}
.footer .main .footer_cr .left{ text-align:center; width:100%;}
.footer .main .footer_cr .copyright{ font-family:"Gotham Bold"; margin-bottom:10px;}

.footer .main .footer_cr .mail a{ color:#e2e2e2;}
.footer .main .footer_cr .tel{ display:none;}
.footer .main .footer_cr .tel a{ color:#e2e2e2;}


.footer .main .sub_menu{ color:#666; font-size:14px; margin-bottom:8px; margin-top:4px;}
.footer .main .sub_menu span{ padding:0 15px;}
.footer .main .sub_menu a{ color:#fff;font-size:14px; font-weight:400;}
.footer .main .sub_menu a:hover{ text-decoration:underline;}
.footer .main .copyright{font-size:12px; color:#fff;}

@media (max-width: 840px){
.footer .main .footer_nav{ border:0; padding-top:0; margin: 20px;}
.footer .main .footer_nav .list{ width:45%; margin-bottom:20px; margin-right:5%; padding-top:30px; min-height:200px;}
.footer .main .footer_nav .list h1{ border-bottom:1px solid #666; padding-bottom:8px;}

.footer .main .footer_cr{margin:10px 20px}
.footer .main .footer_cr .right{ margin-bottom:10px;}

.footer .main .footer_cr .right .footer_map{ margin-left:0;}

}
@media (max-width: 640px){


.footer .main .footer_nav{ border:0; padding-top:0; margin: 20px;}
.footer .main .footer_nav .list{ float:none; margin-bottom:20px; width:100%; min-height: inherit;}
.footer .main .footer_nav .list h1{ border-bottom:1px solid #666; padding-bottom:8px;}

.footer .main .footer_cr{margin:10px 20px}
.footer .main .footer_cr .right{ width:100%; margin-bottom:10px;}

.footer .main .footer_cr .right .footer_map{ margin-left:0;}

}

@media (max-width:1180px) {
	.footer .main .footer_cr .left img{ width:140px;}
	
	}

/*__index/banner_____*/

/* flexslider */
.flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) no-repeat;min-height:500px;}
.slides{position:relative;z-index:1;}
.slides li{background-position: center center!important;background-size: cover!important;min-height: 500px;}

@media (min-width:840px) {
	.flexslider {min-height:680px;}
	.slides li{min-height:680px;}
}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:16px;height:12px;display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:16px;height:12px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; margin-top:-50px;}
.flex-direction-nav li a{display:block;width:50px;height:100px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:80px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:80px;background:url(../images/next.png) center center no-repeat;}

.banner_txt_warp{ color:#fff; margin:0 auto; padding-top:250px; height:680px; background:url(../images/banner_black_bg.png);} 
.banner_txt_warp h1{ text-align:center; text-shadow:0px 0px 20px #000;  line-height:1.5; color:#fff; margin:0 auto; width:70%;}


.banner_txt_warp .btn_black{ width:200px; margin:0 auto; margin-top:50px;}
.banner_txt_warp .btn_black a{ border:1px solid #fff; color:#fff; }
.banner_txt_warp .btn_black .btn_jt_black{background-position:8px -65px;}


@media (max-width:1180px) {
	.flexslider{height:400px;}
	.slides li{background-size:cover; height:400px;}
	
	.banner_txt_warp{ padding-top:250px; }
	.banner_txt_warp h1{ font-size:36px; line-height:40px; }
	.banner_txt_warp h2{ font-size:20px; }
	
	}
@media (max-width:840px) {

	
	.banner_txt_warp {padding-top:150px; text-align:center;}
	.banner_txt_warp h2{ padding:0; width:auto;}
	.banner_txt_warp h1{ font-size:30px; width:80%; line-height:36px;}
	.flex-direction-nav{ display:none;}
}
@media (max-width:480px) {
	.banner_txt_warp {padding-top:120px; text-align:center;}

	.flex-direction-nav{ display:none;}
	.banner_txt_warp .buttom a{ font-size:14px; line-height:38px; height:38px;min-width:120px; padding:0;}
}

/*__index_____*/
.wrapper{}
/*__liftup_____*/
.index_pro{padding:20px 0;}
.index_pro .index_pro_wrap{ margin:0 auto; margin-top:50px; max-width:1250px;}
.index_pro .liftup{margin:20px 2%; width:29.33%; float:left; margin-bottom:40px;}
.index_pro .liftup .img{ border-bottom:8px solid #42cb1b;}
.index_pro .liftup img{width:100%; display:block;}
.index_pro .liftup .pro_name{ font-size:18px; color:#333;line-height:1.4; margin:30px 20px;max-height:48px; overflow:hidden;  text-align:left; font-family:"Gotham Bold";}
.index_pro .liftup .pro_txt{ font-size:16px; padding:0 20px 20px 20px;margin-top:-10px; line-height:1.4; text-align:left;}

.index_pro .liftup .pro_txt2{ padding:0 15px ; height:20px; margin-top:15px;}
.index_pro .liftup .pro_txt2 div{ float:left; font-size:12px; padding-right:20px; margin-right:10px; line-height:1.5;}

.index_pro .liftup a{display:block;  border:1px solid #e2e2e2; height:415px;}
.index_pro .liftup a:hover img{}

.index_pro .liftup a{ display:block; transition: 0.5s ; background:#fff;}
.index_pro .liftup a:hover{box-shadow:0px 0px 20px #e5e5e5; transform: translateY(-10px) scale(1);}


.index_pro .liftup a:hover .pro_name{color:#42cb1b;}

.a_index .liftup a{}
.pt80{ padding-top:80px;}
@media (max-width:1180px) {
	.index_pro .index_pro_wrap{ margin-top:20px;}
	.index_pro .liftup .pro_name{ font-size:18px; padding-bottom:0px; font-weight:300; height:60px; overflow:hidden;}
	.index_pro .liftup a{}

}
@media (max-width:1024px) {
	.index_pro{padding:10px 0;}
	.index_pro .liftup a{ height:325px;}
	.index_pro .liftup .pro_name{ font-size:14px; margin:20px; height:40px;}
	.index_pro .liftup .pro_txt{ font-size:14px;}
}

@media (max-width:840px) {
	.index_pro .liftup {width:100%;margin:0;margin-bottom:30px;}
	.index_pro .liftup img{width:100%; height:100%; display:block;}
	.index_pro .liftup a{ height:auto; padding-bottom:10px;}
	.index_pro .liftup:hover .caption { display:none;}
	.index_pro .liftup .pro_name{ height:auto;}
	}

@media (max-width:640px) {
	.index_pro .liftup {clear:both; }
	}

.index_pro2{ background: rgb(226,224,224);background: linear-gradient(108deg, rgba(226,224,224,1) 0%, rgba(242,242,242,1) 53%, rgba(221,221,221,1) 100%);
 height:680px;}
.index_pro2 .list{ width:1200px; margin:0 auto;}
.index_pro2 .list .img{ float:left; width:50%;}
.index_pro2 .list .txt{ float:right; width:47%; margin-left:3%;}
.index_pro2 .list .txt h2{ text-align:left; font-size:36px; margin-bottom:40px; width:450px; width:90%;}
.index_pro2 .list .txt h4{ text-align:left; color:#333; font-size:20px; width:90%;line-height:1.8; font-family:Gotham; margin-bottom:40px;}
.index_pro2 .list .txt .btn_black{ text-align:left;}


.index_pro2 .line{ position:absolute; bottom:40px; width:100%;}
.index_pro2 .line .w1{ width:890px; margin:0 auto;line-height:40px; height:40px; position:relative;}
.index_pro2 .line .t1{ float:left; width:105px;}
.index_pro2 .line .bg{ float:left; width:680px;background:url(../images/index_pro_line.png) repeat-x; height:40px;}
.index_pro2 .line .more{ text-align:left; right:0; width:105px; position:absolute; z-index:912;}
.index_pro2 .line .more a{ text-decoration:none;}
.index_pro2 .line .more a:hover{ color:#666;}

@media (max-width:1180px) {
	.index_pro2{ height:480px;}
	.index_pro2 .list{ padding:0 30px;}
	.index_pro2 .list .txt h2 { font-size:30px; margin-bottom:20px;}
	.index_pro2 .list .txt h4{ font-size:16px;}
	.index_pro2 .list .txt .btn{margin-top:20px;}
	
	.index_pro2 .line{ position:absolute; bottom:20px; width:100%;}
	}
@media (max-width:840px) {
	.index_pro2 .list .img{ width:50%;}
	.index_pro2 .list .txt{ padding-top:40px;}
	.index_pro2 .list .txt h2{ padding:0; font-size:24px;}
	.index_pro2 .list .txt h4{}
	.index_pro2 .line{ display:none;}
	
	}

@media (max-width:640px) {
	.index_pro2 .list .img{ float:none; width:100%; height:300px;}
	.index_pro2 .list .txt { width:100%; float:none; position: relative; right:auto; top:auto; padding-top:0; margin:0;}
	.index_pro2 .list .txt h2{ padding:0; font-size:24px; text-align:center; margin-bottom:10px; width:100%;}
	.index_pro2 .list .txt h4{ display:none;}
	
	.index_pro2 .list .txt .btn{ margin-top:0; height:40px; text-align:center;}
	.index_pro2 .list .txt .btn div{ float:none; }
	.index_pro2 .list .txt .btn a{ font-size:14px; margin:0 5%; padding:0; width:40%; height:32px; line-height:32px; text-align:center;}
	
	.index_pro2 .line{ display:none;}
	
	.index_pro2 .list .txt .btn_black{ text-align:center;}
	}

/*__index_about_____*/
.index_about{ margin-bottom:60px; padding-top:80px;}
.index_about .wrap{ max-weight:1200px; margin:0 auto;}
.index_about .about{ width:45%; float:left; padding-right:50px;}
.index_about .about .title{font-size:36px; font-weight:400; margin-bottom:20px; font-family:"Gotham Bold";}
.index_about .about .txt{line-height:1.5; margin-bottom:50px;}

.index_about .about_img{ width:55%; float:right;}
.index_about .about_img img{ width:100%;}

.index_about .list_wrap{ height:300px; margin-top:40px; background:#43cb1b; padding:60px 0;}
.index_about .list{width:25%; padding:0 50px; height:180px;font-size:18px; color:#fff; float:left; text-align:center; border-right:1px solid #b4eaa4;}
.index_about .list .big_num{ font-size:60px; color:#fff; font-family:"Gotham Bold";}
.index_about .list a{ color:#fff; display:block; transition: 0.5s ;}
.index_about .list a:hover{transform: translateY(-10px) scale(1);}
.index_about .list2{ border:0;}

@media (max-width:1180px) {
	.index_about .list_wrap{ padding:40px 0; height:260px;}
	.index_about .list .big_num{ font-size:48px;}

}
@media (max-width:1024px) {
	.index_about .list{ padding:0 30px; height:160px;}
	}
@media (max-width:840px) {
	.index_about .list_wrap{ margin-top:30px; height:320px;}
	.index_about .list_wrap .list{ font-size:14px;margin-bottom:40px; width:50%; padding:0 50px; height:100px;} 
	}
@media (max-width:640px) {
	.index_about{height:auto; background-size:cover;}
	.index_about .about{ float:none; width:100%; padding-bottom:40px; height:auto; padding-right:0;}
	.index_about .about .about_wrap{ width:100%;  float:none; padding:0 20px; padding-top:40px;}
	.index_about .about .title{ width:100%;}
	.index_about .about .txt{ width:100%; font-size:16px;}
	.index_about .about .list_wrap{ height:360px;}
	.index_about .about .list{ margin-right:15px; font-size:14px;}
	.index_about .about .more{ font-size:14px;}
	
	.index_about .about_img{ width:100%; }
	
	.index_about .list_wrap{ margin-top:30px; height:360px;}
	.index_about .list_wrap .list{ ;margin-bottom:40px; width:50%; padding:0 30px; height:120px;} 
	
	}

@media (max-width:480px) {
	.index_about .list .big_num{ font-size:30px;}
	}

/*__index_solutions_____*/
.index_solutions{padding:60px 0; background:#f3f3f3;}
.index_solutions .index_pro_wrap{margin-top:10px;}
.index_solutions h5{ font-family:Gotham; color:#43cb1b;}
.index_solutions .btn_black{ margin:0 auto; width:260px;}
.index_solutions .liftup a{ height:390px;}
@media (max-width:1180px) {
	.index_solutions .liftup a{ height:auto;}
	.index_solutions .liftup .pro_name{ height:auto;}
	}


/*__index_case_____*/
.index_case{padding:80px 0;}
.index_case .index_pro_wrap{ margin:0 auto; margin-top:50px; max-width:1250px;}
.index_case .liftup{margin:0 2%; width:29.33%; float:left; margin-bottom:40px;}
.index_case .liftup img{width:100%; display:block;}
.index_case .liftup .pro_font{ padding:15px; padding-top:25px; font-size:14px;}
.index_case .liftup .pro_name{ font-size:18px; color:#333;line-height:1.2;  padding-bottom:10px; font-family:"Gotham Bold";}

.case_lb{ margin-top:20px; font-size:14px;}
.case_lb .list{ width:40%; float:left; line-height:22px; border-bottom:1px solid #e9e9e9; margin-bottom:10px; height:60px;}
.case_lb .list2{ border:0;}
.case_lb .list3{ width:60%;}
.case_lb .list .f1{ font-family:"Gotham Bold"; line-height:1.1;}

.index_case .liftup .btn_green_line{ font-family:"Gotham Bold"; color:#42cb1b;}

.index_case .liftup a{display:block; background:#fff; height:550px;}

.index_case .liftup a .img img{ width:100%; display:block;}


.index_case .liftup a{transition: 0.5s ;}
.index_case .liftup a:hover{box-shadow:0px 0px 20px #e5e5e5;}

.index_case .liftup a:hover .pro_name{color:#42cb1b;}


@media (max-width:1180px) {
	.index_case .liftup .pro_font{ padding-top:10px;}
	.index_case .liftup .pro_name{ font-size:18px;padding-top:4px;}
	.index_case .liftup a{}
	.index_case .liftup .pro_txt{ padding:0 10px ;}
	
}
@media (max-width:1024px) {
	.index_case .liftup a{ height:480px;}
	.case_lb{font-size:12px;}
	}

@media (max-width:840px) {
	.index_case .liftup {width:46%;}
	.index_case .liftup img{width:100%; height:100%; display:block;}
	.index_case .liftup a{ height:auto;}
	.index_case .liftup:hover .caption { display:none;}
	}
@media (max-width:640px) {
	.index_case .liftup {clear:both;width:100%;margin:0;margin-bottom:30px; }
	}

/*__index_news_____*/
.index_news{padding:60px 0;}
.index_news .index_pro_wrap{ margin:0 auto; max-width:1250px;margin-top:10px;}
.index_news h5{ font-family:Gotham; }
.index_news .btn_black{ margin:0 auto; width:180px;}
.index_news .liftup .pro_name{ padding:40px 20px;}

.index_news .liftup{ margin: 0 2%; width: 29.33%;float: left;margin-bottom: 40px;}
.index_news .liftup .fl{  background:#fff; padding:30px 10px 10px 10px ;color:#42cb1b; font-size:14px; font-family:"Gotham Bold"; float:none;}
.index_news .liftup .time{  background:#fff; padding-left:10px;font-size:14px;}
.index_news .liftup .title{padding:20px 10px; padding-bottom:0; margin-bottom:10px; height:90px; font-family:"Gotham Bold"; font-size:18px; overflow:hidden;}
.index_news .liftup .more{display: inline-block; padding-right:20px;background: url(../images/jt.png) no-repeat right;background-size:16px; font-size:14px; padding-left:10px; color:#42cb1b; font-family:"Gotham Bold"; margin-bottom:20px;}


.index_news .liftup .img{ border-bottom:5px solid #42cb1b; position:relative;}
.index_news .liftup .img img{ width:100%; border:0; display:block;}


.index_news .liftup a{transition: 0.5s; display:block; border:1px solid #ddd; background:#fff;}
.index_news .liftup a:hover{ box-shadow:0px 0px 20px #e5e5e5; background:#fff;transform: translateY(-10px) scale(1)}


@media (max-width:1024px) {
	.index_news .liftup .fl{ padding-top:20px;}

	
}
@media (max-width:840px) {

	.index_news .liftup{ height:auto; width:100%; margin:0; margin-bottom:30px;}
	.index_news .liftup .title { height:64px;}

	}
@media (max-width:640px) {

	.index_news .liftup{}
	.index_news .liftup .title { height:64px;}

	}

@media (max-width:480px) {
	.index_news .liftup .txt2{ display:none;}	
	
	}

.index_video{}
.index_video .liftup .title{ font-size:24px; padding:30px 0 0 20px; height:120px;}
.index_video .liftup .more{ margin-top:20px; border:1px solid #333; padding:10px 20px; padding-right:36px; background-position:66px 2px; margin-left:20px; color:#333; margin-bottom:30px;}

.index_video .liftup a:hover .more{ border:1px solid #42cb1b; background:url(../images/jt.png) no-repeat #42cb1b; background-size:16px; color:#fff; background-position:66px -62px;}

/*__index_global_____*/
.index_global{color:#fff;  position:relative; height:600px; overflow:hidden; }
.index_global .global_wrap{ position:absolute; width:100%;}
.index_global .global_wrap .txt{ background:url(../images/index_global_green_bg.png); margin:80px auto; width:70%; padding:80px 160px;}
.index_global .global_wrap .txt div{ color:#fff; line-height:180%;}
.index_global .global_wrap h2{ color:#fff; margin-bottom:20px;}
.index_global .btn_white{ margin:0 auto; width:244px; margin-top:40px;}
.index_global .img{ height:600px; background-position: center; background-size:100%;}


@media (max-width:1180px) {
	.index_global .global_wrap .txt{ padding:60px 120px;}
	}
@media (max-width:1024px) {
	.index_global{ height:520px;}
	.index_global .global_wrap .txt{ padding:40px 80px;}
	}
@media (max-width:840px) {
	.index_global{ height:450px;}
	.index_global .global_wrap .txt{ padding:30px 60px; margin:40px auto; margin-bottom:0;}
	.index_global .img{}

	}
@media (max-width:640px) {
	.index_global .global_wrap h2{ padding:0;}
	.index_global .global_wrap .txt div{ font-size:14px;}
	}
@media (max-width:480px) {
	.index_global .global_wrap .txt{ padding:30px 30px; margin:40px auto; width:80%;}
	.index_global .global_wrap  .btn_white{ margin-top:30px; text-align:center;}
	.index_global .global_wrap  .btn_white a{ padding:5px 15px 10px 15px;}
	}

/*____________________*/

.banner{ height:400px;background-position:center center;background-size: cover; position:relative;}
.banner .txt_warp{ width:60%; color:#fff; margin:0 auto; padding-top:120px;}
.banner .txt_warp h1{ margin-bottom:30px; color:#fff;}


.banner .pre{ position:absolute; top:50%; margin-top:-23px; left:80px;}
.banner .next{position:absolute; top:50%; margin-top:-23px;  right:80px;}
.banner .pre a,.banner .next a{background:url(../images/banner_next_bg.png) ; border-radius:4px; height:46px; padding:3px; display:block;}
.banner .pre a:hover,.banner .next a:hoer{background:#fff;}

.main_title{ margin:0 auto; margin-bottom:50px; text-align:center; width:60%; font-size:18px; line-height:1.8; color:#666;}
.main_title h1{ font-size:36px; margin-bottom:10px;}

.main_title2{ margin:0 auto; max-width:1200px;}
.main_title2 .list{ font-size:36px; margin-bottom:10px; width:19%; margin:0 3%; float:left; line-height:1.4;}
.main_title2 .list div{ text-align:center; font-size:14px; color:#4e4e4e; line-height:180%;}
.main_title2 .list .title{ font-size:18px; color:#4e4e4e; margin-bottom:10px; font-family:"Gotham Bold";}

.wz{ background:#ebebeb; font-size:12px; line-height:16px; padding:10px 0; }
.wz a{ font-weight:normal; color:#999;}
.wz a:hover{ text-decoration:underline;}
.wz span{ padding:0 5px; color:#999;}

@media (max-width:1180px) {
	.banner{ height:300px;}
	.banner .txt_warp{ width:70%; padding-top:60px;}
	.banner .txt_warp h1{ font-size:36px; line-height:40px; }
	.banner .txt_warp h2{ font-size:20px; }
	
	.banner .pre,.banner .next{ top:29%; }
	
	.main_title{ width:70%; font-size:16px; margin-bottom:30px;}
	.main_title h1{  font-size:30px; margin-bottom:6px;}
	}
	
@media (max-width:840px) {
	.banner .txt_warp{ width:80%; padding-top:60px;}
	.banner .txt_warp h1{ font-size:24px; line-height:1.35;}
	.main_title{ width:85%; margin-bottom:30px;}
	.pro_service .main_title{ width:100%; margin-bottom:30px;}
	.wz{ margin-top:106px;}
	.main_title2 { width:100%; margin-bottom:0;}
	.main_title2 .list{ width:40%; margin:0 5%; margin-bottom:40px;}
	}

@media (max-width:640px) {
	.main_title2 .list div{ width:50%; margin:0 auto;}
	.main_title2 .list div img{ width:100%;}
	.main_title2 .list .title{ font-size:14px; line-height:1.4; width:100%;}
	.main_title2 .list .txt{ width:100%; margin:0 auto; line-height:1.4;}
	}

@media (max-width:480px) {
	.banner .txt_warp h1{ font-size:18px; line-height:1.35;}
	.main_title2 .list{ width:40%; margin:0 5%; margin-bottom:40px; height:180px;}
	}
/*_______________Product_____*/

.pro_index{ padding-bottom:40px; padding-top:40px;}
.pro_index h2{ line-height:1.4;}
.mt80{ margin-top:80px;}


.pro_contact{ padding:60px 0;}
.pro_contact .wrap{}
.pro_contact .t_wrap{ height:200px;}
.pro_contact .t_wrap .t1{width:68%;float:left; border:1px solid #e2e2e2; padding:40px; padding-top:60px; height:310px; background-repeat: no-repeat; background-position:right bottom;}
.pro_contact .t_wrap .t2{background:#e2e2e2; border:1px solid #e2e2e2; float:right; width:30%; padding:40px; padding-top:60px; padding-bottom:0; background-repeat:no-repeat;background-position:right bottom; height:310px;}
.pro_contact .t_wrap h2{ text-align:left; line-height:1.5; font-size:24px;}
.pro_contact .t_wrap h4{ width:80%; font-family:'Gotham'; line-height:1.8;}

.pro_contact .btn_black{ margin-top:40px;}
.pro_contact .btn_green{ margin-top:80px;}

.pro_contact .t3{ background:#42cb1b; margin-top:40px;height:250px; margin-top:25px;}
.pro_contact .c1{ width:70%;float:left;text-align:center; padding:0 20px; font-size:36px; line-height:1.4; padding-top:90px;color:#fff;}
.pro_contact .c2{ width:30%;float:right; text-align:center; padding-top:90px;}

@media (max-width:1180px) {
	.pro_contact{}
	.pro_contact .c1{font-size:28px;}

	}
@media (max-width:840px) {
	.pro_contact{ height:auto; padding:0 20px; margin:0 15px; margin-top:30px;}
	.pro_contact .wrap{ padding:15px 0; margin:0;}
	
	.pro_contact .t_wrap .t1{width:100%; padding:30px; height:240px;}
	.pro_contact .t_wrap h2{ padding:0; font-size:18px;}
	.pro_contact .t_wrap h4{ font-size:14px;}
	
	.pro_contact .t_wrap .t2{ width:100%;height:200px; padding:30px;}
	.pro_contact .btn_green{ margin-top:50px;}
	
	.pro_contact .c1{ width:80%; margin:0 10%; padding-top:60px; line-height:1.4; margin-bottom:10px;}
	.pro_contact .c2{ width:100%; padding-top:10px;}
	.pro_contact .c2 a{}
}
@media (max-width:480px) {
	.pro_contact .t_wrap .t1{height:300px; background-size:50%; margin-bottom:10px;}
	.pro_contact .t_wrap .t2{ background-size:50%;}
	.pro_contact .t_wrap h4{ line-height:1.5; width:100%;}
	.pro_contact .c1{ padding:0; padding-top:50px; font-size:22px; width:84%; margin:0 8%; margin-bottom:20px;}
	
	}


.btn_black a,.btn_white a,.btn_green a,.btn_green_line a{font-family:'Gotham bold';}
.btn_black a{display:inline-block;color:#3c3c3c; padding:10px 30px;padding-bottom:16px;  border:1px solid #3c3c3c; font-size:14px; line-height:20px;}
.btn_black a:hover{background:#42cb1b; border:1px solid #42cb1b; color:#fff;}

.btn_white a{display:inline-block;color:#fff; padding:10px 30px; padding-bottom:16px;  border:1px solid #fff; font-size:14px; line-height:20px;}
.btn_white a:hover{ background:#fff; color:#42cb1b;}

.btn_green a{ display:inline-block;color:#fff; padding:10px 30px; padding-bottom:16px; border:1px solid #42cb1b; font-size:14px; line-height:20px; background:#42cb1b;}
.btn_green a:hover{ background:#333; border:1px solid #333;color:#42cb1b;}

.btn_green_line a{display:inline-block;color:#42cb1b; padding:10px 30px;padding-bottom:16px;  border:1px solid #42cb1b; font-size:14px; line-height:20px;}
.btn_green_line a:hover{background:#42cb1b; border:1px solid #42cb1b; color:#fff;}

.btn_jt_white{ display:inline-block;width: 28px;height: 20px; background:url(../images/jt.png) no-repeat; background-size:16px; 
background-position:8px -65px;}
.btn_jt_black{ display:inline-block;width: 28px;height: 20px; background:url(../images/jt.png) no-repeat; background-size:16px; 
background-position:8px -1px;}
.btn_jt_green{ display:inline-block;width: 28px;height: 20px; background:url(../images/jt.png) no-repeat; background-size:16px; 
background-position:8px -65px;}
.btn_jt_green2{ display:inline-block;width: 28px;height: 20px; background:url(../images/jt.png) no-repeat; background-size:16px; 
background-position:8px -33px;}
.btn_black a:hover .btn_jt_black { background-position:8px -65px;}
.btn_white a:hover .btn_jt_white { background-position:8px -33px;}
.btn_green a:hover .btn_jt_green { background-position:8px -33px;}
.btn_green_line a:hover .btn_jt_green2 { background-position:8px -65px;}


@media (max-width:640px) {
	.btn_white a{ padding:5px 15px 10px 15px;}
	
	.btn_green a{ padding:5px 15px 10px 15px;}
	
	
	
	
	.btn_black a{ padding:5px 15px 10px 15px;}
	.index_solutions .btn_black{ text-align:center;} 
	.index_news .btn_black{ text-align:center;} 
	}


.left_tools .mail a:hover .box{text-indent: 0px;}

.pro_service{}
.pro_service h2{}
.pro_service .wrap{ margin:0 auto; max-width:1200px;  padding-top:60px; padding-bottom:60px;}
.pro_service .wrap .left{ width:40%;}
.pro_service .wrap .left img{ width:100%;}
.pro_service .wrap .right{ width:55%; font-size:16px; color:#666;}
.pro_service .wrap .txt{ text-align:left; margin-bottom:20px; line-height:1.3;}
.pro_service .list{ min-height:60px;} 
.pro_service .list .title{float:left; width:100%;display:block; cursor:pointer; border-bottom:1px solid #d9d9d9;}
.pro_service .list .title div{ float:left;line-height:24px; padding:18px 0; font-size:18px;font-family:'Gotham bold';}
.pro_service .list .title .jt{ float:right; width:20px; height:20px; background:url(../images/jt_down.png) no-repeat; background-size:20px; margin-top:20px; padding:0;}
.pro_service .list .txt{ display:none; line-height:1.5; padding-top:20px; clear: both; font-size:14px;}

.pro_service .on .txt{ display:block; overflow:auto;}
.pro_service .on .txt img{ max-width:100%; height:100%;}
.pro_service .on .txt table{ border-collapse: collapse;}
.pro_service .on .txt table tr:hover{ background:#eee;}
.pro_service .on .txt table td{ border:1px solid #ddd; padding:6px 4px;}
.pro_service .on .txt table .t1{ background:#333; color:#fff;}
.pro_service .on .txt table .t1:hover{ background:#333;}

.pro_service .on .txt .strong{ font-weight:bold;font-family:'Gotham bold'；}


.pro_service .on .txt .lr_txt{ margin-bottom:20px; clear:both;}
.pro_service .on .txt .lr_txt{ margin-bottom:15px;}
.pro_service .on .txt .lr_txt .left25{ width:25%; float:left;}
.pro_service .on .txt .lr_txt .left30{ width:30%; float:left;}
.pro_service .on .txt .lr_txt .right70{ width:70%; float:left;}
.pro_service .on .txt .lr_txt .left40{ width:40%; float:left;}
.pro_service .on .txt .lr_txt .right60{ width:60%; float:left;}
.pro_service .on .txt .lr_txt .left50{ width:50%; float:left;}
.pro_service .on .txt .lr_txt .right50{width:50%; float:left;}
.pro_service .on .txt .lr_txt .left60{width:60%; float:left;}
.pro_service .on .txt .lr_txt .right40{width:40%; float:left;}
.pro_service .on .txt .lr_txt .left70{width:60%; float:left;}
.pro_service .on .txt .lr_txt .right30{width:40%; float:left;}

@media (max-width:1030px) {
.pro_service .on .txt .lr_txt .left25{ width:24%; margin-right:1%; float:left;}
.pro_service .on .txt .lr_txt .left30{ width:29%; margin-right:1%; float:left;}
.pro_service .on .txt .lr_txt .right70{ width:69%;margin-right:1%;  float:left;}
.pro_service .on .txt .lr_txt .left40{ width:39%; margin-right:1%; float:left;}
.pro_service .on .txt .lr_txt .right60{ width:59%;margin-right:1%;  float:left;}
.pro_service .on .txt .lr_txt .left50{ width:49%;margin-right:1%;  float:left;}
.pro_service .on .txt .lr_txt .right50{width:49%;margin-right:1%;  float:left;}
.pro_service .on .txt .lr_txt .left60{width:59%;margin-right:1%;  float:left;}
.pro_service .on .txt .lr_txt .right40{width:39%;margin-right:1%;  float:left;}
.pro_service .on .txt .lr_txt .left70{width:59%;margin-right:1%;  float:left;}
.pro_service .on .txt .lr_txt .right30{width:39%;margin-right:1%;  float:left;}
	}

@media (max-width:840px) {
	.pro_service .on .txt .lr_txt .left25{ width:24%; float:left; margin-right:1%; margin-bottom:5px;}
	.pro_service .on .txt .lr_txt .left30{ width:100%;}
	.pro_service .on .txt .lr_txt .right70{ width:100%;}
	.pro_service .on .txt .lr_txt .left40{ width:100%;}
	.pro_service .on .txt .lr_txt .right60{ width:100%;}
	.pro_service .on .txt .lr_txt .left50{ width:100%;}
	.pro_service .on .txt .lr_txt .right50{width:100%;}
	.pro_service .on .txt .lr_txt .left60{width:100%;}
	.pro_service .on .txt .lr_txt .right40{width:100%;}
	.pro_service .on .txt .lr_txt .left70{width:100%;}
	.pro_service .on .txt .lr_txt .right30{width:100%;}	
	
	}

@media (max-width:480px) {
	.pro_service .on .txt .lr_txt .left25{ width:46%; float:left; margin:0 2%; margin-bottom:5px;}
	
	}


.pro_service .on .title .jt{background:url(../images/jt_up.png) no-repeat; background-size: 20px;}
.pro_service .list .title:hover .jt{background:url(../images/jt_down.png) no-repeat; background-size: 20px;}
.pro_service .on .title:hover .jt{background:url(../images/jt_up.png) no-repeat; background-size: 20px;}


.pro_case{ background:#fff; width:100%; padding:50px 40px; font-size:14px;}
.pro_case .left_img{ width:46%; float:left;}
.pro_case .rig_txt{ width:50%; float:right;}
.pro_case .case_name{ margin-bottom:30px;}
.pro_case .case_name h2{ text-align:left;color:#42cb1b; font-size:24px; line-height:1.8;}
.pro_case .case_lb{ border-bottom:1px solid #333; margin-bottom:30px; height:60px;}
.pro_case .case_lb .list{ width:33.3%; float:left; line-height:24px;}
.pro_case .case_lb .list .f1{ font-weight:600;}
.pro_case .case_sm{ margin-bottom:30px; line-height:180%;}
.pro_case .case_sm h4{ text-align:left; font-weight:600; margin-bottom:10px;}
.pro_case .btn_green_line a{ font-size:14px; font-weight:600; padding:10px 15px; padding-bottom:12px;}


@media (max-width:840px) {
	.pro_index{ padding-top:30px;}
	
	.pro_solutions .liftup { margin-bottom:30px;}
	
	.pro_case .left_img{ width:100%; margin-bottom:20px;}
	.pro_case .rig_txt{ width:100%;}
	.pro_case .case_name h2{ padding:0;}
	
	.pro_service .wrap{ padding:50px 30px;}
	.pro_service .wrap h2{}
	.pro_service .left{ display:none;}
	.pro_service .wrap .right{ width:100%; font-size:14px;}
	.pro_service .wrap .right h2{ padding:0; margin-bottom:10px;}
	.pro_service .list .title{ font-size:14px;}
	.pro_service .list .title div{ width:80%; font-size:18px;}
	
	}
@media (max-width:640px) {
	.pro_case .case_name h2{ font-size:18px; line-height:1.2;}
	
	.pro_case .case_lb{ border:0;}
	.pro_case .case_lb .list{ width:100%; float:left; line-height:24px; height:50px;;}
	
	.pro_case .btn_green_line{ text-align:center;}
	.pro_case .btn_green_line a{ padding:5px 15px 10px 15px;}
	}

/*_______________Product－detail_____*/

.product_detail{max-width: 1200px;  margin:40px auto;  padding:40px 0;}
.product_detail .img{ border:1px solid #e5e5e5; width:55%;float:left;}
.product_detail .img img{ width:100%; padding:0 ; display:block;}

.product_detail .txt{ line-height:1.45; float:right; width:42%;}
.product_detail .txt .name{margin-bottom:30px; font-size:24px;}
.product_detail .txt .name h4{  font-size:36px;  line-height:1.3;}
.product_detail .txt .name_icon{ background:#333; float:left; width:140px; height:124px; text-align:center; line-height:18px; font-size:16px; color:#fff; margin-right:20px;}
.product_detail .txt .name_icon img{ width:80px;}
.product_detail .lr{ font-size:14px; line-height:1.6; color:#333; margin-bottom:30px;}
.product_detail .lr .strong{font-family:'Gotham bold'；}



.product_detail .txt .buttom2 { float:left; margin-right:15px; margin-bottom:20px;}
.product_detail .txt .buttom2 a{ font-size:13px;line-height:13px; border:1px solid #333; color:#333; font-family:"Gotham Bold"; width:230px; display:block;padding:12px 25px 12px 50px; }
.product_detail .txt .buttom2 a:hover{ color:#fff;border:1px solid #42cb1b;}
.product_detail .txt .chat,.product_detail .txt .tel{ margin-right:0;}

.product_detail .txt .message a{ background:url(../images/icon_contact2.png) no-repeat; background-size:21px; background-position:16px 8px;}
.product_detail .txt .message a:hover{ background:url(../images/icon_contact.png) no-repeat #42cb1b; background-size:21px; background-position:16px 8px;}
.product_detail .txt .chat a{ background:url(../images/icon_chat2.png) no-repeat ;background-size:21px; background-position:16px 8px;}
.product_detail .txt .chat a:hover{ background:url(../images/icon_chat.png) no-repeat #42cb1b 20px 8px;background-size:21px; background-position:16px 8px;}
.product_detail .txt .mail a{ background:url(../images/icon_mail2.png) no-repeat ;background-size:21px; background-position:16px 8px;}
.product_detail .txt .mail a:hover{ background:url(../images/icon_mail.png) no-repeat #42cb1b;background-size:21px; background-position:16px 8px;}
.product_detail .txt .tel a{background:url(../images/icon_tel2.png) no-repeat ;background-size:21px; background-position:16px 8px;}
.product_detail .txt .tel a:hover{ background:url(../images/icon_tel.png) no-repeat #42cb1b;background-size:21px; background-position:16px 8px;}

.solutions_detail .img{ float:right;}
.solutions_detail .txt{ float:left;}

@media (max-width:1180px) {
	.product_detail .txt{ }
	.product_detail .txt .name{ font-size:20px;}

	}
@media (max-width:840px) {
	.product_detail .img{ width:100%;}
	.product_detail .line{ display:none;}
	.product_detail .txt{ position: static; width:100%; padding:30px 0 0 0; background:none; height:auto;}
	.product_detail .lr{ height:auto;}
	
	.product_detail .txt .name_icon{ width:100px; font-size:14px; height:126px;}
	
	}	
@media (max-width:640px) {
	.product_detail .txt .name{ font-size:16px;}
	.product_detail .txt .name h4{ font-size:28px;}
	}

	
.pro_menu{ background:#e2e2e2; height:100px; width:100%;}
.pro_menu ul{}
.pro_menu ul li { float: left; list-style-type: none; text-align:center; height:100px; line-height:100px; font-size:20px; padding-right:30px;}
.pro_menu ul li a{ display: block; text-decoration: none; padding: 0 20px; color: #777777;  font-family:"Gotham Bold";}
.pro_menu ul li a:hover { color:#333; }
.pro_menu ul .on a { color:#42cb1b; background-color: #f3f3f3; border-bottom: 5px solid #42cb1b; }


@media (max-width:1180px) {
	.pro_menu{ height:80px;}
	.pro_menu ul li{ line-height:80px; height:80px; font-size:18px; padding-right:20px;}
	
	}
@media (max-width:1024px) {
	.pro_menu ul li{font-size:18px; padding-right:15px;}
	}
@media (max-width:840px) {
	
	.pro_menu{ height:50px; display:none;}
	.pro_menu .wrap{}
	.pro_menu ul li{ line-height:50px; height:50px; font-size:16px; padding-right:0;}
	.solutions_menu{ height:50px;}
	}
@media (max-width:640px) {
	.pro_menu{ height:90px;}
	.pro_menu .wrap{}
	.pro_menu ul li{height:45px; line-height:45px; font-size:14px;margin-right:0;}
	.pro_menu ul li a{ padding:0 15px;}
	
	.solutions_menu{ height:50px;}
	.solutions_menu ul li{ height:50px; line-height:50px;margin-right:0;}
	
	}
	
@media (max-width:480px) {
	.pro_menu .wrap{ padding:0;}
	}

.pro_js{}
.pro_js .wrap .right{ float:left; width:80%;margin:0 10%; margin-bottom:60px; }
.pro_js .wrap .right h2{ margin-bottom:8px;}
.pro_js .wrap .right .line{ background:#42cb1b; margin:0 auto; width:120px; height:8px;}

@media (max-width:1180px) {
	.pro_ms .index_pro_wrap .list{ float:none; width:100%;}
	.pro_ms .index_pro_wrap .list div{ font-size:16px;}
	}
@media (max-width:840px) {
	.pro_js .wrap .right{ width:100%; margin:0; margin-bottom:40px;}
	
	
	}
	
	
.pro_download{ width:80%; margin:0 10%;}
.pro_download h2{ text-align:left; font-size:18px;}
.pro_download .download_wrap{ margin-top:20px;}
.pro_download .liftup{ width:22%; margin-right:3%;  float:left;}
.pro_download .liftup .pdf{ width:100%; overflow:hidden;}
.pro_download .liftup .pdf img{ width:100%; border-bottom:5px solid #42cb1b;}
.pro_download .liftup .txt{ padding:15px; padding-bottom:0; font-size:14px; color:#999; line-height:1.4; height:110px;}
.pro_download .liftup .txt .title{ color:#333;font-size:14px; margin-bottom:10px; font-family:"Gotham Bold"; max-height:80px; overflow:hidden;}
.pro_download .liftup .time{ background:url(../images/icon_download.png) no-repeat;   background-size:24px; height:24px; padding-left:30px; font-size:14px; line-height:24px; margin:15px 10px;}
.pro_download .liftup .pro_name{ font-size:18px; color:#333;  line-height:1.2;  padding:15px 0;}

.pro_download .liftup a{ display:block; border:1px solid #ddd; transition: 0.5s }

.pro_download .liftup a:hover{box-shadow:0px 0px 20px #e5e5e5;transform: translateY(-10px) scale(1);}



@media (max-width:840px) {
	.pro_download { width:100%; margin:0;}
	.pro_download h2{ padding:0;}
	.pro_download .liftup {width:100%; margin:0;margin-bottom: 25px; }
	.pro_download .liftup img{width:100%; height:100%; display:block;}
	}


.pro_form{ padding:80px 0; }


.pro_form .form_wrap{ width:68%; float:left; position:relative;}
.pro_form .form_wrap .img{ background:url(../images/request_bg.jpg) no-repeat; background-size:100%; position:absolute; margin-left:6%; height:180px; width:88%; top:-70px;}
.pro_form .form_wrap .list_wrap2{ width:92.5%; margin-left:6%; margin-bottom:30px;}
.pro_form .form_wrap .list{ float:left; margin-right:5%; width:45%;position:relative; min-height:85px;}
.pro_form .form_wrap .list2{ width:95%; height:230px;}
.pro_form .form_wrap .list3{ height:110px;}
.pro_form .form_wrap .list .call_back{ position:absolute; right:0; top:0; font-size:14px; height:60px; width:100px; background:#fff; border-left:1px solid #cdcdcd; padding-left:10px; padding-top:4px;}
.pro_form .form_wrap .list .call_back input{ width:18px; height:18px; border:1px solid #cdcdcd;}
.pro_form .form_wrap .list .call_back .txt{ float:right; margin-left:4px;}

.grey .form_wrap .list .call_back{background:#f3f3f3;}

.pro_form .form_wrap .buttom{text-align:left;}
.pro_form .form_wrap .buttom a{ border:1px solid #fff; line-height:60px; height:60px; font-size:14px; font-weight:300; padding:0 35px;}

.pro_form .form_wrap .title{ font-size:14px; line-height:60px;font-weight:300; position:absolute; padding-left:10px;}
.pro_form .form_wrap .title span{}
.pro_form .form_wrap .input_wrap{ }
.pro_form .form_wrap .input_wrap input{ border:1px solid #d0d0d0; height:60px; line-height:60px;  width:100%; padding:0 ; font-size:16px;  font-weight:200; color:#666;}
.pro_form .form_wrap .input_wrap textarea{  border:1px solid #cdcdcd; height:84px; line-height:24px;background:#fff; width:100%; font-size:16px; z-index:9; height:200px; color:#666;}
.pro_form .form_wrap .input_wrap .form-error{ font-size:14px; color:red;}
.pro_form .form_wrap .input_wrap2 input{ font-size:14px;}

.pro_form .form_wrap .input_wrap .pl60{ padding-left:60px;}
.pro_form .form_wrap .input_wrap .pl80{ padding-left:90px;}
.pro_form .form_wrap .input_wrap .pl100{ padding-left:110px;}
.pro_form .form_wrap .input_wrap .pl120{ padding-left:120px;}
.pro_form .form_wrap .input_wrap .pl160{ padding-left:160px;}

.pro_form .form_wrap .input_wrap .plpb{ padding-left:10px; padding-top:50px;}



.form_contact { float:right; width:32%; background:#42cb1b; padding-bottom:20px;}
.form_contact div{ font-size:16px; margin:0 20px; margin-bottom:15px; line-height:21px;}
.form_contact a{ color:#f1f1f1;}
.form_contact a:hover{ color:#fff;}
.form_contact .img{ margin:0; margin-bottom:40px;}
.form_contact .img img{ width:100%;}

.form_contact .mail{ background:url(../images/icon_mail.png) no-repeat; padding-left:26px;}
.form_contact .tel{background:url(../images/icon_tel.png) no-repeat; padding-left:26px;  color:#f5f5f5;}
.form_contact .contact_form{background:url(../images/icon_contact.png) no-repeat; padding-left:26px;  }
.form_contact .chat{background:url(../images/icon_chat.png) no-repeat; padding-left:26px; }

@media (max-width:1024px) {
	.pro_form { padding-top:50px}
	}

@media (max-width:840px) {
	.pro_form { padding-top:40px}
	.pro_form .form_contact{ width:100%;}
	.pro_form h2{ padding:0;}
	.pro_form .form_wrap{ width:100%; border:0; padding-top:40px;}
	.pro_form .form_wrap .list{ width:100%; margin-right:0;}
	.pro_form .form_wrap .buttom{ width:100%;}

	.pro_form .form_wrap .img{ height:80px; top:-30px;}
	.pro_form .form_wrap .list_wrap2{ padding:0; width:100%; margin-left:0;}
	}



.input_wrap .select{  width:100%; height:44px;position:relative;}
/* select */
.input_wrap .select dt{height:44px;display:inline-block; border:1px solid #fff;background:url(../images/jt_select2.png) #fff no-repeat right;line-height:40px;padding-left:10px;cursor:pointer;width:100%;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; }
.input_wrap .select dt:hover,.input_wrap .select dt.cur{ border:1px solid #fff;}
.input_wrap .select dd{position:absolute; width:100%;left:0;top:45px;background:#fff;display:none; z-index:99;}
.input_wrap .select dd ul{padding:4px;width:100%;max-height:250px;overflow:auto;}
.input_wrap .select dd ul li a{line-height:46px;display:block;padding:0 8px; color:#333;}
.input_wrap .select dd ul li a:hover{background:#f5f5f5;}


.pro_solutions{ background:#fff;}

/*_______________case_____*/
.consulting_list{ background:#f3f3f3;}
.consulting_list .wrap{ padding-top:70px; padding-bottom:70px;}
.consulting_list .img{ float:left; width:45%;}
.consulting_list .img img{ width:100%;}
.consulting_list .txt{ font-size:14px; line-height:180%; float:right; width:50%;}
.consulting_list .txt h3{ font-size:24px; margin-bottom:20px;}

.consulting_list2{ background:#fff;}
.consulting_list2 .img{ float:right;}
.consulting_list2 .txt{ float:left;}

@media (max-width: 840px){
	.consulting_list .img{ width:100%; margin-bottom:20px;}
	.consulting_list .txt{ width:100%;}
	}

.case_t3{ max-width:1250px; margin:0 auto;  height:60px;}
.case_t3 .list{margin: 0 2%;width: 29.33%;float: left;margin-bottom: 40px;}

.case_t3 .select{  width:100%; height:48px;position:relative;}


@media (max-width: 1260px){
	.case_t3 .list{ margin:0 2%;}
	}

@media (max-width: 840px){
	.case_t3{ margin-bottom:10px; height:auto;}
	.case_t3 .list{ margin:0; width:100%; margin-bottom:25px;}
	.case_t3 h3{ margin:0; margin-bottom:20px;}
	}

/* select */
.case_t3 .select dt{height:60px;display:inline-block; border:1px solid #ddd;background:url(../images/jt_select2.png) #fff no-repeat right;line-height:60px;padding-left:10px;cursor:pointer;width:100%;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; }
.case_t3 .select dt:hover,.case_t3 .select dt.cur{ border:1px solid #ddd; background:url(../images/jt_select2.png) #fff no-repeat right;}
.case_t3 .select dd{position:absolute;left:0;top:59px;background:#fff; width:100%;display:none; z-index:356; border:1px solid #ddd;}
.case_t3 .select dd ul{padding:4px;width:100%;max-height:250px;overflow:auto;}
.case_t3 .select dd ul li a{line-height:46px;display:block;padding:0 8px; color:#333;}
.case_t3 .select dd ul li a:hover{background:#f5f5f5;}


.case_list{ padding:50px 0 40px 0;}
.case_list .liftup a{}
.case_list .country{ width:29px; float:left; margin-right:10px;}
.case_list .date{ color:#999; font-size:16px; padding-top:2px; height:20px;}

.case_list2{}
.case_list2 .liftup a{ display:block; transition: 0.5s ; border:1px solid #ddd;}
.case_list2 .liftup a:hover{box-shadow:0px 0px 20px #e5e5e5; background:#fff;transform: translateY(-10px) scale(1);}



@media (max-width: 1180px){
	
	
	}
@media (max-width: 840px){
	
	}



/*________download_____*/
.download{ width:100%; margin:0;}
.download .index_pro_wrap{ max-width:1230px; margin:0 auto;}
.download .index_pro_wrap .liftup{margin: 0 1.5%;width:17%; margin-bottom:40px;}

.download_title{ padding-bottom:0;}
@media (max-width: 1024px){
	.download .index_pro_wrap .liftup{ width:30.33%;}
	}

@media (max-width: 840px){
	.download .index_pro_wrap .liftup{ width:47%; margin-bottom:40px;}
	}
@media (max-width:640px) {
	.pro_download .index_pro_wrap .liftup { width:100%;}
	}

/*____________help_____*/

.help_top{ height:104px;}
.help_top .wrap{}
.help_top .help_search{ float:left; width:48%; background:#fff; border:1px solid #e5e5e5;}
.help_search .input{line-height:60px; height:60px; border:1px solid #fff; background:#fff; padding:0 10px; font-size:18px; width:100%;}
.help_search .input:focus{border:1px solid #fff; background:#fff;}
.help_search .buttom3 a{ display:block; width:48px; height:42px; background:url(../images/icon_search_black.png) no-repeat ; background-position:4px;}


.help_top .help_fl{ float:right; width:48%;}

.help_fl .select{  width:100%; height:60px;position:relative;}
/* select */
.help_fl .select dt{height:60px;display:inline-block; border:1px solid #e5e5e5;background:url(../images/jt_select2.png) #fff no-repeat right;line-height:60px;padding-left:10px;cursor:pointer;width:100%;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99 }
.help_fl .select dt:hover,.help_fl .select dt.cur{ border:1px solid #e5e5e5;}
.help_fl .select dd{position:absolute;width:100%;left:0;top:59px;background:#fff; border:1px solid #e5e5e5;display:none; z-index:99;}
.help_fl .select dd ul{padding:4px;width:100%;max-height:250px;overflow:auto;}
.help_fl .select dd ul li a{line-height:46px;display:block;padding:0 8px; color:#333;}
.help_fl .select dd ul li a:hover{background:#f5f5f5;}

.help_wrap{ padding:20px 0 80px 0;}



.help_detail{padding:80px 0; max-width:800px; margin:0 auto;}
.help_detail h2{ color:#333;letter-spacing:0; text-align:left;}
.help_detail .date{ font-size:14px; color:#999; margin-top:15px;}
.help_detail .lr{ margin-top:30px; line-height:1.8; font-size:15px;}
.help_detail .lr img{ max-width:100%; height:auto;}

.help_detail .next{ background:#f3f3f3; padding:20px; margin-top:50px;}
.help_detail .next div{ font-size:16px; line-height:2;}
.help_detail .next div span{ font-family:"Gotham Bold";}
.help_detail .next div a:hover{ color:#42cb1b; text-decoration:underline;}

@media (max-width: 840px){
	.help_detail h2{ padding:0;}
	
	.help_wrap{ padding:30px 0 80px 0;}
.help_top{height:160px;}
.help_top .help_search{ width:100%; margin-bottom:10px;}
.help_top .help_fl{ width:100%;}
}


/*__________service－list_____*/
.service_list{ background:#f3f3f3;}
.service_list .wrap{ padding-top:70px; padding-bottom:70px;}
.service_list .img{ float:left; width:45%;}
.service_list .img img{ width:100%;}
.service_list .txt{ font-size:14px; line-height:180%; float:right; width:50%;}
.service_list .txt h3{ font-size:24px; margin-bottom:20px;}
.service_list .btn_black{ margin-top:20px;}
.service_list .btn_black a{ padding:6px 20px; padding-bottom:10px;}

.service_list2{ background:#fff;}
.service_list2 .img{ float:right;}
.service_list2 .txt{ float:left;}

.service_deatil{ padding-bottom:0;}
.service_deatil_pic{ max-width:1010px; margin:0 auto;}

@media (max-width: 840px){
	.service_list .img{ width:100%; margin-bottom:20px;}
	.service_list .txt{ width:100%;}
	
	.service_deatil_pic{ padding:0 30px;}
	}

@media (max-width: 640px){
	service_deatil_pic{ margin:0 30px;}
	}

/*_______________contact_____*/

.contact_wrap{ max-width:1200px; margin:0 auto; margin-bottom:80px; font-size:15px;}
.contact_wrap .list{ width:24.5%; text-align:center; float:left; padding:20px; height:230px;}
.contact_wrap .list .icon{ width:120px; height:120px; margin:0 auto; margin-bottom:20px;}
.contact_wrap .list h3{ margin-bottom:20px;}
.contact_wrap .line{ border-right:1px solid #e5e5e5;}

@media (max-width: 840px){
	.company_name{ padding-left:30px; padding-right:30px; width:100%;}
	.contact_wrap .list{ width:40%; margin:0 5%;}
	.contact_wrap .line{ border:0; border-bottom:0;}
	.contact_wrap .list .icon{ width:90px; height:90px;}
	.contact_wrap .list .icon img{ width:100%;}
	}
@media (max-width: 640px){
	.contact_wrap .list{ width:90%; height:auto;}
	.contact_wrap .list .icon{ width:90px; height:90px; margin-bottom:0;}
	.contact_wrap .list .icon img{ width:100%;}
		}
	

.contact_map2 {}
.contact_map2 .map{ margin:0 auto; max-width:1200px; position:relative;}

.contact_map {}
.contact_map .map{ margin:0 auto; max-width:1110px; position:relative;}
.contact_map .map img{ width:100%;}
.contact_map .map .add{ position:absolute;}
.contact_map .map .add .add_icon{ float:left; cursor:pointer;}
.contact_map .map .add .add_info{ margin-left:10px;float:left; background:#fff; border-radius:6px; padding:8px 10px; height:60px; font-size:14px; line-height:1.5;box-shadow:0px 0px 10px #ddd; position:relative; top:-8px; display:none;}
.contact_map .map .add .add_info .img{ width:30px; height:30px; border-radius:30px; overflow:hidden; float:left; margin-right:10px; margin-top:4px;}
.contact_map .map .add .add_info .img img{ width:100%;}
.contact_map .map .add .add_info .txt{ float:left;}
.contact_map .map .add a:hover .add_info{ display:block;}
.contact_map .img-responsive{ display:block; max-width:1110px; height:auto;}

@media (max-width: 840px){
	.contact_map { display:none;}
	}
	
.global_list{ max-width:1200px; margin:0 auto; margin-top:60px;}
.global_list .list{ float:left; border-bottom:1px solid #e9e9e9; width:33.33%; padding:0 4%; height:240px; margin-bottom:40px;}
.global_list .list h3{ font-size:14px; font-family:"Gotham Bold"; margin-bottom:10px;}
.global_list .list div{ font-size:14px; line-height:1.8;}

@media (max-width: 1024px){
	.global_list .list{ height:340px;}
	}
@media (max-width: 840px){
	.global_list .list{ width:50%; height:300px;}
	}
@media (max-width: 640px){
	.global_list .list{ width:100%; height:auto; padding-bottom:40px;}
	}	

/*_______________career_____*/
.jobs_wrap{ padding:80px 0;}

.jobs_ly{ margin-bottom:30px;}
.jobs_ly .img{ float:left; width:49%; height:340px;overflow:hidden;}
.jobs_ly .img img{ width:100%; }
.jobs_ly .txt{ float:right; width:50%; background:#42cb1b; height:340px; color:#fff; font-size:18px; padding:40px 50px; position:relative;}
.jobs_ly .txt .lr{ color:#fff; line-height:1.8; margin-bottom:20px;}
.jobs_ly .txt .name{ font-family:"Gotham Bold"; color:#fff;}
.jobs_ly .txt .jobs_fh{ display:inline-block; padding-left:30px;}

.jobs_ly .txt .fy{ position:absolute; bottom:30px; right:50px; width:84px;}
.jobs_ly .txt .fy div{ width:40px; height:40px; display:block; cursor:pointer; border:1px solid #fff; float:left; background:url(../images/jt2.png) no-repeat; background-size:40px; background-position:0px -2px;}
.jobs_ly .txt .fy .next{ float:right; background-position:-2px -82px;}
.jobs_ly .txt .fy div:hover{ background:url(../images/jt2.png) no-repeat #fff; background-size:40px; background-position:0px -42px;}
.jobs_ly .txt .fy .next:hover{background-position:-2px -122px;}

.jobs_ly .flex-control-nav{ text-align:right; right:20px;}

.jobs_ly .img .flexslider{height:340px; min-height:340px;}
.jobs_ly .img .flexslider .slides li{ min-height:340px;}
.jobs_ly .img .flexslider .flex-direction-nav{ display:none;}

.jobs_wrap .jobs_contact{ width:400px; margin:0 auto; line-height:1.35; font-size:15px;}
.jobs_wrap .jobs_contact .icon{ text-align:center; float:left; background:#42cb1b; border-radius:100px; width:100px; height:100px; padding-top:20px; margin-bottom:10px;}
.jobs_wrap .jobs_contact a{ font-weight:400; margin-top:10px; display:block;}
.jobs_wrap .jobs_contact  .txt{  padding-top:20px; padding-left:120px;}

.jobs_wrap .jobs_list{ width:80% ; padding:20px; margin:0 auto; margin-bottom:40px;}
.jobs_wrap .jobs_list .list{ height:40px; line-height:40px;}
.jobs_wrap .jobs_list .title{ border-bottom:1px solid #e5e5e5; font-size:14px; color:#666; margin-bottom:10px;}

.jobs_wrap .jobs_list .list .t1{ float:left; width:50%; text-transform:uppercase; font-size:16px;}
.jobs_wrap .jobs_list .list .t2{ float: left; width:35%; font-size:14px; color:#666;}
.jobs_wrap .jobs_list .list .t3{ width:15%;}
.jobs_wrap .jobs_list .list a:hover{ text-decoration:underline;}





.jobs_contact2{ float:left; border-top:1px solid #e5e5e5; width:100%; margin-top:20px;font-size:14px; background:#fff; padding-top:20px;}
.jobs_contact2 div{ float:left; margin-right:40px; margin-left:0; font-family:"Gotham Bold";}
.jobs_contact2 .user{ background:url(../images/contact_icon_user.png) no-repeat; padding-left:26px; background-size:21px;}
.jobs_contact2 .tel{ background:url(../images/icon_tel3.png) no-repeat; padding-left:26px; background-size:21px; color:#333;}
.jobs_contact2 .mail{ background:url(../images/icon_mail2.png) no-repeat; padding-left:26px; background-size:21px;color:#333;}
.jobs_contact2 .mail a{ color:#333; font-family:"Gotham Bold";}
.jobs_contact2 .mail a:hover{ text-decoration:underline;}

@media (max-width: 1180px){
.jobs_reasons .list{ width:43%; }
.jobs_reasons .t1{ margin-right:5%;}
.jobs_reasons .list .img{ width:100px;}
.jobs_reasons .list .t_number{ padding-left:120px;}
.jobs_reasons .list .txt{ padding-left:120px;}
}

@media (max-width: 840px){
	.jobs_ly .img{ width:100%;}
	.jobs_ly .txt{ width:100%;}
	.jobs_ly .img .flexslider{ margin-top:0; min-height:340px;}
	.jobs_ly .img .flexslider .slides li{ height:340px;}
.jobs_wrap .jobs_contact{ float:none; width:100%; margin-bottom:20px;}
.jobs_wrap .jobs_list{ width:100%; padding:0;}

.jobs_reasons .title{ width:100%; font-size:22px;}
.jobs_reasons .list{ width:100%; margin:0; margin-bottom:40px;}

.jobs_wrap .jobs_list .list .t2{ width:50%; text-align:right;}
.jobs_wrap .jobs_list .list .t3{ display:none;}

.jobs_wrap .jobs_contact .icon{ margin-top:15px;}
}
@media (max-width: 640px){
	.jobs_ly .img{ height:240px;}
	.jobs_ly .img .flexslider{ min-height:240px; height:240px;}
	.jobs_ly .img .flexslider .slides li{ height:240px; min-height:240px;}
	
	.jobs_ly .txt{ height:auto; padding:30px 40px; padding-bottom:80px;}
	.jobs_ly .txt span{ display:block; width:16px; height:16px;}
	.jobs_ly .txt span img{ width:100%;}
	.jobs_ly .txt .lr{ font-size:14px;}
	.jobs_ly .txt .name{ font-size:16px;}
	
	.jobs_wrap .jobs_contact{ float:none; width:100%; margin-top:20px; padding:50px 30px 0 30px;}
	}


/*_______________search_____*/
.search_t{max-width: 800px;  margin:0 auto; padding:60px 0; }
.search_t  td{}
.search_t  .input{ background:#fff; line-height:48px;border:1px solid #eee; border-right:0; padding:0 10px; font-size:18px; width:100%; margin-top:1px;}
.search_t  .input:focus{border:1px solid #333; background:#fff;}
.search_t  .select{ background:#e5e5e5; border-radius:4px; border:1px solid #e5e5e5; height:40px; font-size:16px; width:100%;}

.search_t  .buttom{ height:50px;}
.search_t  .buttom a{ font-size:16px; line-height:50px; height:50px;}

.search_wrap{ max-width:1200px; margin:0 auto; padding-bottom:40px;}
.search_list{ max-width:800px; margin:0 auto;}
.list_wrap{ margin-top:40px; padding-bottom:20px;}
.list_wrap .list{ margin-bottom:40px; line-height:1.45;}
.list_wrap .list h3{ font-size:14px; color:#6c6c6c;}
.list_wrap .list h4{ text-transform:uppercase; font-weight:400; color:#333;}
.list_wrap .list div{ font-size:14px; color:#333; line-height:1.6;}

@media (max-width:640px) {
.search_list .list_wrap .list{ width:100%;}
.search_t .buttom a{ font-size:14px;}
}

.search_list .select{  width:100%; height:60px;position:relative;}
/* select */
.search_list .select dt{height:60px;display:inline-block; border:1px solid #eeeeed;background:url(../images/jt_select2.png) #eeeeed no-repeat right;line-height:60px;padding-left:10px;cursor:pointer;width:100%;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99 }
.search_list .select dt:hover,.search_list .select dt.cur{ border:1px solid #eeeeed;}
.search_list .select dd{position:absolute;width:100%;left:0;top:59px;background:#f5f5f5;display:none; z-index:99;}
.search_list .select dd ul{padding:4px;width:100%;max-height:250px;overflow:auto;}
.search_list .select dd ul li a{line-height:46px;display:block;padding:0 8px; color:#333;}
.search_list .select dd ul li a:hover{background:#fff;}


/*______________resources_____*/
.resources_list{ padding:60px 0 60px 0;}
.resources_list .index_pro_wrap{margin: 0 auto; margin-top: 50px;max-width: 1250px;}

.resources_list .liftup{ margin: 0 2%; width: 29.33%;float: left;margin-bottom: 60px;}
.resources_list .liftup .txt{  background:#fff; padding:}
.resources_list .liftup .title{ text-transform:uppercase;padding:30px; padding-left:30px; padding-bottom:0; height:70px; font-family:"Gotham Bold"; font-size:18px;}
.resources_list .liftup .more{display: inline-block; padding-right:20px;background: url(../images/jt.png) no-repeat right;background-size:16px; font-size:14px; padding-left:30px; color:#42cb1b; font-family:"Gotham Bold"; margin-bottom:20px;}


.resources_list .liftup .img{ border-bottom:5px solid #42cb1b; position:relative;}
.resources_list .liftup .img img{ width:100%; border:0; display:block;}


.resources_list .liftup a{transition: 0.5s; display:block; border:1px solid #ddd; background:#fff;}
.resources_list .liftup a:hover{ box-shadow:0px 0px 20px #e5e5e5; background:#fff;transform: translateY(-10px) scale(1)}


.resources_list .liftup a:hover .title{color:#42cb1b;}

@media (max-width: 1180px){
	.resources_list .index_pro_wrap{ margin-top:20px;}
	.resources_list .liftup{margin-bottom: 40px;}
	}


@media (max-width: 840px){
	.resources_list .index_pro_wrap{ margin-top:0;}
	.resources_list .liftup{ width:46%; }
	}
@media (max-width: 640px){
	.resources_list .liftup{ width:100%; margin:0; margin-bottom:40px;}
	}



/*______________news_____*/
.news_search{ padding-top:60px; padding-bottom:40px; height:160px;}
.news2_list{ padding-top:10px; padding-bottom:40px;}
.news2_list .index_pro_wrap{margin: 0 auto;max-width: 1250px;}

.news2_list .liftup{ margin: 0 2%; width: 29.33%;float: left;margin-bottom: 60px;}
.news2_list .liftup .fl{  background:#fff; padding:30px 10px 10px 10px ;color:#42cb1b; font-size:14px; font-family:"Gotham Bold"; float:none;}
.news2_list .liftup .time{  background:#fff; padding-left:10px;font-size:14px;}
.news2_list .liftup .title{padding:20px 10px; padding-bottom:0; margin-bottom:10px; height:90px; font-family:"Gotham Bold"; font-size:18px; overflow:hidden;}
.news2_list .liftup .more{display: inline-block; padding-right:20px;background: url(../images/jt.png) no-repeat right;background-size:16px; font-size:14px; padding-left:10px; color:#42cb1b; font-family:"Gotham Bold"; margin-bottom:20px;}


.news2_list .liftup .img{ border-bottom:5px solid #42cb1b; position:relative;}
.news2_list .liftup .img img{ width:100%; border:0; display:block;}


.news2_list .liftup a{transition: 0.5s; display:block; border:1px solid #ddd; background:#fff;}
.news2_list .liftup a:hover{ box-shadow:0px 0px 20px #e5e5e5; background:#fff;transform: translateY(-10px) scale(1)}



@media (max-width: 1180px){
	.news2_list .liftup{margin-bottom: 40px;}
	}


@media (max-width: 840px){
	.news2_list .index_pro_wrap{ margin-top:0;}
	.news2_list .liftup{ width:46%;}

	}
@media (max-width: 640px){
	.news2_list .liftup{ width:100%; margin:0; margin-bottom:40px;}
	}



.news{}
.news .index_pro_wrap{ margin-top:0; max-width:1250px;}
.news .liftup{width:29.33%; margin:0 2%; float:left; margin-bottom:60px;}
.news .liftup a{ height:460px;}
.news .liftup .img{ width:100%; float:none;}
.news .liftup .img img{ width:100%;}
.news .liftup .txt{ padding:20px;}

.news_related .liftup{ background:#fff;}

@media (max-width:1180px) {
	.news .liftup{ height:450px;}
	.news .liftup a{ height:450px;}
	}

@media (max-width:840px) {
	.news .liftup{ width:100%; margin:0 0 40px 0; height:260px;}
	.news .liftup a{ width:100%;}
	.news .liftup .img{ width:50%; float:left;}
	.news .liftup .txt{ width:50%; float:right; padding:20px; position: relative; background:#f2f2f2; height:260px;}
	.index_news .liftup .txt .title{ font-size:18px;}
	.index_news .liftup a .bg{ display:none;}
	}
@media (max-width:640px) {
	.news .liftup{ width:100%; margin:0 0 40px 0; height:480px;}
	.news .liftup .img{ width:100%; float:none;}
	.news .liftup .txt{ width:100%;}
	.index_news .liftup .txt .title{ font-size:16px;}
	}

/*______________video_____*/
.video_list{ margin-bottom:60px;}

.video_list h2{ margin-bottom:40px;}

.video_list .index_pro_wrap{ margin-top:0; max-width:1250px; margin:0 auto;}
.video_list .index_pro_wrap .pro_name{max-height:44px; overflow:hidden;text-align: left; margin:30px 20px; font-family:"Gotham Bold";}
.video_list .liftup { width:29.33%; margin:20px 2%; float:left; margin-bottom:60px;}
.video_list .liftup .img{ position:relative; border-bottom:8px solid #42cb1b;}
.video_list .liftup .img .play{ width:100%; height:100%; position:absolute; background:url(../images/icon_play2.png) no-repeat; background-size:60px; background-position:center; z-index:100;}
.video_list .liftup a:hover .img .play{ background:url(../images/icon_play.png) no-repeat; background-size:60px; background-position:center;}
.video_list .liftup .img img{ width:100%;display:block}
.video_list .liftup .img .bg{ width:100%; height:100%; position:absolute;background: linear-gradient(to top,rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.45) 100%) no-repeat;z-index:98;}
.video_detail .video{ position:relative;}
.video_detail .video .play{ width:100%; height:100%; position:absolute; background:url(../images/icon_play2.png) no-repeat; background-size:90px; background-position:center;}

.video_list .liftup a{ display:block; border:1px solid #ddd; transition: 0.5s; background:#fff;}

.video_list .liftup a:hover{box-shadow:0px 0px 20px #e5e5e5;transform: translateY(-10px) scale(1);}

.video_list .more{ margin-bottom:40px;}
@media (max-width:1180px) {
	.video_list .liftup .img .play{background-size:60px}
	.video_list .liftup a:hover .img .play{ background-size:60px;}
	}
@media (max-width:840px) {
	.video_list .liftup{ width:46%;}
	.news_search{ height:190px; padding-top:40px;}
	}

@media (max-width:640px) {
	.video_list .liftup{ width:100%; margin:0 0 40px 0;}
	}
/*________help__________*/

.help_list{ max-width:1200px; margin:0 auto;}
.help_list  h2{ font-size:24px; color:#009992;border-bottom:1px solid #e5e5e5;margin-bottom:5px; padding-bottom:15px;  margin-bottom:10px;}
.help_list .list{ margin-bottom:30px; border:1px solid #e9e9e9; padding:30px;}
.help_list .list .img{ float:left; width:35%;}
.help_list .list .img img{ width:100%;}
.help_list .list .txt{ float:right; width:60%;}
.help_list .list h3{ font-size:18px; margin-bottom:20px;}
.help_list .list .lr{ font-size:14px; line-height:1.8; max-height:220px; overflow:hidden; margin-bottom:20px;}

.help_list .list .more{ text-align:left;}
.help_list .list .more a{display: inline-block; padding:10px 20px; padding-right:40px;background: url(../images/jt3.png) no-repeat #42cb1b;background-size:16px; background-position:70px 10px; font-size:14px; color:#fff; font-family:"Gotham Bold"; margin-bottom:20px; text-decoration:none;}
.help_list .list .more a:hover{background: url(../images/jt3.png) no-repeat #3c3c3c;background-size:16px; background-position:70px 10px; }

@media (max-width:840px) {
	.help_list .list{ padding:15px;}
	.help_list .list .img{ width:100%; margin-bottom:10px;}
	.help_list .list .txt{ width:100%;}
	}


.message_tj{ margin:50px auto; text-align:center; max-width:800px; }
.message_tj .icon{ margin:0 auto; margin-bottom:40px;}
.message_tj .icon img{ width:160px;}
.message_tj h3{ margin-bottom:40px; color:#42cb1b; font-size:36px;}
.message_tj h3 span{ font-weight:bold; color:#2476bf;}
.message_tj h1{ font-size:36px; margin-bottom:20px;}
.message_tj .txt{ margin-bottom:80px; font-size:18px;}

.message_tj .back_home a{ border:1px solid #333; margin:0 auto; width:200px; font-size:16px; height:48px; padding:9px 0; display:block; line-height:30px; background:url(../images/icon_home2.png) no-repeat; background-size:24px; background-position:24px 10px; padding-left:20px;}
.message_tj .back_home a:hover{background:url(../images/icon_home2.png) no-repeat #42cb1b;background-size:24px;background-position:24px -26px;border:1px solid #42cb1b; color:#fff;}


@media (max-width:640px) {
	.message_tj .icon{ margin:0 auto; margin-bottom:50px; width:30%;}
	.message_tj .icon { margin-bottom:20px;}
	.message_tj .icon img{ width:100%;}
	.message_tj h3{ font-size:24px;margin-bottom:30px;}
	.message_tj h1{ font-size:24px;margin-bottom:30px;}
	.message_tj .txt{ font-size:14px; margin-bottom:50px;}
	}




/*________company__________*/
.company { padding-top:0;}
.company .index_pro_wrap{ margin-top:0;}
.company .main_title{ margin-bottom:40px;}
.company .liftup .pro_name{ border:0;}

.company_memeber{padding-bottom:20px;}
.company_memeber .index_pro_wrap{ margin:0 auto; max-width:1250px;}
.company_memeber .liftup{margin:0 2%; float:left; margin-bottom:40px; background:#fff;width:29.33%;}
.company_memeber .liftup img{ width:100%; display:block;}
.company_memeber .liftup .sm{ border:1px solid #e5e5e5; border-top:0; padding:0 30px; padding-bottom:20px;}
.company_memeber .liftup .pro_name{ font-size:14px; color:#333; line-height:1.2; padding-top:20px; font-family:"Gotham Bold";}
.company_memeber .liftup .position{ font-size:14px; line-height:1.5; color:#333; margin-bottom:20px;}

.company_memeber .liftup .mail{ background:url(../images/icon_mail2.png) no-repeat; padding-left:20px; background-size:16px; font-size:14px; margin-bottom:10px;}
.company_memeber .liftup .tel{background:url(../images/icon_tel3.png) no-repeat; padding-left:20px;background-size:16px; font-size:14px;}

@media (max-width: 1180px){
	
	}
@media (max-width: 840px){
	.company_memeber .liftup{width:46%; padding:0; margin:0 2%; margin-bottom:40px;}
	}
@media (max-width: 640px){
	.company_memeber .liftup{width:100%; padding:0; margin:0; margin-bottom:40px;}
	}

.company_partner{}
.company_partner .index_pro_wrap{ margin:0 auto; max-width:1240px;}
.company_partner .liftup{margin:0 1%; float:left; margin-bottom:15px;width:18%;  padding:20px; text-align:center;}
.company_partner .liftup .img{width:100%;}
.company_partner .liftup img{ width:100%;}

.line3{ border-top:1px solid #e5e5e5; max-width:1250px; margin:0 auto;}

.certificate{}
.certificate .index_pro_wrap{ margin-top:0;}

@media (max-width: 840px){
	.company_partner .liftup{width:46%; margin:0 2%; margin-bottom:30px;}
	}
	@media (max-width: 640px){
.certificate{ padding-top:60px; margin-bottom:40px;}
}

/*_________about_____*/
.about_list{ background:#f3f3f3;}
.about_list .wrap{ padding-top:70px; padding-bottom:70px;}
.about_list .img{ float:left; width:45%;}
.about_list .img img{ width:100%;}
.about_list .txt{ font-size:14px; line-height:180%; float:right; width:50%;}
.about_list .txt h3{ font-size:24px; margin-bottom:20px;}
.about_list .btn_black{ margin-top:20px;}
.about_list .btn_black a{ padding:6px 20px; padding-bottom:10px;}

.about_list2{ background:#fff;}
.about_list2 .img{ float:right;}
.about_list2 .txt{ float:left;}

.about_list3{ padding:60px 0;}
.about_list3 h2{ font-size:30px; margin-bottom:20px;}
.about_list3 .index_pro_wrap .liftup{ }

.about_list3 .btn_black{ margin:0 auto; width:114px;}
.about_list3 .btn_black a{ margin:0 auto; padding:6px 20px; padding-bottom:10px; display: inline-block;}

.about_title .list .title{ font-size:60px; line-height:1.1; margin-bottom:0;}

@media (max-width: 1024px){
	.about_title .list .title{ font-size:40px;}

}
@media (max-width: 840px){
	.about_list .img{ width:100%; margin-bottom:20px;}
	.about_list .txt{ width:100%;}
	}

.company2{padding:80px 0; max-width:800px; margin:0 auto; padding-bottom:40px;}
.company2 h2{ color:#333;letter-spacing:0; text-align:center;}
.company2 .lr{ margin-top:30px; line-height:1.8; font-size:15px;}
.company2 .lr img{ width:100%;}
@media (max-width: 840px){
	.company2{ padding-left:30px; padding-right:30px;}
	}

/*________engineering_consulting__________*/
.agent{ padding-top:0;}
.agent .form_wrap{ border:0; margin:0 auto; float:none; max-width:880px; width:100%; padding-bottom:30px;}
.agent .form_wrap .img{background: url(../images/agent_img.jpg) no-repeat;}
.agent .form_wrap h2{ color:#fff; width:80%; text-align:center; margin:0 auto; margin-top:30px;}
.agent .form_wrap h5{ color:#fff; width:80%; text-align:center;}
.agent .line{clear:both; margin:0 20px; margin-bottom:20px; padding-top:20px;}
.agent .line2{ border:0; border-top:1px solid #ccc; padding-top:20px;}

.agent .img{ max-width:836px; margin:0 auto; margin-bottom:40px;}
.agent .img img{ width:100%;}

.agent .form_wrap .h110 .title{line-height:30px; position: inherit; padding-left:0;}
.agent .line .title{line-height:30px; position: inherit; padding-left:0;}

.agent .form_wrap .list{ margin:0 2.5%; min-height:98px;}
.agent .form_wrap .tips{ font-size:14px; padding-top:10px;}

.agent .form_wrap .buttom{ padding-left:2.5%;}

.agent .select{  width:840px; height:44px;position:relative;}
.agent .form_wrap .h110{ height:110px;}
.agent .form_wrap .h100{ height:150px;}
.agent .form_wrap .input_wrap .h120{ height:100px;}

/* select */
.agent .select dt{height:44px;display:inline-block; border:1px solid #fff;background:url(../images/jt_select2.png) #fff no-repeat right;line-height:40px;padding-left:10px;cursor:pointer;width:840px;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99; }
.agent .select dt:hover,.engineering .select dt.cur{ border:1px solid #fff;}
.agent .select dd{position:absolute;left:0;top:45px;background:#fff;display:none; z-index:99;}
.agent .select dd ul{padding:4px;width:840px;max-height:250px;overflow:auto;}
.agent .select dd ul li a{line-height:46px;display:block;padding:0 8px; color:#333;}
.agent .select dd ul li a:hover{background:#f5f5f5;}

.agent .check_wrap{}
.agent .check_wrap .check_list{ float:left; margin-right:20px;}
.agent .check_wrap .check_list div{ float:left; margin-right:8px;}
.agent .check_wrap .check_list .txt{ font-size:14px;  line-height:30px;}



@media (max-width: 840px){
.agent .form_wrap{ width:100%;}
.agent .form_wrap .list{margin:0; margin-bottom:20px; height:auto; min-height:auto; }
.agent .line{ margin:0; margin-bottom:20px;}
.agent .line2{ margin:0; margin-bottom:20px;}
.agent .form_wrap .buttom{ padding:0;}

}


input.check {
	background: url(../images/icon_radio3.png) no-repeat center left;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	border: none;
	-webkit-appearance:none;
	outline:none;
}

input.check-pay {
	right: 10px;
	left: inherit;
}

input.check:checked {
	background: url(../images/icon_radio4.png) no-repeat center left;
	background-size: 30px 30px;
}





/*________分页__________*/
.pages{text-align:center; margin-bottom:20px; margin-top:30px; min-height:50px;}
.pages ul{ text-align:center; margin:0 auto;}
.pages ul li{ display:inline-block ;text-align:center; font-size:16px; margin-right:8px; margin-bottom:10px;}
.pages ul li a{ display:block; line-height:44px; border:1px solid #eeeeed; background:#fff; width:44px; height:44px; color:#999;}
.pages ul li a:hover{ background:#43cb1b; color:#fff; border:1px solid #43cb1b;}
.pages ul .active a{ background:#333; color:#fff; border:1px solid #333;}
.pages ul .active a:hover{ background:#43cb1b; color:#fff; border:1px solid #43cb1b;}

.pages .a1 a{ width:80px;}

.pages_grey ul li a{ border:1px solid #ddd;}

@media (max-width:480px) {
	.pages{ min-height:90px;}
	.pages ul li{ margin-bottom:6px}
	}


.sitemap{ max-width:1200px; margin:0 auto; padding:80px 0;}
.sitemap a:hover{ color:#90af22;}
.sitemap .list{ margin-bottom:20px; border-bottom:1px solid #e5e5e5;}
.sitemap .list2{ margin-bottom:30px; float:left; width:33.3%;}
.sitemap .list2 ul{}
.sitemap .list2 ul li{ font-size:15px; line-height:1.6;}
.sitemap .list2 ul li a{}
.sitemap .industry{ border:0;}
.sitemap h4 { font-size:18px; margin-bottom:15px; font-weight:300;}
.sitemap h6 {font-size:16px;margin-bottom:8px; font-weight:300;}
.sitemap h4 a{ }
.sitemap h6 a{}

@media (max-width:840px) {
	
	.sitemap .list2{ width:100%;}
	}


@media (max-width:640px) {
	.sitemap h6{ font-size:13px;}
	}


.pt20{ padding-top:20px;}
.pt40{ padding-top:40px;}
.bt1{ border-top:1px solid #e5e5e5;}


@media (max-width: 1260px){
	.wrap,.nav_wrap,.footer .main,.footer_tools,.index_pro_wrap,.index_five,.pro_advantages,.product_detail,.case_t1,.case_t2,.case_t3,.sitemap,.help_wrap,.help_detail,.search_list,.search_t,.jobs_video{ padding-left:30px;padding-right:30px;}
	.top_bar .wrap{ padding:0;}
	}


@media (max-width: 840px){
	.header .wrap,.footer_tools{ padding-left:20px; padding-right:20px;}
	.footer .main{ padding:0px;}
	.top_bar .wrap{ padding:0;}

}

.contact_img{ border:1px solid #cfcfcf; background:url(../images/contact_left_img.jpg) no-repeat #f6f6f6 bottom right; padding:20px 20px 0 20px; height:560px; position:relative; }
.contact_img a{display:block; width:100%; height:100%;}
.contact_img h1{ font-size:50px; line-height:54px; color:#4a4f55; font-weight:bold;}
.contact_img h3{ margin-bottom:20px; color:#4a4f55;}
.contact_img h4{ background:#009992; color:#fff; font-size:18px; float:left; padding:6px 10px;}
.contact_img .pad{ position:absolute; right:-1px; bottom:-5px;display:none;}
.contact_img .jiao{ position:absolute; left:-1px; bottom:-10px; display:block;display:none;}


@media (max-width: 1180px){
	.contact_img{ height:400px;padding:20px 15px 0 15px; background-size:75%;}
	.contact_img h1{ font-size:34px; line-height:36px; }
	.contact_img h3{ font-size:12px; line-height:16px; margin-bottom:10px;}
	.contact_img h4{ font-size:12px; }
	.contact_img .pad img{ width:160px;}
	.contact_img .jiao img{ width:35px;}
}

@media (max-width: 840px){
	.contact_img{  height:200px; background-size: auto 100%; }
	.contact_img h1{ font-size:36px; line-height:32px; margin-bottom:10px;}
	.contact_img h3{ font-size:14px; line-height:16px;}
	.contact_img h4{ font-size:14px; }
	.contact_img .pad{ bottom:-7px}
	.contact_img .pad img{ width:160px;}
	.contact_img .jiao{  bottom:-11px;}
	.contact_img .jiao img{ width:35px;}
}
@media (max-width: 600px){
	.contact_img{ height:220px; }
	.contact_img h1{line-height:36px;}
	.contact_img h3{ font-size:14px; line-height:16px; width:250px;}
	}
@media (max-width: 520px){
	.contact_img h1{ font-size:28px;line-height:30px;}
	.contact_img h3{ font-size:14px; line-height:16px; width:200px;}
	
	}		
@media (max-width: 420px){
	.contact_img{ height:240px; }
	.contact_img h3{ width:150px;}
	}	
	


/* ===============弹窗窗口 start============================== */

.zoom-anim-dialog .box-heading-gray{ margin-top:0px;}
.zoom-anim-dialog .panel{ margin-bottom:0;}
/*.zoom-anim-dialog .table-responsive{ max-height:350px; overflow-y: scroll;}*/
.zoom-anim-dialog{
	background: white;
	max-width: 60%;
	vertical-align:middle;
	height:100%;
	margin: 20px auto;
	position: relative;	
}
@media (max-width: 1000px){
.zoom-anim-dialog{
	background: white;
	max-width: 85%;
	vertical-align:middle;
	height:100%;
	margin: 20px auto;
	position: relative;	
}
	}
.zoom-anim-dialog .table-responsive{
    max-height: 350px;
    overflow-y: scroll;
}	
.width60{
	max-width: 60%;
}
.width40{
	max-width: 40%;
}
@media (max-width: 1180px){
	.width40{max-width: 50%;}
	.width60{max-width: 80%;}
	}

@media (max-width: 800px){
	.width40{max-width: 75%;}
	.width60{max-width: 100%;}
	}


@media (max-width: 800px){
#small-dialog {
	background: white;
	padding: 0;	
}
}
/* ===============弹窗窗口 start============================== */


/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* ===============弹窗窗口 start============================== */
.panel {
	background: #FFFFFF;
	margin-bottom: 16px;
	border-radius: 3px;
	background-clip: padding-box;
}
.panel .panel-body {
	padding: 15px;
}
.panel-body .panel-plate {
	margin-bottom:20px;
}

@media (max-width: 767px) {
.panel {
	margin-bottom: 10px;
}
.panel .panel-body {
	 padding:10px;
}
.panel .table-responsive { 
     margin-bottom:0;
}
}


.panel .no-header {
	padding-top: 20px;
}
.panel .panel-heading {
	padding: 10px 20px;  color:#333;
}

.panel .panel-title a{
	color: #2980b9;
}
.panel .panel-title a:hover {
	color: #3498db;
}


.panel-default>.panel-heading {
	background-color: #fff;
	border-color:#ddd;
	color: #333;
	border-radius: 0;
	background-clip: padding-box;
}
.panel-default>.panel-heading.white {
	background-color: #fff;
}

.panel-body .pro_form{padding:30px 0;}
.panel-body .pro_form .form_wrap{ border:0; width:100%; margin-top:30px;}
.panel-body .pro_form .form_wrap .list{ margin:0 2.5%; width:45%; }
.panel-body .pro_form .form_wrap .list2{ width:95%;}
.panel-body .pro_form .form_wrap .input_wrap input,.panel-body .pro_form .form_wrap .input_wrap textarea{ background:#f5f5f5;}
.panel-body .input_wrap .select dt{background:url(../images/jt_select2.png) #f5f5f5 no-repeat right;border:1px solid #f5f5f5;}
.panel-body .input_wrap .select dd{border:1px solid #f5f5f5; top:44px;}

.panel-body .pro_form .form_wrap .list_wrap2{ width:100%; margin:0px; }
.panel-body .pro_form .form_wrap .buttom{ width:100%; margin-top:10px; padding:0 20px;}

.panel-body .message_txt{ width:80%;}

@media (max-width: 840px) {
.contact_message{padding:20px 0 0 0;}
.contact_message h2{ font-size:18px; margin-bottom:10px;}
.contact_message .message_txt{ width:90%; font-size:14px; line-height:18px;}
.contact_message .message_table{ font-size:11px;}
.contact_message .message_table .input{  line-height:30px; padding:0 10px; font-size:12px;}
.contact_message .message_table .input:focus{border:1px solid #009992; background:#fff;}
.contact_message .message_table .select{ height:30px; font-size:12px;}

.contact_message .message_table .phone{ display:none;}
.contact_message .message_table .pc{ display:block;}
.contact_message .message_table .input_td{ width:75%;}
.contact_message .message_table .sm_td{ width:0%;}

.panel-body .pro_form .form_wrap .list{ margin:0; width:100%; }
.panel-body .pro_form .form_wrap .buttom{ padding:0;}
.panel-body .pro_form .form_wrap .list2{ width:100%;}

}
.share_list{ padding-left:10px;}
.share_list li{ margin-bottom:18px;}
.share_list li a:hover{ color:#009992;}
.share_list li img{ width:24px;}
.share_list li span{ float:left; margin-right:10px;}
.share_list li h3{ font-size:16px;}


.open_tel{}
.open_tel h2{ font-size:24px; line-height:36px; color:#333; margin-bottom:20px; text-align:center;letter-spacing:0;}
.open_tel div{ background:#43cb1b; border-radius:50%; width:100px; height:100px; padding-top:20px; text-align:center; margin:0 auto; margin-bottom:10px; }
.open_tel div img{ width:60px; height:60px;}

/*
====================wapmenu============================*/
.phone{ display:none; z-index:777;}
.phone_open{ display:none; width:100%; z-index:888;}


.wap_menu2{}
.wap_menu2 .wrap{ background:#e5e5e5;  position:absolute; width:100%; left:0; top:106px; z-index:995; padding:20px;max-height: calc(100vh - 106px);
    overflow-y: auto;
    padding-left: 10px;
}
.wap_menu2 .wrap .list{ margin-bottom:10px; line-height:42px;}
.wap_menu2 .wrap .list2{}
.wap_menu2 .wrap .list3{font-size:14px; line-height:20px; padding:8px 10px; padding-left:10px; display:none;}
.wap_menu2 .wrap .list>.title{ background:#fff; font-size:16px; padding-left:10px;}
.wap_menu2 .wrap .list>.title a{}
.wap_menu2 .wrap .list2>.title{ padding-left:10px; font-size:16px;}
.wap_menu2 .wrap .list2>.title a{font-weight:400;}
.wap_menu2 .wrap .title{ position:relative;}
.wap_menu2 .wrap .kz{ position: absolute; width:42px; height:42px; right:0; top:0; display:block;}
.wap_menu2 .wrap .kz em{display: block;width: 10px;height:2px;background: #43ce1a; top:20px; left:16px; position:absolute;}
.wap_menu2 .wrap .kz .shu{display: block;width: 2px;height: 10px; top:16px; left:20px;background: #43ce1a; position:absolute;}
.wap_menu2 .wrap .active>.title .kz .shu{ display:none;}
.wap_menu2 .wrap .list .active>.kz .shu{ display:none;}
.wap_menu2 .wrap .list .active>.list3{ display:block;}
.wap_menu2 .wrap .active>.list2.list3{ display:block;}


@media (max-width:840px) {
	.phone{ display:block;}
	.wap_menu{float:right; padding:0; margin-left:20px;font-size:14px; }
	.wap_menu>a{ display:block;  height:66px;font-weight:400;background:url(../images/icon_menu.png) no-repeat; background-position:center 10px ; padding-top:40px; background-size:30px;}
	.header .wrap .on>a{background:url(../images/icon_menu2.png) no-repeat; background-position:center 10px; color:#43ce1a;background-size:30px;}
	}


.displayNone{display: none;}
.displayBlock{display: block;}

.pro_name,.title{font-weight:400;}
.product_detail .txt .name{font-weight:400;}
.index_news .right .list .t1{font-weight:400;}
.pro_service .list .title div{font-weight:400;}

.product_detail .solu2 { height:116px;}
.product_detail .solu2 h4{ padding-top:40px;}

.related_pro{ padding:80px 0; margin-bottom:0;}
.related_pro .index_pro_wrap{ max-width:1240px; position:relative;}
.related_pro .liftup{ width:100%; margin-bottom:20px;}
.related_pro .liftup a{ background:#fff; }
.related_pro .liftup .img{}


.related_pro2{ padding:80px 0; margin-bottom:0;}
.related_pro2 .index_pro_wrap{ max-width:1240px; position:relative;}
.related_pro2 .liftup{ width:100%; margin-bottom:20px;}
.related_pro2 .liftup .img{ border-bottom:5px solid #42cb1b;}
.related_pro2 .liftup .pro_name{ font-size:14px;}

.related_solutions{ padding:80px 0; margin-bottom:0;}
.related_solutions .main_title{}
.related_solutions .index_pro_wrap{ max-width:1240px; position:relative;}
.related_solutions .liftup{ width:100%; margin-bottom:20px;}
.related_solutions .liftup a{ background:#fff; height:auto;}

.solutions_list .index_pro_wrap{}
.solutions_list .liftup a{ height:385px;}

@media (max-width:1180px) {
	.solutions_list .liftup a{ height:355px;}
	.related_pro .liftup a{ height:400px;}
}
@media (max-width:1024px) {
	.solutions_list .liftup a{ height:295px;}
	.related_pro .liftup a{ height:330px;}
}
@media (max-width:840px) {
	.solutions_list .liftup a{ height:auto;}
	.related_pro .liftup a{ height:auto;}
	.related_pro2 .liftup{ margin:0; margin-bottom:20px;}
}
@media (max-width:840px) {
	.related_pro2 .index_pro_wrap{ padding:0;}
	}

.solutions_pro{ margin:80%; margin:0 10%; padding:0;}
.solutions_pro .main_title{ text-align:left; margin:0;}
.solutions_pro .main_title h2{ text-align:left; font-size:18px; margin-bottom:0;}
.solutions_pro .index_pro_wrap{ margin-top:0;}
.solutions_pro .liftup a{ height:auto;}
.solutions_pro .liftup .pro_name{ font-size:14px;}
.solutions_pro .liftup .pro_txt{ font-size:14px;}
.solutions_pro .liftup .img{ border-bottom:5px solid #42cb1b;}


.green{ color:#42cb1b;}

.product_video{ padding:0; padding-bottom:0px; width:80%; margin:0 10%; margin-bottom:80px;}
.product_video .main_title{ margin:0; text-align:left;}
.product_video .main_title h2{ text-align:left; font-size:18px; margin-bottom:0px;}
.product_video .liftup .pro_name{}

@media (max-width:840px) {
	.product_video{ width:100%; margin:0;}
	.product_video .main_title h2{ padding:0;}
	
	.solutions_pro{ width:100%; margin:0;}
	}

.product_detail .img .flex-direction-nav{ display:none;}
.product_detail .img .flexslider{ min-height:510px;}
.product_detail .img .flexslider .slides li{ min-height:510px;}

@media (max-width:1024px) {
.related_solutions,.related_pro{ padding:50px 0;}
.related_solutions .index_pro_wrap,.related_pro .index_pro_wrap{ margin-top:30px;}

}

@media (max-width:840px) {
	.product_detail .flexslider{}
	.product_detail .img .flexslider{margin:0; min-height:auto;}
	.product_detail .img .flexslider .slides li{ min-height:500px;}
	
	}
@media (max-width:640px) {
	.product_detail .flexslider{}
	.product_detail .img .flexslider{margin:0; min-height:auto;}
	.product_detail .img .flexslider .slides li{ min-height:200px;}
	
	}

.case_video{}
.case_video .liftup{ width:60%; margin:0 20%;}
.case_video .liftup .pro_name{ text-align:center;}
.case_video .liftup a{ display:block; transition: none; background:none; border:0;}
.case_video .liftup a:hover{box-shadow: none;transform: none;}

.company_img{ padding:0;}
.company_img .index_pro_wrap{max-width:830px;}
.company_img .title{ text-align:center; font-family:"Gotham Bold"; font-size:24px;}
@media (max-width:840px) {
	.company_img .liftup .img{ border:0;}
	}

.deviceBar{background:#FFF;text-align:center;width:100%;}
.deviceBar ul{width:100%;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;width:100%;}
.deviceBar ul li{line-height: 85px;cursor:pointer;margin: 0 45px;display:inline-block;border-bottom: 2px solid transparent;transition: all .3s}
.deviceBar ul li.on{
    border-bottom: 2px solid #1750A6;
}
.deviceBar ul li a{font-size:16px;color:#41434f;}
.deviceBar ul li:hover{background:url(../images/devicebarbj.jpg) center bottom repeat-x;}
.deviceBar ul li a:hover{color:#f60;}
.deviceBar ul li.on:hover {background:none;}

.swiper-button-prev{ background:url(../images/jt2.png) no-repeat; background-position:0 -60px; border:1px solid #e2e2e2;}
.swiper-button-prev:hover{ background:url(../images/jt2.png) #42cb1b no-repeat;background-position:0 0px; border:1px solid #42cb1b;}
.swiper-button-next{ background:url(../images/jt2.png) no-repeat; background-position:0 -180px; border:1px solid #e2e2e2;}
.swiper-button-next:hover{ background:url(../images/jt2.png) #42cb1b no-repeat; background-position:0 -120px; border:1px solid #42cb1b;}

 @media (max-width:640px) {
	.swiper-button-prev{ background-position:0 -48px; border:1px solid #e2e2e2; background-size:48px;}
	.swiper-button-prev:hover{background-position:0 0px; border:1px solid #42cb1b;background-size:48px;}
	.swiper-button-next{background-position:0 -144px; border:1px solid #e2e2e2;background-size:48px;}
	.swiper-button-next:hover{ background-position:0 -96px; border:1px solid #42cb1b;background-size:48px;}
	  }

.pro_service,.pro_contact,.index_pro,.pro_form{ position:relative;}
.md{ position:absolute; top:-80px;}

