@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle; outline:none;}
table,td,tr,th{}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#0069CB; text-decoration:none;}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
::-webkit-scrollbar-track{background-color: #e8e8ea;}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{background-color:#222326;}


.banner_pc{ padding-top:0px;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:15px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:16px; height:16px; display: block; background:#fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #127DCC; cursor: default;}
@media screen and (max-width: 1200px) {
.banner_pc{ padding-top:50px;}
}
@media screen and (max-width: 980px) {
	.banner_pc{ display:none;}
	.banner_yd{ display:block; padding-top:50px;}
}



.wrap { width:100%; max-width:1200px; margin-right:auto; margin-left:auto;}
@media only screen and (max-width:760px){
.wrap { width:94%;}
}

.s_tt{ text-align:center; width:100%; max-width:1200px; margin:0 auto; margin-top:30px; margin-bottom:10px;}
.s_tt h2{ font-size:36px; font-weight:bold; line-height:60px; color:#333; margin-bottom:5px;}
.s_tt h2 span{ color:#333;}
.s_tt .border{ height:1px; background:#DDD; position:relative;}
.s_tt .border .xian{ width:100px; height:3px; background:#0069CB; position:absolute; left:50%; top:-1px; margin-left:-50px;}
.s_tt p{ color:#999; margin-top:10px; font-size:16px;}

@media screen and (max-width: 720px) {
.s_tt{ margin-top:10px;}
.s_tt h2{ font-size:24px; font-weight:bold; line-height:50px;}
.s_tt p{ font-size:14px; }
}

/**************************关键词**************************/
.ksbg{
	width:100%;
	height:50px;
	background:#f0f0f0;
	}
.keysea{
	width:100%;
	max-width:1200px;
	overflow:hidden;
	margin:0 auto;
	}
.keyword{
	float:left;
	width:65%;
	height:50px;
	}
@media (max-width:1100px) {
.keyword{
	width:65%;
	}
	}
.keyword span img{margin-top: 5px;margin-right: 5px;}	
.keyword p{
	font-size:15px;
	line-height:45px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	}
.keyword p a{
	padding:0px 10px;
	color:#666;
	}
.keyword p a:hover{
	color:#0069CB;
	text-decoration:underline;
	}
.search{
	float:right;
	width:280px;
	height:30px;
	background:#0069CB;
	border-radius:17.5px;
	margin-top:10px;
	}
.search p input[type="text"]{
	width:245px;
	height:30px;
	color:#1B6099;
	border:none;
	text-indent:1em;
	outline:none;
	background:#fff;
	
	}
.search p input[type="submit"]{
	float:right;
	outline:none;
	border:none;
	cursor:pointer;
	width:18px;
	height:16px;
	margin-top: 6px;
    margin-right: 12px;
	background:url(../images/search.png) no-repeat ;
	}
@media (max-width:1200px) {
.ksbg{ display:none;}
.keysea{
	width:96%;
	}
.keyword{
	display:none;
	}
.search{
	float:none;
	width:100%;
	}
.search p input[type="text"]{
	width:95%;
	}
	}
@media (max-width:640px) {
.search p input[type="text"]{
	width:94%;
	}
	}
@media (max-width:540px) {
.search p input[type="text"]{
	width:93%;
	}
	}
@media (max-width:450px) {
.search p input[type="text"]{
	width:91%;
	}
	}
@media (max-width:350px) {
.search p input[type="text"]{
	width:90%;
	}
	}

/**************************产品**************************/
.dyip{ padding:50px 0; background:#f1f1f1;}

.dyip .slideTxtBox{ max-width:1200px; margin:0 auto;  }
.dyip .slideTxtBox .hd{ padding-bottom:0px;padding-top:15px;}
.dyip .slideTxtBox .hd ul{ margin-left:-1%; text-align:center;}
.dyip .slideTxtBox .hd ul li{ cursor:pointer; display:inline-block; width:20%; margin-left:1%; font-size:16px; height:40px; line-height:40px; border-radius:20px; background:#fff;margin-bottom: 10px;}
.dyip .slideTxtBox .hd ul li.on { background:#0069CB; color:#FFF;}
.dyip .slideTxtBox .bd{ margin-top:10px;}
.dyip .slideTxtBox .bd .dh{ text-align:center; font-size:0px; line-height:30px; margin-top:10px;}
.dyip .slideTxtBox .bd .dh li{ display:inline-block; font-size:14px; width:15%;}
.dyip .slideTxtBox .bd .bt{ background:#0069CB; margin-top:0px;}
.dyip .slideTxtBox .bd .bt .bt_l{ float:left; width:50%;overflow:hidden; position:relative;}
.dyip .slideTxtBox .bd .bt .bt_l img{ width:100%;transition:all 1.5s;}
.dyip .slideTxtBox .bd .bt .bt_l:hover img{ transform:scale(1.05);}
.dyip .slideTxtBox .bd .bt .title_er{ float:right; width:50%; color:#FFF;}
.dyip .slideTxtBox .bd .bt .title_er .box{ padding:5%;}
.dyip .slideTxtBox .bd .bt .title_er .box h2{ font-size:24px; font-weight:bold; margin-bottom:20px;}
.dyip .slideTxtBox .bd .bt .title_er .box .txt{ line-height:24px;}
.dyip .slideTxtBox .bd .bt .title_er .box .tit p{ padding-bottom:10px; line-height:24px;}
.dyip .slideTxtBox .bd .bt .title_er .box .more{ background:#fff; width:120px; text-align:center; line-height:30px; margin-top:20px;}
.dyip .slideTxtBox .bd .bt .title_er .box .more a{ display:block;}
.dyip .slideTxtBox .bd .bt .title_er .box .more a:hover{background:#3CB448; color:#fff;transition:all 0.5s;}
.dyip .slideTxtBox .bd .list{ margin-left:-2%; margin-top:20px;}
.dyip .slideTxtBox .bd .list li{ float:left; width:23%; margin-left:2%; margin-bottom:2%; text-align:center; line-height:40px;overflow:hidden;}
.dyip .slideTxtBox .bd .list li a{  font-size:15px;}
.dyip .slideTxtBox .bd .list li .box{ border:1px solid #DDD;overflow:hidden; position:relative;}
.dyip .slideTxtBox .bd .list li .box img{ width:100%;transition:all 1.5s;}
.dyip .slideTxtBox .bd .list li .box:hover img{ transform:scale(1.05);}

@media screen and (max-width: 1200px) {
	.dyip{ padding:10px 0 20px 0;}
	.dyip .slideTxtBox{ max-width:980px;}
	.dyip .slideTxtBox .hd ul li{  width:12%; }
}
@media screen and (max-width: 980px) {
	
	.dyip .slideTxtBox{ max-width:720px;}
	.dyip .slideTxtBox .hd{ padding-bottom:0px;padding-top:0px;}
	.dyip .slideTxtBox .hd ul li{  width:23%; margin-bottom:1%; margin-top:1%;}
	.dyip .slideTxtBox .bd .dh li{ width:20%;}
	.dyip .slideTxtBox .bd .bt .bt_l{ float:none; width:100%;}
	.dyip .slideTxtBox .bd .bt .title_er{ float:none; width:100%;}
	.dyip .slideTxtBox .bd .list li{ width:48%;}
}
@media screen and (max-width: 720px) {
	.dyip .slideTxtBox{ padding:0px 3%;margin:10px auto 0px auto;}
	.dyip .slideTxtBox .hd ul li{ width:48%; font-size:14px;}
	.dyip .slideTxtBox .bd{ margin-top:10px;}
	.dyip .slideTxtBox .bd .dh li{ width:50%;}
	.dyip .slideTxtBox .bd .list li{ line-height:36px;}
	.dyip .slideTxtBox .bd .list li a{  font-size:14px;}
	.dyip .slideTxtBox .bd .bt .title_er .box .tit{}
	.dyip .slideTxtBox .bd .bt .title_er .box h2{ font-size:20px; font-weight:bold; margin-bottom:10px;}
	.dyip .slideTxtBox .bd .bt .title_er .box .tit p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; padding-bottom:0; font-size:14px;}
}
@media screen and (max-width: 320px) {
	.dyip .slideTxtBox .hd ul li{  font-size:12px;}
}



/******************产品列表************************/
#s_pro_list ul{ margin-top:20px; }
#s_pro_list li{ float:left; position:relative;  width:23.65%;  overflow:hidden; display:block; margin-right:1.5%;border:1px solid #d3d3d3; }
#s_pro_list li:nth-of-type(4n){ margin-right:0;}
#s_pro_list li a{ display:block;    overflow:hidden;}
#s_pro_list li a .proimg_img{ width:100%; overflow:hidden;}
#s_pro_list li a .proimg_img img{ width:100%; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
#s_pro_list li a .proimg_img:hover img{transform:scale(1.1);}
#s_pro_list li h1{  display:block; line-height:40px; text-align:center;  font-size:15px; color:#333;background : #f2f2f2; border-top:1px solid #ddd; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; z-index:1; }
#s_pro_list li:hover h1{  color:#fff; background : #0069CB;  border-top:1px solid #0069CB;}

/*缓动*/
.left .nav_list a,#s_pro_list li img,.more:hover,.more2:hover{ -moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; } 

@media screen and (max-width: 980px) {
#s_pro_list li{ width:48.25%; margin-right:2%; margin-bottom:2%;}
#s_pro_list li:nth-of-type(2n){ margin-right:0;}
#s_pro_list li h1{ line-height:36px; }
}


/******************优势************************/
.xinlaizhixun {
	background: #0069CB;
	height: 150px;
	position: relative;
	width: 100%;
}

.xinlaizhixun:before,
.xinlaizhixun:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border: solid transparent;
	pointer-events: none;
	content: "";
	border-color: rgba(136, 183, 213, 0); z-index:999;
}

.xinlaizhixun:after {
	border-top-color: #0069CB;
	border-width: 41px 114.5px 41px 114.5px;
	margin-left: -114.5px;
	top: 100%;
	left: 50%;
}
.xinlaizhixun .content {height: 150px;  text-align:center; color:#fff; font-size:48px; font-weight:bold;}
.xinlaizhixun .content span{font-size:90px; color:#3CB448; margin:0 8px;}

@media screen and (max-width: 980px) {
.xinlaizhixun {height:90px;}
.xinlaizhixun .content { font-size:24px; height:90px; }
.xinlaizhixun .content span{font-size:48px;}
.xinlaizhixun:after {
	border-top-color: #0069CB;
	border-width: 41px 65.5px 41px 65.5px;
	margin-left: -65.5px;
	top: 100%;
	left: 50%;
}
}


/*优势*/
.adv_wt{ padding-top:60px; padding-bottom:40px;}



.adv_shu{ }
.adv_l{ width:50%;}
.adv_r{ width:50%;}
.adv_w1{margin-left: 10px;margin-top: 6px;}
.adv_w1 p{font-size: 28px;color: #333; font-weight:bold;}
.adv_w1 span{font-size: 40px;display: block;color: #0860c1;font-weight: bold;}
.adv_w{font-size: 16px;line-height: 28px;width: 585px;}
.adv_w p{position: relative;margin-top: 34px;padding-left: 34px;}
.adv_w p:before{content:"";position:absolute;top:6px;left: 0px;background: url(../images/ys_tub.png)no-repeat;display: block;width: 23px;height: 18px;}
.adv_img2{background: url(../uploadfile/image/20190409/20190409113036_2091869307.jpg)no-repeat;width: 582px;height: 106px;margin-top: 36px;}


.adv_img{height: 357px;width: 573px;float: left;position: relative;}
.adv_img1 li{float: left;}
.adv_img1 p{background:#0860c1;color: #fff;width: 100%;text-align: center;height: 70px;line-height: 70px;font-size: 18px;}
.adv_w p>t{color: #0860c1;font-size: 30px;font-weight: bold;}



#adv_img_btn_l{ background:url(../uploadfile/image/20190409/20190409114902_878269840.png) center no-repeat; width:33px; height:33px; left:156px; top:376px; cursor: pointer; position:absolute;}
#adv_img_btn_r{ background:url(../uploadfile/image/20190409/20190409114918_1065379882.png) center no-repeat; width:33px; height:33px; right:156px; top:376px; cursor: pointer;position:absolute;}

.adv_bg2{background: #0069CB;width: 100%;height: 475px;}

@media screen and (max-width: 1200px) {

.adv_wt{ padding-top:50px; padding-bottom:40px;}
.adv_l{ width:100%;}
.adv_r{ width:100%;}
.adv_r img{ width:100%; margin-top:10px;}
.adv_shu img { width:60px;}

.adv_w1{ margin-top:0;}
.adv_w1 p{font-size: 20px;}
.adv_w1 span{font-size: 28px;}

.adv_w{ width:100%; font-size:14px; line-height:22px;}
.adv_w p{ margin-top:10px;}


.adv_bg2{ height:auto;}
.adv_w p>t{font-size: 24px;}

}


/******************关于我们************************/
.abbg{
	width:100%;
	overflow:hidden;
	background:#F1F1F1; padding-bottom:50px;
	}
.about{
	width:94%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	margin-top:20px;
	}
.about .abl{
	width:50%;
	float:left;
	height:0;
	padding-bottom:28%;
	}
.about .abl img{
	width:100%;
	}
.about .abr{
	width: calc(50% - 60px);
	float:right;
	height:0;
	background:#fff;
	padding:40px 30px;
	padding-bottom: calc(28% - 40px);
	}
.about .abr h2{
	font-size:24px;
	color:#333;
	font-weight:bold;
	 margin-bottom: 15px;
	}
.about .abr p{
	font-size:14px;
	color:#666;
	line-height:30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
	}
.about .abr a{
	font-size:14px;
	color:#666;
	border:1px solid #0069CB;
	display:inline-block;
	padding:7px 21px;
	transition:all .5s;
	margin-top:30px;
	}
.about .abr a:hover{
	color:#fff;
	background:#0069CB;
	border:1px solid #0069CB;
	}
@media (max-width:1130px) {
.about .abr p{
    -webkit-line-clamp: 4;
	}
.about .abr a{ margin-top:15px;}	
	}
@media (max-width:1000px) {
.abbg{ padding-bottom:30px;}
.about .abr h2{
	font-size:20px;
	 margin-bottom: 10px;
	}
.about .abr{
	padding:20px 30px;
	padding-bottom: calc(28% - 20px);
	}
.about .abr p{
    -webkit-line-clamp: 4; line-height:26px;
	}	
	
	}
@media (max-width:870px) {
.about .abr h2{
	font-size:17px;
	 margin-bottom: 5px;
	}
.about .abr a{
	margin-top:15px;
	}
	}
@media (max-width:800px) {
.about .abr p{-webkit-line-clamp: 3;}
}
@media (max-width:650px) {
.about .abl{
	width:100%;
	float:none;
	padding-bottom:50%;
	}
.about .abr{
	width: calc(100% - 40px);
	float:none;
	padding:80px 30px 30px 20px;
	padding-bottom: calc(50% - 60px);
	}
.about .abr h2{
	font-size:24px;
	 margin-bottom: 15px;
	}
.about .abr p{
    -webkit-line-clamp: 4;
	}
	}

@media (max-width:470px) {
.abbg{
	padding-top:0px;
	}
.about{
	padding-top:0px;
	}
.about .abr{
	padding:50px 20px;
	padding-bottom: calc(50% - 20px);
	}
	}
@media (max-width:430px) {
.about .abr p{-webkit-line-clamp: 3;}
.about .abr h2{font-size:18px;margin-bottom: 5px;}	
}

	
	
/*================= 产品应用 ==================*/
#case_list ul{ }
#case_list li{ float:left; position:relative;  width:23.25%;  overflow:hidden; display:block; margin:1% 2% 2% 0;border:1px solid #d3d3d3; }
#case_list li:nth-of-type(4n){ margin-right:0;}
#case_list li a{ display:block;    overflow:hidden;}
#case_list li a .proimg_img{ width:100%; overflow:hidden;}
#case_list li a .proimg_img img{ width:100%; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
#case_list li a .proimg_img:hover img{transform:scale(1.1);}
#case_list li h1{  display:block; line-height:40px; text-align:center;  font-size:15px; color:#333;background : #f2f2f2; border-top:1px solid #ddd; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; z-index:1; }
#case_list li:hover h1{  color:#fff; background : #0069CB;  border-top:1px solid #0069CB;}

@media (max-width:980px) {
#case_list li{ width:48.25%;}
#case_list li:nth-of-type(2n){ margin-right:0;}
}

/*********************滚动***********************/
.marqueeleft{
	/*height:90px;*/
	width:100%;
	max-width:1200px;
	overflow:hidden;
	margin:0px auto;
	margin-top:20px;
	}
.marqueeleft ul{
	float:left;
	}
.marqueeleft li{
	float:left;
	margin:0 12px;
	display:inline;
	width:280px;
	overflow:hidden;
	text-align:center;
	
	}
.marqueeleft li .pic{
	display:block;
	width: 280px;
	overflow:hidden;
	border:1px solid #ddd;
	overflow:hidden; position:relative;
	}
.marqueeleft li .pic img {
	display: block;
	transition: all 0.5s;
	width:100%;
}
.marqueeleft li .pic:hover img {
	transform: scale(1.1);
}	
.marqueeleft li .txt{text-align:center;height:42px;line-height:42px; font-size:14px;}
.marqueeleft a{ color:#666;}
.marqueeleft a:hover{ color:#127DCD;}
@media screen and (max-width: 720px){
.marqueeleft{ width:94%; margin:0 auto; margin-top:20px;}	
.marqueeleft li{width:200px;}	
.marqueeleft li .pic{
	width:200px;
	}	
	
}


/*================= 新闻 ==================*/
.sy_news{ background:#F1F1F1; padding-top:10px; padding-bottom:30px; margin-top:30px;}
.index-news { width: 338px; position: relative; float: left; margin: 20px 30px 20px 0; padding: 20px 20px 25px; border: 1px solid #e5e5e5; background:#fff; }
.index-news:nth-of-type(3){ margin-right: 0; }
.index-news h2 { font-size: 22px; font-weight: bold; padding-bottom:10px; color:#333; }
.index-news h2 em { color: #0069CB; font-weight: bold; font-style:normal; }
.index-news p { color: #ccc; margin-top: 7px; margin-bottom: 13px; }
.index-news li { margin-top: 20px; color: #666;
	white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block; ; }
.index-news li a{ width:70%; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;display:block; float:left;background:url(../images/xsj.jpg) left 4px no-repeat; padding-left:10px;}	
.index-news img { width: 100%; }
.index-news > a { width: 55px; height: 22px; line-height: 22px; position: absolute; top:20px; right: 20px; color: #666; font-size: 12px; text-align: center; background: #fff; border:1px solid #ddd; }
.index-news > a:hover{ background:#0069CB; color:#fff;}
.index-news li a:hover{ color:#0069CB; text-decoration:underline;transition: all 0.3s ease 0s; }
.index-news span{ float:right; color:#999; font-size:13px;}
@media screen and (max-width: 1180px){
.index-news {
    width: 32%;
    margin-right: 2%;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
}
}

@media screen and (max-width: 980px){
.sy_news{ padding-bottom:20px;}
.index-news {
    width: 100%;
    float: none;
	margin:0 auto;
    margin-top: 15px;
    margin-bottom: 17px;
	padding:10px;
}
.index-news ul{ margin-bottom:30px;}
.index-news:nth-of-type(3){ margin-right:auto; }
.index-news > a { top:15px; right: 10px;}
}



/*********************友情链接***********************/	
.tage{ padding:15px 0; background:#fff;}
.tage .link{ max-width:1200px; margin:0 auto; line-height:24px;}
.tage .link .bt{float: left; text-align:left; color:#333;}
.tage .link .gjc{float: left;width: 92%}
.tage .link a{ margin-right:20px; color:#666;}
.tage .link a:hover{ color:#0069CB; text-decoration:underline;}
.tage .link p{ float:left;}

@media screen and (max-width: 720px){

.tage .link .bt {
    float: none;
    width: 100%;
}
.tage .link .gjc {
    float: none;
    width: 100%;
}
.tage .link {
    padding: 0px 3%;
}
}