@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;line-height: 31px;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
body::before{
	height: 136px;
	display: block;
	content: "";
}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%;overflow: hidden;}
.w1200{width: 1200px;margin:0 auto;}
.w1330{width: 1330px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #000; 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;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
em,i{font-style:normal;}
dl,dt,dd{padding: 0;margin:0;}

/*header start*/
.header{position: fixed;z-index: 99999;box-shadow: 0 0 10px 0 #dfdfdf; top:0;}
.header .head_top{height: 35px;background: #333;color: #fff}
.header .head_top p{color: #fff;line-height: 35px;}
.header .head_top a{display: inline-block;line-height: 35px;color: #fff;padding: 0 4px}
.header .head_top span{padding:0 30px;background: url("../images1/tel.png") no-repeat center left;font-size:20px;}
.header .head_bot{height: 100px;background: rgba(255,255,255,0.95);}
.header .head_bot img{padding: 13px 0;width: 40%;}
.header .head_bot ul{position: relative;}
.header .head_bot ul li{float: left;}
.header .head_bot ul li a{display:block;width: 100px;height: 100px;text-align: center;font-size: 16px;line-height: 100px;}
.header .head_bot ul li a:hover {background: url("../images1/red.jpg") no-repeat center;}
/*header end*/

/*banner start*/
.banner {
  width: 100%;
  position: relative;
  z-index: 0;
}
.banner .flexslider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-width: 1000px;
}
.banner .slides {
  position: relative;
  z-index: 1;
}
.banner .slides li {
  height: 100%;
}
.banner .slides li img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.banner .flex-direction-nav,
.banner .flex-control-nav {
  display: none;
}
.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: #E8E8E8;
	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:#006db5;
}

.flexslider .slides a img {
	width: 100%;
	/*height: 800px;*/
	/*height: 800px; */
	border:none !important;
	display: block;
}
/*banner end*/

/*product start*/
.product{padding: 40px 0 30px 0;background: #f2f2f2;overflow: visible!important}
.product .pro_l{width: 280px;}
.product .pro_l .pl_top{width: 280px;height: 114px;background: url("../images1/protop.png") no-repeat center;text-align: center;}
.product .pro_l .pl_top b{color: #fff;font-size: 32px;letter-spacing: 5px;display:block;padding-top:15px}
.product .pro_l .pl_top em{display: block;width: 80px;height: 4px;background: #fff;margin:  14px auto}
.product .pro_l > ul{width: 262px;padding:0 0 30px 0;background: #fff;margin: 0 auto;position:relative;z-index:1;}
.product .pro_l > ul > li{position: relative;}
.product .pro_l > ul > li > a{display: block;width: 220px;margin: 0 auto;height:43px;border-bottom: 1px dashed #cfcfcf;line-height: 43px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .pro_l > ul > li > a span{display: inline-block;width: 22px;height: 43px;background: url("../images1/left.png") no-repeat center;line-height: 43px;color: #fff;font-size: 20px;padding-right: 3px;font-family: Arial;text-align: right;}
.product .pro_l > ul > li > a font{padding-left: 20px;line-height: 43px;color: #666;font-size: 18px;letter-spacing: 5px}
.product .pro_l > ul > li .sub{display:none;left:241px; top:5px;  position:absolute;background: #006db5;width: 180px}
.product .pro_l > ul > li .sub li a{display: block;height:32px;line-height: 32px;color: #fff;font-size: 15px;padding: 0 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .pro_l > ul > li .sub li:hover {background: #434343}
.product .pro_l > ul > li > a:hover {background: url("../images1/nLibg.jpg") repeat-x center;}
.product .pro_l > ul > li.on > a {background: url("../images1/nLibg.jpg") repeat-x center;}
.product .pro_l > ul > li.on > a font{color: #fff}
.product .pro_r{width: 920px;}
.product .pro_r ul li{width: 306.5px;float: left;margin-bottom: 30px;}
.product .pro_r ul li p{display: block;width: 265px;float: right;text-align: center;line-height: 30px;font-size: 15px;border-bottom: 2px solid #006db5;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .pro_r ul li:hover p{background: #006db5;color: #fff}
.product ul li .img{width: 265px;height: 199px;overflow: hidden;float: right;}
.product ul li img{ width: 265px; height: 199px; display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}

.product ul li img:hover { transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
/*product end*/

/*company start*/

.company .combg{height:550px;padding: 40px 0;background: url("../images1/comright.jpg") no-repeat center right #fff;position: absolute;z-index: -1;}
.company .com_l{padding: 40px 0;height: 470px;background: url("../images1/comleft.png") no-repeat center left;margin: 40px 0}
.company .com_l .comlbody .leftbody{width: 680px;}
.company .com_l .comlbody .leftbody b{font-size: 32px;color: #fff;letter-spacing: 5px;}
.company .com_l .comlbody .leftbody font{font-size: 16px;color: #fff;line-height: 300%;letter-spacing: 1px;padding-left: 15px}
.company .com_l .comlbody .leftbody > img{padding: 4px;border:1px solid #9ccbff;}
.company .com_l .comlbody .leftbody .contant{padding-top: 15px}
.company .com_l .comlbody .leftbody .contant a.more img{margin-top: 20px}
.company .com_l .comlbody .leftbody p{text-indent: 2em;color: #fff;line-height: 160%;}
/*company end*/

/*solution start*/
.solution{padding: 40px 0}
.solution ul li{width: 171.4px;float: left;text-align: center;}
.solution ul li:nth-child(1) {margin-left: 0px}
.solution ul li a > div {width: 171.4px;height: 130px;}
.solution ul li a > div.solution1{background: url("../images1/icon1.png") no-repeat center top;}
.solution ul li a > div.solution2{background: url("../images1/icon2.png") no-repeat center top;}
.solution ul li a > div.solution3{background: url("../images1/icon3.png") no-repeat center top;}
.solution ul li a > div.solution4{background: url("../images1/icon4.png") no-repeat center top;}
.solution ul li a > div.solution5{background: url("../images1/icon5.png") no-repeat center top;}
.solution ul li a > div.solution6{background: url("../images1/icon6.png") no-repeat center top;}
.solution ul li a > div.solution7{background: url("../images1/icon7.png") no-repeat center top;}
.solution ul li a > div:hover {background-position: center -130px}

.solution ul li p{text-align: center;font-size: 16px;font-weight:bold;color: #666;line-height: 200%;display: block;padding-top: 10px}
.solution ul li:hover p{color: #006db5}
/*solution end*/

/*case start*/
.title{text-align: center;}
.title b{font-size: 32px;letter-spacing: 5px;color: #444}
.title p{font-size: 15px;display: block;padding-top: 15px;text-align: center;}
.case{padding: 95px 0;}

.case .slideBox{width: 1288px; overflow:hidden; zoom:1; padding:35px 0 0px 50px; position:absolute;z-index: 9999 ;position: relative;top: 0px;}
.case .sPrev,.case .sNext{ position:absolute; left:5px; top:0px; display:block; width:46px; height:330px; background:url("../images1/arrow-left.png") no-repeat center; }
.case .sNext{width:46px; height:330px; left:auto; right:15px; background:url("../images1/arrow-right.png") no-repeat center;  }
.case .con{width:1300px;}
.case .con .ul1 .li1{width:275px;float:left;position:relative;overflow:hidden;cursor:pointer;border:1px solid #006db5;background: #006db5;}
.case .ul1{ overflow:hidden; zoom:1;   }
.case .ul1 .li1{ margin:0 15px; float:left; _display:inline; overflow:hidden;background: #fff ;text-align: center;transition: all 0.2s ease-in;}

.case .ul1 .li1 img{display:block; margin:10px auto 0 auto;height: 180px;border: 3px solid #006db5}
.case .ul1 .li1 .txt{width:270px;line-height:30px;margin: 7px auto 10px auto;font-size: 16px;color: #fff}
.case .ul1 .li1 .txt p{font-size: 0;line-height: 0;padding: 0 15px;text-indent: 2em;}
.case .ul1 .li1 .more{width:100px;height:32px;background: url("../images1/morebg.jpg.html") no-repeat center;margin: 5px auto 0 auto;text-align: center;line-height: 32px;}
.case .ul1 .li1 .more:hover {color: #ff5200;background: url("../images1/morebg1.jpg.html") no-repeat center;}
.case .ul1 .li1 .plus{height: 40px;background: url("../images1/plus.png.html") no-repeat center;}
.case .ul1 .li1:hover .plus{background: url("../images1/plus1.png.html") no-repeat center;}
/*case end*/

/*new start*/
.new{padding: 40px 0 10px 0;}
.news_c{ width: 697px; overflow: hidden; padding-top: 30px;}
.new h3{ height: 72px;background:url("../images1/n_h31.jpg") no-repeat left 1px;}
.new h3 a{ color: #006db5; font-size: 18px;font-weight: bold;}
.new h3 span{ display: inline-block; float: right; font-weight: normal; padding-top: 2px; margin-right: 40px;}
.new h3 span a{ font-size: 14px; color: #555; line-height: 20px;}

.news_c dl{overflow: hidden; width:344px; float: left;}
.news_c dl dt{width:344px; height:206px; overflow: hidden; position: relative;}
.news_c dl dt img{ width:344px; }
.news_c dl dd h4{ height: 55px; line-height:55px; overflow: hidden;}
.news_c dl dd h4 a{ display: inline-block; float:left; font-size: 16px; color: #333; font-weight: bold; overflow: hidden;}
.news_c dl dd h4 a:hover{ color: #006db5;}
.news_c dl dd p{ font-size: 14px; color: #555; padding-top:3px; line-height: 26px;}
.news_c ul{ overflow: hidden; width:315px; float: right;}
.news_c ul li{ overflow: hidden;border-bottom:1px dashed #979797; height: 108px; margin-bottom: 26px;}
.news_c ul li b{ display: inline-block; float: left; color: #555555; font-family: Arial; font-size:28px; font-weight: normal;width:60px; text-align: center; height: 61px; border: 2px solid #e5e5e5; padding-top: 15px;}
.news_c ul li b span{ display: block; font-size: 14px; color: #555;}
.news_c ul li em{ display: inline-block; float: right; width:235px;}
.news_c ul li strong{ display: block; overflow: hidden; height: 26px; line-height: 26px;}
.news_c ul li strong a{ display: inline-block; float: left; font-size: 16px; color: #333;}
.news_c ul li i{ display: block; font-size: 14px; color: #555; line-height: 24px; padding-top: 8px;}
.news_c ul li:nth-child(3) {border-bottom: none;}
.news_c ul li.cur b{ background: #006db5; color: #fff; border-color: #006db5;}
.news_c ul li.cur span{ color: #fff;}

.news_r{ width: 438px;overflow: hidden; padding-top: 30px;}
.news_r h3{background:url("../images1/n_h32.jpg") no-repeat left 1px;}
.news_r dl{ height: 108px; border-bottom: 1px dashed #adadad; margin-bottom: 26px;}
.news_r dl dt{background:url("../images1/n_w.jpg") no-repeat; height: 40px; line-height:30px; padding-left: 55px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_r dl dt a{ font-size: 16px; color: #333; font-weight: bold;}
.news_r dl dd{background:url("../images1/n_d.jpg") no-repeat;  padding-left: 55px; font-size: 14px; color: #555; line-height: 24px;}
.news_r dl:nth-child(4) {border-bottom: none;}
/*new end*/

/*footer start*/
.footer{background: #434343}
.footer .foot_top{background: url("../images1/footbg.jpg") repeat-x center bottom;}
.footer .foot_nav{position: relative;text-align: center;height: 40px;background: #006db5;line-height: 40px;color: #fff;}
.footer .foot_nav a{display: inline-block;padding:0 40px;color: #fff;font-size: 16px;}

.footer .footbody{padding: 30px 0;}
.footer .footbody .footlogo{padding: 26px 0 26px 0px}
.footer .footbody dl{}
.footer .footbody dt{color: #fff;font-size: 16px;line-height: 30px;font-weight: bold;}
.footer .footbody dd{color: #999;line-height: 25px;}
.footer .footbody .ewm{margin-left: 120px;width: 255px;}
.footer .footbody .ewm p{color: #fff;writing-mode:tb-rl;font-size: 16px;letter-spacing: 4px;margin-left: 5px;}
.footer .footbody .ewm p:nth-child(2) {padding-top: 50px;}
.footer .footbody .ewm p:nth-child(3) {padding-top: 30px;}
.foot_bot{height:35px;background: #222;line-height: 35px;color: #fff}
/*footer end*/




.banner17 .shutter {
    overflow: hidden;
    width: 1920px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.banner17 .shutter-img {
    z-index: 1;
}

.banner17 .shutter-img,
.banner17 .shutter-img a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner17 .shutter-img a {
    cursor: default;
}

.banner17 .shutter-img a>img {
    width: 1920px;
    height: auto;
}

.banner17 .shutter-img .created {
    overflow: hidden;
    position: absolute;
    z-index: 20;
}

.banner17 .shutter-btn {
    width: 1300px;
    height: 64px;
    z-index: 9;
    position: absolute;
    top: 50%;
    margin-left: -650px;
    margin-top: -32px;
    left: 50%;
    clear: both;
    display: none;
}

.banner17:hover .shutter-btn {
    display: block;
}

.banner17 .shutter-btn li {
    width: 64px;

    height: 64px;
    cursor: pointer;
}

.banner17 .shutter-btn li.prev {
    float: left;
    background: url(../images/public/left3.png) no-repeat;
}

.banner17 .shutter-btn li.next {
    float: right;
    background: url(../images/public/right3.png) no-repeat;
}

.cover {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.lan font {
    float: left;
    display: inline-block;
    line-height: 14px;
    margin-left: 5px;
}

.lan img {
    float: left;
    height: 14px;
}

.lan a {
    display: block;
    float: left;
    margin-left: 10px;
}
.lan {
    float: right;
    overflow: hidden;
    padding-top: 10px;
    padding-right: 172px;
}