@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html,body { width:100%; }
body{overflow:-Scroll;overflow-x:hidden; background-color: #f6f6f6; }
body{font-family: "微软雅黑"; background:#fdfdfd}
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}
audio,canvas	
@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	font-family:微软雅黑
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	cursor: pointer
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
input, textarea, select {
	outline: none;
}
textarea {
	resize: none;
}
img {
	border: none;
}
body {
	font-family: Arial, "微软雅黑", Helvetica, sans-serif;
	width:100%;

}
/*顶部*/
.qy{ width:1170px; margin:0 auto}
.phone{ height:30px; background:#282b2d; font-size:12px; color:#fff; text-align:right; line-height:30px;}
.topbox{ height:86px; background:#fff}
.topbox .qy{height:86px; background:url(../images/logo.png) left center no-repeat}
.daohang{ float:right}
.daohang a{  display:block; float:left; padding-left:14px;padding-right:14px;transition:0.3s; }
.daohang span{16px; color:#333; line-height:86px;  padding:13px 4px; transition:0.2s}

body .daohang .active{ background:#69AADE;}
body .daohang a:hover{ background:rgba(74, 118, 155, 0.41)}
body .daohang .active span{ color:#fff;}
body .daohang a:hover span{ color:#fff}

/*搜索栏*/
.ss{ height:40px; background:#013c97;margin-top:-4px;}
.ssl{ float:left; color:#eee; font-size:14px; line-height:40px;}
.ssl a{ color:#eee; margin-left:26px; transition:0.2s; font-size:14px;}
.ssl a:hover{ color:#fff; }
.ssr{ float:right; margin-top:7px;}
.ssbox{ width:160px; height:26px; border:none; padding-left:10px; opacity:0.5;}
.ssbox input{ color:#eee}
.ssdj{ width:50px; height:26px; color:#fff; background:#277cc2;border:1px solid #0064b5; transition:0.3s;}
.ssdj:hover{ border:1px solid #1488e7; background:#007bdf}

/*banner图*/
.b1{ width:100%; }
.b1 img {width:100%;}


/*产品*/
.product{ padding:20px 0; height:700px;}
.cptitle{ width:242px; padding:10px 14px;  height:30px; background:#013c97; font-size:18px; color:#fff; font-weight:600; line-height:30px; background-image:url(../images/oo_07.png); background-repeat:no-repeat; background-position: 220px  center}
.cpl{ float:left;background:#FFF;border:1px solid #e5e5e5; }
.cpl ul{ padding:20px 0}
.cpl ul li{ font-size:16px;}
.cpl ul li a{ color:#333; line-height:50px; width:270px; text-align:center; display:block;transition:0.2s; font-size:15px; background: url(../images/dian_15.png) no-repeat 270px center}
.cpl ul li a:hover{  margin-left:-30px; background-position:230px center}

.cpr{ width:890px; float:right}
.cprbox{ width:240px; border:#ebebeb solid 1px; padding:14px; background:#fff; margin-left:10px; margin-bottom:24px; transition:0.3s; border-radius:3px; float:left}
.cprbox:hover{ box-shadow:10px 10px 10px #ccc; }
.cprbox a{color:black;}
.cprbox a.xqbtn{ font-size:18px; text-align:center; color:#333; display:block; width:100%; height:40px; line-height:40px; margin-top:14px; border-top:1px solid #ebebeb; padding-top:10px;transition:0.3s;}
.cprbox:hover a.xqbtn{ color:#1488e7}
.cprbox p{  width:240px; font-size:14px; color:#666;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.cpt{ width:268px; height:234px; overflow:hidden}
.cpt img{ width:100%; }
.rboxt{ font-size:16px;  margin:10px 0; font-weight:400; line-height:24px;}

/*产品中心*/
.pproduct{ padding:20px 0; height:800px; }
.pcptitle{ width:240px; padding:10px 14px;  height:40px; background:#42454d; font-size:18px; color:#fff; font-weight:600; line-height:22px;}
.pcptitle span{ display:block; font-size:14px;font-weight:400; color:#CCC}
.pcpl{ width:268px; float:left; border:1px solid #e5e5e5;background:#FFF; }
.pcpl ul{ padding:20px 0}
.pcpl ul li{ font-size:16px;}
.pcpl ul li a{ color:#333; line-height:50px; width:270px; text-align:center; display:block;transition:0.2s; font-size:15px;background-image:url(../images/dian_15b.png); background-position:-20px 16px; background-repeat:no-repeat; overflow:hidden}
.pcpl ul li a:hover{ color:#fff; background:#277cc2;background-image:url(../images/dian_15b.png); padding-left:20px; background-position:40px 16px;  background-repeat:no-repeat; }
.pcpl ul li .activ{color:#fff; background:#277cc2;background-image:url(../images/dian_15b.png); padding-left:20px; background-position:40px 16px;  background-repeat:no-repeat;}
.pcpr{ width:900px; float:right}

.pcprbox{ width:280px; border:#ebebeb solid 1px;background:#fff; margin-left:16px; margin-bottom:16px; transition:0.3s;float:left}
.pcprbox:hover{ box-shadow:10px 10px 10px #ccc; }
.pcprbox a{ color:#666}
.pcprbox p{  width:240px; font-size:14px; color:#666;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.touming{ width:280px; height:210px; background:rgba(0,0,0,0); position:absolute; transition:0.3s; background-image:url(../images/yuan_03.png); background-repeat: no-repeat; background-position:  center -60px;}
.pcpt{ width:280px; height:230px;  overflow:hidden}
.pcprbox:hover .touming{ background:rgba(0,0,0,0.4);  background-image:url(../images/yuan_03.png);background-position:  center  center; background-repeat:no-repeat}
.pcpt img{ width:100%; min-width:290px;min-height:230px;transition:0.3s}
.prboxt{ font-size:16px;  margin:10px; font-weight:400; line-height:24px; padding-top:8px; }
.pcprbox p{ padding: 8px 0;}
.pcprbox:hover a{ color:#277cc2}



/*产品详细*/
.tpcpr{ display:inline-block; width:840px; background:#fff; padding-top:20px; margin-left:20px; padding:20px;}
.tpcpr img{  max-width:100%; display:block}
.tpbox img{ width:45%; display:inline-block; }
.tpbox{ margin-bottom:20px;}
.s1{ font-size:18px; color:#333; padding-bottom:4px; padding-top:4px;}
.s2{ font-size:14px; color:#999; padding-bottom:8px;}
.s3{ font-size:14px; color:#666;}
.s4{ font-size:14px; color:#666; padding-top:8px;}
.tpboxr{ float:right; width:400px; padding-left:20px;}
.kongbai{ height:2200px;}


/*优势*/
.youshia{ padding-top:40px;font-size:42px;color:#277cc2; text-align:center; width:100%; letter-spacing:4px; font-family:"长城新艺体"}
.youshib{font-size:18px;color:#999; text-align:center; width:100%; padding-top:6px;}
.ystext1{ font-size:24px; color:#333; font-weight:600; padding-bottom:12px; padding-top:140px;}
.ystext2{ font-size:16px; padding-bottom:30px;}
.ystext3{ font-size:18px; color:#fff; padding:10px 20px; background:#277cc2; display:inline;}
.ystext1 span{ font-size:32px; color:#ffb533}
.youshitext{ height:700px;}
#bj1 .ystext1{  padding-top:80px;}
#bj1{ background:url(../images/1_03.png) center center no-repeat; height:726px;}
#bj2{ background:url(../images/2_05.png) center center no-repeat}
#bj2 .ystext1{ text-align:right}
#bj2 .ystext2{ text-align:right}
#bj2 .ystext3{ float:right}
#bj3{ background:url(../images/3_07.png) center center no-repeat}
.biaoyu{ height:60px; font-size:30px; font-weight:600; color:#333; line-height:30px; text-align:center; line-height:60px;}
.biaoyu span{ color:#277cc2;}

/*新闻资讯*/
.news{ background:#fff; padding-top:40px; padding-bottom:20px;}
.news .newsbox:last-child{ padding-right:0;}
.newstitle{ font-size:20px; color:#277cc2; height:30px;line-height:30px;}
.newstitle span{ font-size:16px; color:#aaa; margin-left:10px;line-height:30px;}
.newstitle a{ font-size:16px; color:#277cc2; float:right; line-height:30px;transition:0.2s}
.newstitle a:hover{color:#ffb533}
.newsbox{ width:470px; float:left;; padding-right:34px;margin-right:60px;}
.newsbox ul{width:470px;}
.newsbox ul li{ border-bottom:1px #ebebeb solid}
.newsbox ul li:last-child{ border:none}
.newsbox ul li a{ display:block;padding:16px 0;}
.newsbox ul li span{ font-size:14px; color:#666; font-weight:600; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block}
.newsbox ul li p{overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size:12px; color:#999;height:32px; }


/*底部*/
.boot1{ float:left; padding-top:24px; margin-right:90px;}
.bootbox{ height:290px;}
.boott{ font-size:18px; color:#D6D6D6;padding-bottom:20px;}
.boot1 li a{ font-size:14px; color:#6f7f77; line-height:36px; transition:0.2s}
.boot1 li { font-size:14px; color:#6f7f77; line-height:36px; }
.boot1 li a:hover{ color:#eee}

.erweima{ width:100px; height:100px; margin-top:10px; border:6px #fff solid; border-radius:3px;}
#biaodan{ margin-right:0px;}
.bdbox input{ width:220px; padding:8px 16px; border:#d7d7d7 1px solid; color:#333; display:block; margin-bottom:6px; background:#CCC}
.liuyan{ width:220px; padding:8px 16px; border:#d7d7d7 1px solid; color:#333; display:block; margin-bottom:6px; background:#CCC; height:60px;}
.tj{ background:#666; font-size:12px; color:#fff;  padding:10px 24px; display:block; border:none;
border-radius:3px; margin-top:10px; transition:0.3s}
.tj:hover{ background:#0064b5}
.boot{ background:#292a2e;    border-top: 3px solid #69AADE;}
.boot2{ font-size:12px; text-align:center; line-height:40px; color:#666; border-top:#333 solid 1px;}




/*关于我们*/
.fbanner{ height:210px; width:100%; background:url(../images/about_03.jpg) center center no-repeat}
.title{ font-size:24px; color:#333; text-align:center; padding-top:50px;}
.ftitle{ font-size:16px; color:#666; padding-top:12px;}
.title p{ width:920px; display:block; margin:0 auto; font-size:14px; color:#666; padding-top:20px;}
.usbox{ padding:30px; width:326px; font-size:18px; text-align:center; color:#555; display:inline-block; line-height:30px; padding-top:70px; padding-bottom:50px;}
.usbox img{ width:100%;min-height:260px; min-width:336px; overflow:hidden}

.usboxt{ width:100%;height:1040px; background:url(../images/us4_05.jpg) top center no-repeat;}
.baogao{ height:846px; width:100%; background:url(../images/us_05.jpg) center center no-repeat;}
#titlew,#titlew p{ color:#fff}
#titlew .ftitle{color:#ccc}
.baogaot{ padding-top:50px;}
.baogaotbox{ width:170px; height:250px; margin:10px; box-shadow:3px 3px 3px #333}
.jiancebaogao{ margin:0 auto; width:1000px;}




/*合作客户*/
.hzkh{ padding-top:40px;}
.hzbox{width:284px; margin:6px; display:inline-block;vertical-align:top;}
.hzkh img{ width:100%; margin-bottom:10px; transition:0.3s}
/*.hzkh img:hover{ width:120%; margin-left:-10%}*/
.hzkh img:hover{box-shadow:5px 5px 5px #CCC; margin-top:-2px;}


/*联系我们*/
.lxwm{ padding-top:40px; padding-bottom:40px;}
.map{ display:inline-block;vertical-align:top;}
.map img{ border:1px solid #ebebeb; }
.mapt{ font-size:24px; font-family:"长城新艺体"; color:#333; padding-bottom:30px;}
.lianxitext{ display:inline-block;vertical-align:top; padding-left:40px; width:380px; text-align:center}
.lianxitext img{ margin:0 auto; display:block; padding-bottom:20px;}
.maptext1 ul li{ font-size:14px; color:#666; padding-bottom:14px; text-align:left}
.maptext1 ul li a{ color:#fe7d27; font-weight:600;transition:0.2s}
.maptext1 ul li:hover a{ color:#dd5901}




/*新闻资讯*/
.newsboxl{ width:220px; height:100%; display:inline-block; margin-top:-60px; }
.newtitle{ font-size:24px; color:#fff; font-weight:600; padding-top:6px; padding-bottom:3px; padding-left:16px; background:rgba(0,0,0,0.5);  }
.newtitle span{ display:block; color:#eee; font-size:14px; padding-top:4px;}
.newsboxl ul{ padding:30px 0; background:#eee;border:#ddd solid 1px; height:580px; border-bottom:4px solid #277cc2;}
.newsboxl ul li{ width:100%; margin-bottom:16px;}
.newsboxl ul li a{ color:#fff; background:#999; text-align:center; width:100%; line-height:45px; display:block;transition:0.3s}
.newsboxl ul li a:hover{ background:url(../images/jiantou_03.png) left top no-repeat; padding-left:16px; margin-left:-16px; padding-bottom:10px; padding-left:48px;}
.newsboxl ul li .activ{ background:url(../images/jiantou_03.png) left top  no-repeat; padding-left:16px; margin-left:-16px; padding-bottom:10px; padding-left:48px;}
.newsboxr{ display:inline-table; width:830px; vertical-align:top; margin-left:70px; padding-top:30px; padding-bottom:70px;}
.newsboxr .xinwen{ padding-bottom:50px;}
.newsboxr .xinwen li{ border-bottom:#ebebeb 1px  dashed; margin:0; padding:0}
.newsboxr .xinwen li a{margin:0; padding:0;  padding-left:50px;display:block; color:#333; font-size: 14px;  padding-top:14px; padding-bottom:14px; background:url(../images/block_06.jpg) no-repeat; background-position: 10px center;transition:0.3s}
.newsboxr .xinwen li a:hover{ color:#277cc2; background-image:url(../images/block_03.png)}
.newsboxr .xinwen li a p{ width:650px; display:inline-block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsboxr .xinwen li a span{ float:right; padding-right:20px;color:#666;} 
.fenye{ width:360px; margin:0 auto}
.fenye ul li{ display:inline-block;   margin-right:6px;transition:0.3s}
.fenye ul li a{ display:block; padding:10px 14px; color:#333;transition:0.3s ;border:1px solid #ddd;}
.fenye ul a:hover{background:#277cc2; color:#fff; border-color:#277cc2}
.fenye ul .activ{ background:#277cc2;color:#fff}

/*咨询内容*/
.tnewsboxr{display:inline-table; width:830px; vertical-align:top; margin-left:70px; padding-top:30px; padding-bottom:70px; border:#eee 1px solid; margin-top:20px; background:#fff; min-height:580px; margin-bottom:40px; padding:20px;}
.nrdh{ border-bottom:1px #69AADE solid; text-align:right; color:#999}
.nrdh a{ font-size:12px; color:#999; margin:6px; line-height:18px;transition:0.3s}
.nrdh a:hover{ color:#666}
.nrt{ font-size:24px; text-align:center; color:#333; padding-top:20px; padding-left:30px; padding-right:30px;}
.nrt1{ padding-top:10px;}
.xx{ width:50%; display:inline-block; text-align:center; color:#666; font-size:14px;}
.tnewsboxr p{ font-size:14px; color:#666; line-height:22px; padding:10px 0px 0px 0px;}
.tnewsboxr p img{ max-width:100%}0%}}mg{ width:100%}height:22px; padding:20px 40px}
.tnewsboxr p img{ width:100%}}