@charset "gb2312";
/* CSS Document */
body{
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;}
img{ display:block;}
li{ list-style:none;}
a{ text-decoration:none;}
h1{ text-transform:uppercase; text-align:center; color:#337fe3; font-weight:500; font-size:2.125em;}
@media (max-width:768px){
	h1{ text-transform:uppercase; text-align:center; color:#337fe3; font-weight:500; font-size:2em;}
	}
/*置顶*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #337fe3 url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  z-index:1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  /*opacity: .5;*/
}

@media only screen and (max-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
/*置顶 end*/
#header,#content,#footer{ width:100%; margin-left:auto; margin-right:auto;}
#content,#footer{ overflow:hidden;}
#cont{width:80%;margin-left:auto; margin-right:auto;overflow:hidden;}
@media (max-width:768px){
	#cont{width:90%;margin-left:auto; margin-right:auto;overflow:hidden;}
	}
@media (max-width:1024px){
	#cont{width:90%;margin-left:auto; margin-right:auto;overflow:hidden;}
	}
.head-top{ border-bottom:solid 1px #ccc; background-image:url(../images/index_01.jpg);background-size:cover; background-repeat:no-repeat; padding:2% 0;}
.logo{ float:left; width:20%;}
@media (max-width:425px){
	.logo{ float:left; width:30%;}
}
.head-top-right{ float:right; width:50%; padding-top:1%;}
@media (max-width:1417px){
	.head-top-right{ float:right; width:60%; padding-top:1%;}
	}
@media (max-width:1222px){
	.head-top-right{ float:right; width:70%; padding-top:1%;}
	}
@media (max-width:1024px){
	.head-top-right{ float:right; width:70%; padding-top:1%;}
	}
@media (max-width:768px){
	.head-top-right{ float:right; width:70%; padding-top:0;}
	}
@media (max-width:425px){
	.head-top-right{ float:right; width:60%; padding-top:1%;}
	}
.contact-icon{ float:left; width:50%;}
.contact-icon ul{ margin:0; padding:0;}
.contact-icon ul li{ float:left; margin:2% 3.6%;width:30px; height:30px;}
.contact-icon ul .facebook{ background-image:url(../images/facebook.png); background-size:cover; background-repeat:no-repeat;}
.contact-icon ul .linkedin{ background-image:url(../images/linkedin.png); background-size:cover; background-repeat:no-repeat;}
.contact-icon ul .twitter{ background-image:url(../images/twitter.png); background-size:cover; background-repeat:no-repeat;}
.contact-icon ul .skype{ background-image:url(../images/Skype.png); background-size:cover; background-repeat:no-repeat;}
.contact-icon ul .google-plus{ background-image:url(../images/social_round_google_plus.png); background-size:cover; background-repeat:no-repeat;}
@media (max-width:425px){
	.contact-icon{ float:left; width:50%; display:none;}
	}

.search-box{ float:right;}

.sb-search{
	width:100%;
    margin: 0;
    float:left;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    background: none;}
.sb-icon-search,.sb-search-submit  {
	width: 40px;
    height: 32px;
    display: block;
    padding: 0;
	float:left;
    margin: 0;
    line-height: 85px;
    text-align: center;
	cursor: pointer;
}
.sb-search-submit{
	background:#e3e3e3 url(../images/search.png) no-repeat center 6px;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
    filter: alpha(opacity=0);
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;}
.sb-search-input {
    border: none;
    outline: none;
	width:80%;
    height:32px;
	float:left;
    margin: 0;
    z-index: 10;
    font-size: 1em;
    color: #ccc;
    padding: 0 0.5em;
    border: solid 1px #ccc;
}
.sb-search-input::-webkit-input-placeholder {
	color:#000;
}
.sb-search-input:-moz-placeholder {
	color: #000;
}
.sb-search-input::-moz-placeholder {
	color: #efb480;
}
.sb-search-input:-ms-input-placeholder {
	color: #ffffff;
}

@media (max-width:768px){
	.sb-icon-search,.sb-search-submit  {
	width: 36px;
    height: 32px;
    display: block;
    position:relative;
    right: 0;
    top: 0px;
    padding: 0;
    margin: 0;
    line-height: 85px;
    text-align: center;
	cursor: pointer;
}
.sb-search-submit{
	background:#e3e3e3 url(../images/search.png) no-repeat center 6px;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
    filter: alpha(opacity=0);
    color: transparent;
    border: none;
    outline: none;
    z-index:0;}
	}

/* Open state */
.sb-search.sb-search-open,.no-js .sb-search {
	width:12%;
}
@media (max-width:768px){
	.sb-search.sb-search-open,.no-js .sb-search {
	width:30%;
}
	}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {
	z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {
	z-index: 90; margin: 0 auto;
}

/*#logo{ display:none;}*/
/*@media (max-width:768px){
	#logo{ display:block;}
	}*/
#more{ display:block;width:12%; border:solid 1px #666; border-radius:50px; padding:1% 2%; text-align:center;overflow:hidden; margin:2% auto; text-transform:uppercase; color:#666; text-decoration:none;}
#more:hover{ background-color:#337fe3; color:#fff;  border:solid 1px #337fe3;}
#more1{ display:block;width:18%; border:solid 1px #666; border-radius:50px; padding:1.45% 2%; text-align:center;overflow:hidden; margin:8% 0 0 0; text-transform:uppercase; color:#666; text-decoration:none;}
#more1:hover{ background-color:#337fe3; color:#fff;  border:solid 1px #337fe3;}
@media (max-width:1024px){
	#more{ display:block;width:16%; border:solid 1px #666; border-radius:50px; padding:1% 2%; text-align:center;overflow:hidden; margin:2% auto; text-transform:uppercase; color:#666; text-decoration:none;}
#more:hover{ background-color:#337fe3; color:#fff;  border:solid 1px #337fe3;}
#more1{ display:block;width:24%; border:solid 1px #666; border-radius:50px; padding:2%; text-align:center;overflow:hidden; margin:6% 0 0 0; text-transform:uppercase; color:#666; text-decoration:none;}
#more1:hover{ background-color:#337fe3; color:#fff;  border:solid 1px #337fe3;}
	}
@media (max-width:768px){
	#more{ display:block;width:18%; border:solid 1px #666; border-radius:50px; padding:1% 2%; text-align:center;overflow:hidden; margin:2% auto; text-transform:uppercase; color:#666; text-decoration:none;}
#more:hover{ background-color:#337fe3; color:#fff;  border:solid 1px #337fe3;}
#more1{ display:block;width:18%; border:solid 1px #666; border-radius:50px; padding:1.25% 2%; text-align:center;overflow:hidden; margin:4% auto; text-transform:uppercase; color:#666; text-decoration:none;}
#more1:hover{ background-color:#337fe3; color:#fff;  border:solid 1px #337fe3;}
	}
@media (max-width:425px){
	#more{ display:block;width:28%; border:solid 1px #666; border-radius:50px; padding:2%; text-align:center;overflow:hidden; margin:2% auto; text-transform:uppercase; color:#666; text-decoration:none;}
#more:hover{ background-color:#337fe3; color:#fff;  border:solid 1px #337fe3;}
#more1{ display:block;width:30%; border:solid 1px #666; border-radius:50px; padding:1.25% 2%; text-align:center;overflow:hidden; margin:4% auto; text-transform:uppercase; color:#666; text-decoration:none;}
#more1:hover{ background-color:#337fe3; color:#fff;  border:solid 1px #337fe3;}
	}
@media (max-width:375px){
	#more{ display:block;width:34%; border:solid 1px #666; border-radius:50px; padding:2%; text-align:center;overflow:hidden; margin:2% auto; text-transform:uppercase; color:#666; text-decoration:none;}
#more:hover{ background-color:#337fe3; color:#fff;  border:solid 1px #337fe3;}
#more1{ display:block;width:30%; border:solid 1px #666; border-radius:50px; padding:1.25% 2%; text-align:center;overflow:hidden; margin:4% auto; text-transform:uppercase; color:#666; text-decoration:none;}
#more1:hover{ background-color:#337fe3; color:#fff;  border:solid 1px #337fe3;}
	}
	
.products,.about,.equipment,.aboutconts,.newscont,.honor,.procont,.prodcont{ padding:2% 0; overflow:hidden;}


.title p{ text-align:center; padding:1% 0; color:#666;}
/*.products .product .prodlist{ overflow:hidden; padding:0; width:60%; margin:2% auto;}
.products .product .prodlist li{ width:33%; padding:0 1%; float:left; text-align:center;}
.products .product .prodlist li a{ color:#26a6d1; padding:2% 0; text-transform:uppercase;}
.products .product .prodlist li:hover a{ color:#337fe3; padding:2% 0;}
.products .product .prodlist li:hover{ text-decoration:underline;}

@media (max-width:1024px){
	.products .product .prodlist{ overflow:hidden; padding:0; width:100%; margin:2% auto;}
}

.products .product .prods{ overflow:hidden;}
.products .product .prods li{ float:left; width:31.33%; padding:2%;}
.products .product .prods li .prodimg{ width:100%; border:solid 1px #ccc;}
.products .product .prods li .name{ text-align:center; color:#666;}
@media (max-width:1024px){
	.products .product .prods li{ float:left; width:50%; padding:2%;}
	}
@media (max-width:1024px){
	.products .product .prods{ overflow:hidden; padding:0;}
	}*/

#menu{width:100%; overflow:hidden; margin:3% auto;}
#menu #nav {display:block;width:80%;padding:0;margin:0 auto;list-style:none; overflow:hidden;}
#menu #nav li {float:left;width:32%;}
#menu #nav li a {display:block;line-height:27px;text-decoration:none;padding:0; text-align:center; color:#26a6d1; text-transform:uppercase; font-size:1em; cursor:pointer;}
#menu #nav li a:hover{ color:#337fe3;}
#menu_con{ width:100%; border-top:none; margin-top:2%;}
#menu_con .prods{padding:0;}
#menu_con .prods li{ float:left; width:31.33%; padding:1% 2%;}
#menu_con .prods li img{ width:100%; border:solid 1px #ccc;}
#menu_con .prods li .name{ text-align:center; color:#666;}
#menu_con .prods li:hover .name{ text-align:center; color:#337fe3; }
@media (max-width:1024px){
	#menu #nav li {float:none;width:100%;}
	#menu_con .prods li{ float:left; width:50%; padding:1% 2%;}
}
.tag{}
.selected{color:#337fe3; font-weight:bold;}


.about{ background-image:url(../images/index_12.jpg); background-repeat:no-repeat; background-size:cover;}
.index-about{ padding:2% 0; overflow:hidden;}
.index-about .index-about-cont{ float:left; width:58%; margin-right:2%; margin-top:1%;}
.index-about .index-about-cont p{ line-height:180%; margin:0;color:#666;}
.index-about .index-about-img{ float:right;width:40%;}
@media (max-width:1024px){
	.index-about .index-about-cont{ float:left; width:58%; margin-right:2%; margin-top:0; text-align:center;}
	}
@media (max-width:768px){
	.index-about .index-about-cont{ float:none; width:100%; margin-right:2%; margin-top:0;}
	.index-about .index-about-img{ float:none;width:100%;}
	}
/*内页*/
#home{ padding-top:2%; overflow:hidden;}
#home ul{ margin:0; padding:0;}
#home ul li{ float:left; padding:0 0.4%;}
#home ul li a{ color:#333;}
.abtcon{ padding-bottom:2%;}
.abtcon p{ line-height:180%; color:#666;}

.newscont ul{ margin:0; padding:0; overflow:hidden;}
.newscont ul li{ padding:2% 0; overflow:hidden; border-bottom:dashed 1px #fff;}
.newscont .newimg{ float:left; width:30%; margin-right:2%;}
.newscont .newcon{ overflow:hidden;}
.newscont .newcon .newtitle{ font-size:1.125em; font-weight:bold; color:#666; padding:2% 0 0 0;}
.newscont .newcon .newcs{ font-size:0.875em;color:#666; line-height:200%;}
.newscont .newcon .newsbot{ margin-top:50px;}
.newscont .newcon .newsbot .time{ color:#666;}
.newscont .newcon .newsbot .more{ float:right;}
.newscont ul li:hover a{ text-decoration:none;}
.newscont ul li:hover{ border-bottom:dashed 1px #ccc;}
.newscont ul li:hover .newtitle{ color:#337fe3;}
.newscont ul li:hover .newcs{ text-decoration:underline;}
@media (max-width:1024px){
	.newscont .newcon .newtitle{ font-size:1.125em; font-weight:bold; color:#666; padding:0;}
	.newscont .newcon .newsbot{ margin:0;}
}
@media (max-width:768px){
	.newscont .newimg{ float:none; width:100%; margin-right:2%;}
	.newscont .newcon{  overflow:hidden; padding:2% 0;}
	}
#yema{ width:100%; margin:2% 0; overflow:hidden;}
#yema ul{ width:30%; overflow:hidden; margin-left:auto; margin-right:auto; padding:0;}
#yema ul li{ float:left; border:solid 1px #ccc; padding:1.25% 3%; margin:0 2%; }
#yema ul li a{color:#333;}
#yema ul .ym{ background-color:#337fe3;}
#yema ul .ym a{ color:#fff;}
#yema ul li:hover{ background-color:#337fe3;}
#yema ul li:hover a{ color:#fff;}
@media (max-width:768px){
	#yema{ width:100%; margin:2% 0; overflow:hidden;}
	#yema ul{ width:40%; overflow:hidden; margin-left:auto; margin-right:auto;}
	}
@media (max-width:425px){
	#yema ul{ width:80%; overflow:hidden; margin-left:auto; margin-right:auto;}
	}
h2{ text-align:center; color:#337fe3;}
@media (max-width:768px){
	}
.newscont .title{ border-bottom:dashed 1px #ccc;}
.newscont .title .time{ text-align:center; margin:2% 0;}
.newscont .newcons{ color:#666; line-height:200%; padding:1% 2%; overflow:hidden;}
#fanhui{ margin-top:4%; float:right; margin-right:2%;}
#fanhui a{ color:#337fe3}

.honor ul{ overflow:hidden; margin:0; padding:0;}
.honor ul li{ float:left; width:31.33%; margin:1%; }
.honor ul li .honorimg{ width:100%;border:solid 1px #ccc;}
.honor ul li .name{ text-align:center;}
@media (max-width:768px){
	.honor ul li{ float:left; width:48%; margin:1%;}
	}
.prolist{ float:left; width:20%; background-color:#337fe3; overflow:hidden;}
.prolist .plist{line-height:60px; text-align:center; font-size:1.45em; color:#fff;}
.prolist ul{ padding:0; margin:0;overflow:hidden;}
.prolist ul li{ text-align:center; line-height:30px; overflow:hidden;}
.prolist ul li a{color:#fff; font-size:1em;}
.prolist .prd{}
.prolist .prd li{ text-align:left; margin-left:70px;}
.prolist .prd li a{ font-size:0.875em;}

.prodcont .pros{ float:left; width:100%;}
.prodcont .pros li{ float:left; width:33%; padding:1% 2%;}
.prodcont .pros li .prodimg{ width:100%;border:solid 1px #ccc;}
.prodcont .pros li .name{ text-align:center; color:#666;}
.prodcont .pros li:hover a{ text-decoration:none;}
@media (max-width:768px){
	.prolist{ float:none; width:100%; background-color:#337fe3; overflow:hidden;}
	.prolist ul{ padding:0; margin:0;overflow:hidden; display:none;}
	.prolist .plist{line-height:60px; text-align:center; font-size:1.25em; color:#fff;}
	.prolist .prd li{ text-align:center; margin-left:0;}
	.prodcont .pros{ float:none; width:100%; padding:0;}
	.prodcont .pros li{ float:left; width:50%; padding:2%;}
	
	}
.procont .pcont{ float:left; margin-left:60px; width:70%;}
.procont .pcont .protop{ overflow:hidden; border-bottom:dashed 1px #ccc; padding:2% 0;}
.procont .pcont .protop .prodimg{ width:34%; float:left; margin-right:2%; border:solid 1px #ccc;}
.procont .pcont .protop .protoprt{ overflow:hidden;}
.procont .pcont .protop .protoprt .pname{ font-size:1.25em; font-weight:bold; color:#3b5998;padding:2% 0; display:block;}
.procont .pcont .protop .protoprt p{ line-height:200%;}
.procont .pcont .prodbottom{ padding:1% 2%; overflow:hidden;}

.equipment ul{ margin:0; padding:0; overflow:hidden;}
.equipment ul li{ float:left; width:33%; padding:1% 2%;}
.equipment ul li .proimg{ width:100%;}
.equipment ul li .name{ text-align:center;}
@media (max-width:768px){
	.equipment ul li{ float:left; width:50%; padding:1% 2%;}	
}
.feeds{ text-align:center; line-height:200%; width:80%; margin-left:auto; margin-right:auto; color:#333;}
@media (max-width:768px){
	.feeds{ text-align:center; line-height:200%; width:100%; margin-left:auto; margin-right:auto; color:#333;}
	}
.biaoge{ margin:2% 0;}

table{ width:40%; margin-left:auto; margin-right:auto;}
table tr th{ padding:2% 0; text-align:center; color:#888; width:6%;}
table tr td{ width:20%; overflow:hidden;padding:2% 0; }
input{ width:96%; text-align:left; height:32px; float:left;}
textarea{ width:96%;}
table tr td span{ color:#F00; float:right;}
#submit{ width:8%;text-align:center; margin-left:auto; margin-right:auto; float:none; margin-top:2%; margin-bottom:2%;color:#fff; background-color:#4c8ce4; display:block; border:none;}
@media (max-width:1024px){
	table{ width:50%; margin-left:auto; margin-right:auto;}
	#submit{ width:10%;text-align:center; margin-left:auto; margin-right:auto; float:none; margin-top:4%;}
	}
@media (max-width:768px){
	table{ width:60%; margin-left:auto; margin-right:auto;}
	#submit{ width:10%;text-align:center; margin-left:auto; margin-right:auto; float:none; margin-top:4%;}
	}
@media (max-width:425px){
	table{ width:100%; margin-left:auto; margin-right:auto;}
	#submit{ width:18%;text-align:center; margin-left:auto; margin-right:auto; float:none; margin-top:4%;}
	}
@media (max-width:320px){
	#submit{ width:20%;text-align:center; margin-left:auto; margin-right:auto; float:none; margin-top:4%;}
	}

.contacttop .feeds{}
.contacttop .contacts p{ line-height:200%; text-align:center;}
#googleMap{ padding:18% 0; margin-top:4%;overflow:hidden;}
@media (max-width:425px){
	#googleMap{ padding:50% 0; margin-top:10%;overflow:hidden;}
	}
/*内页 end*/
#footer{}
#footer .foot-top{ background-color:#2a6bc1; padding:4% 0;}
#footer .foot-bottom{ background-color:#3b5998; padding:1% 0; text-align:center; color:#fff; font-size:0.875em;}
@media (max-width:425px){
	#footer .foot-bottom{ background-color:#3b5998; padding:2% 0; text-align:center; color:#fff; font-size:0.875em;}
	}
.footlist{ float:left;padding:0 2%;overflow:hidden;}
.footlist ul{ padding:0; margin:20px 0;}
.footlist .footli{color:#fff; font-size:1.125em; font-weight:bold;}
.footlist ul li{padding:3% 0; font-size:0.875em;}
.footlist ul li a{ color:#e1e1e1;}
.footcontact{ float:right; padding:0 2%; width:34%;}
.footcontact .footli{color:#fff; font-size:1.125em; font-weight:bold; margin-bottom:20px;}
.footcontact p{ color:#e1e1e1; line-height:180%; margin:0;font-size:0.875em;}
@media (max-width:1024px){
	.footlist{ float:left;padding:0 1%;overflow:hidden;}
	.footcontact{ float:right; padding:0 2%; width:30%;}
	}
@media (max-width:768px){
	.footlist{ float:left;padding:0 2%;overflow:hidden; display:none;}
	.footcontact{ float:right; padding:0 2%; width:100%; text-align:center;}
	.footcontact p{ color:#e1e1e1; line-height:200%; margin:0;font-size:0.875em;}
	}
#footer .foot-bottom .footby{ margin-left:4%;}
#footer .foot-bottom .footby a{ color:#fff; margin-left:4px;}

#footer .foot-top .contact-icon{ float:left; width:50%; display:none;}
#footer .foot-top .contact-icon ul{ margin:0; padding:0;}
#footer .foot-top .contact-icon ul li{ float:left; margin:2% 3.6%;width:30px; height:30px;}
.contact-icon ul .facebook{ background-image:url(../images/facebook.png); background-size:cover; background-repeat:no-repeat;}
.contact-icon ul .linkedin{ background-image:url(../images/linkedin.png); background-size:cover; background-repeat:no-repeat;}
.contact-icon ul .twitter{ background-image:url(../images/twitter.png); background-size:cover; background-repeat:no-repeat;}
.contact-icon ul .skype{ background-image:url(../images/Skype.png); background-size:cover; background-repeat:no-repeat;}
.contact-icon ul .google-plus{ background-image:url(../images/social_round_google_plus.png); background-size:cover; background-repeat:no-repeat;}
@media (max-width:768px){
	#footer .foot-top .contact-icon{ float:left; width:100%; display:block; margin-left:auto; margin-right:auto;}
	#footer .foot-top .contact-icon ul{ margin:10px auto; padding:0;width:34%;}
	#footer .foot-top .contact-icon ul li{ float:left; margin:2% 3%;width:30px; height:30px;}
	}
@media (max-width:425px){
	#footer .foot-top .contact-icon{ float:left; width:100%; display:block; margin-left:auto; margin-right:auto;}
	#footer .foot-top .contact-icon ul{ margin:10px auto; padding:0;width:60%;}
	#footer .foot-top .contact-icon ul li{ float:left; margin:2% 3%;width:30px; height:30px;}
	}
@media (max-width:375px){
	#footer .foot-top .contact-icon{ float:left; width:100%; display:block; margin-left:auto; margin-right:auto;}
	#footer .foot-top .contact-icon ul{ margin:10px auto; padding:0;width:70%;}
	#footer .foot-top .contact-icon ul li{ float:left; margin:2% 3%;width:30px; height:30px;}
	}
/*新闻*/


/*设备*/
#owl-demo1 .item{
    margin:2% 4%;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
#owl-demo1 .item a img{
	width:100%;}
#owl-demo1 .item a p{
	text-align:center;
	color:#999;}