﻿
.service-title2 { text-align: center;margin: 30px 0;    border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;}
.service-title2 h2 { display: block; font-weight: 100;font-size: 40px;}
.service-title2 h2 b {color: #62d901; }
.service-title2 p { display: block;color: #888;font-size: 16px; }

.line { border-top: 3px solid #000;}
.line-big {border-width: 3px; width: 40px;margin: auto;}
.s_bj2{ line-height: 57px; overflow: hidden; border-bottom:1px solid #ededed; background: #f5f5f5;margin-bottom:30px;}
.red_x { color:#666; display:inline;  font-size:12px;}
.plc .red_x{ color:#666; font-size:14px;}
.red_x1 { color:#62d901; display:inline;  font-size:12px;}

.zjtit{height:100px;background:url(../images/fwtit.jpg) no-repeat center bottom; text-align: center; margin: 30px 0;}
.zjtit a{color: #003162; font-size: 28px; font-weight: bold;}
.zjtit em{display: block;color: #999; font-size: 14px;text-transform: uppercase;letter-spacing: 3px; padding: 15px;font-weight: bold; }

.clul{margin: 0 auto;text-align:center;height: 60px}
.clul ul{ margin:0px auto;}
.clul ul li{ width: 185px;height: 46px;line-height: 46px; text-align: center; border: 1px #dedede solid; cursor: pointer; font-size: 18px;color: #595656;float: left;margin: 0px 5px;}
.clul ul li a{width: 185px;height: 46px;line-height: 46px; text-align: center; cursor: pointer;  font-size: 18px;color: #595656;float: left;}
.clul ul li a:hover{color:#fff;background: #003162;font-weight:bold;}
#bot{color:#fff;background: #003162;font-weight:bold;}

.aboutBox1{padding-bottom:50px; overflow:hidden;}
.aboutBox1 .left{width:45%;overflow:hidden;height:520px;}
.aboutBox1 .left img{width:100%;}
.aboutBox1 .right{width:52%;overflow:hidden;}
.aboutBox1 .right  .tie{overflow:hidden;margin-bottom:30px;}
.aboutBox1 .right .tie span{font-size:24px;color:#333;padding-top:20px;}
.aboutBox1 .tie2{height:50px;line-height:50px;background:#0100c8;color:#fff;font-size:18px;padding-left:30px;margin-bottom:40px;}
.aboutBox1 .txt,.aboutBox1 .txt  p{margin-bottom:15px;line-height:1.8;}
.bgImg {
    background-position: right;
    background-size: cover;
    position: relative;
    transition: all 0.5s;
    display: block;
    width: 100%;
    height: 100%;
}
.index-about-footer2 {margin-top: 2rem; float: left;padding: 1rem 0; width: 100%;color: #333; text-align: center;}
.index-about-footer2 li {border-right: 1px solid #f0f0f0; width:33.333%}
.index-about-footer2 li:nth-child(3) { border: none;}
.index-about-footer2 li div {font-size: 2rem;  font-weight: bold;}

 .col-sm-3 {
    float: left;
    position: relative;
    width: 25%;
}
.selected-about {margin: 50px 0;overflow:hidden;}
.selected-about .col-sm-3{padding:0 20px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-about .col-sm-3 .solution-card{text-align:left;overflow:hidden;transition:all .15s linear}
.selected-about .col-sm-3:hover{position:relative;top:-20px;transition:all .25s linear}
.selected-about .col-sm-3:hover .solution-card{box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear}
.selected-about .col-sm-3 .solution-card img{width:auto;transition:all .2s linear}
.selected-about .col-sm-3 .solution-card h2{font-size:18px;color:#333;line-height:50px;    text-align: center;}
.selected-about .col-sm-3 .solution-card p{min-height:100px;font-size:14px;color:#555;  padding:10px; line-height:24px;}


/*产品分类*/
.panel-sd {margin-bottom: 20px;width:21%;border-bottom: 5px solid #0100c8;}
.panel-sd:last-child {margin-bottom: 0;}
.panel-sd .tit {text-align: center;color: #fff;font-size: 24px;background: url(../images/914_cp_bg1.png) no-repeat #0100c8;padding: 15px 0;}
.panel-sd .tit span {display: block;text-transform: uppercase;font-size: 14px;color: #fff;}
.lanmu {background-color: #fff;}
.lanmu li {border-bottom: 2px solid #fff;background:#f5f5f5;}
.lanmu li:last-child {border-bottom: 0;}
.lanmu li>a {display: block;line-height: 60px;padding: 0 0 0 25px;color: #333;font-size: 18px;}
.lanmu li>a.on {color: #0100c8;}
.lanmu li .arr {float: right;height: 60px;width: 40px;position: relative;cursor: pointer;}
.lanmu li .arr:after {content: '';
	border-bottom: 2px solid #666;
	border-left: 2px solid #666;
	box-sizing: content-box;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	right: 15px;
}
.lanmu-box {display: none;}
.lanmu-box p {margin: 0;border-bottom: 1px solid #f0f0f0;padding-left: 15px;background:#fff;}
.lanmu-box p a {padding: 0 25px;display: block;line-height: 45px;font-size: 16px;color: #555;background:url(../images/dd01.png) left center no-repeat;}
.lanmu-box p a.on{color: #0100c8;background:url(../images/dd.png) left center no-repeat;}
.lanmu li>a:hover, .lanmu li.active>a {color: #0100c8;}
.lanmu li.open .lanmu-box {display: block;}
.lanmu li.open .arr:after {	-webkit-transform: rotate(225deg);	transform: rotate(225deg);}


/*产品列表模板*/
.cp-content	{width: 77%;}
.cp {margin: 3rem 0;}
.cp-content ul {/*margin: 0 -3.5%;*/}
.cp-content ul li{width:33.33%;}
.cp-content-box {margin:0 1rem 7rem 1rem;
/*background: url("../Images/cp-bg.png") no-repeat;*/
background-size: 100% 100%;	  border:1px solid #ddd;
}

.cp-content-box-image {
padding: 2rem 0 4rem 0;
text-align: center;
}

.cp-content-box-image img {
    height: 200px;
}

.cp-content-box-bottom {
width: 100%;
border: 2px solid #62d901;
float: left;
text-align: center;
color: #333;
}

.cp-content-box-bottom div {
    padding: 1rem 0;
}

.cp-content-box-bottom-but {
background: #62d901;
color: #fff;
}



/*产品详细*/
.Productlistsxqwrap{ background-color: #FFF; padding-bottom: 44px;}

.ProductDetailstop{ background:#FFF;  margin-top:21px;overflow: hidden;}

.ProductDetailstopleft{ float:left; width:48%;position:relative;}
.ProductDetailstopleftimg{border:1px solid #ddd;text-align:center;}
.ProductDetailstopleftimg img{/* display: block;*/height:300px}

/*div.zoomdiv {z-index:100;position:absolute;top:0px;right:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.jqZoomPup {z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border: 1px solid #aaa;background: #ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
*/
.ProductDetailstopright{ float:right; width:50%; position:relative;}
.ProductDetailstopright dl{ margin:0px; padding:14px 0px 42px 0;}
.ProductDetailstopright dl dt{ color: #1a1a1a;font-size:24px;line-height:46px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.ProductDetailstopright dl dd{ font-size:14px; margin:12px 0px 0 0; line-height:30px;color: #666; border-bottom:1px solid #ccc;overflow: hidden;}
.ProductDetailstopright dl dd span.Special{ color:#62d901; font-size:16px; padding-right:10px;}
.pro_aa { margin:20px auto}
.pro_aa a {display: block; width: 120px; height: 46px; text-align: center; line-height: 46px; font-size: 16px; color: #fff; float: left; margin-right:20px; overflow:hidden; background:#62d901;}
.pro_aa a:hover {color: #fff;background:#57c100;}

.pro_aa a.probuy { background:#62d901 }

.ProductDetailsSmallimg{overflow:hidden;position:relative;margin:10px 30px; }
.ProductDetailsSmallimg ul{width:9999px;position:relative;}
.ProductDetailsSmallimg ul li{float:left;width:110px;height:110px; position:relative; display:inline; margin-right:20px; cursor:pointer;}
.ProductDetailsSmallimg ul li img{ display:block; width:110px; height:110px;}
.ProductDetailsSmallimg ul li span{ display:block; width:108px; height:108px; border:1px solid #dadada; position:absolute; left:0px; top:0px;}

.ProductDetailsSmallimg ul li.cur span{width:108px; height:108px; border:1px solid #62d901;}

.ProductimgArrowleft,.ProductimgArrowright{ position:absolute; bottom:0px; width:33px; height:100px; cursor:pointer;}
.ProductimgArrowleft{left:0px;background:url(../Images/product2.gif) no-repeat left center;}
.ProductimgArrowright{right:0px;background:url(../Images/product3.gif) no-repeat right center;}

.Productwillbtn {  margin-top: 30px; border-bottom:1px solid #ddd; text-align: center;overflow: hidden;}
.Productwillbtn p {  float:left; *display: block; *zoom:1;border:1px solid #dcdcdc; padding:5px 25px; margin-right:15px;}
.Productwillbtn a{  font-size: 16px; font-weight: 500; color: #333; display: block;  width:100%;}
.Productwillbtn p:hover,p.cur{ background-color: #62d901; }
.Productwillbtn p:hover a,.Productwillbtn p.cur a{ color: #FFF; border-left: none;}

.Produxqms{ padding:39px 0px; display: none;}
.Produxqm1 p{ font-size: 14px; color: #666; line-height: 30px;  }
.Produxqm2 p{font-size: 14px; color: #333; line-height: 30px;}
.Produxqms img{ max-width: 100%;}
.Produxqms h3{ font-size:16px; line-height: 30px; font-weight: bold; color: #333;}
.Produxqms .text{ font-size: 14px; color: #666; line-height: 30px; text-indent: 2em;}
.Produxqms .contenttwo{ padding-top:34px;}
.Produxqms .contenttwo .img1 { width: 665px; height: 340px;}
.Produxqms .contenttwo .img1 img{ display: block; width: 665px; height: 340px;}
.Produxqms .contenttwo .img2 { width: 462px; height: 386px;}
.Produxqms .contenttwo .img2 img{ display: block; width: 462px; height: 386px;}
.Produxqms .contenttwo .Ptitle{padding-bottom: 21px;}
.Produxqms .contentthree{ padding-top:48px;}
.Produxqms .contentthree .Ptitle{padding-bottom: 10px;}
.Produxqms .contentfour{ padding-top:38px;}
.Produxqms .contentfive{ padding-top:35px;}
.Produxqms .contentsix{ padding-top:30px;}
/*产品详情页模板*/


/*新闻*/
.news-page-b-nav{ float:right; text-align: center;}
.news-page-b-nav ul{width: 100%; display: inline-block; margin: 0 auto;}
.news-page-b-nav ul li{ padding: 0px 20px; display: inline-block; text-align: center; line-height: 53px; font-size: 14px;font-weight: bold;}
.news-page-b-nav ul li:hover{ background-color:#62d901;}
.news-page-b-nav ul li:hover a{ color: #fff;}
.news-page-b-nav ul li.on{ background-color:#62d901;}
.news-page-b-nav ul li.on a{  color: #fff;}

.news-index{ width:100%; margin-bottom:110px;}
.news-index ul{ width:100%;}
.news-index ul li{ width:100%;height:120px;  background:#f1f1f1; margin-top:10px; overflow:hidden;}
.news-time{width:120px; height:100%; background:#0100c8; text-align:center; line-height:130px;}
.day {color: #FFF; font-size: 46px; font-family: Impact;}
.Month { color: #FFF; font-size: 18px; font-weight: 200;}
.news-index ul li:hover .news-time{ background:#62d901;}
.news-desc{ width:83%; margin-left:160px; margin-top:0px;}
.news-desc dl dt{ color:#222222; font-size:16px;margin-top:20px;}
.news-desc dl dd{  color:#767676; font-size:14px; line-height:22px; height:45px; overflow:hidden; margin-top:5px;}
.news-index ul li:hover .news-desc dl dt{ color:#0100c8;}
.news-index ul li:hover .news-desc dl dd{ color:#000;}

/*新闻详情*/
.news-out{ width:1200px; margin:76px auto 111px;}
.news-title{ width:100%; text-align:center; color:#222222; font-size:22px; margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid #dcdcdc;}
p.item-info{text-align:center;margin-bottom:2em;font-size:12px;}
p.item-info span,p.item-info i{margin:0 15px 0 8px;}
.editor-content{ font-size:14px; line-height:22px; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #dcdcdc; margin-top:20px; line-height:2em;}
.editor-content img{ margin:0 auto; padding-top:20px; padding-bottom:20px;}

/*上一个下一个*/
.prev-next .right{ float:right;}
.prev-next a{ color:#000; font-size:12px;}
.prev-next a:hover{ color:#62d901;}


/*加工案例*/
.Pro-index2{overflow:hidden ;margin-bottom:30px;}
.Pro-index2 ul{}
.Pro-index2 ul li{width:23%;margin-right: 2%; height:250px; border:2px solid #62d901; margin-top:30px; float:left; position:relative; }
.Pro-index2 ul li .Pro-index2-img{ width:100%; height:240px; position:absolute;/* top:70px;*/ left:0px;  overflow:hidden;}
.Pro-index2-img img{ margin:0 auto;transition:0.3s;    height: 180px;}
.pro-index2-zi{ position:absolute; top:200px; left:0px; width:100%;}
.pro-index2-zi h5{ text-align:center; margin-top:10px; color:#000; font-size:16px;}
.pro-index2-zi h6{ text-align:center; color:#000;font-family:Arial; font-size:18px;}

.Pro-index2 ul li:hover{ border:2px solid #0100c8;}
.Pro-index2 ul li:hover .Pro-index2-img img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);}
.pro-index2-zi span{ width:140px; height:35px; border:1px solid #999; display:block; margin:0 auto; margin-top:20px; background:#efefef;}
.pro-index2-zi span{ text-align:center; line-height:30px;}
.pro-index2-zi span h6{ line-height:35px; font-size:14px; font:"寰蒋闆呴粦"; color:#8d8d8d;}
.pro-index2-zi span i{ font-size:14px;}
.pro-index2-zi span:hover{ background:#62d901;}
.pro-index2-zi span:hover h6{ color:#fff;}

/*加工视频*/
.Pro-index{overflow:hidden }
.Pro-index ul{margin-bottom:30px;}
.Pro-index ul li{width:23%;margin-right: 2%; height:320px; border:2px solid #62d901; margin-top:30px; float:left; position:relative; }
.Pro-index ul li .Pro-index-img{ width:100%; height:240px; position:absolute;/* top:70px;*/ left:0px;  overflow:hidden;}
.Pro-index-img img{ margin:0 auto;transition:0.3s; margin-top:10px;}
.pro-index-zi{ position:absolute; top:260px; left:0px; width:100%;}
.pro-index-zi h5{ text-align:center; margin-top:10px; color:#000; font-size:16px;}
.pro-index-zi h6{ text-align:center; color:#000;font-family:Arial; font-size:18px;}

.Pro-index ul li:hover{ border:2px solid #0100c8;}
.Pro-index ul li:hover .Pro-index-img img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);}
.pro-index-zi span{ width:140px; height:35px; border:1px solid #999; display:block; margin:0 auto; margin-top:20px; background:#efefef;}
.pro-index-zi span{ text-align:center; line-height:30px;}
.pro-index-zi span h6{ line-height:35px; font-size:14px; font:"寰蒋闆呴粦"; color:#8d8d8d;}
.pro-index-zi span i{ font-size:14px;}
.pro-index-zi span:hover{ background:#62d901;}
.pro-index-zi span:hover h6{ color:#fff;}

/*联系*/
.lianxi-con{width: 100%;margin: 0 auto; position: relative;}
.lianxi-img img{height:429px;border:5px solid #fff;}
.lianxi-img img:hover{transform: scale(1.1);}
.lianxi-con ul{height: 172px; margin-top: 42px;}
.lianxi-con ul li{ width: 25%; height:172px; float: left; cursor: pointer;}
.lianxi-con ul li a{ display: table-cell; width: 88px;height: 88px; text-align: center;border: 1px solid #CCCCCC; border-radius: 88px; float: left; margin-right: 20px;}
.lianxi-con ul li img{margin: 25px auto;}
.lianxi-con ul li:hover img{transform: rotate(180deg);}

