﻿@charset "utf-8";

/* AB模版网 做最好的织梦整站模板下载网站 */
/* 网址：Www.AdminBuy.Cn */
/* 图标大全：Sc.AdminBuy.Cn 专业建站素材网站 */
/* QQ：9490489 */

/* CSS Document */

/*banner*/
.mb_banner,.mb_show,.m_Principle{ display:none;}
.banner {
	width: 100%;


}

.banner a {


	background: url("../images/banner.jpg") no-repeat center;

	height: 580px

}

#flashs {

	position: relative;

	height: 580px;

	overflow: hidden;

}

#flashs .bd div div{ height:580px;}
#flashs #flashbg1{background: url("/images/01.jpg") no-repeat center top;}
#flashs #flashbg2{background: url("/images/01.jpg") no-repeat center top;}
#flashs #flashbg3{background: url("/images/04.jpg") no-repeat center top;}
#flashs .bgitem {

	z-index: 1;

	position: absolute;

	top: 0;

}

#flashs .btn {

	overflow: hidden;

	width: 100%;

	text-align: center;

	position: absolute;

	left: 0;

	bottom: 60px;

	z-index: 9999

}

#flashs .btn span {

	display: inline-block;

	width: 12px;

	height: 12px;

	background: url("../images/banner_btn.png") no-repeat center top;

	margin: 0 10px;

}

#flashs .btn span {

*display: inline

}

#flashs .btn span.cur {

	background-position: bottom

}

#flashs .bot {

	display: block;

	position: absolute;

	width: 58px;

	height: 58px;

	top: 50%;

	margin-top: -29px;

}

#flashs .bot1 {

	background: url(../images/babot1.png) no-repeat center;

	left: 5%;

	z-index: 2;

}

#flashs .bot2 {

	background: url(../images/babot2.png) no-repeat center;

	right: 5%;

	z-index: 2;

}
/* 五大优势 */
.advan{
	padding-top:50px;
	box-sizing: border-box;
	overflow: hidden;
	height: 150px;
	background: url(../images/advbg.jpg) no-repeat center;
}
.advan ul li{
	width:240px;
	float: left;
	height: 50px;
	border-right: 2px solid #797876;
	box-sizing: border-box;
	color:#2e2d2d;
	font-weight: bold;
	font-size: 18px;
}
.advan ul li img{
	display: inline-block;
	margin-left:50px;
	vertical-align: middle;
	margin-right:10px;
}
/*搜索*/

.title {
    font-size: 40px;
    color: #333333;
    font-weight: normal;
    text-align: center;
    line-height: 45px;
    height: 90px;
	overflow: hidden;
	margin:48px auto;

	box-sizing: border-box;
}
.title span{
	width:40px;
	height: 5px;
	background: #333333;
	display: inline-block;
	vertical-align: middle;
	margin-left:8px;
}
.title p{
	color:#333333;
	font-size: 15px;
}
.title i {
    color: #222222;
    padding: 0 15px;
}

/* 产品 */
.in_product .container{background: #f7f7f7; overflow: hidden;}
.cp_l{width: 260px;margin: 0px 0 0;background: #fff;padding: 0 0 0px;}
.cp_h2{width: 260px;height: 80px;text-align: center;line-height: 80px;overflow: hidden;background: #f68100;}
.cp_h2 a{font-size: 24px;color: #fff;display: block;height: 80px;}
.cp_lm{width: 260px;}
.cp_lm h3{width: 260px;height: 50px;overflow: hidden;border-bottom: #fff 1px solid;background:#efefef ;}
.cp_lm h3.h1{background:#efefef url(../images/cp_ico02.png) no-repeat 210px 20px;}
.cp_lm h3.h7{background:#efefef url(../images/cp_ico02.png) no-repeat 210px 20px;}
.cp_lm h3 a{font-size: 14px;color: #333;display: block;width: 205px;height:50px;line-height: 50px;overflow: hidden;background:url(../images/cp_ico01.png) no-repeat 25px 17px;padding: 0 0 0 55px;}
.cp_lm h3 a:hover{color: #f68100;}
.cp_lm ul{width: 240px;margin: 0 auto;}
.cp_lm ul li{width: 240px;height: 47px;border-bottom: #efefef 1px solid;}
.cp_lm ul li a{font-size: 14px;color: #333;background:url(../images/cp_ico03.png) no-repeat 18px 17px;padding: 0 0 0 45px;display: block;width: 195px;height: 43px;line-height: 43px;overflow: hidden;}
.cp_lm ul li a:hover{color: #f68100;background:url(../images/cp_ico04.png) no-repeat 18px 25px;}
.cp_lm .nobor{background:#fff url(../images/cp_ico05.png) no-repeat 210px 20px;}
.cp_tel{font-size: 14px;color: #333;width:100%;height: 92px;background: #e9e9e9 url(../images/cp_tel.png) no-repeat center 34px;margin: 0 auto;padding: 72px 0 0;text-align: center;line-height: 30px;}
.cp_tel b{display: block;font-size: 30px;font-family: "DINOT";}


.cp_r ul{width:940px; margin-top:15px; overflow: hidden;}
.cp_r li{width:251px;float: left;margin: 0 0px 20px 58px;}
.cp_r li img{width:250px;}
.cp_r li p{height:35px;display: block;line-height: 35px;padding:15px 0 0;}
.cp_r li p span{display: block; color:#333;  font-size: 15px;}
.cp_r li p span a{float: right; background:#142038;width: 111px;line-height: 33px;border: solid 1px #eaeaea;text-align: center;color: #fff;display: block;border-radius: 2px;}
.cp_r li.cur p span a{background:#142038;border: solid 1px #142038;color: #fff;}
.cp_r li i,.pro_lc li i img{width: 251px;height: 185px;overflow: hidden;}

.cp_rb{ margin-top:20px; width:875px;height: 134px; background:url(../images/cp_rb.png) no-repeat center;  font-weight: bold; margin-left:58px;}

.cp_rb span{ letter-spacing: 1px; font-size: 23px; color:#fff; line-height: 134px; display:inline-block; margin-left:60px;}
.cp_rb span.sp1{margin-left:112px; letter-spacing: 0}


/*关于我们*/
.pr { position: relative;}
em, i {font-style: normal;}
.jz_bg .jz{margin-top:0px;}
.jz_bg{ margin-top:70px;background:url(../images/aboutbg.jpg) no-repeat center 0;height: 786px;padding: 65px 0 40px;overflow: hidden; box-sizing: border-box;}
.jz_bg .yin_t{padding-left:390px;
	font-size: 28px;
    color: #333333;
    font-weight: normal;
    text-align: left;
    line-height: 45px;
    height: 90px;
	overflow: hidden;
	margin:30px auto;
}

.yin_t span{
	width:40px;
	height: 5px;
	background: #333333;
	display: inline-block;
	vertical-align: middle;
	margin-left:8px;
}
.yin_t p{
	color:#333333;
	font-size: 15px;
}
.yin_t i {
    color: #222222;
    padding: 0 15px;
}

.yin_t {
    font-size: 40px;
    color: #333;
    text-align: center;
    position: relative;
    height: 90px;
    line-height: 42px;
}

.yin_t b{color: #093e5e;}
.jz_t{display: block;font-size: 48px;color: #fff;font-family: "DINOT";width: 240px;height: 160px;background: #093e5e;
	position: absolute;top: -44px;left: 18px;line-height: 58px;padding: 40px 0 0 60px;z-index: 20;}
.jz_t .yin_t{   padding-left: 393px;}	
.jz_t i{display: block;}
.jz_m{padding: 0px 0 0;}
.jz_m dl{width: 1164px;height: 225px;background: #fff;padding: 18px;}
.jz_m dl dt{width: 300px;height: 225px;float: left;overflow: hidden;line-height: 0;}
.jz_m dl dt img{width: 300px;height: 225px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.jz_m dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.jz_m dl dd{width: 740px;float: left;padding: 0px 0 0 70px;}
.jz_m dl dd h5{height: 35px;line-height: 35px;overflow: hidden;}
.jz_m dl dd h5 a{font-size: 20px;color: #0c0c0c;font-weight: normal;}
.jz_m dl dd h5 a:hover,.jz_m dl dd span a:hover{color: #093e5e;}
.jz_m dl dd em{display: block;font-size: 16px;color: #333;height: 25px;line-height: 25px;overflow: hidden;padding: 5px 0 0;}
.jz_m .jz_desc{font-size: 14px;color: #666;line-height: 25px;overflow: hidden;padding: 10px 0 0;}
.jz_m dl dd span{display: block;padding: 0px 0 0;}
.jz_m dl dd span a{font-size: 14px;color: #333;text-transform: uppercase;}
.jz_btn{width: 128px;height: 46px;position: absolute;top: 12px;right: 0;z-index: 20;}
.jz_btn a{display: block;width: 46px;height: 46px;margin-left: 18px;float: left;}
.jz_btn .jz_lico{background:url(../images/jz_lico01.png) no-repeat;}
.jz_btn .jz_lico:hover{background:url(../images/jz_lico02.png) no-repeat;}
.jz_btn .jz_rico{background:url(../images/jz_rico01.png) no-repeat;}
.jz_btn .jz_rico:hover{background:url(../images/jz_rico02.png) no-repeat;}




/*应用领域*/
.pinz .title{color:#fff;}
.pinz .title i{color: #fff;}
.pinz .title p{color:#fff;}
.pinz{background:url(../images/case_bg.jpg) no-repeat center 0;height: 700px;overflow: hidden;padding: 40px 0 0;}
.pinz .yin_t{color: #fff;height: 127px;}
.pinz .yin_t:before{left: 32%;background: #fff;}
.pinz .yin_t:after{right: 32%;background: #fff;}
.pinz01{width: 194px;height:410px;position: relative;float: left;margin-right: 7px;overflow: hidden;}
.pinz01 dl{width: 194px;height: 386px;overflow: hidden;text-align: center; cursor: pointer;}
.pinz01 dl dt{width: 194px;line-height: 0; height: 152px;}
.pinz01 dl dt img{width: 194px;}
.pinz01 dl dd{width: 194px;height: 216px;background: #fff;position: absolute;padding: 42px 0 0;}
.pinz01 dl dd em{ font-size: 21px; color:#f68100; font-weight: bold; line-height: 58px; display: block;width: 58px;height:58px; background: #f0f0f0; border-radius: 50%; position: absolute;top: -34px;left: 68px;}
.pinz01 dl dd em img,.pin01_m em img{width: 68px;height: 68px;}
.pinz01 dl dd h5,.pin01_m h5{font-size: 18px;color: #333;height: 50px;line-height: 50px;overflow: hidden;background:url(../images/pinz_line01.gif) no-repeat center 49px;}
.pinz01 dl dd p,.pin01_m p{font-size: 14px;color: #666;line-height: 25px;padding: 10px 0 0;height: 120px;overflow: hidden;}
.pinz01 dl dd p i,.pin01_m p i{display: block;}
.pinz01:hover dd{display: none;}
.pinz .nobor{margin-right: 0;}
.pin01_m{cursor: pointer; width: 194px;height: 0;position: absolute;bottom: 0;left: 0;overflow: hidden;text-align: center;background: rgba(246,129,0,0.9);
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.pin01_m em{display: block;width: 68px;height: 68px;margin:0 auto;padding: 46px 0 0;}
.pin01_m h5{color: #fff;
	/* background:url(../images/pinz_line02.gif) no-repeat center 49px; */
}
.pin01_m p{color: #fff;}
.pinz01:hover .pin01_m{height:410px;}

/*优势*/
.fl {
    float: left;
}
.fr {
    float: right;
}
.pa {
    position: absolute;
}
.edge{font-family:"Microsoft Yahei";color: #555;line-height:30px;font-size: 16px;padding-top: 84px;    font-family: "Microsoft Yahei";}
.edge .til01{height:177px;}
.edge_ico{-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;left: 0;top: 29px;}
.edge_ico:hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.edge h3{height: 92px;font-size: 30px;line-height:47px;color: #333; margin-top:22px;}
.edge h3 b{display:block;font-weight: normal;font-size: 30px;line-height: 40px;}
.edge h3 em{display:block;font-weight: normal;font-size:10px;line-height: 18px;font-family: Arial;color: #ccc;text-transform: uppercase;font-style: normal;letter-spacing: -1px;}
.edge li{display:block;}
.til01 {
    text-align: center;
    display: block;
    padding-bottom: 28px;
}
.edge1{height:348px;}
.edge_p1,.edge_p1 img{width: 480px;display: block;overflow: hidden;}
.edge_w1{width:470px;padding:29px 0 0 129px;}
.edge_w1 p{font-size: 16px; color:#585858;line-height: 28px;}
.edge4 .edge_w1 p{color:#fff;}
.edge2{height:362px;background:url(../images/edgebg1.jpg) no-repeat center 0;}
.edge_p2,.edge_p2 img{width: 540px;display: block;overflow: hidden;}
.edge_p2 img{height: 360px;}
.edge3{height:348px;padding: 74px 0 0;}

.edge4{height:337px;padding: 25px 0 0;background:url(../images/edgebg2.jpg) repeat-x center 0;color: #fff; box-sizing: border-box;}
.edge4 h3{color: #fff;}
.edge_p4,.edge_p4 img{width: 493px;}

.edge5{padding: 22px 0 0;height: 340px;background: #f1f1f1;}
.edge_p5 {margin-top:-80px;}


.news-con{ overflow: hidden; padding-top: 45px;}
.news-01{ width: 533px; position: relative;}
.news-01 img{ width: 533px; height: 239px; display: block;}
.news-01 span{ width: 80px; height: 57px; display: block; background:#ea030d; text-align: center; position: absolute; left: 0; top: 0;}
.news-01 span h3{ font-size: 30px; color: #FFF; font-weight: bold; line-height: 30px; padding-top: 2px;}
.news-01 span h4{ font-size: 12px; color: #FFF;}
.news-01 h5{ font-size: 16px; color: #2d2d2d; padding: 10px 0;}
.news-01 h6{ font-size: 12px; color: #acacac; font-weight: normal; line-height: 26px;}
.news-01 div{ width: 107px; height: 33px; display: block; background:#ea030d; text-align: center; line-height: 33px; color: #FFF; font-size: 12px; margin-top: 15px;}
.news-01 div:hover{ background: #ea030d;}
.news-02{ width: 600px;}
.news-02 ul li{ width: 100%; height: 90px; border-bottom: 1px dashed #CECECE; margin-bottom: 60px;}
.news-02 ul li span{ width:75px; height: 90px; display: block; float: left; margin-right: 10px; text-align: center; }
.news-02 ul li span h3{ font-size: 14px; color: #262626; padding: 10px 0 10px; font-weight: normal; line-height: 26px;}
.news-02 ul li span h4{ font-size:48px; color: #262626; }
.news-02 ul li h5{ font-size: 16px; color: #262626; font-weight: normal;line-height: 26px;}
.news-02 ul li h6{ font-size: 12px; color: #acacac; font-weight: normal; line-height: 26px;}
.news-02 ul li h5:hover{ color:#2891d6}
.news-02 ul li:hover h3,.news-02 ul li:hover h4{ color: #ea030d;}

.ss {

	overflow: hidden;

	width: 100%;

	height: 52px;

	background: #eeeeee

}

.ss .ssBox {

	overflow: hidden;

}

.ss .ssBox p {

	line-height: 52px;

	color: #02304e;

	font-size: 14px;

	float: left

}

.ss .ssBox p a {

	color: #999;

	padding: 0 20px;

}

.ss .ssK {

	overflow: hidden;

	float: right;

	height: 30px;

	width: 240px;/* padding:0 10px; */

	margin-top: 12px;

	background: url(../images/ssbg.png) no-repeat center;

}

.ss .ssK input {

	float: left;

	height: 30px;

	line-height: 30px;

	font-size: 12px;

	width: 184px;

	outline: none;

	background: none;

	border: none;

	color: #999;

	padding-left: 15px;

}

.ss .ssK a {

	display: block;

	float: right;

	background: url(../images/ssfdj.png) no-repeat center;

	width: 40px;

	height: 30px;

}




.phone22 {

	overflow: hidden;

	margin-top: 10px;

	width: 170px;

	padding: 30px 0;

	padding-left: 75px;

	border-radius: 10px;

	background: url(../images/pro_phone.png) no-repeat 20px center;

	background-color: #7ab233;

}

.phone22 p {

	font-size: 16px;

	color: #fff;

}

.phone22 b {

	display: block;

	font-size: 24px;

	color: #fff;

	font-family: 'Times New Roman'

}


/*客户感言*/

.customer {

	overflow: hidden;
	width: 100%;
	margin:20px auto;
	background: #fff;


}

.customer .customerBox {

	overflow: hidden;
	width: 1164px;
	margin: 0 auto;
	margin-top: 25px;
	position: relative

}

.customer .customerBox em {

	display: block;

	width: 70px;

	height: 70px;

	position: absolute;

	top: 65px;

}

.customer .customerBox em.sclt {

	background: url("../images/customerlt.png") no-repeat center top;

	left: 0

}

.customer .customerBox em.scrt {

	background: url("../images/customerrt.png") no-repeat center top;

	right: 0

}

.customer .customerBox em:hover {

	background-position: bottom;

	cursor: pointer

}

.customer .scCon {

	overflow: hidden;

	width: 100%;

	height:188px;

	margin: 0 auto;

	position: relative

}

.customer ul {

	position: absolute;

	top: 0;

	left: 0

}

.customer ul li {

	width:258px;

	float: left;

	text-align: center;

	margin-right: 50px;

}

.customer ul li a {

	text-decoration: none

}

.customer ul li img {

	display: block;

	margin: 0 auto;

	background-color: #fff;

}

.customer ul li h3 {

	font-size: 16px;

	margin-top: 30px;

	font-weight: normal

}

.customer ul li h3 a {

	font-size: 16px;

	margin-top: 30px;

	color: #02304e

}

.customer ul li p {

	font-size: 14px;

	margin-top: 15px;

	line-height: 20px;

	color: #666666;

	height: 40px;

	overflow: hidden

}

.customer ul li:hover img {

	opacity: .85;

}
#news{margin-bottom:50px}
.news-con{ overflow: hidden; padding-top: 0px;}
.news-01{ width: 533px; position: relative;}
.news-01 img{ width: 533px; height: 239px; display: block;}
.news-01 span{ width: 80px; height: 57px; display: block; background:#f68100; text-align: center; position: absolute; left: 0; top: 0;}
.news-01 span h3{ font-size: 14px; color: #FFF; font-weight: bold; line-height: 30px; padding-top: 2px;}
.news-01 span h4{ font-size: 20px; color: #FFF;}
.news-01 h5{ font-size: 16px; color: #2d2d2d; padding: 10px 0;}
.news-01 h6{ font-size: 12px; color: #797878; font-weight: normal; line-height: 26px;}
.news-01 div{ width: 107px; height: 33px; display: block; background:#f68100; text-align: center; line-height: 33px; color: #FFF; font-size: 12px; margin-top: 15px;}
.news-01 div:hover{ background: #f68100;}
.news-02{ width: 600px;}
.news-02 ul li{ padding:0px 0 20px; width: 100%; height: 90px; border-bottom: 1px dashed #CECECE; margin-bottom: 20px;}
.news-02 ul li span{ border:1px solid #c9c9c9; width:75px; height: 75px; display: block; float: left; margin-right: 10px; text-align: center; }
.news-02 ul li span h3{ font-size: 14px; color: #807d7d; padding: 10px 0 10px; font-weight: normal; line-height: 26px;}
.news-02 ul li span h4{ font-size:22px; color: #807d7d; }
.news-02 ul li h5{ font-size: 16px; color: #444; font-weight: normal;line-height: 26px;}
.news-02 ul li h6{ font-size: 12px; color: #797878; font-weight: normal; line-height: 26px;}
.news-02 ul li h5:hover{ color:#f68100}
.news-02 ul li:hover h3,.news-02 ul li:hover h4{ color: #f68100;}
