@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
.w1300{width: 1300px;margin:0 auto;}

/*header start*/
.header .head_top{height: 35px;background: #efefef;line-height: 35px;border-bottom: 1px solid #dfdfdf}
.header .head_top a{margin: 5px;display: inline-block;width: 50px;height: 25px;background: #21499B;line-height: 25px;color: #fff;text-align: center;}
.header .head_top a:nth-child(1) {background: #E5322C}
.header .head_body{height:84px;padding: 15px 0}
.header .head_body .hb_con{padding: 18px 0 0 15px}
.header .head_body .hb_con b{font-size: 21px;display: block;color: #21499B;letter-spacing: 0.4px;}
.header .head_body .hb_con p{font-size: 16px;line-height: 30px;}
.header .tel{padding: 15px 0 15px 70px;background: url(../images/tel.png) no-repeat center left;}
.header .tel p{font-size: 16px;line-height:20px;}
.header .tel b{font-size: 30px;color: #21499B;line-height: 34px;font-family: Arial}
.header .head_nav{height: 70px;background: url(../images/navbg.png) no-repeat center;}
.header .head_nav > ul > li{float: left;width: 195px;text-align: center;position: relative;z-index: 99999}
.header .head_nav > ul > li:nth-child(1) {width: 200px;margin-right: 23px;}
.header .head_nav > ul > li >a{text-align: center;height: 60px;line-height: 60px;margin-top: 10px;display: block;color: #333;font-size: 17px;}
.header .head_nav > ul > li:nth-child(1) a {height: 70px;line-height: 70px;padding: 0 20px 0 20px;background: url(../images/icon.png) no-repeat 22px center;text-indent: 40px;margin:0;color: #fff}
.header .head_nav > ul > li:hover >a{background: #21499B;color: #fff}
.header .head_nav > ul > li:nth-child(1):hover a{background: url(../images/icon.png) no-repeat 35px center;}
.header .head_nav ul.sub{display: none;position: absolute;top: 70px;width: 195px;z-index: 99999}
.header .head_nav ul.sub li{line-height:40px;background:rgba(255,255,255,0.9);margin: 0;font-size: 15px;}
.header .head_nav ul.sub li a{color: #666}
.header .head_nav > ul > li:hover ul.sub{display: block;}
.header .head_nav ul.sub li:hover {background: #ccc;}
/*header end*/



/*banner start*/
.flexslider{
	position: relative;
	width: 100%;
	height:700px;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides li{
	width: 100%;
	height: 100%;
}
.flex-direction-nav a{
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}
.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: rgba(0,0,0,0.3);
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{
	background: #1b77c0;
}
.flexslider .slides a img {
	width: 100%;
	height: 700px;
	display: block;
}


.titis{text-align: center;}
.titis a{display: block;height: 80px;line-height: 80px;font-size: 45px;color: #21499B;font-weight: bold;}
.titis p{font-size: 17px;text-align: center;line-height: 20px;padding-bottom: 30px}

/*advtop start*/
.advtop{padding: 60px 0;}
.advtop .title{font-size: 40px;line-height: 65px;text-align: center;}
.advtop .title b{text-align: center;}
.advtop ul{padding-top: 40px}
.advtop ul li{width: 280px;margin-left: 26.6px;float: left;text-align: center; overflow: hidden;}
.advtop ul li:nth-child(4n+1) {margin-left: 0px;}
.advtop ul li .img{width: 280px;height: 175px;overflow: hidden;padding: 1px;}
.advtop ul li .img img{ width: 280px; height: 175px; display: block;transition:.5s ease-in;}
.advtop ul li:hover .img img{ transform:scale(1.1,1.1);}
.advtop ul li .zi{width: 278px;text-align: center;border: 1px solid #dfdfdf;border-top: 0px;padding: 50px 0 40px;position: relative;}
.advtop ul li .zi em{position: absolute;left: 109px;top: -35px}
.advtop ul li .zi b{text-align: center;font-size: 30px;line-height: 150%;}
.advtop ul li .zi p{text-align: center;font-size: 17px;line-height: 150%;}
.advtop ul li .zi i{width: 60px;height: 2px;background: #00941f;display: block;position: absolute;left: 110px;top: 159px}



/*product start*/
.product{width: 100%;overflow: hidden;}
.pro_n1 {background: url(../images/pro_bj.jpg) no-repeat center top;height: 770px;box-sizing: border-box;padding-top: 60px;}
.pro_n2 {height: 770px;box-sizing: border-box;padding-top: 60px;}
.pn1_body{height: 650px;}

.pro_n1 dt {font-size: 0;line-height: 0;margin-left: -360px;float: left;width: 960px;}
.pro_n1 dt img {width: 960px;height: 650px;}
.pro_n1 dd {float: right;width: 524px;padding-top: 30px;}
.pro_n1 dd a.proname{display: block;height: 64px;line-height: 64px;font-size:44px;color: #21499B;font-weight: bold;}
.pro_n1 dd em{display: block;height: 38px;line-height: 38px;font-size:20px;color: #333333;}
.pro_n1 dd p{font-size:16px;color: #666666;line-height: 28px;padding-top:34px;height: 120px;padding-right: 20px}
.pro_n1 dd a.more{display: inline-block;width:150px;height: 40px;background: #21499b;text-align: center;line-height: 40px;font-size:14px;color: #fff;margin-right:5px;}
.pro_n1 dd a.more:hover {background: #00941f;}

.pn1_left{position: relative;}
.slideBox{ overflow:hidden; zoom:1; padding:20px 0 10px 50px; position: absolute;right:0;bottom:0px;z-index: 999;width: 860px;background: #dee5f3}
.slideBox .sPrev,.slideBox .sNext{ position:absolute; left:10px; top:30px; display:block; width:46px; height:160px; background: url(../images/arrow-left.png) no-repeat center;}
.slideBox .sNext{ left:auto; right:10px; background: url(../images/arrow-right.png) no-repeat center;}
.slideBox .sPrev:hover,.slideBox .sNext:hover{ border-color:#f60;}
.slideBox  ul{ overflow:hidden; zoom:1;}
.slideBox  ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;}
.slideBox  ul li .pic{ text-align:center; }
.slideBox  ul li .pic a{display: block;width:240px; height:180px;overflow: hidden;}
.slideBox  ul li .pic img{ width:240px; height:180px; display:block;transition:.5s ease-in;}
.slideBox  ul li .pic a:hover img{ border-color:#999;transform:scale(1.1,1.1);}
.slideBox  ul li .title1{ line-height:30px;font-size: 15px}
.slideBox  ul li .title1 a{display: block;width: 240px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pro_n2 .slideBox{left:0;background: #f1f1f1}
.pro_n2 dt {font-size: 0;line-height: 0;margin-right: -360px;float: right;width: 960px;}
.pro_n2 dt img {width: 960px;height: 650px;}
.pro_n2 dd {float: left;width: 524px;padding-top: 30px;}
.pro_n2 dd a.proname{display: block;height: 64px;line-height: 64px;font-size:44px;color: #21499B;font-weight: bold;}
.pro_n2 dd em{display: block;height: 38px;line-height: 38px;font-size:20px;color: #333333;}
.pro_n2 dd p{font-size:16px;color: #666666;line-height: 28px;padding-top:34px;height: 120px;padding-right: 20px}
.pro_n2 dd a.more{display: inline-block;width:150px;height: 40px;background: #21499b;text-align: center;line-height: 40px;font-size:14px;color: #fff;margin-right:5px;}
.pro_n2 dd a.more:hover {background: #00941f;}

/*应用领域*/
.fieldbg{background: #f1f1f1;height: 800px;}

.g_field{ padding-top:60px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;}
.g_field h2{margin-bottom: 45px; }
.fieldtit{height: 85px;width:1200px; text-align: center; box-sizing: border-box; margin:0 auto 48px;}
.fieldtit li{width:145px; height: 85px;display: inline-block;font-size:18px; color: #333333;text-align: center;box-sizing: border-box;position: relative;border-right: 1px solid #cccccc;}
.fieldtit li:last-child{ border: 0px;}
.fieldtit li em{display: block;background:#21499B;border-radius: 100%; width: 51px; height: 51px; overflow: hidden; position: relative;margin:0 auto 10px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s; }
.fieldtit li em img{height:51px; display: block;}
.fieldtit li a{color: #333333; text-decoration: none; }
.fieldtit span{width:150px; height: 85px;display: inline-block; font-size:18px; color: #333333;text-align: center;box-sizing: border-box;position: relative;}
.fieldtit span em{display: block;background:#21499B;border-radius: 100%; width: 51px; height: 51px; overflow: hidden; position: relative;margin:0 auto 10px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s; }
.fieldtit span em img{height:51px; display: block;}
.fieldtit span a{color: #333333; text-decoration: none; }

.fieldtit li.cur a,.fieldtit li:hover a{color: #00941F;font-weight: bold;}
.fieldtit li:hover em,.fieldtit li.cur em{background:#00941F;}
.field {width:100%;height:525px; position: relative;margin:0 auto;overflow: hidden;}
.field dl{width:467px;height:410px;position: relative;margin-right: 17px;float: left;background: #fff;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.field dl a{text-decoration: none;}
.field dl dt{width: 467px;overflow: hidden;}
.field dl dt img{width: 467px;height: 351px; display: block;}
.field dl dd{padding:12px 55px 0;text-align: center;}
.field dl dd h4{font-size: 17px; color: #333333; font-weight: normal;line-height: 35px;margin-bottom: 10px;}
.field dl dd h4 a{color: #333333;}
.field dl dd p{ font-size: 14px; color: #666666; line-height: 24px;}
.field dl:hover{background: #21499B;}
.field dl dt img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.field dl:hover dt img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.field dl:hover dd h4,.m_field  dl:hover dd p{color: #fff;}

/*youshi*/
/*adv start*/
.adv{background: #fff;padding: 50px 0 70px;}
.adv .titis a{color: #444}
.adv .adv_con{height: 540px;background: url(../images/advconbg.jpg) no-repeat center}

/* 本例子css */
.slideTxtBox{ width:1300px; text-align:left;  }
.slideTxtBox .hd{ width:390px;float: left;}
.slideTxtBox .hd .adv_top{height: 135px}
.slideTxtBox .hd ul li{cursor:pointer; width: 340px;height: 100px;font-size: 35px;padding-top: 35px}
.slideTxtBox .hd ul li b{font-size: 35px;color: #555;display: block;padding-left: 110px}
.slideTxtBox .hd ul li p{font-size: 17px;color: #999;display: block;padding-left: 110px;line-height: 30px}
.slideTxtBox .hd ul li:nth-child(1) {background: url(../images/adv01.png) no-repeat center left #ddd;}
.slideTxtBox .hd ul li:nth-child(2) {background: url(../images/adv02.png) no-repeat center left #ddd;}
.slideTxtBox .hd ul li:nth-child(3) {background: url(../images/adv03.png) no-repeat center left #ddd;}
.slideTxtBox .hd ul li:nth-child(1).on{width: 390px;background: url(../images/adv01_.png) no-repeat center;}
.slideTxtBox .hd ul li:nth-child(2).on{width: 390px;background: url(../images/adv02_.png) no-repeat center;}
.slideTxtBox .hd ul li:nth-child(3).on{width: 390px;background: url(../images/adv03_.png) no-repeat center;}
.slideTxtBox .hd ul li.on b{color: #fff;}
.slideTxtBox .hd ul li.on p{color: #fff;}
.slideTxtBox .bd{width: 860px;float: left;}
.slideTxtBox .bd .adv_nr{width: 860px;padding-top: 50px;text-align: center}
.slideTxtBox .bd .adv_nr b{color: #fff;line-height: 40px;font-size: 25px}
.slideTxtBox .bd .adv_nr p{font-size: 16px;color: #fff;text-align: center;line-height: 30px}

.slideTxtBox .bd .adv_nr .advimg{padding-top: 40px;width: 720px;height:330px;margin:0 auto;}

/*company start*/
.ab_bj{background: url(../images/ab_bj.jpg) no-repeat center top;height: 1000px;box-sizing: border-box;padding-top:160px;}
.ab_c dl.ab_con{height: 554px;overflow: hidden;}
.ab_c dl.ab_con dd{float:left;width:410px;}
.ab_c dl.ab_con dd h2 a{display: block;height: 73px;line-height: 73px;font-size:48px;color: #21499B;font-weight: bold;}
.ab_c dl.ab_con dd em{display: block;font-size:16px;color: #444;height: 28px;line-height: 28px;margin-top:12px;font-weight: bold;}
.ab_c dl.ab_con dd p{font-size:16px;color: #818181;line-height: 28px;padding-top:138px;height: 182px;}
.ab_c dl.ab_con dd i a{display: block;width:130px;height: 40px;line-height: 40px;background: #214a9c;text-align: center;font-size:14px;color: #fff;transition: all 0.5s}
.ab_c dl.ab_con dd i a:hover{margin-top:-8px;background: #00941f}
.ab_c dl.ab_con dt{font-size:0;line-height: 0;float: right;width:700px;overflow: hidden;position: relative;margin-top:52px;}
.ab_c dl.ab_con dt img{width:700px;height: 411px;transition: all 0.5s}
.ab_c dl.ab_con:hover dt img{transform: scale(1.1)}
.ab_c dl.ab_con dt:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.ab_c dl.ab_con:hover dt:before{left:150%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}

.case .slideBox1{ overflow:hidden; zoom:1; padding:30px 0 10px 60px; position:relative;}
.case .slideBox1 .sPrev,.case .slideBox1 .sNext{ position:absolute; left:15px; top:5px; display:block; width:46px; height:274px; background: url(../images/arrow-left.png) no-repeat center;}
.case .slideBox1 .sNext{ left:auto; right:15px; background: url(../images/arrow-right.png) no-repeat center;}
.case .slideBox1 .sPrev:hover,.case .slideBox1 .sNext:hover{ border-color:#f60;}
.case .slideBox1 ul{ overflow:hidden; zoom:1;}
.case .slideBox1 ul li{ margin:0 18px; float:left; _display:inline; overflow:hidden; text-align:center;position: relative;}
.case .slideBox1 ul li .pic{ text-align:center;/*background: #000*/}
.case .slideBox1 ul li .pic img{ width:273px; height:203px; display:block;opacity: 1}
.case .slideBox1 ul li .pic a:hover img{ border-color:#999;}
.case .slideBox1 ul li .pic p{display: block;width: 100%;text-align: center;line-height: 40px;font-size: 16px}

/*new start*/
.news{padding:60px 0 70px;}

.news .tit{height: 67px;line-height: 67px;position: relative;}
.news .tit span a{font-size:24px;color: #004cab;font-weight: bold;}
.news .tit i{font:12px arial;color: #999999;text-transform: uppercase;line-height: 42px;padding-left:10px;}
.news .tit:after{content: "";display: block;width:393px;height: 1px;background: #cccccc;position: absolute;left:112px;top:38px;}
.news .tit em a{float:right;font-size:14px;color: #666666;line-height:67px;box-sizing: border-box;padding-top:4px;text-transform: uppercase;}
.news .tit em a:hover{color:#004cab;}
.dongt{float:left;width:568px;}

.dt_a1 dl{height: 404px;}
.dt_a1 dt{font-size:0;line-height: 0;}
.dt_a1 dt img {width:568px;height: 267px;}
.dt_a1 dd{padding-top:14px;}
.dt_a1 dd h4 a{display: block;height: 33px;line-height: 33px;font-size:22px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dt_a1 dd p{font-size:14px;color: #808080;line-height: 24px;padding-top:9px;}
.dt_a1 dd p a{color: #808080;}
.dt_a1 dl:hover dd h4 a{color: #21499b}
.dt_a1 li{height: 36px;line-height: 36px;}
.dt_a1 li a{font-size:14px;color: #333333;display:block;height:30px;}
.dt_a1 li span {float:right;font-size:14px;color: #333333}
.dt_a1 li a:hover{color: #004cab}

.went{float:right;width:582px;}
/*.news .went .tit:after{content: "";display: block;width:218px;height: 1px;background: #cccccc;position: absolute;left:297px;top:38px;}*/
.went dl{height: 153px;border-bottom:1px solid #dcdcdc;margin-bottom:28px;}
.went dt{height: 30px;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.went dt em{width:105px;height: 30px;display: inline-block;background: #00941f;text-align: center;line-height: 30px;font-size:16px;color: #fff;margin-right:15px;border-radius:4px;vertical-align: top;}
.went dt a{font-size:22px;color: #333333;}
.went dd {padding-top:17px;}
.went dd p {font-size:14px;color: #808080;line-height: 24px;}
.went dd a{color: #004cab;font-size:14px;margin-top:12px;display: block;}
.went dl:hover dt a{color: #004cab}
.went ul{height: 176px;overflow: hidden;}
.went li a{display: block;height:36px;line-height:36px;font-size:14px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/ns_ico2.jpg) no-repeat right;}
.went li a:hover{background: url(../images/ns_ico2_hv.png) no-repeat right;color: #004cab}

.wt_mo{font-size:0;line-height: 0;}
.wt_mo span {float:right;width:172px;height: 157px;background:#21499b;text-align: center;box-sizing: border-box;display: block;}
.wt_mo span a{font-size:18px;color: #fff;padding-bottom: 34px;display:block;background: url(../images/ns_ico4.png) no-repeat center bottom;margin-top:50px;line-height: 30px;transition: all 0.5s}
.wt_mo span a:hover{margin-top:45px;}

/*footer*/
.footWrap{height:400px; background:#333;padding-top:60px;box-sizing: border-box;}
.footWrap .footer{width:1200px;margin:0 auto;}
.footWrap .ft-top{height:80px; box-sizing: border-box;}
.footWrap .ft-top h2{width:190px; height:120px;float:right;margin-right: 23px;}
.footWrap .ft-top h2 img{width:100%;position: relative;top: -10px;}
.footWrap .ft-top .ft-nav{width:1200px; float:left; box-sizing: border-box;}
.footWrap .ft-top .ft-nav li{float:left;height:50px; line-height: 50px; margin-right: 50px; position: relative;}
.footWrap .ft-top .ft-nav li a{font-size: 17px; color:#FFF;}
.footWrap .ft-top .ft-nav li:last-child{margin-right: 0;}
.footWrap .ft-top .ft-nav li:before{width:0;height:1px; background:#00941F; content:""; position: absolute; left:0;bottom:0; transition: .5s;}
.footWrap .ft-top .ft-nav li:hover a{font-weight: bold; color:#00941F;}
.footWrap .ft-top .ft-nav li:hover:before{width:100%;}

.footWrap .ft-cen{height: 99px;padding-top:36px;box-sizing: border-box; border-top:1px solid rgba(207,207,207,0.33);border-bottom:1px solid rgba(207,207,207,0.33);}
.footWrap .ft-cen em{display: block;float:left;height:58px; line-height: 24px; position: relative; box-sizing: border-box;padding-right: 80px;margin-right: 60px}
.footWrap .ft-cen em:before{content:"/";font-size: 14px; color:rgba(255,255,255,0.5); position: absolute;top:5px; right:0;}
.footWrap .ft-cen em:last-child:before{display: none;}
.footWrap .ft-cen em i{display: inline-block;height:58px;padding-left:43px; line-height: 32px; font-size: 16px; color:#FFF;}
.footWrap .ft-cen em .ft1{background:url(../images/ftico2.png) no-repeat left 0;}
.footWrap .ft-cen em .ft2{background:url(../images/ftico3.png) no-repeat left 0;}
.footWrap .ft-cen em .ft3{background:url(../images/ftico1.png) no-repeat left 0;}
.footWrap .ft-cen em:nth-child(3) {padding-right: 0px;margin-right: 0px}

.footWrap .ft-bot{padding-top:20px;}
.footWrap .ft-bot .ft-xx{width:800px;padding-top:25px;float:left;}
.footWrap .ft-bot .ft-xx p{height:38px;font-size: 16px;color: #fff}
.footWrap .ft-bot .ft-xx p em{display: inline-block; height:38px; line-height: 38px;font-size: 15px; color:#FFF;margin-right: 60px;}
.footWrap .ft-bot .ft-xx p em a{font-size: 14px; color:#FFF;}
.footWrap .ft-bot .ft-code{float:right;}
.footWrap .ft-bot .ft-code span{display: block; float:left; width:105px; height:105px; line-height: 0; overflow: hidden; margin-left: 20px;}
.footWrap .ft-bot .ft-code span img{width:100%;}
.footWrap .ft-bot .ft-code p{text-align: center;color: #fff;padding-left: 20px;padding-top: 30px}