/*织梦58（dede58.com）做最好的织梦整站模板下载网站*/
@charset "UTF-8";
body {
	overflow-x: hidden;
	overflow-y: auto;
}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;
}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;
}
body, input, button, form {
	font-size: 14px;
	line-height: 28px;
	font-family: "microsoft yahei", "宋体", "Arial";
	color: #333333;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: normal;
}
ul, ol, li {
	list-style: none;
}
input {
	background: none;
	border: 0 none;
}
img, iframe {
	border: 0px;
}
em, i {
	font-style: normal;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.red {
	color: #ba292e;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.poa {
	position: absolute;
}
.por {
	position: relative;
}
.hidden {
	display: none;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.ico {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #ff5b8f;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
.ease, .ease * {
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.noease, .noease * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
/*清除浮动*/
.clearfix {
*zoom: 1;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*top_main*/
.top_main {
	width: 100%;
	line-height: 40px;
	position: relative;
	z-index: 80;
	background:#333 url("../images/hh.jpg") no-repeat left bottom;
	color: #666;
	font-size: 12px;
	height:44px;
}
.top_main li {
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0 8px;
}
.top_main li a {
	color: #fff;
	cursor: pointer;
}
.top_main li a:hover {
	color: #fff;
}
.top_main .split {
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #fff;
	margin: 0;
	position: relative;
	top: 1px;
}
/*header_main*/
.header_main {
	width: 100%;
	z-index: 100;
	background:url("../images/hh.jpg") no-repeat left bottom;
}
.header_main .logo {
	display: block;
	margin-top: 25px;
}
.header_main .logo img {
	width: 228px;
	height: 70px;
	display: block;
	margin: 0 auto;
}
.nav {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
}
.nav li{display:inline-block;padding:0 35px;position:relative}
.nav li h3 a{display: block;
	color: #555;
	font-size: 16px;
	line-height: 80px;}
.nav li:hover h3 a,.nav li h3 a.cur{color:#269dd4;}
.nav li .sub{width:134px;padding:0;position:absolute;left:0;top:80px;background:#fff;z-index:1000;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);}
.nav .sub dd{text-align:center;border-top: 1px solid #eee;padding: 0 10px;}
.nav .sub dd a{color:#666;display:block;zoom:1;height:47px;line-height:47px;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;transition: all 0.2s ease-in-out 0s;}
.nav .sub dd a:hover{color:#269dd4;text-indent: 10px;}
.nav .sub dd:first-child{border-top: none;}
.nav li:hover .sub{opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);}

/* banner */
#banner_main {
	overflow: hidden;
	position: relative;
	z-index: 2;
	max-width: 1920px;
	margin: 0 auto;
}
#banner_main .banner, #banner_main .banner img {
	height: 550px;
}
#banner {
	width: 100%;
	min-width: 1200px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#banner, .banner ul {
	max-height:550px;
	overflow: hidden;
}
.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	display: none;
}
.banner li:first-child {
	display: block;
}
.banner li img {
	width: 1920px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
#banner .tip {
	width: 1200px;
	height: 15px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: 15px;
	z-index: 3;
}
#banner .tip span {
	width: 15px;
	height: 15px;
	margin: 0 5px;
	display: inline-block;
	cursor: pointer;
	background: #fff;
	border-radius: 10px;
	transition: all .5s;
}
#banner .tip span.cur {
	width: 40px;
}
#banner #btn_prev, #banner #btn_next {
	display: none;
	width: 32px;
	height: 45px;
	position: absolute;
	top: 50%;
	margin-top: -22.5px;
	z-index: 5;
}
#banner #btn_prev {
	background-position: -60px 0;
	left: 12%;
	transition: all 600ms ease;
}
#banner #btn_next {
	background-position: -92px 0;
	right: 12%;
	transition: all 600ms ease;
}
#banner #btn_prev:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	left: 11.6%;
}
#banner #btn_next:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	right: 11.6%;
}
.part01{text-align: center;padding: 50px 0;}
.title-nav{text-align: center;background: url("../images/tit.png") no-repeat center bottom;font-size: 30px;color: #269DD4;padding-bottom: 42px;}
.part01 li{float: left;width: 21%;padding:0 2%;margin-top: 20px;}
.part01 li img{width: 100px;height: 100px;}
.part01 li h1{color: #555;font-size: 18px;padding: 17px 0 11px 0;}
.part01 li p{color: #777;font-size: 14px;line-height: 26px;}
.part02{padding: 50px 0;}
.part_2 li{float: left;width: 285px;margin-right: 20px;text-align: center;margin-top: 20px;}
.part_2 li .tp{width: 285px;height: 285px;}
.part_2 li:nth-child(4n){margin-right: 0;}
.part_2 li .pic{position: relative;}
.part_2 li .bg{display: none;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5) url("../images/shou.png") no-repeat center;width: 285px;height: 285px;}
.part_2 li a h2{color: #555;font-size: 16px;padding-top: 10px;height: 56px;overflow: hidden;}
.part_2 li:hover .bg{display: block;}
.part_2 li:hover a h2{color:#269dd4;}
.part03{padding: 30px 0 20px 0;}
.part_3{background: url("../images/bg.png") no-repeat left top;color: #fff;}
.part_3 h1{font-size: 36px;padding-bottom: 22px;width: 906px;padding-top: 100px;}
.part_3 p{font-size: 14px;line-height: 26px;width: 906px;}
.part_3 li{width: 428px;float: left;margin-top: 30px;margin-right: 50px;}
.part_3 li .img{width: 100px;}
.part_3 li .wz{width: 308px;}
.part_3 li h2{font-size: 18px;margin: 11px 0 5px 0;}
.part_3 li p{font-size: 14px;line-height: 26px;width: auto;}
.part_3 .wz-box{padding-bottom: 50px;}
.part04{text-align: center;padding: 50px 0;}
.part04 .left{width: 482px;padding-top: 7px;}
.part04 .right{width: 692px;text-align: left;}
.part04 img{width: 482px;height: 259px;}
.part04 h3 a{display: block;color: #333;font-size: 18px;margin-bottom: 8px;}
.part04 p{font-size: 14px;line-height: 26px;color: #555;}
.part_4{padding-top: 20px;}
.footer{background: rgb(51, 51, 51);color: #ccc;}
.foot h1{font-size: 30px;padding-bottom: 10px;padding-top:35px;}
.foot span{display: block;font-size: 18px;}
.foot2{border-top: rgb(113, 113, 113) 1px solid;border-bottom: rgb(113, 113, 113) 1px solid;}
.foot2 li{float: left;margin-right:80px;line-height: 50px;}
.foot2 li a{color: #ccc;font-size: 16px}
.foot3{padding: 30px 0;}
.foot3 p a{color: #ccc;}
.foot3 .f-right2{font-size: 16px;width: 191px;padding-left:97px;height: 88px;border: rgb(113, 113, 113) 1px solid;background: url("../images/tel.png") no-repeat 20px center;padding-top: 20px;}
.f-right2 span{display: block;font-size: 26px;padding-top: 6px;}
.back-top{width: 60px;height: 60px;position: fixed;bottom: 100px;right: 20px;}
.brand{color: #777;font-size: 14px;padding-top: 20px;border-bottom: 1px solid #ddd;padding-bottom:8px;margin-bottom: 40px;}
.brand a{color: #777;}
.product{padding-bottom: 100px;}
.brand a:hover{color:#269dd4;}
.product li .pic{border: 1px solid #ededed;width: 283px;height: 283px;overflow: hidden;}
.product.news2 li .pic{height: 420px;}
.product.news2 li .pic .tppp{display: table-cell;vertical-align: middle;text-align: center;width: 283px;height: 420px;}
.product li .pic img{width: 283px;height: 283px;}
.news2 li .pic img{width: 100%;height: auto;}
.product li:hover .pic{border:1px solid #269dd4;}
.leftside{width: 255px;}
.leftside h1{color: #fff;font-size: 30px;background: #269dd4 url("../images/tit2.png") no-repeat center 65px;height: 90px;line-height: 65px;text-align: center;}
.sub-menu li a{display: block;background: url("../images/menu.jpg") no-repeat;height: 50px;margin-top: 10px;line-height: 50px;color: #fff;font-size: 18px;padding-left: 40px;display: block;}
.rightside{width: 905px;}
.product li{margin-right: 25px;margin-top: 0;margin-bottom: 25px;}
.product li:nth-child(4n){margin-right: 25px;}
.product li:nth-child(3n){margin-right: 0px;}
.sub-menu li a.active{background: url("../images/menu2.png") no-repeat;}
.cp-name{border-bottom: 1px solid #ddd;margin: 36px 0 25px 0;}
.cp-name span{display: inline-block;width: 120px;height: 35px;text-align: center;line-height: 35px;background:#269dd4;color: #fff;font-size: 16px;}
.downbox p{color: #666;font-size: 14px;line-height: 28px;}
.downbox p strong{color: #333;}
.downbox{border-bottom: 1px solid #ddd;padding:0 0 48px 0;margin-bottom: 48px;}
.tuijian h5{color: #333;font-size: 18px;font-weight: bold;border-left: 2px solid #269dd4;padding-left: 8px;height: 20px;line-height: 20px;margin-bottom: 26px;}
.topbox .left{width:420px;border: 1px solid #ddd;overflow: hidden;}
.topbox .left img{width:auto;height: 420px;display: block;margin: 0 auto;}
.topbox .right{width:440px;}
.topbox h2{color: #333;font-size: 18px;margin-bottom: 24px;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.topbox .js{color: #333;font-size: 14px;line-height: 24px;}
.topbox .js p{text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}
.topbox .call{color:#269dd4;font-size: 26px;font-family: arial;padding-left: 50px;background: url("../images/phone.png") no-repeat left 9px;margin: 30px 0;}
.topbox .call span{display:block;color: #333;font-size: 14px;}
.news-box{padding: 0 30px;}
.news-box .wz-title{border-bottom:1px solid #eee;padding:0px 0 22px 0;margin-bottom: 20px;}
.news-box .wz-title h1{color: #333;font-size: 18px;margin-bottom: 14px;}
.news-box .wz-title p{color: #666;font-size: 14px;}
.news-box .wz-title p span{display: inline-block;margin-right:20px}
.news-box .wz-title p span a{color: #269dd4;}
.detail img{display: block;margin:0px auto;max-width: 905px;}
.detail .fenye{font-size: 16px;line-height: 30px;color: #269dd4;font-weight: bold;}
.detail .fenye a{color: #666;font-size: 16px;font-weight: normal;}
.detail .fenye span{display: block;}
.detail .down-box{padding:40px 0;border-top: 1px solid #eee;margin: 50px 0 0 0;}
.detail .fenye a:hover{color: #269dd4;}
.detail p{color: #666;font-size: 14px;line-height: 24px;}
.about2{text-align: center;}
.about{padding: 50px 0;}
.about p{color: #777;font-size: 14px;line-height: 26px;text-indent: 28px;}
.about2 p{color: #777;font-size: 14px;line-height: 26px;}
.about2 .four{padding: 50px 0;}
.about2 .four li{float: left;width: 25%;text-align: center;}
.about2 .four li h2{padding:18px 0 3px 0;color: #555;font-size: 18px;}
.about img{width: 100%;height: auto;margin: 30px 0 0px 0;}
.we{padding-top: 20px;}
.about2{padding-top: 0px;}
.contact{padding: 50px 0;}
.contact .way{padding-top: 50px;}
.contact .way li{float: left;width: 25%;text-align: center;}
.contact .way li h3{color: #444;font-size: 18px;padding: 17px 0 13px 0;}
.contact .way li p{color: #555;font-size: 16px;}
.contact .map{padding: 30px 0;}
.service li{float:left;margin-right:100px;width:333px;padding-bottom:52px}
.service li .tp{float:left;padding-right:20px;display:inline-block;vertical-align:middle;margin-top:-2px}
.service li .wz{float:left;color:#777;font-size:14px;width:245px;line-height:28px}
.service li h5{color:#555;font-size:20px;padding-bottom:14px}
.service li:nth-child(3n){margin-right:0}
.service li p{height:84px;overflow:hidden}
.service .ss_list{padding-top:30px}
.service{padding:50px 0 0 0}
.service li:hover p{color:#269dd4;}
.service2 li{margin: 30px 0;}
.service2 li .left{width: 207px;height: 54px;line-height: 54px;background: url("../images/left-bg.png") no-repeat;color: #fff;font-size: 18px;padding-left: 50px;}
.service2 li .right{width: 912px;height: 52px;border: 1px solid #ccc;line-height: 52px;color: #777;font-size: 16px;}
.service2 li span{display: inline-block;margin-left: 20px;}
.service2{padding:0px 0 50px 0}
.online textarea{width:98.2%;border: none;background-color: #f6f6f6;height:150px;font-family: Arial, Helvetica, sans-serif;padding: 10px 12px;margin-top: 20px;color:#333;font-size:16px;}
.online input{border: none;background-color: #f6f6f6;font-family: Arial, Helvetica, sans-serif;padding:0 25px;height:46px;width:88%;margin-top: 20px;color:#333;font-size:16px;}
.Validform_wrong{color:#FF0000;white-space:nowrap;background:url(../images/error.png) no-repeat left center;display: block;clear: both;position: absolute;}
.Validform_loading{padding-left:19px;background:url(../images/onLoad.gif) no-repeat left center;}
.Validform_error{background-color:#ffe7e7;border:1px solid #FF3300;}
.online input.feedbackBtn_1{width:132px;padding: 0;background-color: #269dd4;color: #fff;font-size: 16px;margin-top:50px; cursor: pointer;height: 40px;margin-right: 20px;}
.online input.feedbackBtn_1:hover{background-color: #269dd4;}
.online input.feedbackBtn_2{width:132px;padding: 0;background-color: #969696;color: #fff;font-size: 16px;margin-top:50px; cursor: pointer;height: 40px;}
.online input.feedbackBtn_2:hover{background-color: #969696;}
.online{padding:52px 0 60px 0;}
.online td.cha .Validform_wrong{padding-left:4%;top: 67px;}
.online td{position: relative;}
.online td em{position: absolute;left: 13px;color: #f00;top:38px;font-style: normal;}
.online td.yzm .Validform_wrong{top: 67px;background: none;left: 0;}
.online h3{color:#555;font-size:30px;font-weight:bold;padding-bottom:15px}
.online p{color:#555;font-size:16px;line-height:30px;}
.online input::-webkit-input-placeholder {
  color: #333;
  font-size: 16px;
}
.online input:-moz-placeholder {
  color: #333;
  font-size: 16px;
}
.online input::-moz-placeholder{
color: #333;
font-size: 16px;
}
.online input:-ms-input-placeholder {
 color: #333;
 font-size: 16px;
}

.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #999999 solid;
background:#FFFFCD;
font-weight:bold;
}
.page  a:hover{
border:1px #333333 solid;
background:#FFFFCD;
text-decoration:none;
}

.detail{padding:15px 10px; padding-top:50px;}
.detail h3{ color:#333; text-align:center; font-size:20px;}
.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}
.write span{ color:#666;}
.detail p{ padding:0 14px;line-height:30px;font-size:14px;}
.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }
.dow b{ color:#0271cb;}
.dow p{ text-indent:0;font-size:12px;}
.info p {line-height:25px;font-size:12px; margin-top:5px; }

.about3 .a_list{padding-top:16px;}

.about3 .a_list li{float:left;margin-right:20px;width:285px;text-align:center;background:#fff;padding:15px 0}

.about3 .a_list li img{width:260px;height:340px}

.about3 .a_list li:nth-child(4n){margin-right:0}

.about4 .a_list li img{width:auto;height:179px}

.about3{padding-bottom: 50px;}

.leftside{margin-bottom: 50px;}
.leftside .leftnews {
	margin-top: 20px;
}
.leftside .leftnews .title_pro h2 {
	color: #fff;
    font-size: 30px;
    background: #269dd4 url(../images/tit2.png) no-repeat center 65px;
    height: 90px;
    line-height: 65px;
    text-align: center;
}

.leftside .leftnews .leftprocomt {
	padding-top: 10px;
	border: 1px solid #ddd;
	border-top: 0;
}
.leftside .leftnews .leftprocomt li {
	float: left;
	text-align: center;
	width: 110px;
	margin-left: 10px;
}
.leftside .leftnews .leftprocomt li img {
	width: 100%;
	height: 83px;
	border-radius: 3px;
}
.leftside .leftnews .leftprocomt li p {
	color: #666;
	line-height: 30px;
	transition: all .5s;
}
.leftside .leftnews .leftprocomt li:hover p {
	color: #5283e6;
}
.leftside .leftnews .leftcont {
	background: #ececec;
	padding: 10px;
	border-radius: 0 0 3px 3px;
}
.leftside .leftnews .leftcont p {
	color: #666;
	line-height: 30px;
	font-size: 14px;
	display: block;
}
/*----------------客服07样式开始--------------*/
.side{position:fixed;width:78px;right:0px;top:300px; z-index:100; border:1px solid #e0e0e0; background:#ffffff; border-bottom:0;}
.side ul li{width:78px;height:78px;float:left;position:relative; border-bottom:1px solid #e0e0e0;color:#333; font-size:14px; line-height:38px; text-align:center;transition:all 0.3s; cursor:pointer;}
.side ul li img{ }
.side ul li:hover{background:#f67524; color:#fff;}
.side ul li:hover a{ color:#fff;}
.side ul li i{height:25px; margin-bottom:1px; display:block; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 25px; margin-top:14px;transition:all 0.3s;}
.side ul li i.bgs1{ background-image:url(../images/right_pic5.png);}
.side ul li i.bgs2{ background-image:url(../images/right_pic7.png);}
.side ul li i.bgs3{ background-image:url(../images/right_pic2.png);}
.side ul li i.bgs4{ background-image:url(../images/right_pic1.png);}
.side ul li i.bgs5{ background-image:url(../images/right_pic3.png);}
.side ul li i.bgs6{ background-image:url(../images/right_pic6_on.png);}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png);}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png);}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png);}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png);}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png);}
.side ul li:hover i.bgs6{}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all 0.3s;overflow:hidden;}
.side ul li.sidetop{background:#f67524; color:#fff;}
.side ul li.sidetop:hover{opacity:0.8;filter:Alpha(opacity=80);}
.side ul li.sideewm .ewBox {
  width: 238px;
  display: none; 
  color: #363636;
  text-align: center;
  position: absolute;
  right: 80px;
  top: 0px;
  border:1px solid #e0e0e0;
  background: #fff;
}
.side ul li.sideewm .ewBox img{ width:200px;}

.side ul li.sideetel .telBox {
   width: 240px;
  display: none; 
  color: #fff;
  text-align: left;
  position: absolute;
  right: 80px;
  top: 0;
  background:#f67524;
}
.side ul li.sideetel .telBox dd{ display:block; height:118.5px; overflow:hidden; padding-left:82px; line-height:24px; font-size:18px;}
.side ul li.sideetel .telBox dd span{ display:block; line-height:28px; height:28px; overflow:hidden; margin-top:32px; font-size:18px;}
.side ul li.sideetel .telBox dd.bgs1{ background:url(../images/right_pic8.png) 28px center no-repeat; background-color:#e96410;}
.side ul li.sideetel .telBox dd.bgs2{ background:url(../images/right_pic9.png) 28px center no-repeat;}
.side ul li:nth-child(2){display: none;}