@charset "utf-8";
/* CSS Document */


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#5d5d5d;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#333333; }
a:hover{ color:#053890;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}

/*	
.barwrap{ height: 99px; width:1200px;margin:0 auto; position: fixed; top:0px;z-index: 333; display: flex; display: -ms-flexbox; 
display: -moz-flex; display: -ms-flexbox; display: -moz-flex; display: -ms-flexbox; background-image:url(../images/navbg.png);align-items: center;}*/
.barwrap{ width:100%; position:fixed; top:0; height:99px; left:0; right:0; border-bottom:1px solid #FFF; margin-left:auto;margin-right:auto;z-index:10000;}
.zjtop{ width:80%; margin:0 auto;}
.zjlogo{ margin-top:18px;}
#nav {width:63%; float:right; margin-top:30px; }
#nav li a {
	display: block;
	width: 100%;
	text-align:center;
	color:#FFF;
	font-size:16px;
	height:40px;
	line-height:40px;
}
#nav li {
 float: left; width:14%; 
}

#nav li a:hover{text-decoration:none;color:#222222;background:#FFF;border-radius:50px;width:100%;}

#nav li a#cur{color:#222222;background:#FFF;width:100%;border-radius:50px;}

#nav li ul {
	line-height:50px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 6.7%;
	position: absolute;
	border-top-style: none;
	z-index:100000;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: none #F9F9F9;
	border-right: none #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	border-left: none #F9F9F9;
	border-radius:50px;
}
#nav li ul li a{
 display: block;
  width: 100%;
  text-align:center;
 font-size:14px;
 font-weight:normal;
 background:none;
}
#nav li ul a:link  {
 color:#222222; text-decoration:none;
}
#nav li ul a:visited  {
 color:#222222;text-decoration:none;
}
#nav li ul a:hover  {
 color:#FFF;text-decoration:none;font-weight:normal;
 background:#053890;filter: Alpha(Opacity=70);
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}

.zjsp01{ background:url(../images/toptel.png) no-repeat left; margin-top:37px; height:25px; line-height:25px; color:#FFF; font-size:24px; font-weight:bold; padding-left:30px;}
/******************************/
.barwrap.on{ animation-name: down; background:url(../images/topbg.png) repeat; animation-duration: 1s;top:0;border-bottom: none;}
.barwrap.on li a:hover{ color:#e51716;}		
/*banneræ»šåŠ¨*/
.banner { position:relative; overflow:hidden; width: 100%;}
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear;
 -webkit-transition:opacity 1000ms linear; float:left; position: relative;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:50px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:15px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:10px; height:20px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#cd291e;}
.banner .txt{ position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); 
-moz-transform: translate(-50%,-50%);  width: 1200px;}
.banner .txt img{ display: block; max-width: 100%;} 
/***************end*************/

.zjprojs{ width:80%; margin:0 auto; margin-top:50px;}
.zjsp02{ width:30%; text-transform:uppercase; font-size:30px; line-height:50px;}
.zjsp02 strong{ font-size:36px;}

.zjprojs-1{ width:50%;}
.zjprojs-1 h1{ display:block; width:100%; float:left; font-size:20px;}
.zjprojs-1 p{ width:100%; float:left; font-size:16px; line-height:22px; margin-top:20px; color:#4d4d4d;}

.products{ width:90%; float:right; margin-top:50px;}
.products ul{ padding:18px 0px 0px 0px; overflow:hidden; text-decoration:none;}
.products ul li{ float:left; width:668px; margin:0 15px; text-align:center; font-size:22px;}
.products ul li img{ margin-bottom:15px;}
#demo {overflow:hidden;width:100%;}
#indemo {float: left;width:800%;}
#demo1 {float: left;}
#demo2 {float: left;}
/*******************************************************************/

.zjaboutjs{ width:90%; float:right;margin-top:100px;}
.zjsp03{ width:30%; font-size:16px;}
.zjsp03 strong{ font-size:36px;line-height:60px;}

.zlul01{ width:60%;}
.zlul01 li{ width:30.3333333%; margin:0 1.5%; float:left; background:url(../images/gsxian1.png) no-repeat bottom right; padding-bottom:30px;}
.gsdiv{ width:100%; float:left;}
.gsimg1{ display:block; position:relative;}
.gsimg1-1{ display:none; position:relative;}
.zjh1{ width:100%; text-align:left; font-weight:normal; font-size:16px; margin-top:15px;}
.zlul01 li:hover .gsimg1{ display:none;}
.zlul01 li:hover .gsimg1-1{ display:block;}
.zlul01 li:hover{background:url(../images/gsxian2.png) no-repeat bottom right;}
/************************************************************************************/

.zjaboutjs2{ width:100%; margin:0 auto; margin-top:50px;}
.zjaboutjs2-1{ width:60%; height:485px; background:#053890; color:#FFF; position:relative; z-index:200; overflow:hidden;}
.zjh2{ width:60%; margin-left:20%; font-size:27px; font-weight:normal; margin-top:75px;}
.zjp1{ width:60%; margin-left:20%; line-height:27px; margin-top:20px; text-align:justify;}


/*数据统计滚动*/
.product-number-info{ position: relative; margin-top:10px;}
.product-number-info .product-number-inner{width:60%; float:left; margin-left:20%; height:168px; overflow:hidden;}
.product-number-info ul{padding:40px 0;}
.product-number-info ul.q:after {content: "";clear: both;display: table;}
.product-number-info li{float: left; width: 25%; height: 90px; color:#FFF; text-align:center;}
.product-number-info li:first-child{border:none;}
.product-number-info li b{font-size:50px; line-height: 1;display: inline-block; position: relative; /*margin: 15px 0 10px;*/}
.product-number-info li b i{font-style: normal;font-family:Impact;}
.product-number-info li b sup{position: absolute; font-size:20px; right: -25px; top: -3px;}
.product-number-info li b em{font-style: normal; font-size: 28px; padding-left: 2px; position:relative; top: -4px;}
.product-number-info li b sub{ font-size:20px;padding-left: 2px; font-weight:normal; bottom:0;}
.product-number-info li p{font-size: 14px; color:#FFF; margin-top:30px;}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:70px;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:70px;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:70px;}
.product-number-info li.li-4 b,.product-number-info li.li-4 p{padding-left:50px;}
.product-number-info li.li-5{text-align: center;}
.product-number-info li.li-5 b{padding-right: 2px;}

.aboumore{ width:125px; height:125px; position:relative; bottom:-57px; color:#FFF;text-align:center; line-height:125px; background: -webkit-linear-gradient(left, #003ed5, #1654eb, #2f68f0, #487af4); font-size:50px;}
.aboumore:hover{ background:#FFF; color:#053890;}

.zjaboutjs2-2{ width:80%; position:relative; z-index:100; margin-top:-375px;}
/*************************************************************************************/

.zjfangan{ width:80%; margin:0 auto; line-height:45px; margin-top:50px; text-align:center; font-size:16px;}
.zjfangan strong{ font-size:35px;}

.container {
  margin: 0 auto;
  width: 80%;
  margin-top:30px;
}
.gallery-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 70vh;
}

.item {
  flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  transition: flex 0.8s ease;
  cursor:pointer;
}
.item:hover {
  flex: 7;
}

.item-1 {background-image:url(../images/fangan1.jpg);}
.item-2 {background-image:url(../images/fangan2.jpg);}
.item-3 {background-image:url(../images/fangan3.jpg);}

.zjsp04{ width:200px; color:#FFF; font-size:30px; margin-top:90px; margin-left:50px;}
/*********************************************************************/

.zjxinwen{ width:100%; margin:0 auto; margin-top:35px;}
.zjxinwen ul{ width:100%; float:left;}
.zjxinwen li{ width:30.3333%; float:left; margin:0 1.5%;}
.xwdiv1{ width:100%;}
.xwdiv1 img{ width:100%; float:left; height:auto;}
.xwdiv2{ width:94.5%; border:1px solid #999; padding:3.5% 2.5%;}
.xwaa1{ width:100%; font-size:17px; font-weight:bold;}
.xwaa2{ width:100%; margin-top:15px; line-height:23px;}
.xwaa3{ width:150px; height:40px; line-height:40px; text-align:center; margin-top:32px; border:1px solid #999; border-radius:50px;}
.xwaa3:hover{ background:#053890; color:#FFF; border:1px solid #053890;}
.zjxinwen li:hover{ background:#053890; cursor:pointer;}
.zjxinwen li:hover .xwaa1{ color:#FFF;}
.zjxinwen li:hover .xwaa2{ color:#FFF;}
.zjxinwen li:hover .xwaa3{ color:#FFF;}
/********************************************************/

.zjfoot{ width:100%; margin:0 auto; margin-top:35px; background:url(../images/footbg.jpg) no-repeat top center; padding:30px 0;}
.zjfoot1{ width:80%; margin:0 auto; color:#FFFF; margin-top:60px;}
.zjfoot1-1{ width:12%;}
.zjfoot1-1 h1{ display:block; width:100%; float:left; font-size:25px;}
.zjfoot1-1 ul{ width:100%; float:left; margin-top:15px;}
.zjfoot1-1 li{ width:100%; float:left; line-height:30px;}
.zjfoot1-1 li a{ color:#9e9e9e;}
.zjfoot1-1 li a:hover{ color:#9e9e9e; text-decoration:underline;}

.zjfoot1-2{ width:22%;}
.zjfoot1-2 h1{ display:block; width:100%; float:left; font-size:25px;}
.zjfoot1-2 ul{ width:100%; float:left; margin-top:15px;}
.zjfoot1-2 li{ width:50%; float:left; line-height:30px;}
.zjfoot1-2 li a{ color:#9e9e9e;}
.zjfoot1-2 li a:hover{ color:#9e9e9e; text-decoration:underline;}

.zjfoot1-3{ width:22%;}
.zjfoot1-3 h1{ display:block; width:100%; float:left; font-size:25px;}
.zjfoot1-3 p{ width:100%; float:left; margin-top:15px; line-height:26px; color:#9e9e9e;}

.zjfoot1-4{ width:10%; text-align:center;}
.zjfoot1-4 img{ width:100%; float:left; height:auto; margin-bottom:15px;}
.fotmm{ margin-left:5%;}

.zjfoot3{ width:80%; margin:0 auto;color:#9e9e9e; margin-top:50px;}
.zjfoot3 a{ color:#9e9e9e;}
.zjfoot3 a:hover{ color:#9e9e9e; text-decoration:underline;}

.neiba {
    overflow: hidden;
    width: 100%;
}

.slideshowba{
    height:420px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#15569d url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#15569d url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#15569d url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.jljaboutnei{ width:1250px; margin:0 auto; margin-top:30px;}
.jljabnei1{ width:255px; border:1px solid #CCC;}
.neisp{ width:255px; background:#053890; color:#FFF; font-size:20px; font-weight:bold; text-align:center; border-top:5px solid #e20010; line-height:65px;}
.neiul0{ width:255px;background:#f8f6f6;}
.neiul0 li{ width:255px; float:left; text-align:center; line-height:45px; font-size:16px; border-bottom:1px dotted #8baeea;}
.neiul0 li a{ display:block; width:255px; height:45px; font-size:13px;}
.neiul0 li a:hover{ background:#e20010; color:#FFF;}
.neiul0 li a#cur{ background:#e20010; color:#FFF;}
.neip01{ width:235px; padding:10px; line-height:27px; background:#f8f6f6;}
/********************************end**************************/
.jljabnei2{ width:963px; margin-left:30px;}
.jljabnei2-1{ width:961px; border:1px solid #CCC; text-align:center; font-size:16px; font-weight:bold; color:#e20010; line-height:45px;}
.jljabnei2-2{ width:937px; border:1px solid #CCC; margin-top:20px; line-height:27px; padding:12px;}
/******************************end******************************/

.jljabnei2-3{width:937px; border:1px solid #CCC; margin-top:20px; padding:12px;}
.jljabnei2-3 ul{ width:937px; float:left;}
.jljabnei2-3 li{ width:288px; float:left; margin:12px;}
.jljabnei2-3 li a img{ width:100%; height:auto;}
.jljsp01{ width:100%; text-align:center; background:#053890; color:#FFF; font-size:16px; height:40px; line-height:40px;}
.jljabnei2-3 li:hover .jljsp01{ background:#e40112; color:#FFF;}


.jljabnei2-4{ width:937px; border:1px solid #CCC; margin-top:20px; padding:12px;}
.jljabnei2-4 ul{ width:937px; float:left;}
.jljabnei2-4 li{ width:937px; padding-bottom:10px; float:left; border-bottom:1px dotted #CCC; margin-bottom:20px;}
.nxwsp01{ width:200px; background:#272b36; color:#FFF; height:35px; line-height:35px; text-align:center;}
.nxwa1{ color:#e20010; width:100%; font-weight:bold; font-size:16px; margin-top:15px;}
.nxwa2{ width:100%; color:#666; margin-top:10px;}
/***************************************************************************/
.zjlxh{ width:100%; font-weight:bold; font-size:20px; color:#053890; margin-top:30px;}
.zjlxfs{ width:100%; line-height:29px; border-bottom:1px dashed #999; margin-top:20px; padding-bottom:50px;}
.daqianmessage{ width:937px; float:left;}
.message{height:500px;margin-top:20px}
.message .box{padding:50px 0 0 40px}
.message .box li{line-height:45px;margin-bottom:35px; float:left; margin-left:20px;}
.message .box li .input-text{height:42px;line-height:42px;border:1px solid #ccc;width:320px;padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .box li .input-text:focus{border-color:#1fac9c}
.message .box li textarea.input-text2{height:100px;border:1px solid #ccc;line-height:24px;padding:10px;resize:none}
.message .box li.btn{margin-left:60px}
.message .box li .button{cursor:pointer;width:122px;border:none;height:40px;background-color:#053890;border-radius:4px;color:#fff;font-size:16px}


.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; margin:0 auto;}
.dc_pages1 a{ display:block; width:17.5%; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}


@media only screen and (max-width: 1440px){
.zjsp01{ font-size:16px;}	
#nav {width:55%;}
#nav li a{ font-size:14px;}
#nav li ul { width:6%;}
#nav li ul li a{ font-size:14px;}
	}
	

	