﻿.index-title{ width:100%; text-align:center; height:auto;}
.index-title .tit {font-size: 36px;color: #333; font-weight:bold;text-align: center;margin-bottom: 10px;text-transform:uppercase;  }
.index-title p{font-size: 14px;color: #999;text-align: center;text-transform:uppercase; margin-top:5px;  }


/*------首页产品------*/

.index-product-content{margin-top:39px;}
.index-ys-title{  color: #fff;text-align: center; font-size: 32px; margin-top: 20px; line-height:32px; }
.index-ys-mz{ font-size: 32px; color: #fff; font-weight: bold; line-height:32px; }
.index-ys-gj{font-size:18px;margin-top:10px; color: #fff;}
/*******products********/
.index-product-bj{background:#f2f2f2;overflow:hidden;}
.index-product-hz{margin-top:30px;}


.pro_list li {     width: 49%; float:left; background:#666; height:65px; text-align:center; line-height:65px; border-left: solid 1px #fff; position:relative;}
.pro_list li a { font-size:22px; color:#fff; display:flex;align-items: center;justify-content: center;}
.pro_list li span {margin-right: 15px; display:block; width:23px; height:23px; background:url(../images/h_on.png); float:left; position:relative; z-index:1;}
.pro_list li a strong { font-weight:normal; float:left; position:relative; z-index:1;}

.pro_list li.mowei span { width:25px; height:22px; background:url(../images/h_2.png);}

.pro_list li:before {background:#005aac; display:block; color:#005aac; content:""; position:absolute; bottom:0; width:0; height:65px; transition: all 0.5s;}
.pro_list li:hover:before  {content:""; width:100%; height:65px; z-index:1;}

.pro_list li.on {background:#0168C3;}


.pro_nor { margin-top:25px;}
.pro-img{ float:left; width:700px;overflow:hidden; position:relative; background:#f4f4f4;}
.pro-img img{ width:100%;transition:all 1.5s;}
.pro-img:hover img{ transform:scale(1.05);}
.pro_wenzi { width:460px;font-size:15px;color:#333;line-height:28px;}
.pro_wenzi dl dt {width:460px; height:65px; line-height:65px; font-size:24px; border-bottom: dashed 1px #eaeaea; margin-bottom:20px;}
.pro_wenzi dl dt img { float:left; margin-top:22px; margin-right:15px;}
.pro_wenzi dl dd span { display:block; height:35px; line-height:35px; padding-left:25px; font-size:14px; }
.pro_wenzi dl dd { font-size:14px; color:#666;}
.pro_wenzi dl .dianhua {height:40px; line-height:40px; overflow:hidden;}
.pro_wenzi dl .dianhua img { float:left; margin-top: 17px;} 
.pro_wenzi dl .dianhua strong { color:#0168C3; font-size:20px; float:left;margin-top:10px;}
.pro_wenzi dl .dianhua span { padding-left:10px; float:left; margin-top:10px; font-size:14px;}
.pro_wenzi li {  margin-top:30px; text-align:center;}
.pro_wenzi li a { width:165px; height:43px; font-size:14px;background:#0168C3; line-height:43px;color:#fff; display:block; border-radius:20px;transition:all 1.5s;}
.pro_wenzi li a:hover{ background:#0278CB;border-radius:20px;}

.pro_tu { padding-top:25px;  overflow:hidden;}

.index-cp-hz{width:288px;float:left;margin-right:13px; border: solid 1px #dcdcdc;overflow:hidden; }
.index-cp-hz:nth-child(4n){margin-right:0px;}
.index-cp-hz img{width:100%;transition:all 1.5s;overflow:hidden; }
.index-cp-hz:hover img{ transform:scale(1.05);}
.index-cp-hz span {color:#fff  width: 288px;text-align:center;  display:block; background:#666; height:46px; line-height:46px;overflow:hidden; }
.index-cp-hz a { color:#fff !important; }
.index-cp-hz:hover span{ color:#fff !important;background:#0058a7;display:block; }

#s_pro_list{ width:1200px; margin:0 auto;}
#s_pro_list ul{ }
#s_pro_list li{ float:left; position:relative;  width:280px;  overflow:hidden; display:block; margin:25px 24px 20px 0px;border:1px solid #d3d3d3; }
#s_pro_list li:nth-child(4n){margin-right:0px;}
#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:280px; height:210px;transition:all 1.5s;}
#s_pro_list li a .proimg_img:hover img{transform:scale(1.05);}
#s_pro_list li h1{  display:block; line-height:42px; text-align:center;transition:all 0.5s;  font-size:16px; color:#fff;background : #666;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis; z-index:1; }
#s_pro_list li:hover h1{  color:#fff; background : #0168C3;  }



.main_box{width:1200px; margin:0 auto;}
.about{ background:url(../images/about_bg.jpg) center top no-repeat #F4F4F4; padding:40px 0;}
.about2{  background:#fff;box-shadow: 0 3px 15px rgba(0,0,0,0.1); padding:30px 30px; margin-top:20px;}
.about2 p{ font-size:14px; line-height:24px; color:#666;}
.s_more{ font-size: 15px; color: #fff; margin-top:20px;  display: block; height: 40px; line-height: 40px;  background: #0168C3;  width: 150px;  border-radius: 30px; text-align: center; position:relative; left:43.5%;}
.s_more:hover{ border-radius: 30px; background: #0278CB; color: #fff; box-shadow: 0 0 16px #fff;}
/*缓动*/
.pro_left .pro_list a,.s_more2:hover,.s_more:hover,.footer2 li a:hover,#nav li .a strong,#nav li .a i,.un_box li:hover,.foot1 a: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; } 


/*********************滚动***********************/
.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;
    height: 210px;
	overflow:hidden;
	border:1px solid #ddd;
	overflow:hidden; position:relative;
	}
.marqueeleft li .pic img {
	display: block;
	transition: all 1.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:#0168C3;}

/********************产品应用**************************************/
.application{ background:#F4F4F4; padding-bottom:30px;}
.team_list{ width:1200px; margin: 0 auto;}
.team_list ul{ margin-top:20px;}
.team_list ul li { float:left; width:380px; height:240px; margin-right:30px; margin-bottom:30px;}
.team_list ul li:nth-child(3n){ margin-right:0;}
.team_list_title { position:absolute; z-index:1;  width:380px; margin-top:194px; text-align:center; background:#000; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#70000000', endColorstr='#70000000');background:rgba(0,0,0,0.5);}
.team_list_title samp { font-size:18px; color:#fff; line-height:60px; font-weight:normal; padding-left:6px; }
.team_list_title p { font-size:16px; color:#fff; font-weight:bold; line-height:46px; }
.team_list img {width:380px; height:240px;}

.team_list ul li:hover .team_list_title { }
.team_list * { transition:all .5s;}
.team_list li { float:left; width:380px;  color:#fff; text-align:center; }
.team_list li>a { position:relative; display:block; width:380px; height:240px; overflow:hidden; cursor:default; }
.team_list li:hover { background-color:#3ebb2b; }
.team_list li:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); }
.team_list img{ -moz-transition: all 1.5s ease !important;
-webkit-transition: all 1s ease-in-out !important;
-o-transition: all 1s ease-in-out !important;
-ms-transition: all 1s ease-in-out !important;
transition: all 1s ease-in-out !important; } 


/*------新闻动态------*/
/*==============新闻列表=====================*/
.news{ padding:40px 0 50px 0; }
#n_news{ margin-top:20px;}
#n_news ul{ overflow:hidden; }
#n_news li{ width:380px; position:relative; display:block; overflow:hidden; background:#f4f4f4; float:left; margin-right:30px; padding-bottom:40px;}
#n_news li a{ display:block;}

#n_news li:nth-child(3){ margin-right:0;}
#n_news li .pic_box{overflow:hidden; position:relative; width:100%;}

#n_news li .pic_box img {
	display: block;
	transition: all 0.5s;
	width:100%; border:0;
}
#n_news li .pic_box:hover img {transform: scale(1.1);}
#n_news li .pic_box img{ width:100%;}

#n_news li .text_box{ position:relative; padding:25px; }
#n_news li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; }
#n_news li p{ font-size:14px; line-height:24px; margin-top:20px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
#n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}
#n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0 25px;}
#n_news .fot_box span{color:#a1a1a1; font-size:12px; }
#n_news .fot_box a{ display:block;  color:#a1a1a1; font-size:12px; position:absolute; right:25px; top:0; background:url(../images/icon_more_jt.png) right center no-repeat; padding-right:30px;}
#n_news li:hover{   }
#n_news li:hover h1 a{ color:#0168C3; }
#n_news li:hover p{ }
#n_news li:hover .fot_box a{ background:url(../images/icon_more_jt_hover.png) right center no-repeat; color:#0168C3;}
#n_news li:hover .fot_box span{ }
#n_news li a:hover{ text-decoration:underline; }


/******************banner样式***********************/
.fullSlide {
	width:100%;
	position:relative;
	height:680px;
	background:#000;
	margin-right: auto;
	margin-left: auto;
	margin-top:0;
	overflow:hidden;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:680px;
	overflow:hidden;
	text-align:center;
	list-style-type: none;
}
.fullSlide .bd li a {
	display:block;
	height:680px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	filter:alpha(opacity=90);
	opacity:0.9;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#0485e0;
}

.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	z-index:1;
	width:60px;
	height:80px;
	background:url(../images/slider-arrow.png) -120px -130px #333 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=60);
	opacity:0.6;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:0%;
	background-position:-0px -130px;
}