﻿/*公共*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin:0; padding:0;color:#525279;font-family:"微软雅黑"; font-size: 16px;}
img { border:0; }
.clear{ clear:both; }
em,i{ font-style:normal}
a:hover { text-decoration:none; color:#e51e01;transition: all .3s}
.w1200{ width:1200px; margin:0 auto}
.w1300{ width:1300px; margin:0 auto}
.fl{ float: left;}
.fr{ float:right;}
.h30{height: 30px;}
.h60{height: 60px;}
.f14{font-size: 14px}
.f18{font-size: 18px}
.db{display: block;}
.dib{display: inline-block;}
ul,ul li{list-style: none;}
.cur{font-size: 17px;color: #BE2C2C}
.fix { *zoom: 1; *clear: both;}
body{overflow-x: hidden;}



.qh_nav{width: 100%;margin: 0 auto;position: fixed;top: 0;left: 0;z-index: 999;background:rgba(255,255,255,0.9);right: 0;box-shadow: 0 0 15px rgba(0,0,0,0.3);height: 85px}
.qh_nav .logo{margin:10px 0 0px 10px;}
.qh_nav .logo img{width:93%}

.qh_nav ul{position: absolute;width: 765px;left: 0;right: 0;margin: auto}
.qh_nav ul li{float: left;width: 85px;height: 85px;position: relative;transition: all .3s}
.qh_nav ul li a{display: block;width: 85px;height: 85px;text-align: center;line-height: 85px;color: #525279;position: relative}
.qh_nav ul li>a:after{position: absolute;bottom:20px;width: 0%;height: 4px;background: #03a6bc;content: "";left: 0;transition: all .3s}
.qh_nav ul li>a:hover:after{width: 100%;}
.qh_nav .w1350{position: relative}
.qh_nav ul li ul{position: absolute;top: 85px;left: 0;z-index: 99999;visibility: hidden;height: 200px;right: 0;margin: auto;text-align: center;perspective: 700px;}

.qh_nav ul li ul>div{visibility: hidden;opacity: 0;
	-webkit-transition: all 0s;-o-transition: all 0s;transition: all 0s;
	-webkit-transform-origin: center;
-moz-transform-origin: center;
-ms-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;-webkit-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);}
.qh_nav ul li ul a{width:18%;margin-left: 0.5%;display: inline-block}
.qh_nav ul li ul a h3{width: 100%;color: #fff;font-size: 14px;padding: 0;margin: 0;height: 39px;line-height: 39px;transition: all .3s}
.qh_nav ul li ul a img{width:100%;}
.qh_nav ul li ul a:hover h3{background: #000;color: #fff}
.qh_nav ul li>a._act3:after{position: absolute;bottom:20px;width: 100%;height: 4px;background: #03a6bc !important;content: "";left: 0;}

.qh_nav ul li .act>div{transform: rotateY(0deg);-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;visibility: visible;opacity: 1;}
.qh_nav ul li .act{visibility: visible;}

#cplb1{width: 100px;left: 0;position: absolute;margin-top: 0;}
#cplb1 a{width: 100px;display: block;height: 45px;line-height: 45px;color: #fff;position: relative;background-color: rgba(0,0,0,0.5);}
#cplb1 a:hover{background: #03a6bc}

#cplb2 {background-color: rgba(0,0,0,0.5);width: 700px;padding: 30px;position: absolute;left: -180px}
#cplb2 a{width:23%;margin-left:1%;display: inline-block;transition: all .3s}
#cplb2 a h3{width: 100%;color: #fff;font-size: 14px;padding: 0;margin: 0;height: 39px;line-height: 39px;transition: all .3s}
#cplb2 a img{width:100%;display: block}
#cplb2 a:hover h3{background: #03a6bc}
#cplb2 a:hover{transform: translateY(-5px)}

#cplb3 {background-color: rgba(0,0,0,0.5);width: 700px;padding: 30px;position: absolute;left: -280px}
#cplb3 a{width:23%;margin-left:1%;display: inline-block;transition: all .3s}
#cplb3 a h3{width: 100%;color: #fff;font-size: 14px;padding: 0;margin: 0;height: 39px;line-height: 39px;transition: all .3s}
#cplb3 a img{width:100%;display: block}
#cplb3 a:hover h3{background: #03a6bc}
#cplb3 a:hover{transform: translateY(-5px)}



.tel{font-size: 20px;margin-top: 28px;line-height: 26px;color: #525279;margin-right: 15px}
.tel img{vertical-align: middle;margin-right: 5px}
.tel a{padding-right: 20px;display: block;float: left}


.change{	background:rgba(255,255,255,1);	box-shadow: 0px 2px 16px rgba(0,0,0,0.5);}
.erji_ul b{color: #213987;font-size: 26px;padding-right: 30px}
.erji_ul strong{color: #ff0000;font-size: 26px;font-family: Arial," sans-serif"}
.sy_lx{background: url(1_19.jpg) center no-repeat;height: 701px;background-size: 100% 100%}



.j_about_list{position:absolute;width: 439px; height: 699px; right: 30px; top: 25%;}
.j_about_list li{background:url(j_about_bg.png) no-repeat right 80%; background-size: 4.4% auto; text-align:right;min-width:360px;padding-right: 40px}
.j_about_list li span{display:block; background-size:auto 100%; line-height:1em; color:#4d4d4f;position:relative;text-align: right}
.j_about_english{line-height:1em; color:#254164;vertical-align:bottom;display:table-cell;width:439px; height: 89px; font-size: 36px;text-align: right;font-weight: 100;opacity: 0}
.j_about_list li p{color:#68686a;margin-top: 10px;text-align: right;opacity: 0}
.v_wuwu{font-size: 30px; margin-top: 4px; height: 30px;font-weight: 100}
.j_about_list ul li span{font-size: 30px; margin-top: 4px; height: 30px;}
.c_banner{position: relative}
.ba_pic{max-height: 952px;overflow: hidden}


.j_about_list .act_cp li .j_about_english{opacity: 1}
.j_about_list .act_cp li p{opacity: 1}
.j_about_list .act_cp li span{background:url(j_about_span_bg.png) no-repeat top right;}



/*企业*/
.jjg{background: url(jjb.png) no-repeat;height: 456px;background-size:100%;position: absolute;bottom: -28%;left: 0;width: 100%}
.jjg_nr{padding-top: 70px;margin-left: 12%}
.jjg_nr p{color: #fff;line-height: 180%;font-size: 16px;}
.jjg_nr a{width: 145px;height: 38px;background-color: rgba(255,255,255,0.3);border: 1px solid #d5c884;color: #d5c884;padding: 5px 30px;margin-left: 29%;}
.jjg_nr a:hover{background: #d5c884;color: #fff}




.sycp{padding: 0 1%;margin-top: 280px}
.sycp_l{width: 70%;margin-top: 40px;margin-bottom: 40px}
/*首页产品滚动*/
.slideBox{ width:90%; height:440px; margin:0 auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:44%; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; line-height:14px; text-align:center; background:#d5c884; cursor:pointer; border-radius:50%; border: 2px solid #d5c884}
.slideBox .hd ul li.on{ background:#ffffff;border: 2px solid #d5c884}
.slideBox .bd{ position:relative;  z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{float:left;width: 30%;display: block;margin-right: 2%}
.slideBox .bd li a img{max-width: 310px}
.slideBox .bd li a span{padding: 10px 20px;border: 2px solid #d5c884;display: block;width: 100px;margin: 0 auto;color: #d5c884;margin-top: 50px}


.sycp_r{width: 30%;min-width: 400px}
.sycp_r h3{color: #000;font-size: 56px; font-weight: 100;line-height: 48px;margin-bottom: 30px}
.sycp_r h3 b{display: block;font-size: 36px;}

.sycp_r h4{background: #d5c884;color: #fff;padding: 10px;width:136px;font-size: 20px;font-weight: normal}
.sytx{color: #818181;border-bottom: 1px solid #ccc;height: 45px; line-height: 45px;margin-bottom: 20px;max-width:480px;font-size: 18px;}
.sycp_r ul li{float: left;width: 100px;margin-top: 20px}
.sycp_r ul li a{background: url(wz.png) no-repeat;width: 80px;height: 100px;text-align: center;color: #818181}
.sycp_r ul li a i{background: url(wz.png) no-repeat #9bbbd1;width: 80px;height: 80px;display: block;border-radius: 50%;margin-bottom: 10px}
.sycp_r ul li:nth-of-type(1) a i{background-position:22px 20px}
.sycp_r ul li:nth-of-type(2) a i{background-position:-104px 20px}
.sycp_r ul li:nth-of-type(3) a i{background-position:-225px 20px}
.sycp_r ul li:nth-of-type(4) a i{background-position:-353px 20px}




.sygs_l{width: 34%;margin-top:9%;margin-left: 4%}
.sygs_l img{width: 100%;}
.sygs_r{width: 60%;}
.sygs_r h3{margin-top: 90px;font-size:56px;font-weight: 100;text-transform: uppercase}
.sygs_r strong{font-size: 36px;color: #2d2d2d;margin-bottom: 20px;display: block}



.main_content3{position:relative; z-index:1;width: 100%;}
.fixed_bg{ background-attachment:fixed;height: 800px;}
.fixed_bg{ width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; min-height:100%; position:relative; z-index:1;}
.bg_1{ background-image:url(gb.jpg);}
.scroll_bg{ min-height:100%; position:relative; z-index:2;height: 764px;}
.color_1{ background:url(sbj.jpg);}

.sygs_r_wz{max-width: 1034px;line-height:160%;margin-bottom: 20px}

/*地图*/
#map-tip {
	text-align: left;
	font: 14px/16px Trebuchet MS, Helvetica, Arial, sans-serif;
	display: none;
	padding: 3px;
	border: 1px solid #EBECED;
	color: #edeef0;
	z-index: 1000;
	float: left;
	position: absolute;
	background: rgb(73, 73, 73);
	background: -moz-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 73, 73, 1)), color-stop(100%, rgba(101, 101, 101, 1)));
	background: -webkit-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);
	background: -o-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);
	background: -ms-linear-gradient(top, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);
	background: linear-gradient(to bottom, rgba(73, 73, 73, 1) 0%, rgba(101, 101, 101, 1) 100%);
	word-break: keep-all;
	white-space: nowrap;
}
#map-tip p {
	margin: 0!important;
}
#map-tip img {
	float: left;
	padding: 3px;
}



/* focus_Box */
#focus_Box{position:relative;width:1180px;height:440px;margin:0px auto 0 auto;padding-top: 150px;}
#focus_Box ul{position:relative;height:440px;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px; overflow: hidden;border: 10px solid #9ab9ff}
#focus_Box li img{width:100%;height:100%;vertical-align:top;transition: .5s;}
#focus_Box li:hover img{transform: scale(1.05,1.05);}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:51px;height:101px;top:131px;transition: 0.5s;opacity: 0.6;}
#focus_Box .prev{background:url(../images/btnl.png) no-repeat; left:-90px; top:190px;}
#focus_Box .next{background:url(../images/btnr.png) no-repeat;right:-90px; top:190px;} 
#focus_Box .prev:hover{left: -110px;opacity: 1;}
#focus_Box .next:hover{right:-110px;opacity: 1;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(images/share-btn.png) no-repeat;text-indent:-999px;}



/*资讯中心*/

.news_bj{background: url(1_18.jpg) center no-repeat;height: 961px;background-size: 100%}
.syn{max-width:1200px;margin: 0 auto}
.syn h3{font-size: 36px;color: #000;padding-bottom: 20px;border-bottom: 1px solid #ccc;max-width: 720px;background: url(nbt.jpg) right no-repeat}
.syn h3 em{display: block;text-transform: uppercase;font-weight: 100}

.sy_news{max-width: 720px;margin-top: 10px}
.sy_news dl{box-shadow: 0 0 20px #ccc;margin-top: 20px;padding: 20px 20px;transition: all .3s;background-color: rgba(255,255,255,0.6);box-sizing: border-box;overflow: hidden}
.sy_news dl:hover{box-shadow: 0 0 20px #0080ff;transform: translateX(-14px);}
.sy_news dl dt{width:60%;position: relative}
.sy_news dl dt h4{font-size:20px;color: #0a4d91;font-weight: normal;margin-top: 15px;}
.sy_news dl dt em{position: absolute;right: 0;top: 20px;color: #8a8a8a}
.sy_news dl dt p{color: #a0a0a0;font-size: 14px;margin-top: 10px;line-height: 180%}
.sy_news dl dd{width:37%; }
.sy_news dl dd img{width:100%; }

.sy_news_wz{margin-top:160px;}
.sy_news_wz p{font-size:30px;color: #4d4d4f;line-height: 80px;text-align: right;font-weight: 100}
.sy_news_wz span{font-size:53px;font-weight: bold}
.sy_news_wz sup{margin-right: 20px }


/*底部*/
.sy_lx{text-align: center}
.sy_lx dl{text-align: center;width: 550px;margin: 0px auto 80px auto;}
.sy_lx dl h3{padding-top: 163px;margin-bottom: 80px}
.sy_lx dl dd{color: #fff;font-size:20px; line-height: 40px}
.sy_lx dl dd a{color: #fff;}








/*公司简介页面*/
.gs_con{background: url(dssfsd_03.jpg);height:702px;width: 1200px;margin: 0 auto;position: relative;margin-bottom: 80px}
.gs_con h3{position: absolute;color: #fff;font-size: 35px;left:430px;top: 80px; }

.gs_conwz{position: absolute;top:358px;width: 610px;line-height: 180% }
.gs_conwz1{width: 1200px;margin: 0 auto 50px auto;}
.gs_conwz1 img{width: 100%}

.n_nav3{border-bottom: 1px solid #ccc;height: 78px;line-height: 78px;margin-bottom: 30px;}
.n_nav3 ul li{float: left;position: relative;text-align: center;margin-right: 30px;}
.n_nav3 ul li:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #03a6bc; margin-left: 50%; transition: all .3s ease; display: inline-block; }
.n_nav3 ul li a{display: block}
.n_nav3 ul li:hover:after,.n_nav3 ul li._act:after{ width: 100%; margin-left: 0; }
.lmwz{float: right;font-size: 14px;color: #555}
.lmwz a{color: #555}
.n_nav3 ul li._act a{color: #03a6bc !important}

.n_nav3 ul li:nth-of-type(1){font-size: 20px;color: #fff;text-transform: uppercase;background: #03a6bc;padding: 34px 20px 0 20px;height: 120px;line-height: 35px;text-align: center;margin-top: -75px;}
.n_nav3 ul li:nth-of-type(1) b{display: block;font-size: 30px;}









.page-cover{ background:#03a6bc url(loading.gif) no-repeat center 350px; width:100%; height:0; position:absolute; bottom:0; z-index:10000001;}


@-webkit-keyframes bounceIn{

	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}

	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}

}

@-moz-keyframes bounceIn{

	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}

	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}

}

@-ms-keyframes bounceIn{

	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}

	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}

}

@keyframes bounceIn{

	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}

	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}

}

/*产品内面*/
.min_box_content1 {background: #f7f2d5;padding: 20px 0 20px 30px;margin-top: 20px}
.min_box_content1 b{color:#000; font-size:18px; font-weight:bold;margin-top: 20px;display: block;}
.min_box_content1 strong{display: block;background: url(dianhua.png) left no-repeat;padding: 10px 0 0 50px;font-size: 36px;color: #e30f00}
.min_box_content1 p{color:#666666;line-height:24px;font-size:14px;}

.cpnr{margin-top: 25px;overflow: hidden;}
.cpnr dt{float: left;margin-right: 5px;width: 150px;}
.cpnr dt img{border: 1px solid #ccc;}
.cpnr dd{float: left;margin-right: 5px;}
.cpnr dd a{display: block;padding: 10px 30px;text-align: center;border: 1px solid #ccc;margin-top: 20px;width: 150px}
.cpnr dd a:nth-of-type(1){background: #fdeded;color: #f5002e;border: 1px solid #f5002e}
.cpnr dd a:nth-of-type(2){background: #f5002e;color: #fff;border: 1px solid #f5002e}



.gs_wz{line-height: 200%}
.gs_wz td{line-height: 200%}



@media only screen and (max-width: 1660px) {
	.jjg_nr{margin-left: 16%; }
	.jjg_nr p:nth-of-type(4){opacity: 0}	
}

@media only screen and (max-width: 1380px) {
	.sycp_l{width: 69%}
}

