@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body{line-height:24px; color:#000000; background:#fff; font-family:"Microsoft YaHei";}
ol,ul,li{ list-style-type:none;}
a{text-decoration: none; color:#000;}
:focus {outline: 0;}
img{ display:block;}
.leftF{ float:left;}
.rightF{ float:right;}
.clearFix{ overflow:hidden;}


.topDiv{ width:100%; height:136px; background-color:#f5a200; position:relative;}
.hDiv{ width:100%; padding-left:186px; position:absolute; left:0; top:0; z-index:9999;}
.hDiv div.hinner{ background-color:#000; padding:23px 0 0 18px; height:73px; position:relative; z-index:9999;}

.nav-wrap{ width:100%; height:63px; position:absolute; top:73px; left:0px; z-index:999;}
.nav{ width:1200px; margin:0px auto auto auto;}
.nav ul li{ position:relative; float:left; height:63px;}
	.nav ul li a {
		height: 63px;
		font-size: 18px;
		line-height: 63px;
		color: #fff;
		display: block;
		padding: 0 12px;
	}
.nav ul li.cur a{ background-color:#000;}
.nav ul li a:hover{ background-color:#9f6900;}
.nav .zj_logo{ float:left; width:220px; height:63px; padding:0 42px 0 45px; }
.nav .zj_logo img{  display:none; }

/**/
.msg{ height:22px; line-height:22px; font-size:14px; text-align:center; color:#ff0000;}
#menu .bg
{
	position:absolute;
	left:0px;
	top:63px;
	width:100%;
	height:40px;
	background-color:#000000;
    z-index:999;
    display:none;
	}
#menu .menu-box
{
	position:absolute;
	left:0px;
	top:63px;
	width:100%;
	height:40px;
	font-size:14px;
    z-index:999;
    display:none;
	}
#menu .menu-box dl 
{
    z-index:999;
}
#menu .menu-box dt
{
	float:left;
	display:inline;
	height:40px;
	line-height:40px;
	padding:0px 10px;
	font-size:15px;
    z-index:999;
	}
#menu .menu-box dt a
{
	display:block;
	width:100%;
    height:40px;
	line-height:40px;
	padding-top:0px;
	background-color:Transparent;
	color:#ffffff;
    transition:color 300ms ease 0s;
	}
#menu .menu-box dt a:hover
{
	background-color:Transparent;
	color:#f5a200;
    text-decoration:none;
	}

.teImg{ position:absolute; right:44px; top:12px;}

.header_top_menu{ position:absolute; right:30px; top:26px; z-index:9999;}
 .header_top_menu > ul{ float:left;}
.header_top_menu > ul > li{ float:left; margin-right:34px; height:50px;}
.header_top_menu > ul > li > a{ color:#fff; font-size:14px;}
.header_top_menu > ul > li.cur a{  color:#004589;}
.header_top_menu > ul > li > a:hover{ color:#f5a200;}
.header_top_menu ul.tb li{ width:24px ; cursor:pointer; height:24px; background-color:#999999; border-radius:2px; margin-right:15px;}
.header_top_menu ul.tb li.cur{ background-color:#f5a200;}

.tb .wx{ background:url(../images/wx.png) no-repeat center center #999999; position:relative;}
.wxDiv{  position:absolute; display:none; left:-35px; top:20px; z-index:9999;}
.header_top_menu ul.tb li a{ padding:2px;}
	.header_top_menu ul.tb li a:hover {
		color: #fff;
	}
/*.header_top_menu ul.tb li a:hover{ background-color:#f08200;}*/
.tb li.email{ background:url(../images/email.png) no-repeat center center #999999; position:relative;}

.tb li.ip{ background:url(../images/ip.png) no-repeat center center #999999; position:relative;}
.sm_menu{ position:relative;}
.sm_menu li div{ position:absolute; /*left:-17px;*/; display:none; top:47px; background-color:#000; width:126px; height:auto; line-height:30px; text-align:center; z-index:9999; padding-bottom:20px; font-size:14px;}
.sm_menu li div a{ display:block; color:#fff;}
.sm_menu li div a:hover{ color:#f5a200;}
.sm_menu > li > a i{ width:31px; height:26px; vertical-align:middle; display:inline-block; margin-right:5px; background-size:cover;}
.sm_menu > li > a i.gw{ background:url(../images/gw.png) no-repeat;}
.sm_menu > li > a i.pers{ background:url(../images/pers.png) no-repeat;}
.sm_menu > li > a i.md{ background:url(../images/md.png) no-repeat;}


.news{ width:1200px; height:auto; margin:25px auto 19px; font-size:16px;}
.news_left{ width:604px;}
.news_right{ width:560px; line-height:31px; position:relative;}
.newGo{ position:absolute; right:2px; top:6px; display:block;}
.news_right img{ margin-bottom:37px;}
.newsList ul li a{ display:block;}
.newsList ul li a:hover{ font-weight:bolder;}
.newsList ul li a:hover i{ background-color:#c19441;}
.newsList ul li a i{ width:3px; height:3px; display:inline-block; vertical-align:middle; background-color:#000; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; margin-right:8px;}
.newsList ul li a span{ float:right; display:inline-block;}

.valueDiv{ width:100%; height:819px;position:relative; z-index:0;}
.bgDiv a{ position:absolute; left:0; top:0; z-index:9; width:100%; height:819px; overflow:hidden;}
.bgDiv a img{ height:100%; transition: .2s transform;  transform: translateZ(0); z-index:10; }
.valueDiv:hover div.bgDiv a img{transform: scale(1.1, 1.1);  transition: .6s transform;}
.contDiv{ position:absolute; left:0; top:0; z-index:99; width:100%; height:819px; }

.valueTit{ text-align:center; margin:33px 0 28px;}
.valueTit img{ margin:0 auto 18px;}
.valueTit h3{ font-size:26px; line-height:35px; font-weight:normal;}
.box{ width:1200px; margin:40px auto 0;}
.box ul li{ width:240px; height:258px; background-color:#04509c;color:#fff; padding:16px; float:left; cursor:pointer;}
.box ul li.cur{background-color:#e19605;}
.box ul li:nth-child(2n){ margin-top:258px;}
.box ul li p{ font-size:15px; line-height:22px; width:190px; height:100px; margin:0 auto; text-align:left;}

.box ul li .value-con{ position:relative; width:179px; height:71px; margin:23px auto 18px;}
.box ul li .value-con .span1{ display:inline-block; font-size:26px;}
.box ul li .value-con .span2{ display:inline-block; padding-top:10px; font-size:23px;}
.box ul li .value-con img{ position:absolute; top:0px; right:0px;}

.box ul li div{ position:relative;}
.box ul li div.bor{ border:1px solid #fff;}
.box ul li div i { position:absolute; bottom:0; right:0;
    width: 0;
    height: 0;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
}

.advage{ width:100%; height:708px;}



.case .v_out{width:1197px; height:246px; margin:0 auto; position:relative;}
.case .v_show{overflow:hidden; position:relative;height:246px;}
.case .u_lanren{ width:6650px;position:absolute;left:0px;top:0px;}
.case .u_lanren ul li{width:1197px;height:246px;float:left; overflow:hidden;}
.case .u_lanren ul li dd{ width:293px; height:246px; color:#fff; margin:0px 3px; float:left; overflow:hidden;}
.u_lanren ul li dd img{ width:100%;}
.u_lanren ul li dd a{width:293px; height:246px; overflow:hidden; display:block;}
.u_lanren ul li dd a img{ width:100%; transition: .2s transform;  transform: translateZ(0); z-index:10; }
.u_lanren ul li dd a:hover img{transform: scale(1.1, 1.1);  transition: .6s transform;}

.prev,.next{width:47px;height:47px; position:absolute; top:50%; margin-top:-24px;}
.prev{ left:-52px;}
.next{ right:-52px;}
.prev a,.next a{width:47px;height:47px; display:block;}
.prev a{ background:url(../images/prev.png) no-repeat center center; background-size:contain;}
.next a{ background:url(../images/next.png) no-repeat center center; background-size:contain;}
.pro{ width:293px; height:32px; line-height:32px; text-align:center; background-color:#000; color:#fff; margin-bottom:6px; font-size:14px;}
.pro i.d{ width:62px; height:60px; display:inline-block; float:left; background-image:url(../images/bgTcons.png); background-size:cover; margin-right:20px;}
.pro i.d1{ background-position:0 0;}
.pro i.d2{ background-position:0 -60px;}
.pro i.d3{ background-position:0 -120px;}
.pro h4{ font-size:24px; line-height:32px;}
.pro p{ font-size:12px; text-transform:uppercase;}
.pro_infor{ display:inline-block; float:left; padding-top:5px;}



.cooper{ width:100%; height:335px; background-color:#f1f1f1; position:relative; color:#fff;}
.blueDiv{ width:400px; height:335px; background-color:#0054a7; position:relative; padding:38px 38px 0 0;}
.cooper_tit{ float:right;}
.cooper_tit p{ font-size:14px; text-align:justify; width:240px; padding:30px 0 0 10px;}
.triangle-right { position:absolute; margin-top:-5px; top:50%; right:-12px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 12px solid #0054a7;
    border-bottom: 10px solid transparent;
}
.cooper_com{ padding:19px 0 0 55px;}

.btDiv{width:100%; height:100%; background-color:#f7ab00;}
.subNav{ width:100%; height:60px; background-color:#000; color:#fff; line-height:60px;}
.subNav ul{ width:1100px; margin:0 auto;}
.subNav ul li{ float:left; border-right:1px solid #3b3b3b; min-width:60px; padding:0 12px; text-align:center;}
.subNav ul li:last-child{ border-right:none;}
.subNav ul li a{ color:#fff; display:block;}
.subNav ul li.cur a,.subNav ul li a:hover{ color:#f9b832;}

.innerDiv{ width:1200px; height:100%; margin:0 auto; padding:35px 0 36px 0; position:relative;}

.join{ margin-right:71px;}
.tel p i{ width:26px; height:28px; display:inline-block; vertical-align:middle; background-image:url(../images/icons.png);background-size:cover; margin-right:11px;}
.tel p i.i1{ background-position:0 0;}
.tel p i.i2{ background-position:0 -28px;}
.tel p i.i3{ background-position:0 -56px;}
.ewm{ margin-top:62px;}

.bt{ width:100%; height:140px; border-top:1px solid #fff; text-align:right; font-size:13px;}
.btInfor{ padding-top:15px; line-height:30px;}
input[type="text"],input[type="tel"]{width:180px; height:25px;background-color:#fff; font-size:14px; border:none; margin-bottom:27px; text-indent:1em;}
input[type="button"]{ width:200px; height:40px; background-color:#ff6100; font-size:16px; border:none; color:#fff; margin:0 auto; display:block;}
.tit{ font-size:20px; line-height:30px; margin-bottom:25px;}
.tit span{ font-size:12px; padding-left:10px;}
.tel p{color:#0d0509; margin-bottom:5px;}
.tel p span.rx{ font-size:28px; padding-left:5px;}
.tel p span.gw{ font-size:22px; padding-left:5px;}
.tel{ font-size:14px;}
.bottom{ position:relative;}
.person{ position:absolute; bottom:4px; right:50%; margin-right:-631px; z-index:9999;}
.form_left{ margin-right:62px;}

.bg_adva{ width:100%; height:393px; background:url(../images/adva.jpg) no-repeat center center; background-size:cover;}
.bg_adva1{ width:100%; height:393px; background:url(../images/adva2.jpg) no-repeat center center; background-size:cover;}
.bg_adva2{ width:100%; height:393px; background:url(../images/adva3.jpg) no-repeat center center; background-size:cover;}
.bg_adva3{ width:100%; height:393px; background:url(../images/adva4.jpg) no-repeat center center; background-size:cover;}



.lb{ height:528px;}
.slideBox{ width:100%; position:absolute; font-size:0;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; float:left; }
.slideBox .bd img{ width:100%; height:100%; display:block;  }

.tipMsg ul li{ display:none;}