.ban-about{ background:url(../images/ban-about.jpg) center top no-repeat; height:300px;}
.ban-job{ background:url(../images/ban-job.jpg) center top no-repeat; height:300px;}
.ban-contact{ background:url(../images/ban-contact.jpg) center top no-repeat; height:300px;}
.ban-news{ background:url(../images/ban-news.jpg) center top no-repeat; height:300px;}
.ban-service{ background:url(../images/ban-service.jpg) center top no-repeat; height:300px;}
.ban-product{ background:url(../images/ban-product.jpg) center top no-repeat; height:300px;}


.ny_title{ height:80px;  background: #0061B0;border: 1px solid #dadadc;}
.ny_title strong{ display:block;color:#fff;  font-size:22px; line-height:80px; text-align:center; }
.ny_title span{ display:block; color:#fff; display:block; font-size:12px;text-transform:uppercase; } 



.middle{ width:1200px; margin:auto; margin-top: 38px; min-height:400px; margin-bottom: 50px;}

#n_left{ float: left; width:260px;}

#n_nav ul{ border: 1px solid #dadadc; border-top: none;}
#n_nav li{ display: block;}
#n_nav li a{ display: block;  position: relative;  border-top: 1px solid #dadadc; }
#n_nav li a span{ position: relative; z-index: 9;  line-height: 48px; color: #535355; display: block; font-size: 14px; padding-left: 20px;}
#n_nav li a i{position: absolute; left: 0px; top: 0; display:block; background: #FE9600; width: 0; height:48px; }
#n_nav li a:hover i{ width:100%;}
#n_nav li a:hover span{ color: #fff; background: url(../images/icon_nav_arrow.png) 220px center no-repeat;}
#n_nav li.on a i{  width:100%;}
#n_nav li.on a span{ color: #fff;  background: url(../images/icon_nav_arrow.png) 220px center no-repeat;}
a:link, a:visited { text-decoration: none; cursor:pointer !important;}  
a:hover, a:active {  border: none;  color: #77787a;  }  
#n_nav i,#n_nav li a span{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; } 



.main_prol_cont{width:260px;height:67px;float:left;margin-top:15px;background:url(../images/contbg.jpg) center no-repeat;text-align:center;padding-top:63px;color:#fff;}
.main_prol_cont span{font-size:15px;}
.main_prol_cont p{font-size:20px; font-weight:bold;}

#n_right{ float: right; width: 880px;}

/*====位置====*/
.n_title{position:relative;z-index: 2;border-bottom: #dcdcdf 1px solid; margin-bottom:20px; }

.col-md-7{ float:left; width:60%;}
.col-md-5{ float:right; width:40%;}
.n_title dl{float: left;position: relative;margin-right: 3.125rem; font-weight:bold;} 
.n_title dt {font-size: 18px;text-align: center;display:block;color: #000000;margin-bottom:0px;}
.n_title dt a{font-size: 18px;text-align: center;display:block;color: #000000;margin-bottom:0px;}
.n_title dt a:hover{ color:#0061B0;}


.n_title dt.on{height: 40px;border-bottom: #0061B0 0.125rem solid;}

.n_title dl dt.on a,.n_title dl dt.on a i{color: #000;}


.position{display: inline-block;float: right;line-height: 40px;height: 40px;color:#7b7b7d;background: url(../images/icon_home.png) left 15px no-repeat;padding-left: 1.2rem;font-size: 0.75rem;color: #a6a6a6;}
.position a{font-size: 13px;color: #47474a;display: inline-block;line-height: 40px;vertical-align: top;}
.position i{display: inline-block;height: 40px;width: 1rem;text-align: center;color: #47474a;font-family: simsun;font-style: normal;font-size: 0.75rem;vertical-align: top;}
.position span{vertical-align: top;font-size: 13px;color: #0061B0;font-style:normal;display: inline-block;line-height: 40px;max-width: 10rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.position a:hover{color:#0061B0; }


.about p{font-size: 15px;color: #333;line-height: 24px; margin-bottom:10px;}


/******************产品列表************************/
.product ul{position:relative; }
.product li{float:left;width:280px; margin:0px 20px 20px 0px; position:relative;text-align:center;overflow:hidden;}
.product li:nth-of-type(3n){ margin-right:0;}
.product li a{ display:block;}

.product li .pic_box{  width:278px;  overflow:hidden;border:1px solid #ddd;}
.product li .pic_box img{ width:100%; display: block;}
.product li .text_box{ position:absolute;overflow: hidden;  width: 100%; height: 90%; left: 0; top: 0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E515AF90', endColorstr='#E515AF90');background:rgba(0,97,176,0.6); opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}

.product li .text_box .box{ position: absolute; right: 10%; top: 60%; width: 80%; display:block; text-align: center; }
.product li .text_box p{text-align: center; display:block; font-size:18px; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-bottom:15px;}
.product li .text_box span{font-size:4rem; color:#fff;  display: block; text-align: center; margin-bottom: 1.5rem;}
.product li:hover a .text_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); }
.product li a:hover .text_box .box{  margin-top: -50px; }

.product li *{ transition: all 0.8s ease-in-out;}

/*缩放*/

.img_size li:hover img,.img_size a:hover img { 

-moz-transform:scale(1.2); 

-o-moz-transform:scale(1.2); 

-o-moz-transform:scale(1.2); 

-webkit-moz-transform:scale(1.2); 

transform:scale(1.2);}

.img_size li img,.img_size a img{ -moz-transition: all 2s ease !important;

-webkit-transition: all 2s ease-in-out !important;

-o-transition: all 2s ease-in-out !important;

-ms-transition: all 2s ease-in-out !important;

transition: all 2s ease-in-out !important; } 

.product li .con{ float:left; width:100%; box-sizing:border-box;  margin-bottom:0px;}
.product li .con p{font-size:16px;color:#3e3e3e;padding-top:10px; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product li .con p:hover{ color:#248272; }


.pre_right {float: right;width: 440px;padding-top: 40px;}
.pre_right h2 {font-size: 20px;color: #333;font-weight: bold;line-height: 40px;border-bottom: 1px solid #dbdbdb;padding-top: 10px;margin-bottom: 10px;}
.pre_right p {font-size: 14px;color: #666666;line-height: 24px;padding-top: 8px;}
.pre_fx{border-top: 1px solid #dbdbdb; margin-top:20px; padding-top:20px;}


.pro_detail {padding-top: 20px;}
.pro_detail_tit {background:#f0f0f0;color: #333;line-height: 40px;border-bottom: 2px solid #0485E0;margin-bottom: 8px; font-weight:bold;}
.pro_detail_tit h3{ background:#0485E0; color:#fff; width:130px;font-size: 16px; text-align:center;}
.pro_detail p {font-size: 14px;line-height: 24px;color: #434343;}


.protitle1 {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 13px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 30px;
    font-size: 24px;
    color: #333;
}

.product_cont{ width:100%; margin-top:20px; overflow: hidden;}
.product_cont h1{height:50px;line-height:50px;background:#eee;color:#0061B0;font-size:16px;font-weight:bold; margin-bottom:20px;}
.product_cont span{padding:0 30px;background:#0061B0;display:inline-block;color:#fff;}


.img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; margin-bottom:50px;}
.img-list ul { width: 1000%; }
.img-list li { float: left; width: 205px; margin-right: 20px; }  
.img-list li a{ display: block;  }
.img-list li .m3lien { max-width: 205px; margin: 0 auto; text-align: center; position: relative; overflow: hidden; border: 1px solid #cccccc; box-sizing: border-box; }
.img-list li .m3lien img { display: block; max-width: 261px;  width: 100%; margin: 0 auto; }
.img-list li .m3lien:hover{box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.19); }
.img-list li .m4zi { display: block; margin: 0 auto; max-width: 261px; width: 95%;  text-align: center; color: #333; font-size:16px;line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; }


.img-scroll .hot {
    position: relative;
    top: -50px;
    float: right;
    max-width: 40px;
    width: 100%;
    height: 19px;
	right:15px;
}
.img-scroll .prev {
    left: 0;
    cursor: pointer;
    background: url(../images/arrowleft2.png) no-repeat center;
	position: absolute;
    display: block;
    width: 10px;
    height: 19px;
    z-index: 999;
}	

.img-scroll .next {
    right: 0;
    cursor: pointer;
    background: url(../images/arrowright2.png) no-repeat center;
	position: absolute;
    display: block;
    width: 10px;
    height: 19px;
    z-index: 999;	
}


/******************产品详情************************/
.art_cpl{
	float:left;
	width:450px;
}
.art_cpr{
	float:right;
	width:450px;
}
/******************产品放大************************/
.m_image{
	position:relative;
	width:440px;
	height:440px;
	padding:4px;
	border:1px solid #E1E1E1;
	background:#fff;
}
.m_image a img{
	max-height: 400px;
	max-width: 400px;
}
.im_zoom{
	display: block;
	position: absolute;
	background: url(../img/zoom-pup.png) repeat;
	cursor: move;
	z-index: 9;
}
.zoom-icon{
	position: absolute;
	right: 4px;
	bottom: 4px;
	width:61px;
	height: 31px;
	background: url(../img/art_fd.png) no-repeat;
	z-index: 10;
}
.im_zoom_viewer{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 398px;
	height: 398px;
	border: #DBDBEA solid 1px;
	z-index: 9;
	overflow: hidden;
}
.m_thumb{
	position: relative;
	width: 450px;
    height:72px;
    overflow:hidden;
    margin-top:15px;
}
.m_prev,.m_next{
	display: block;
	position: absolute;
	width: 18px;
	height:72px;
	line-height: 68px;
	font-family: "宋体";
	font-size: 18px;
	font-weight: bold;
	color: #535362;
	text-align: center;
	cursor: pointer;
}
.m_prev{
	left: 0px;
}
.m_next{
	right: 0px;
}
.m_prev:hover,.m_next:hover{
	color: #BDB193;
}
.m_thumb_img{
	position: relative;
	width: 400px;
	height: 72px;
	margin-left:26px;
	overflow: hidden;
}
.m_thumb_img ul{
	position: absolute;
	width: 400%;
}
.m_thumb_img ul li{
	float: left;
	width: 82px;
	height: 72px;
}
.m_thumb_img ul li a{
	display: block;
	width: 62px;
	height: 62px;
	padding: 4px;
	border: #E1E1E1 solid 1px;
}
.m_thumb_img ul li a img{
	display: block;
	width: 62px;
	height: 62px;
}
.m_thumb_img li a:hover, .m_thumb_img li.now a{
    border: #1d64bc solid 1px;
}


/*******新闻动态********/
.news-top{float:left;border-bottom:1px solid #ebebeb;margin-bottom: 10px;padding-bottom: 35px;}
.news-top img{  float:left; width:232px; height:130px; border:1px solid #ebebeb; padding:2px;}
.news-top dl { width:620px; float:left; margin-left:20px; line-height:24px; padding-top:5px;}
.news-top dl dt{ font-size:16px; font-weight:bold; padding-bottom:8px; padding-top:8px;}
.news-top dl dd{ font-size:12px; color:#999;}
.news-top a {color: #555;text-decoration: none;}
.news-top a:hover {color: #0087C9;}

/******************新闻样式************************/
.news{}
.news dl{ border-bottom:1px dotted #CCC; padding:2% 0;}
.news dt{ float:left; width:70%; font-size:18px; font-weight:bold;  margin-left:30px; }
.news dt a{ color:#000;}
.news dd.pic{ float:left; width:25%; overflow:hidden;}
.news dd.pic img{ width:100%;height:auto;transition:all .6s;}
.news dd.pic img:hover{transform:scale(1.1,1.1);-webkit-transition: all 1.5s;transition: all 1.5s;}
.news dd.date{float:left; width:22%; line-height:22px;overflow:hidden;font-size:14px; color:#999999; background:url(../images/bn44.png) no-repeat left; margin-top:5px; padding-left:20px; margin-left:30px;}
.news dd.txt{ float:left; width:70%; line-height:22px;overflow:hidden; margin-left:30px;font-size:14px; margin-top:5px;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;}
.news dd.more{float:left; width:30px; height:30px; background:url(../images/bn43.png) no-repeat left;transition: all 0.3s ease 0s;margin-left:30px; margin-top:10px;}	
.news dd.more:hover{background:url(../images/bn43_nei.png) no-repeat left; cursor:pointer; }
.news a:hover{ text-decoration:none; color:#0061B0;}



/*新闻详情*/

.news-title{border-bottom: 1px dotted #DDD;padding-bottom: 20px; margin-bottom:20px; text-align:center;}
.news-title h2{ font-size:20px; float:none; color:#000; margin-bottom:10px; font-weight:bold;}
.news-title p span{margin:0 5px;color: #999; font-size:14px;}

.pages{line-height:30px;border-top:1px dotted #ccc;margin-top:25px;padding-top:12px;font-size:14px;color:#666666;margin-right: 12px;} 
.pages a{text-decoration:none;margin-left:3px;padding:2px 5px;border:1px solid #E5E5E5; color:#666666; }
.pages a:hover{text-decoration:none;border:1px solid #0061B0;color:#fff; background-color:#0061B0;}


/*====翻页效果====*/
.j_pages {
	margin: 0 auto;
	margin-top: 2rem;
}
.j_pages .box {
	display: inherit;
	width: 100%;
	text-align: center;
	font-size: 0;
}
.j_pages a {
	padding: 0px 13px;
	height: 37px;
	line-height: 35px;
	display: inline-block;
	margin: 0 3px;
	border: 1px solid #dedede;
	color: #444;
	font-size: 14px;
	box-sizing: border-box;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.j_pages a font {
	font-size: 14px;
	font-family: SimSun;
	color: #9f9fa7
}
.j_pages .on {
	background: #0061B0;
	color: #fff!important;
	border: 1px solid #0061B0;
}
.j_pages span {
	font-family: simsun;
}
.j_pages i {
	display: inline-block;
}
.j_pages a:hover {
	background: #0061B0;
	color: #fff!important;
	text-decoration: none;
	border: 1px solid #0061B0;
}


#rpro-text{}
#rpro-text a{
	display:block;
	text-decoration:none;
	float:left;
	font-size:14px;
	color:#2f2e2e;
	text-align:center;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 10px;
}
#rpro-text a label{
	line-height: 24px;
}
#rpro-text img{
	border:solid 1px #dbdbdb;
	width:262px;
	padding: 2px;
}
#rpro-text img:hover{border:solid 1px #0087C9;}
#rpro-text a:hover{color:#0087C9;}




/******************留言样式************************/
.message {
    width: 880px;

}
.message h3 {
	font-size: 24px;
	color: #666666;
	font-weight: bold;
	padding-bottom: 10px;
}

.message li {
	list-style-type: none;
	line-height: 24px;
	color: #666666;
	font-size: 14px;
	float: left;
	text-align: right;
	margin-bottom: 15px;
	width: 50px;
}
.message .txt_wb {
	width: 420px;
	text-align: left;
}
.message .txt_wb2 {
	width: 420px;
	text-align: left;
	float:right;
}
.message .txt_wz {
	text-align: left;
}

.message .box {
	height: 32px;
	width: 420px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 32px;
	font-size: 14px;
	color: #CCC;
	background-color: #fff;
}

.message .box2 {
	width: 880px;
	border: 1px solid #ddd;
	text-indent: 12px;
	line-height: 32px;
	height: 130px;
	font-size: 14px;
	color: #CCC;
	background-color: #fff;
	font-family:"微软雅黑";
}
.message h2 {
	height: 40px;
	width: 240px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	margin-left:320px;
	margin-top: 12px;
	background-color:#0061B0;
}
.message h2 a { display:block; color:#FFFFFF;}

.message h2 a:hover {
	background-color: #FE9600;
	color:#FFFFFF;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}


/*合作客户*/
.customer ul{}
.customer li{  float:left; margin-right:16px; margin-bottom:13px; width:160px; text-align:center; border: 1px solid #ddd;}
.customer li:nth-child(5n){ margin-right:0;}
.customer li img{  width:160px; height:90px;}

.customer ul li .imgs{overflow:hidden; }
.customer ul li .imgs img{ display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.customer ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.customer *{ -moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out; cursor:pointer;}