@font-face {
	font-family: 'iconfont';
	src: url('../fonts/icomoon.eot');
	src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/iconfont.woff2') format('woff2'),
		url('../fonts/iconfont.woff') format('woff'),
		url('../fonts/iconfont.ttf') format('truetype'),
		url('../fonts/iconfont.svg#iconfont') format('svg');
  }


body{ background-color:#fff}
.toolbar{position:absolute; top:15px; z-index:999;right:10px; width:36px}
.menu-button {
  position: relative; 
  width: 24px;
  cursor: pointer; border-top:2px solid #FFF; display:none
}
.menu-button:before {
  content: "";
  position: absolute;
  top: 6px;
  right: 0px;
  border-bottom: 2px solid #fff;
  border-top:2px solid #ccc;
  width: 24px;
  height:7px;
}
.menu-left {
  float: left;
  margin-right: 1.5em;
}
.sidebar {
    margin: 0;
    padding-top: 1em;
    color: white;
    background:rgba(28,44,49,1);
}

.sidebar h6 {
    margin: 0 .8em;
    padding: 0;
    font-weight:300;
}

.sidebar li a{ color:#fff}
.sidebar li {
    margin: .5em 0;
    padding: 0 1em;
    line-height: 20px; float:left;width:100%
}
.sidebar li em{ display:inline-block; padding-left:8px;font-style:normal; text-transform:uppercase; font-family:Arial;font-size:12px;}

.sidebar li:hover {
    background-color: #e84e40;
}

.sidebar hr {
    margin: 2em auto;
    border: 0;
    padding: 0;
    width: 80%;
    height: 1px;
    background-color: white;
    
}
/**/
a{text-decoration:none;transition:color 0.2s;transition:background 0.2s;}
.page{width:100%; float:left; position:relative; }
.main{width:1200px; margin:0 auto;}
.head{width:100%; float:left; padding:30px 0px;position:absolute; top:0px; left:0px; background-color:transparent; z-index:998; }
.head .logo{width:160px; float:left;}
.head .logo img{width:100%}
.head .menu{ float:right;}

.head .menu a{ display:block; float:left;width:100px; line-height:20px; text-align:center; color:#fff; font-size:15px; padding:5px 0px}
.head .menu a:hover,.head .menu a.ahover{ background-color:#FFF; color:#1c2c31; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.head .menu em{  width:100%; display:block; text-align:cente; float:left; font-style:normal; font-family:Arial; font-size:14px;}



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


.main_left{ float:left;width:219px; margin-top:70px}
.main_left_t{width:100%; float:left; background:#3b494d; height:50px; line-height:50px; color:#fff; font-size:20px; text-align:center}
.main_left_t span{ display:none}
.main_left_c{width:100%; float:left}
.main_left_c a{ display:block; float:left; line-height:23px; font-size:14px; text-align:left; padding:5px 10px;width:100%; background-color:#eaeaea; border-bottom:1px solid #fff;color:#3b494d;}
.main_left_c a:hover{background:#3b494d; color:#fff;}
.main_left_c span{ display:inline-block; margin-left:5px}

.main_right{ float:right;width:950px;margin-top:70px}

.main_right_t{ float:left; background:#f1f1f1; height:50px; line-height:50px;width:100%}
.main_right_t span{ float:left; background:#3b494d; height:50px; line-height:50px; color:#fff; font-size:20px; text-align:center; padding:0px 20px}
.main_right_t form{ float: right;} 



.main_right_t2{ float:left; height:42px; width:100%;  color:#5c5c5c; font-size:14px; background:url(../images/ico.jpg) repeat-x bottom}
.main_right_t2 span{ }

.main_right_c{width:100%; padding:20px 0px; float:left; color:#5c5c5c; line-height:26px; font-size:15px}
.main_right_c p{}
.main_right_loc{ text-align:center;width:100%; float:left; padding-bottom:80px}
.main_right_loc a{ color:#395e70}
.main_right_loc a:hover{ color:#59879a}

.products_c{width:100%; float:left;}
.products_c .img{width:600px; float:left; text-align:center}
.products_c .img img{width:96%; text-align:center}
.products_c .Features{width:600px; float:left; text-align:left; }
.products_c .Features div{ font-size:20px; font-weight:bold; color:#395e70; padding-bottom:20px; float:left;width:100%; margin-top:10px}
.products_c .Features ul{width:100%; float:left}
.products_c .Features ul li{ float:left; position:relative; padding-left:30px; color:#878796;width:90%}

.products_c .Features ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/lists.png) -60px 0px no-repeat #395e70;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 3px;
    left: 0px;
}

.products_note{width:100%; float:left; margin-top:50px; border-top:1px solid #e8e8e8}
.products_note .left{ float:left;width:360px;}
.products_note .left a{ display:block; float:left;width:360px; margin-bottom:5px; position:relative; height:40px;}
.products_note .left span{ display:block; width:361px;border:1px solid #e8e8e8; background-color:#e8e8e8; color:#395e70; padding:0px 20px; line-height:40px; height:40px;position:absolute; top:0px; left:0px}
.products_note .left a.on span{ background:#fff; border-right:1px solid #FFF}
.products_note .right{ float:right;width:840px;border-left:1px solid #e8e8e8; padding:5px 10px}
.products_note .right div{ display:none;width:100%; float:left}

.products_note .right ul{width:100%}
.products_note .right ul li{width:33%; float:left; text-align:center; margin-bottom:10px }
.products_note .right li img{width:96%;}
.products_note table{ border-right:1px solid #fff;border-bottom:1px solid #fff;width:100%}
.products_note table td{border-left:1px solid #fff;border-top:1px solid #fff; padding:5px 10px}
.products_note table tr td:first-of-type{background-color: #dce2e6;text-align: right;width:35%}
.main_right3{ float:left;width:100%;margin-top:0px; }

.main_right3_t{width:100%; float:left;  text-align:center; font-size:30px; color:#3a4f58; padding:40px 0px 30px 0px;background:url(../images/ico.jpg) repeat-x bottom ;}
.main_right3_t div{ display:inline-block;}
.main_right3_t em{ font-style:normal; display:inline-block; float:left; margin:0px 10px; font-size:24px}
.main_right3_t span{font-weight:bold; height:18px;width:100px;border-bottom:1px solid #395e70;display:inline-block; float:left}






.products{width:110%; float:left; }
.products li{ height: 280px;width:298px; float:left;  background-color:#fff; border:1px solid #e5e5e5; background-color:#fff; text-align:center; padding-bottom:20px; margin-right:26px; margin-bottom:26px}
.products li:hover{ border:1px solid #ccc}
.products li img{width:100%; height:auto}
.products li span{ font-size:14px; display:inline-block; position:relative;height:30px;}
.products li span:after
{
	content:""; position:absolute; top:10px; left:-25px;width:20px; height:1px; border-bottom:1px solid #000; display:block
}
.products li span:before
{
	content:""; position:absolute; top:10px; right:-25px;width:20px; height:1px; border-bottom:1px solid #000; display:block
}
.products li a{ display:inline-block; width:103px; height:24px; line-height:24px; font-size:12px; color:#fff; background-color:#3a4f58;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; margin:0px; padding:0px}
.products li a:hover{ background-color:#000;}

.case{width:110%; float:left;overflow:hidden}
.case li{float:left;width:300px; background-color:#FFF; font-size:13px; margin-right:23px; margin-bottom:10px; text-align:left; overflow:hidden;}
.case li img{width:100%;}
.case li div{ padding:10px 0px; font-size:12px; line-height:18px; overflow:hidden}
.case li a{ color:#8c8c8c;}
.case li span{ display:block;width:100%; height:30px; line-height:30px; font-size:16px;  color:#383838;}
.case li img{transition: all 0.6s; }
.case li img:hover{transform: scale(1.1);}  

.clear2:after{content: '';clear: both;display: block;}
.news{width:100%; float:left}
.news li{width:100%; float:left; border-bottom:1px solid #f0f0f0; padding:10px 0px; margin-bottom:10px}
.news .left{width:86px; float:left; background:#cccccc; color:#fff; text-align:center; font-size:26px; padding-top:10px}
.news .left em{ font-style:normal; text-align:center;width:100%; float:left; display:block; border-top:2px solid #FFF; font-size:14px; margin-top:10px; background:#3b494d}
.news b{ font-size:16px; color:#3d3c3c; float:left; display:block; margin-bottom:8px;width:100% }
.news .right{ margin-left: 100px;display: block;position: relative; height:80px; overflow:hidden; line-height:18px}
.news .right a{ color:#3d3c3c; font-size:13px;}
.news li:hover .left{ background:#b30000}
.job{ font-size:14px}
.job td{ padding:5px 10px; font-size:14px}
.job .left{width:47%; float:left}
.job .right{width:50%; float:right}


.foot{width:100%; float:left; background-color:#000; color:#fff; margin-top:40px; font-size:14px; color:#bcbcbc;}
.foot .left{width:285px; background-color:#000; text-align:center; float:left; height:230px; padding-top:80px}
.foot .left img{width:159px}
.foot .right{width:874px; float:right; margin-left:0px; padding-top:50px;}
.footmenu{width:100%; text-align:left; text-align:left}
.footmenu a{ display:inline-block; margin:0px 20px; font-size:15px; color:#fff;}
.footmenu a:hover{ color:#ccc;}
.foottext{ text-align:center; border:1px solid #5f7077; padding:20px 0px; margin:20px 0px}

.pages{ width:100%; float:left; padding-top:80px; padding-bottom:20px;}
.pages span{ display:block; height:20px; float:left; line-height:19px; }
.pages .page3,.pages .pageon{ border:1px solid #999; margin-right:3px;color:#626262; font-size:12px; vertical-align:middle;color:#000000}
.pages .page3 a:link,.pages .page3 a:visited{ color:#000; display:block;  height:100%; padding:0px 6px; float:left}
.pages .page3 a:hover,.pages .page3 a:active{ color:#fff; background:#000}
.pages .pageon{color:#fff; background:#ff7e00;display:block; padding:0px 6px; margin-right:3px;}
.pages .page2{display:block; padding:0px 6px;border:1px solid #999; margin-right:10px;margin-left:10px; font-size:12px  }
.pages .page1{}
.pages .page1 input{ height:20px;height:20px;border:1px solid #999; background:none; color:#717171; font-size:11px}
.pages .page1 #pages{ width:30px; height:18px;border-right:0px ; text-align:center; margin-left:10px}

.newsview_title{ width:100%; float:left; text-align:center;font-size:18px; font-family:'微软雅黑'; color:#000; border-bottom:1px dotted #ccc; padding-bottom:10px;}
.newsview_title p{ font-size:12px; color:#666; line-height:30px;}
.newsview_con{ width:100%; float:left; padding-top:20px;}


/*1280分辨率以上（大于1200px）*/
@media screen and (min-width:1200px){

#down{padding:0 0;}
#anniu{font-size: 20px;padding:0 0;}
#down b{margin-top: 3px;}
#down #hang{height: 30px;}
.main_right_t .sbtn{  margin-top: 5px;float: right; background-color: #3b494d;height: 41px;border: none; padding: 0px 10px;font-size: 14px;border-radius: 0 2px 2px 0;outline: none;opacity: 1; font-family: inherit;} 
.iconfont {font-family: "iconfont" !important;font-size: 18px;  color: #fff;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.sinput{color: #999; border: solid 1px #eee ;width: 200px;height: 43px;padding: 4px 8px;border-right: none;font-size: 14px;border-radius: 2px 0 0 2px;outline: none;}

}
/*1280分辨率以上（大于1200px）*/
@media screen and (min-width: 1199px) and (max-width: 1200px) {

#down{padding:0 0;}
#anniu{font-size: 20px;padding:0 0;}
#down b{margin-top: 3px;}
#down #hang{height: 30px;}

}
/*1100分辨率（大于960px，小于1199px）*/

@media screen and (min-width: 960px) and (max-width: 1199px) {
	.main{width:960px; margin:0 auto;}
	.head .logo{width:150px;}
	.head .menu a{width:85px;  font-size:14px}
	.main_left{ width:180px; }
	.main_left_t{ font-size:16px}
	.main_right{ float:left; margin-left:15px;width:750px;}
	.main_right_t span{ font-size:16px}
	.products{width:110%; float:left; }
	.products li{width:232px; float:left;  background-color:#fff; border:1px solid #e5e5e5; border-top:10px solid #3a4f58; text-align:center; padding-bottom:20px; margin-right:26px; margin-bottom:26px}
	
	.job{ font-size:12px; padding:0px 10px; line-height:20px; padding-top:20px;}
	
	
.products_c .img{width:400px; }
.products_c .img img{width:100%;}
.products_c .Features{width:560px; padding-right:10px;  }
.products_note{margin-top:50px;}
.products_note .left{width:100%; overflow:hidden}
.products_note .left a{width:20%; margin-bottom:5px;height:40px; text-align:center; font-size:12px}
.products_note .left span{width:100%;}
.products_note .right{width:100%;border-left:0px; padding:5px 10px}
 
.products_note .right ul li{width:25%; }
.products_note .right li img{width:80%;}
	
	
	.foot{ margin-top:40px; font-size:12px; }
	.foot .left{width:200px; padding-top:75px; height:190px;}
	.foot .left img{width:159px}
	.foot .right{width:730px; margin-left:0px; padding-top:30px}
	.footmenu a{ display:inline-block; margin:0px 24px; font-size:14px; color:#fff;}
	.footmenu a:hover{ color:#ccc;}
	.foottext{  font-size:12px}

	#down{padding:0 0;}
#anniu{font-size: 20px;padding:0 0;}
#down b{margin-top: 3px;}
#down #hang{height: 30px;}


.main_right_t .sbtn{  margin-top: 5px;float: right; background-color: #3b494d;height: 41px;border: none; padding: 0px 10px;font-size: 14px;border-radius: 0 2px 2px 0;outline: none;opacity: 1; font-family: inherit;} 
.iconfont {font-family: "iconfont" !important;font-size: 18px;  color: #fff;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.sinput{color: #999; border: solid 1px #eee ;width: 200px;height: 43px;padding: 4px 8px;border-right: none;font-size: 14px;border-radius: 2px 0 0 2px;outline: none;}
}
 

/*880分辨率（大于768px，小于959px）*/

@media screen and (min-width: 768px) and (max-width: 959px) {
	
	.main{width:768px; margin:0 auto;}
	.head{width:100%;  padding:20px 0px 10px 0px; position:static; float:left;background:rgba(28,44,49,1);}
	.head .logo{width:100%; text-align:center; margin-bottom:20px}
	.head .logo img{width:20%}
	.head .menu a{width:85px;  font-size:14px}
	
	.main_left{ width:140px; }
	.main_left_t{font-size:16px;}
	.main_left_c a{ padding:5px; height:50px; line-height:20px; p}
	.main_left_c span{margin-left:0px;width:140px; float:left; font-size:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.main_right{ float:left; margin-left:15px;width:600px;}
	.main_right_t span{font-size:16px;}
	
	.products{width:110%; float:left; }
	.products li{width:189px; padding-bottom:20px; margin-right:16px; margin-bottom:26px;}
	.case{width:110%; float:left; }
	.case li{width:189px; padding-bottom:20px; margin-right:16px; margin-bottom:26px;}
	
	.job{ font-size:12px; padding:0px 10px; line-height:20px; padding-top:20px;}
	
.main_right_loc{ padding-bottom:20px}	
.products_c .img{width:100%; }
.products_c .img img{width:60%;}
.products_c .Features{width:100%; padding-right:10px; padding-left:10px }
.products_note{margin-top:50px;}
.products_note .left{width:100%; overflow:hidden}
.products_note .left a{width:20%; margin-bottom:5px;height:40px; text-align:center; font-size:12px}
.products_note .left span{width:100%;}
.products_note .right{width:100%;border-left:0px; padding:5px 10px}

.products_note .right ul li{width:25%; }
.products_note .right li img{width:80%;}

	.foot{ margin-top:40px; font-size:12px; padding-bottom:20px}
	.foot .left{width:200px; padding-top:75px; height:190px; display:none}
	.foot .right{width:768px; margin-left:0px;  padding:0px 5px;padding-top:30px; text-align:center}
	.footmenu a{ display:inline-block; margin:0px 26px; font-size:14px; color:#fff;}
	.footmenu a:hover{ color:#ccc;}
	.foottext{  font-size:12px}

#down{padding:0 0;}
#anniu{font-size: 20px;padding:0 0;}
#down b{margin-top: 3px;}



.main_right_t .sbtn{  margin-top: 5px;float: right; background-color: #3b494d;height: 41px;border: none; padding: 0px 10px;font-size: 14px;border-radius: 0 2px 2px 0;outline: none;opacity: 1; font-family: inherit;} 
.iconfont {font-family: "iconfont" !important;font-size: 18px;  color: #fff;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.sinput{color: #999; border: solid 1px #eee ;width: 200px;height: 43px;padding: 4px 8px;border-right: none;font-size: 14px;border-radius: 2px 0 0 2px;outline: none;}
    
}
 

/*720分辨率（小于767px）*/
@media only screen and (max-width: 767px) {	
	.menu-button {display:block}
	.main{width:100%; margin:0 auto;}
	.head{width:100%;  padding:20px 0px 10px 0px; position:static; float:left;background:rgba(28,44,49,1);}
	.head .logo{width:100px; margin-left:10px;}
	.head .menu{ display:none}
	.head .menu a{width:85px;  font-size:14px}	
	
	.main_left{ width:100%;  padding:0px 10px;margin-top:20PX}
	.main_left_t{font-size:16px; text-align:left; padding:0px 10px; position:relative;height:40px; line-height:40px;}
	.main_left_t span{
		background-color:#fff;
		width:20px; height:20px; line-height:20px; text-align:center;
		color:#3b494d; display:block; position:absolute; top:10px; right:10px;
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		border-radius: 100%;
	}
	.main_left_t span img{width:80%;}
	.main_left_c{ display:none;}
	.main_right{ float:left; width:100%; padding:0px 10px; margin-top:20PX}
	
	.main_right_t{height:30px; line-height:30px;}
	.main_right_t span{ height:30px; line-height:30px; font-size:16px; padding:0px 10px; }
	
	.main_right_t .sbtn{  margin-top: 0px;float: right; background-color: #3b494d;height: 29px;border: none; padding: 0px 10px;font-size: 14px;border-radius: 0 2px 2px 0;outline: none;opacity: 1; font-family: inherit;} 
.iconfont {font-family: "iconfont" !important;font-size: 18px;  color: #fff;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.sinput{color: #999; border: solid 1px #eee ;width: 100px;height: 31px;padding: 4px 8px;border-right: none;font-size: 14px;border-radius: 2px 0 0 2px;outline: none;}
	
	
	
	.main_right_c{ padding:10px 0px; font-size:14px}
	
	.main_right_c img{width:100%}
	
	
	.products{ overflow:hidden; padding:0px 10px}
	.products {width:100%; float:left;overflow:hidden; padding:0px}
	.products li{width:48%; padding-bottom:20px;  margin-right:0px; margin-bottom:16px; }
	.products li:nth-child(even){ float:right}
	.products a{ display:inline-block;width:90%; height:44px; line-height:44px; margin-top:0px}
	
	.case{ overflow:hidden; padding:0px 10px}
	.case {width:100%; float:left;overflow:hidden; padding:0px}
	.case li{width:48%; padding-bottom:20px;  margin-right:0px; margin-bottom:0px; }
	.case li:nth-child(even){ float:right}
	.case li div{ padding:3px 0px}
	.case li span{ font-size:14px}
	


.main_right3_t{padding:20px 0px 20px 0px; font-size:20px}
.main_right3_t em{ font-size:16px; margin:0px 5px;}
.main_right3_t span{font-weight:bold; height:10px;width:50px;border-bottom:1px solid #395e70;display:inline-block; float:left}

	 
.job{ font-size:12px; padding:0px 10px; line-height:20px; padding-top:20px;}
.job td{ padding:5px 10px; font-size:14px}
.job .left{width:100%; float:left; margin-bottom:10px}
.job .right{width:100%; float:right}

.main_right_loc{ padding-bottom:20px}	
.products_c .img{width:100%; }
.products_c .img img{width:60%;}
.products_c .Features{width:100%; padding-right:10px; padding-left:10px }
.products_note{margin-top:50px;}
.products_note .left{width:100%; overflow:hidden}
.products_note .left a{width:20%; margin-bottom:5px;height:40px; text-align:center; font-size:12px}
.products_note .left span{width:100%;}
.products_note .right{width:100%;border-left:0px; padding:5px 10px}

.products_note .right ul li{width:25%; }
.products_note .right li img{width:80%;}
	
	.foot{ margin-top:40px; font-size:12px; padding-bottom:20px}
	.foot .left{width:200px; padding-top:75px; height:190px; display:none}
	.foot .right{width:100%; margin-left:0px; padding-top:30px; text-align:center; overflow:hidden; padding:0px 5px}
	.footmenu{ display:none}
	.footmenu a{ display:inline-block; margin:0px 6px; font-size:14px; color:#fff;}
	.footmenu a:hover{ color:#ccc;}
	.foottext{  font-size:12px; padding:5px 5px;  margin-bottom:8px}
   
	#down{padding:0 0;}
	#anniu{font-size: 20px;padding:0 0;}
	#down b{margin-top: 3px;}
	
	
	
	
}
 
@media screen and (min-width: 430px) and (max-width: 600px) {
	.h_case{height:500px; background-size:100% 100%;}
	.products_note .right ul li{width:50%; }
	.products_note .right li img{width:80%;}
}

/*440分辨率以下（小于479px）*/

@media only screen and (max-width: 430px) {
.h_case{height:450px; background-size:100% 100%;}	
.products_c .img{width:100%; }
.products_note .left a{width:33.3%; margin-bottom:5px;height:40px; text-align:center; font-size:12px;}
.products_note .left span{width:100%;  padding:0px}
.products_c .img img{width:90%;}
.products_note .right ul li{width:50%; }
	.products_note .right li img{width:80%;}
}