@charset "utf-8";
/* css document */
html,h1,h2,h3,h4,h5,h6,dl,ol,ul,li,dt,dd,table,th,td,tr,p,div,body{
	padding:0px; margin:0px auto; 
}

body { font-family:微软雅黑; color:#444 }
ul {
	list-style-type: none; zoom: 1; list-style-image: none
}
li {
	list-style-type: none; zoom: 1; list-style-image: none
}
.nyright-div1 img { width:100%; height:auto; }
img {
	border: 0px;vertical-align:middle;
}
a{ font-family:微软雅黑; font-size:12px;transition:color .5s; text-decoration:none }
a:hover {
	font-family:微软雅黑; text-decoration:underline 
}
/*PC端样式*/
.top{ width:100%;background:url(images/top-bj.jpg) repeat-x; float:left}
.top-div{ width:1100px; height:112px; }
.top-div .logo{ width:492px; float:left; margin-top:18px; height:75px;}
.top-div .tel{ width:310px; float:right; height:57px; margin-top:27px;}
.meun1{ width:100%; background:#00509d; height:47px; float:left}
/*导航*/
#nav-menu{height:47px;width:1100px;margin:0 auto;}
#nav-menu .container{position:relative;overflow:visible; z-index:99;}
#nav-menu .menu{padding:0 0 0 14px;}
#nav-menu .menu li{position:relative;float:left;padding:0 8px 0 5px;display:inline;font-size:14px;}
#nav-menu .menu li h3{font-weight:normal;display:inline-block;float:left;}
#nav-menu .menu li a.xialaguang{display:inline-block;color:#FFF;height:37px;text-decoration:none;font-size:14px;width:125px; padding-top:10px;text-align:center;}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#fff;}
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover{background-color:#f68c27;}
#nav-menu .menu li a.xialaguang span{height:30px;line-height:25px;display:inline-block;font-weight:bold;}
#nav-menu .menu li a.selected span,#nav-menu .menu li a.navhover span,#nav-menu .menu li a.xialaguang:hover span{cursor:pointer;}
#nav-menu .menu li a.navhover span, #nav-menu .menu li a.xialaguang:hover span{width:125px;}
#nav-menu .menu ul.children{display:none;position:absolute;top:47px;left:5px;width:125px;background:#f68c27;line-height:normal; z-index:999}
#nav-menu .menu ul.children li{width:125px;padding:0px;display:inline-block;font-size:12px;border-top:1px dashed #f9b06a;}
#nav-menu .menu ul.children li h3{display:block; width:100%;}
#nav-menu .menu ul.children li a{width:100%;height:24px;line-height:24px;overflow:hidden;padding:3px 0;display:block;color:#fff;text-align:center;
text-decoration:none; font-size:12px;}
#nav-menu .menu ul.children li a:hover{background-color:#f4a050;text-decoration:none;}

.banner{ width:100%; float:left}

.content{ width:100%; float:left}
.content-div{ width:1100px; padding-top:36px; padding-bottom:0px;}
.content-title{ width:1100px; float:none; text-align:center; padding-bottom:20px;}
.tle1{ font-size:16px; color:#000; font-weight:bold}
.tle2{ color:#bcbcbc; font-size:12px;}
.tle3{ color:#999; font-size:12px;}
.pro{ width:1100px; float:left; overflow:hidden}

.case-wrap{ width:1100px; float:left; overflow:hidden; padding-bottom:20px;}
.case-wrap ul{ width:110%}
.case-wrap ul li a{ color:#333;}
.case-wrap ul li a:hover{ color:#fff;}
.case-wrap ul li{ width:246px; float:left; margin-right:32px; background:#f5f6f6; border-bottom:2px solid #e2e2e2; cursor:pointer; border:2px solid #fff; transition: all 0.5s linear;}
.case-wrap ul li:hover{ background:#0073e2; color:#fff; border:2px solid #0073e2; transition: all 0.5s linear;}
.case-info{ width:216px; float:left; padding:15px; line-height:30px;}
.case-info1{ color:#999; font-size:12px;}

.more{ width:180px; height:50px; border:1px solid #ddd; text-align:center; line-height:50px; color:#f39700;  font-size:14px; background:none; margin-top:20px; display:-webkit-box; margin:0px auto; padding-left:150px; transition: all 0.5s linear;}
.more:hover{ background:#085db3; color:#fff; text-decoration:none;  transition: all 0.5s linear;}

.about{ width:1100px; float:left; padding-bottom:20px;}
.about-left{ width:293px; height:202px; float:left; background:url(images/about-bj.png) no-repeat; padding-top:7px; padding-left:6px; padding-right:12px; padding-bottom:11px;}
.about-right{ width:729px; color:#b8cef4; line-height:28px; font-size:13px; margin-left:60px; float:left; text-indent:2em}
.about-button{ width:86px; height:28px; float:right; background:#80b9f1; border-radius:3px; text-align:center; text-indent:0px; line-height:28px; color:#fff; font-size:12px; cursor:pointer; margin-top:30px;}
.about-button:hover{ background:#4d9deb}

.new{ width:1100px; float:left; padding-bottom:20px}
.new-left{ width:424px; height:278px; float:left; margin-right:88px;}
.new-right{ width:588px; float:left}
.new-right ul li{ width:588px; float:left; margin-bottom:34px;}
.new-right ul li .time{ width:75px; float:left; margin-right:25px;}
.new-right ul li .time1{ width:75px; line-height:45px; float:left; font-size:22px; color:#fff; background:#0073e2; text-align:center}
.new-right ul li .time1:hover{ background:#f64704}
.new-right ul li .time2{ width:75px; background:#999; line-height:23px; text-align:center; color:#fff}
.new-right ul li .news-wrap{ width:488px; float:left;color:#999; font-size:12px; line-height:24px;}
.new-right ul li .news-wrap a{font-weight:bold; color:#333; font-size:14px; float:left; width:488px; text-decoration:none}
.new-right ul li .news-wrap a:hover{ color:#f64704}

.product{ width:230px; height:auto; float:left; margin-right:50px; background:#f6f6f6; margin-bottom:50px; padding-bottom:20px;}
.product a{ width:100%; text-align:center; line-height:45px; display:block; text-decoration:none; color:#333;}
.product a:hover{ color:#f68c27;}
.product span{ display:block; width:105px; height:30px; line-height:30px; margin:0px auto;  background:none; border:1px solid #06067c;}
.product span:hover{ color:#fff;background:#f68c27; border:1px solid #f68c27;}
.bottom-left{ width:399px; margin-top:14px; margin-bottom:14px; border-right:1px solid #004b9e; line-height:30px; color:#8fa9d3; font-size:14px; float:left}
.bottom-left1{ width:100%; margin-top:14px; line-height:22px; color:#8fa9d3; font-size:12px; display:none; }
.bottom-med{ width:479px; margin-top:14px; margin-bottom:14px; border-right:1px solid #004b9e;  float:left}
.bottom-med ul li{ width:139px; float:left;line-height:30px; color:#fff; font-size:14px; font-weight:bold; padding-left:20px;}
.bottom-med ul li a{ color:#8fa9d3; font-size:12px; font-weight:lighter;}
.bottom-med ul li a:hover{ color:#fff}
.bottom-med1{ width:100%;  float:none;}
.bottom-med1 ul li{ width:30%; float:left;line-height:26px; color:#fff; font-size:12px; font-weight:bold; padding-left:10px; padding-top:15px;}
.bottom-med1 ul li a{ color:#8fa9d3; font-size:12px; font-weight:lighter;}
.bottom-med1 ul li a:hover{ color:#fff}
.bottom-right{ width:220px; float:left;margin-top:14px; margin-bottom:14px; font-size:14px; color:#fff; font-weight:bold; text-align:right}

.foot{ width:100%; float:left; background:#151515; }
.foot-div{ width:1100px; line-height:45px; color:#999}
.foot-div a{ color:#999; text-decoration:none}
.foot-div a:hover{ color:#fff}
/*内页*/
.ny-banner{ width:100%; float:left; height:204px;}
.location{ width:100%; background:#f6f6f6; line-height:40px; float:left;}
.location-div{ width:1100px; text-align:right; line-height:40px; color:#999; font-size:12px;}
.nyleft{ width:220px; float:left; margin-right:40px;}
.nyleft-title{ width:220px; float:left; height:96px; background:url(images/left.jpg) no-repeat; padding-top:50px; text-align:center; color:#fff; font-size:18px;}
.nyleft-nav{ width:218px; float:left; margin-top:8px; border:1px solid #ddd; margin-bottom:30px;}
#leftnavcon UL {DISPLAY: block;}
#leftnavcon LI { list-style:none; list-style-type:none }
A.left_menubg_ {
	DISPLAY: block; 
	WIDTH:218px; 
	LINE-HEIGHT: 45px; 
	HEIGHT: 45px;  
	font-size:14px;
	color:#000;  
	text-decoration:none; 
	border-bottom:1px solid #ddd; text-align:center
}

A.left_menubg_:hover {
	DISPLAY: block;
	font-size:14px;
	FONT-WEIGHT: bold; 
	COLOR: #fff;
	WIDTH: 218px;
	LINE-HEIGHT: 45px;
	HEIGHT: 45px;
	TEXT-DECORATION: none;   
	text-decoration:none; background:#f68c27;
	 border-bottom:1px solid #ddd;  text-align:center }

A.left_menubg_over {
	DISPLAY: block;
	font-size:14px;
	FONT-WEIGHT: bold; 
	COLOR: #fff;
	WIDTH: 218px;
	LINE-HEIGHT: 45px;
	HEIGHT: 45px;
	TEXT-DECORATION: none;   
	text-decoration:none; background:#f68c27;
	 border-bottom:1px solid #ddd; text-align:center }

A.left_menubg_over:hover {
	DISPLAY: block;
	font-size:14px;
	FONT-WEIGHT: bold; 
	COLOR: #fff;
	WIDTH: 218px;
	LINE-HEIGHT: 45px;
	HEIGHT: 45px;
	TEXT-DECORATION: none;   
	text-decoration:none; background:#f68c27;
	 border-bottom:1px solid #ddd; text-align:center }	
	
.nyright{ width:840px; float:left}
.nyright-title{ width:auto; float:left; border-bottom:3px solid #000; padding-bottom:10px; font-size:20px; font-weight:bold; color:#000}

.nyright-div{ width:840px; float:left; padding-top:20px; padding-bottom:30px; min-height:400px;}

/*产品弹出导航*/
#menu{ position:absolute; z-index:99;  padding-top:146px;}
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;

  width: 218px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
    border-bottom:1px solid #ddd; 
}

ul#menu li a {
  background: #fff;
  color: #000;	
  padding:0 0.5em; height:40px; line-height:40px;
}

ul#menu li a:hover {
  background: #f68c27;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}
/*公司荣誉*/
.honor{padding-bottom: 50px;}
.honor-nav{margin-bottom: 45px;}
.honor-nav-a{margin-right:23px;float: left;width: 200px;height: 45px;text-align: center;line-height: 45px;border: 1px solid #e7e7e7;}
.honor-nav-a a{display: block;color: #333;}
.honor-nav-a.active a{color: #31a344;}
.honor-ul{margin:0 -35px;/*text-align: center;*/}
.honor-li{padding:0 30px;margin-bottom:30px;display: inline-block;}
.honor-li-a{line-height: 24px;text-align: center;color: #000;cursor: pointer;}
.honor-li-img{margin-bottom:15px;width: 310px;height:auto;border: 8px solid #f1f1f1;}
.honor-li-img img{display: block;width: 100%;}
.big-img{position: fixed;left: 50%;top: 20%;margin-left:-305px;z-index:3;display:none;padding:5px;width: 600px;background-color: #fff;}
.big-img img{display: block;width: 100%;}
 

/*手机端样式*/
.top1{ width:100%; background:url(images/top-bj.jpg) repeat-x; padding-top:1rem; padding-bottom:1rem }
.top1-logo{ float:left; width:50%; margin-left:0.5rem}
.top1-meun{ float:right}
.content1{ width:100%; float:left}
.content-title1{ width:100%; float: inherit; text-align:center; padding-bottom:1rem; padding-top:1rem}
.pro1{ width:92%; float:left; margin-left:4%; margin-right:4%; overflow:hidden}
.pro1 ul { width:110%}
.pro1 ul li{ width:45%; float:left; margin-right:5%; margin-bottom:5%}
.pro1 ul li .pro1-title{background:#000; line-height:30px; font-size:0.6rem; text-align:center; color:#fff; position:relative; bottom:0px; left:0px; right:0px;}
.more1{ width:98%; height:2rem; border:1px solid #ddd; line-height:2rem;  color:#f39700;  font-size:0.6rem; background:none;  display:block; text-align:center; padding-left:0px; margin:0px auto;}
.about1{ width:92%; float:left; padding-bottom:1rem; color:#b8cef4; line-height:28px; font-size:12px;  margin-left:4%}
.about-left1{ width:100%;}
.about-right1{ width:100%;}
.about-button1{ width:5rem; height:2rem; float:right; background:#80b9f1; border-radius:3px; text-align:center; text-indent:0px; line-height:2rem; color:#fff; font-size:0.6rem; cursor:pointer; margin-top:3rem;}
.case-wrap1{ width:92%; float:left; overflow:hidden; padding-bottom1rem; margin-left:4%}
.case-wrap1 ul li a{ color:#333;}
.case-wrap1 ul{ width:110%}
.case-wrap1 ul li{ width:45%; float:left; margin-right:5%; background:#f5f6f6; border-bottom:2px solid #e2e2e2; margin-bottom:5% }
.case-info1{ width:100%; float:left; padding:1rem; line-height:1.4rem;}
.new1{ width:92%; float:left;  margin-left:4%}
.new1 ul li{ width:100%; float:left; margin-bottom:2rem; border-bottom:1px dotted #ccc; margin-bottom:15px;}
.new1 ul li a{ font-size:14px; font-weight:bold; color:#333;}
.new1 ul li .time1{ width:100%; float:left; color:#999;}
.new1 ul li .time3{ width:20%; float:left; margin-right:4%;}
.new1 ul li .time4{ width:100%; line-height:2rem; float:left; font-size:1rem; color:#fff; background:#0073e2; text-align:center}
.new1 ul li .time5{ width:100%; background:#999; line-height:2rem; text-align:center; color:#fff; font-size:0.4rem}
.new1 ul .news-wrap1{ width:100%; float:left;color:#999; font-size:0.6rem; line-height:1.4rem;}
 
.input2{
	width:400px;
	height:40px;
	line-height:40px;
	background:#f8f8f8;
	border:1px solid #f8f8f8;
}
.inputext2{ width:99%; height:170px; line-height:28px; background:#f8f8f8; border:1px solid #f8f8f8;}
.button2{
	width:230px;
	height:40px;
	line-height:40px;
	background:#eb3d00;
	border:1px solid #fff; color:#fff;
	text-align:center; cursor:pointer
}
.input1{
	width:500px;
	height:40px;
	line-height:40px;
	background:#f57b48;
	border:1px solid #f57b48;
}
.inputext1{ width:100%; height:170px; line-height:28px; background:#f57b48; border:1px solid #f57b48;}
.button1{
	width:230px;
	height:40px;
	line-height:40px;
	background:#fff;
	border:1px solid #fff; color:#eb3c00;
	text-align:center; cursor:pointer
}

.honor1{
	width:45%;
	background:#f9f9f9;
	padding:5px 0px;
	border:1px solid #ccc;
	float: left;
	margin: 0px 10px 10px 0px;
}
.honor1 img{ width:95%; display:block; margin:0px auto;}
.tabs{ widows:100%; height:57px; line-height:47px; background:url(images/pro.jpg) no-repeat; font-size:16px; color:#fff; text-indent:3em; margin-top:20px;}
.newlist{ width:100%; border-bottom:1px dotted #ccc; padding-bottom:20px;}
.newlist a{ text-decoration:none; color:#333;}
.newlist a:hover{ text-decoration:none; color:#f68c27;}
.newlist img{ float:left; width:175px; height:120px; margin-right:20px; display:block;}
.newlist p{ width:510px; float:left; line-height:30px; margin-right:20px;}
.newlist .time{
	width:80px;
	line-height:90px;
	height:80px;
	border:1px solid #ccc;
	border-radius:8px;
	text-align:center;
	float: right; font-size:12px; color:#999;
	background:url(images/nicon.jpg) center 20px no-repeat;
}
.newlist1{ width:100%; border-bottom:1px dotted #ccc; padding-bottom:10px;}
.newlist1 a{ text-decoration:none; color:#333;}
.newlist1 a:hover{ text-decoration:none; color:#f68c27;}
.newlist1 img{ float:left; width:26%; height:auto; margin-right:10px; display:block;}
.newlist1 p{ width:70%; float:left; line-height:20px; margin-right:0px;}
.newlist1 .time{ display:none;
	 
}
.product1{ width:48%; height:auto; float:left; margin-right:5px; background:#f6f6f6; margin-bottom:10px;}
.product1 a{ width:100%; text-align:center; line-height:2rem; display:block; color:#333;}
.product1 span{ display:block; width:105px; height:30px; line-height:30px; margin:0px auto;  background:none; border:1px solid #06067c;}
.product1 img{ width:100%; height:120px;}
.foot1{ width:100%; float:left; background:#151515;line-height:3rem; color:#999; text-align:center; font-size:0.4rem }

/*内页*/
.nyright1{ width:92%; margin-left:4%; float:left}
.nyright-title1{ width:auto; float:left; border-bottom:2px solid #000; padding-bottom:10px; font-size:14px; font-weight:bold; color:#333; margin-top:1rem}
.nyright-div1{ width:100%; float:left; padding-top:20px; padding-bottom:30px; }

#dcms_pager{
	width:99%;
	font-family:arial;
}
#dcms_pager .pages {border:none;text-transform:uppercase;font-size:12px;margin:10px 0 10px 0;padding:0;height:auto;clear:both;text-align:center;  }
#dcms_pager .pages a {border:1px solid #ccc;text-decoration:none;margin:0 5px 0 0;padding:4px;font-size:12px; width:16px;height:16px;line-height:16px; font-family:arial;}
#dcms_pager .pages a:hover {border:1px solid #aeaeae;}
#dcms_pager .pages .pgempty {border:1px solid #eee;color:#333;}
#dcms_pager .pages .pgcurrent {border:1px solid #aeaeae;color:#000; background-color:#eee;}

@media screen and (max-width: 1920px) {
    body { font-size:14px;}
	.top1{ display:none}
	.content1{ display:none}
	.foot1{ display:none}
	.location1{ display:none}
	}
	
	
@media screen and (max-width: 1100px) {
   body {font-size:0.8rem; line-height:1.4rem}
   .top{ display:none}
   .top1{ display:block}
   .meun1{ display:none}
   .content1{ display:block}
   .content{ display:none}
   .foot1{ display:block}
   .foot{ display:none}
.location{ width:100%; background:#f6f6f6; line-height:40px; float:left;}
.location-div{ width:98%; text-align:right; line-height:40px; color:#999; font-size:12px; }
   }
   @media screen and (max-width: 640px) {
   .content-title{ display:none;}
.ny-banner{ width:100%; float:left; height:50px;}
.case-info{ width:100%; float:none; padding:5px; line-height:24px;}
}