@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: '思源黑体 CN';
}
@font-face {
	font-family: 'FontAwesome';
	src: url('fontawesome-webfont.eot?v=4.7.0');
	src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
		  url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
		  url('fontawesome-webfont.woff?v=4.7.0') format('woff'), 
		  url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
		  url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
}
ol, ul, li, dl, dt, dd, form, p, h1, h2, h3, h4, h5, img {
	margin: 0px;
	padding: 0px;
}
ol, ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
img {
	border: none;
	max-width:100%;
}
a {
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
input, textarea {
	outline: 0;
	resize: none;
	border: none;
	_border: 0;
	margin: 0;
	padding: 0;
}
select {
	border: 0;
}
input {
	margin: 0;
	padding: 0;
	border: none;
}
table, table td {
	border-collapse: collapse;
}
.fl {
	float: left;
	margin-right:2%;
}
.product_fl{
	float: left;
	margin-right:3%;
}
.fr {
	float: right;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}

.wrap{width: 1300px;margin: 0px auto;}
.top{width: 100%;height: 40px;line-height: 40px;background: #333333;}
.top ul li{display: inline-block; margin-right: 30px;}
.top ul li a{font-size: 12px;color: #fff;}
.logo{margin-left: 1.5%;padding: 15px 0px;}
.nav{width: 700px;margin-right: 10%;line-height: 92px;}
.nav ul li{float: left;width: 16%; text-align: center;position: relative;}
.nav ul li a{font-size: 18px;color: #1a1a1a; display:block;}
.nav ul .on{background: #328bda;}
.nav ul .on a{color: #fff;}
.sanj{width: 20px;height: 10px;background: url(../images/sanj_03.png)no-repeat;position: absolute;bottom: 0px;left: 50%;margin-left: -10px;}
.nav ul li:hover{background: #328bda;}
.nav ul li:hover a{color: #fff;}
.banner{width: 100%;}
.banner img{width: 100%;}
.main_top{width: 270px;margin: 0px auto;text-align: center;border-bottom: 1px solid #ececec;padding-bottom: 12px;}
.main_top span{font-size: 24px;color: #1a1a1a;border-bottom: 1px solid #328bda;    margin-bottom: -13px;
    display: inline-block;    padding-bottom: 12px;}
.main{margin-top: 2%;}
.team_lb{width: 1057px;margin: 0px auto;}
.pro_box{width: 100%;position: relative;}
.pro_txt span{display: block;text-align: center;font-size: 20px;color: #1a1a1a;padding: 3% 0px;}
.pro_txt p{font-size: 16px;color: #666666;line-height: 25px;overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; }
.pro_show{margin-top: 5%;}
.pro_show .swiper-button-prev,.pro_show .swiper-container-rtl .swiper-button-next {background-image:url(../images/bntr_03.png);}
.pro_show .swiper-button-next,.pro_show .swiper-container-rtl .swiper-button-prev {background-image:url(../images/bnt_l_03.png);}
.pro_show .swiper-button-next,.pro_show .swiper-button-prev{width: 16px;height: 25px;background-size: 16px 25px; outline: none;margin-top: -60px;}
.more_pro a{display: block;width: 40px;border-radius: 50%;border: 1px solid #666666;font-size: 14px;color: #666666;text-align: center;line-height: 42px;margin: 5% auto;padding-left: 3px;}
.more_pro a:hover{color: #fff;background: #007AFF;border-color: #007AFF;}
.about_l{width: 50%}
.about_l img{width: 100%；}
.about_r{width: 48%;}
.about_txt{margin-top: 5%;background: #f2f2f2;}
.about_on span{font-size: 24px;color: #328bda;display: block;margin-bottom: 2%; }
.about_on p{font-size:18px;color: #666666;line-height: 35px; overflow:hidden; 
text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:5;font-weight: 200;}
.about_on{padding: 65px 45px;}
.next{text-align: center;padding: 3% 0px;}
.view{padding: 2% 0px 0px 0px;width: 100%;background:url(../images/bj_02.jpg)no-repeat;background-size: cover;}
.main_top_t{width: 270px;margin: 0px auto;text-align: center;border-bottom: 1px solid #fff;padding-bottom: 12px;}
.main_top_t span{font-size: 24px;color: #fff;border-bottom: 1px solid #328bda;padding-bottom: 12px; display:inline-block; margin-bottom:-13px;}
.view_nav ul li{margin:0px 5px 5px 0px; width: 32%;position: relative; display:inline-block;overflow: hidden;}
.tv_bnt{position: absolute;bottom: 20px;right: 30px;z-index: 3;}
.yc_div{background: rgba(50,139,218,0.78);position: absolute;width: 100%;height: 100%;z-index:2;top: 300px; left: 0px;}
.yc_div1{top: 0;}
.view_nav ul li.hover:hover .yc_div{visibility: visible;transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
	opacity: 1;
	top:0px;
	position:absolute;}
	
	
.yc_txt{/* padding: 0px 20px; */position:relative;width:90%;height: 100%;margin: auto;}
.yc_txt span{font-size: 22px;color: #fff;display: block;margin: 10% 0px 2% 0px;}
.yc_txt p{font-size: 14px;color: #fff; line-height: 25px;}
.view_nav ul{margin-top: 3%;}
.view_more{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.trait_nav ul li span{margin: 7% 0px;display: block;font-size: 24px;color: #333333;text-align: center;}
.trait_nav ul li p{line-height: 25px;font-size: 16px;color: #333333;}
.trait_nav ul li{width: 20%; float: left;margin-right: 6%;}
.trait_img{text-align: center;}
.trait_nav ul li:nth-child(4n){margin-right: 0px;}
.trait{margin: 5% 0px 7% 0px;}
.trait_nav{margin-top: 5%;}
.footer{background: #333333;width: 100%;padding: 2% 0px;}
.ft_top{text-align: center;color: #999999;font-size: 14px;}
.ft_top ul li{display: inline-block;padding: 0px 24px;}
.ft_top ul li a{font-size: 14px;color: #999999;}
.end{text-align: center;margin-top: 1.5%;}
.end p{font-size: 14px;color: #999999;}
.bnt{ margin-top:25px;}
.bgDiv{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position:fixed;
    display: none;
    z-index: 99;
    bottom: 0;
}
.rightNav{
    width: 50%;
    max-width: 400px;
    height: 100%;
    
    position: fixed;
    z-index: 999;
    top: 0;
    right: -50%;
	background:rgba(255,255,255,0.8);
}
.rightNav ul li{ text-align:center; padding:3% 0px; border-bottom:1px dashed #1a1a1a}
.rightNav ul li a{ font-size:16px; color:#1a1a1a; display:block;}
.mobile_nav{ display:none;}

/*产品*/
.cp_top{border-bottom: 1px solid #e6e6e6;padding-bottom: 2%;margin-bottom: 3%;}
.cp_top h3{font-size: 47px; color: #1a1a1a;font-weight: normal;}
.cpbox_l{width: 52%;}
.cpbox_l p{font-size: 20px;color: #4c4c4c;line-height: 40px; font-weight: 200;}
.cpmore{float: left;}
.cpmore a{display: block;width: 167px;height: 47px;font-size: 24px;
			color: #fff;line-height: 47px;background: url(../images/bntimg_03.jpg) no-repeat;
			padding-left: 20px;margin-top: 8%;}
.cpmore_a a{display: block;width: 167px;height: 47px;font-size: 24px; float: left;
			color: #fff;line-height: 47px; margin: 2% 5% 0 0;}
.cpon_nav ul li{width: 20%;text-align: center;float: left;}
.cpon_nav ul li span{display: block;font-size: 21px;padding: 15px 0px;}
.cpon_nav{margin: 5% 0px 5% 0px; height: 130px;}
.cp_nav > ul > li{padding: 6.5% 0px;}
.cpbox_r{text-align: center;}
.cpbox_r img{margin-top: 6%;}
.cp_nav > ul > li:nth-child(2n){background: #e3e7ef;}
.cp_top_t{border-bottom: 1px solid #cccccc;padding-bottom: 2%;margin-bottom: 3%;}
.cp_top_t h3{font-size: 47px; color: #1a1a1a;font-weight: normal;}

.dow_a{display: block;width: 147px;height: 44px;font-size: 24px;color: #328bda;line-height: 44px;
		background:url(../images/pc.png) no-repeat right;padding-left: 20px;
		margin-top: 9%;border: 2px solid #328bda;background-position: 93%;}
.document{	
	height: 80px;
	margin-bottom: 10px;

}		
.download {
	float: left;
}
.download img{
	display: block;
	float: left;
	margin-right:55px;
	}
.download > ul > li > ul {
		margin-top: 48px;
        position: absolute;
        display: none;
    }
.download ul , .download li {
       list-style: none;
       float: left;
    }
.download > ul > li:hover ul {
        display: block;
    }
.download > ul > li > ul > li > a {
		width: 168px;
        font-size: 24px;color: #000;line-height: 44px;
        text-align: center; 
        display: block;
        border: 1.5px solid #328bda;
    }
.download > ul > li > ul > li {
        float: none;
    }
.download > ul > li > ul > li > a:hover {
        color: #fff;
        background: #328bda;
    }

/*关于*/
.nyabout{ margin:1% 0px 5% 0px;}
.ny3_top{ border-bottom:1px solid #b3b3b3; font-size:16px; color:#333333; margin-bottom:4%;}
.mbx{ border-bottom:2px solid #328bda; width:160px; padding-bottom:15px;    position: relative;
    top: 1px;}
.ny3_top a{ font-size:16px; color:#333333}
.ny3_l{ width:14%;}
.ny3_l dd{ width:100%; text-align:center; background:#328bda; display:block; font-size:22px; color:#fff; line-height:60px;}
.ny3_l ul li{ border-bottom:1px solid #b3b3b3; padding:15px 0px; text-align:center;}
.ny3_l ul li h3{ text-indent:30px; font-size:22px;}
.ny3_l ul li a{ color:#666666;}
.ny3_l ul li p{ font-size:14px;}
.ny3_l ul li span{ border-bottom:1px solid #666666; padding-bottom:6px;}
.ny3_l ul li:last-child{ border-bottom:0px;}
.ny3_l ul{ border:1px solid #328bda;}
.ny3_txt h3{ font-size:30px; color:#333333;  display:block; margin-bottom:2%;}
.ny3_txt p{ font-size:18px; color:#666666; line-height:40px;}
.ny3_r{ width:79%;}
.ny3r_txt{ width:78%;}
.ny3r_txt span{ display:block; font-size:26px; color:#333333; line-height:80px;}
.ny3_nav ul li{ padding:3% 0px; border-top:1px dashed #d9d9d9;}
.ny3_nav{ margin:6% 0px;}
.ny3_l ul .ny3_on a{ color:#328bda;}
.ny3_l ul .ny3_on span{border-bottom:1px solid #328bda; }
.ny4 dd{ font-size:24px; color:#333333; margin-bottom:2%;}
.ny4 > ul > li span{ display:block; line-height:50px; font-size:20px; color:#fff; background:#328bda; padding-left:15px;}
.ny4_txt{ padding:2% 0px;}
.ny4_txt p{ font-size:18px; color:#666666; line-height:30px;}
/*加入*/
.js_top{ border-bottom:1px solid #b3b3b3;}
.js_top span{ font-size:30px; color:#328bda; border-bottom:2px solid #328bda;line-height: 1.8em;display: inline-block;margin-bottom: -1px}
.js_txt{ margin:3% 0px;}
.js_txt p{ font-size:18px; color:#666666; line-height:42px;}
.join{ margin-top:2%;}
.gw{ background:#f5f5f5; padding:2% 0px 5% 0px;}
.gw_nav ul li{ width:22%; background:#fff; padding:20px 12px; float:left; margin-right:15px;}
.gw_nav ul li:nth-child(4n){ margin-right:0px;}
.gw_top{ color:#333333; font-size:22px; padding-bottom:20px; border-bottom:1px solid #328bda;}
.gw_top i{ font-style: normal;}
.gw_txt span{ font-size:16px; color:#666666; margin:3% 0px 5% 0px; display:block;}
.gw_txt p{ font-size:14px; color:#666666; line-height:24px;}
.sqzw a{ display:block; font-size:18px; color:#328bda; width:115px; height:29px; line-height:29px; text-align:center; border:1px solid #328bda; border-radius:20px; }
.gw_txt{ min-height:210px;}
.gw_nav{ margin-top: 5%;}
.tk_body{ background:#f2f2f2; width:100%;}
.tk_top h3{ font-size:28px; color:#333333; text-align:center; font-weight:normal; padding:2% 0px;}
.tk_txt span{ font-size:20px; color:#328bda; line-height:35px;}
.tk_txt p{ font-size:16px; color:#666666; line-height:28px;}
.mbx span{font-size: 24px; color: #343434;}
.viod_img{position: relative;}
.viod_nav ul li{ width:31%;margin-right:3%; margin-bottom: 4%; display: inline-block;}
.viod_nav ul li:nth-child(3n){margin-right: 0px;}
.viod_nav ul li span{font-size: 26px; color: #fff; width: 100%; line-height: 60px; text-align: center; background: #328bda; display: block;}
.div_bnt{position: absolute;top: 50%;left: 50%; margin: -52px 0px 0px -52px;}


.pof{padding: 3% 0px;}
.tv_div{ position: relative;}
.xx_div{position: absolute;top: 50%; left: 50%;width: 98px;height: 30px; line-height: 30px; text-align: center;margin: -15px 0px 0px -49px;border: 1px solid #fff;}
.xx_div p{ font-size: 18px;color: #fff;}

.tv_bf{position: fixed; left:10000px; top: 0px; background: rgba(0,0,0,1);width: 100%; height: 100%; z-index: 99999;}

/* .big_div{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} */
.pof video{ width: 100%; height: 100%; position: absolute; top: 0px ; left: 0px; z-index: 999;}
.out_div{ position: relative;}
.out_div img{ opacity: 0; z-index: -99999;width: 75%;}


.tv_view{width: 100%;height: 100%;position: fixed;top:0;left: 1000%;background: #e3e7ef;z-index:999;}
.tvDiv{position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width:100%;max-width:1200px;}
.out_div video{width: 100%;}
.gallery-top{margin-bottom:1%;}


.yc_div1{background: rgba(87,87,87,0.78);position: absolute;width: 100%;height: 100%;z-index:2;top: 0px; left: 0px;}
.oout{ position:relative;}
.oout .swiper-button-prev.swiper-button-white,.oout .swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url(../images/bntr_03.png); left:-45px; outline:none;}
.oout .swiper-button-next.swiper-button-white,.oout  .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image: url(../images/bnt_l_03.png); right: -45px; outline:none;}
.oout .swiper-button-next,.oout  .swiper-button-prev{ width:16px; height:25px; background-size:16px 25px;margin-top: -8px;}
.oout .swiper-slide-thumb-active img{ border:4px solid #328bda}

.ny4_txt ul li{ width:50%; margin-bottom:5%; float:left;}
.ny4_txt ul li:nth-child(3n){ width:100%;}
.ny4_txt ul li dd{ font-size:22px; color:#328bda; font-weight:bold;}








.sqzw{ display:none;}
.novedio{position: fixed;top:0;left: 0;width:100%;height: 100%;z-index: 10;background:#e3e7ef;display: none;}
.novedio .img{max-width:1200px;width: 82%;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.novedio .out{max-width:12%;position: absolute;top:2%;right: 2%;z-index: 9;cursor: pointer;display: none;}

.tvding{position:relative;}
.gb_bnt{ position:absolute; top: 0px; right:-40px; z-index: 999999;}
.gb_bnt2{ position:absolute; top: 2%; right:2%; z-index: 999999; display: none;}
.onon_img{position: relative;}
.novedio .out1{max-width:12%;position: absolute;top:0px;right:-40px;z-index: 9;cursor: pointer;}


.top{display: none;}
.top_r ul li{display: inline-block; margin-right: 30px;line-height:92px; }
.top_r ul li a{font-size: 14px;color: #1a1a1a;}
.cneter .swiper-slide .dd_img{overflow: hidden;}
.cneter .swiper-slide:hover .dd_img img{transform: scale(1.1);transition: all .3s ease;}
.cneter .swiper-slide:hover .pro_txt span{color: #328bda;}
.cneter .swiper-slide:hover p{color: #666666;}
.animated {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.trait_nav ul li:hover .trait_img{transform: scale(1.1);transition: all .3s ease;}