@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1300px;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;
    -webkit-filter: blur(6px);
    filter: blur(6px);
}
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%;}
.w80{width: 80%;margin:0 auto;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
/*header start*/
.header {text-align: center;border-top: 3px solid #0082E5}
.header .head_nav{padding: 5px 0;border:1px solid #dfdfdf;border-width: 1px 0 1px 0}
.header .head_nav ul li{width: 14.2%;float: left;text-align: center;line-height: 40px;font-size: 16px;font-weight: bold;position: relative;}
.header .head_nav ul li a{display:block;}
.header .head_nav ul li.on a{background: #0082E5;color: #fff}

.header .head_nav ul li .sub{display: none;position: absolute;z-index: 999;width: 100%;padding-top: 6px}
.header .head_nav ul li .sub li{width: 100%;}
.header .head_nav ul li .sub li a{font-weight: normal;font-size: 15px;background: rgba(0,0,0,0.5);}
.header .head_nav ul li .sub li a:hover {background: #0082E3}

.header .tel{height: 50px;padding-left: 60px;background: url(../images/tel.png) no-repeat center left;margin-top: 25px}
.header .tel i{display: block;line-height: 18px;text-align: left}
.header .tel b{display: block;font-size: 30px;font-family: Arial;color: #0082e5;}
.header .lan{padding-top: 20px;margin-left: 30px;margin-right: 10px}
.header .lan a{display: block;width: 50px;height: 25px;text-align: center;line-height: 25px;color: #fff;margin: 5px 0;}
.header .lan a.cn{background: #db0100;}
.header .lan a.en{background: #0082e5;}
/*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;
	transition:.5s ease-in;
	/*transform: scale(0); transition: all 0.5s linear;*/
}
.flexslider .slides a img:hover { transform:scale(1.05,1.05); }

.title{text-align: center;padding-bottom: 30px}
.title i{display: block;font-style: normal;font-size:26px;font-style: Arial;color: #cfcfcf;padding-bottom: 5px}
.title b{font-size: 32px;display: inline-block;}

/*company start*/
.company{padding: 50px 0}
.company .com_body p{padding: 0 10%;font-size: 17px;text-indent: 2em;line-height: 180%;letter-spacing: 1px}
.company .com_body a{display: block;width: 130px;height: 35px;border:1px solid #dfdfdf;line-height: 35px;text-align: center;border-bottom: 3px solid #0082E5;margin:30px auto 0;}
.company .com_body a:hover {background: #0082E5;color: #fff;border-color: #0082E5}

/*product start*/
.product{padding:50px 0 10px;background: #f5f5f5;}
.plist{padding-bottom: 30px;}
.plist > li{width:calc(15% - 2px);float: left;text-align: center;font-size: 17px;line-height: 50px;background: #0082E5;margin: 0.5% 0.82%;position: relative;}
.plist > li a{color: #fff;}
.plist .erji{position: absolute;display: none;z-index: 9999;width: 100%;padding-top: 1px;}
.plist > li:hover {background: #ebebeb;}
.plist > li:hover > a{color: #666;}
.plist > li:hover .erji{display: block;}
.plist .erji li{background: rgba(255,255,255,1);font-size: 15px}
.plist .erji li a{color: #666}
.plist .erji li:hover {background: #0082E5}
.plist .erji li:hover a{color: #fff}

.pro_body ul li{ width: 23%; float: left; margin: 0 1% 40px;}
.pro_body ul li .img {width: 100%;overflow: hidden;}
.pro_body ul li .img img{width: 100%; 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;}
.pro_body ul li:hover .img img{ 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)}
.pro_body ul li .zi{width: 100%;height: 75px;background: #fff;text-align: center;}
.pro_body ul li .zi p{text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 15px;line-height: 40px;line-height: 40px;padding: 0 15px}
.pro_body ul li .zi i{display: block;width: 26px;height: 26px;line-height: 23px;background: #0082E5;border-radius: 26px;color: #fff;font-size: 22px;margin: 0 auto;}
.pro_body ul li:hover .zi {background: #0082E5;color: #fff;}
.pro_body ul li:hover .zi i{background: #FFFF00;color: #0082E5;}

/*case start*/
.case{overflow: hidden;padding: 50px 0 80px;position: relative;}
#certify .swiper-container {padding-bottom: 40px;}
.video1 .swiper-slide.swiper-slide-active{box-shadow:0px 12px 15px 0px rgba(0, 0, 0, 0.2)  !important;}
.video1 .swiper-slide.swiper-slide-active .video3{opacity:1;}
.video1 .swiper-pagination{position:absolute;bottom:7px !important;left:0px;width:100%;height:10px;z-index:2100;text-align:center;}
.video1 .swiper-pagination-bullet{width:12px !important;height:12px !important;background:#FFFFFF !important;margin:0px 8px !important;border-radius:100px;opacity:1 !important;border:2px solid #bbbbbb !important;}
.video1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#00a1e5 !important;opacity:1 !important;border:2px solid #00a1e5 !important;}

.video2 p{position:absolute;top:50%;left:0%;margin-top:-65px !important;margin-left:0px !important;text-align:center;z-index:2;width:100%;}
.video2 p img{width:60px;height:60px;display:inline-block !important;}
.video2 p span{font-size:18px;color:#ffffff;line-height:170%;display:block;}
.video2 p b{font-size:14px;color:#ffffff;line-height:170%;display:block;margin-bottom:14px;}

.video1 .swiper-slide.swiper-slide-active{background: #000}
.video1 .swiper-slide.swiper-slide-active h2 img{opacity: 0.8}
.video1 .swiper-slide.swiper-slide-active .aboukm{opacity:0;}
.video1 .swiper-slide.swiper-slide-prev .aboukm {
	position:absolute;top:0px;left:53%;width:40%;height:100%;
	background:url(../images/aboukm1.png) no-repeat left center;background-size:cover;
}
.video1 .swiper-slide.swiper-slide-next .aboukm {
	position:absolute;top:0px;right:53%
	;width:40%;height:100%;
	background:url(../images/aboukm2.png) no-repeat right center;background-size:cover;
}

/*industry start*/
.indexb {overflow: hidden;}
.aas{position: relative;overflow: hidden;}
.kk1{width:36.46%;float:left;}
.kk2{width:27.08%;float:left;}
.kk3{width:36.46%;float:left;}

.kk4{width:31.38%;float:left;}
.kk5{width:37.24%;float:left;}
.kk6{width:31.38%;float:left;}
.aas p img{width:100%;transition:.5s ease-in;height: 320px;}
.indexb .aas:hover p img{transform:scale(1.1);}

.indexb6{position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0.6;background:#000000;z-index:1;transition: all 0.5s;}
.indexb7{position:absolute;top:50%;left:50%;z-index:2;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align:center;transition: all 0.5s;}
.indexb7 h2{margin-bottom:10px;}
.indexb7 h2 img{height:68px;}
.indexb7 h3{font-size:18px;color:#ffffff;line-height:28px;}

/*new start*/
.newsbj{background:#f5f5f5;padding: 50px 0;}
.news .newsdt{width:65%; float:left; background:#FFF;padding: 30px 30px 25px;box-sizing: border-box;}
.news .newsdt .bt{height:51px;}
.news .newsdt .bt span{display: block; height:30px;float:left;}
.news .newsdt .bt span a{display: block;font-size: 22px; line-height:24px; color:#333333; font-weight:bold;padding-left:33px;background:url(../images/dt.png) no-repeat left;}
.news .newsdt .bt em{display: block;width:66px; height:26px;float:right; border:1px solid #e2e2e2; border-radius:14px;}
.news .newsdt .bt em a{display: block;width:66px; height:26px; background:url(../images/dbx3.png) no-repeat center;}
.news .newsdt .bt em:hover{background: #0082E5;border: 1px solid #0082E5;}
.news .newsdt .bt em:hover a{background:url(../images/dbx.png) no-repeat center;}
.news .newsdt dl{height:162px;margin-bottom: 13px;overflow: hidden;}
.news .newsdt dl dt{width:288px; height:162px;float:left; overflow:hidden;}
.news .newsdt dl dt img{width:288px; height:162px; transition:.5s;}
.news .newsdt dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news .newsdt dl dd{float:left;width:calc(100% - 290px);padding-left:24px;box-sizing: border-box;}
.news .newsdt dl dd span{display: block;margin-bottom: 22px;}
.news .newsdt dl dd span a{font-size: 18px; line-height: 18px; font-weight: bold; color:#333333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .newsdt dl dd p{width:100%; height:66px;font-size: 16px; color:#888888; margin-bottom: 20px;line-height: 200%}
.news .newsdt dl dd i{display: block; font-size: 14px;width:100%; color:#333333; line-height: 14px; text-align: right;}
.news .newsdt ul li{float:left;width:48%;height:90px;background:#F5F5F5 url(../images/jt1.png) no-repeat 90%; margin-bottom: 10px; box-sizing: border-box;padding-top:28px; padding-left:2.5%;transition: .3s;}
.news .newsdt ul li:nth-child(2n){float:right;}
.news .newsdt ul li a{display: block;font-size: 16px; color:#333333;  line-height: 16px; margin-bottom: 14px;width: 75%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .newsdt ul li i{display: block;font-size: 12px; color:#808080; line-height: 12px;}
.news .newsdt ul li:hover a{color:#FFF;}
.news .newsdt ul li:hover i{color:#FFF;}
.news .newsdt ul li:hover{background:#0082E5 url(../images/jt1_h.png) no-repeat 90%;}
.news .bk{width:33%; background:#FFF;float:right;padding: 30px 35px 23px;box-sizing: border-box;}
.news .bk .bt{height:51px;}
.news .bk .bt a{font-size: 22px; line-height:24px; color:#333333; font-weight:bold;padding-left:33px;background:url(../images/bk.png) no-repeat left;}
.news .bk span{display: block;height:180px; margin-bottom: 8px; overflow:hidden;}
.news .bk span img{width:100%; height:180px;transition:.5s;}
.news .bk span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}
.news .bk ul li{height:38px; line-height: 38px;}
.news .bk ul li a{padding-left:18px;background:url(../images/hg2.jpg) no-repeat left; font-size: 16px; color:#333333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .bk ul li a:hover{color:#0082E5;}

/*footer start*/
.footer{background:url(../images/footbg.jpg) no-repeat center;}
.footer a{color: #fff}
.foot_nav{height: 20px;padding:55px 0 0 0}
.foot_nav ul li { float: left; width:14.1%;height: 20px;line-height: 20px;font-size: 16px;color: #666666;text-align: center;border-right: 1px solid #efefef;}
.foot_nav ul li:nth-child(1) {border-left: 1px solid #efefef}
.footer_introduce {padding:40px 0 55px 0;}
.dibu_logo {border-right: 1px solid #555;margin-top: 15px;}
.dibu_intro {padding: 15px 0 0 0px;color: #666;font-size: 15px;}
.dibu_intro span{display: inline-block;line-height: 230%;color: #fff}
.dibu_intro span.span1 {width: 220px;}
.dibu_intro span.span2 {width: 230px;}
.dibu_erweima{padding-left: 80px;}
.dibu_erweima img{margin-top: 10px;}
.dibu_erweima {font-size: 14px;text-align: center;width: 165px;}
.dibu_erweima p{writing-mode:tb-rl;color: #fff;display: block;padding-left: 15px;padding-top: 25px;width: 15px;letter-spacing: 4px;font-size: 15px;}