﻿@charset="utf-8";
/* CSS Document */
body{ overflow-x:hidden; font-family:Microsoft Yahei,宋体,Tahoma,Arial,sans-serif; font-size:14px;}
*{font-family:Microsoft Yahei,宋体,Tahoma,Arial,sans-serif;}
ul li{ list-style:none;}
ul{ list-style:none;}
a{color:#333333;text-decoration:none}


a:hover{color:#01a1ff}
.clear{clear:both;}
<!--top-->
.top{width:100%;background-color:rgba(0,0,0,0.7);color:#fff; line-height:40px;font-size:16px; font-weight:bold;}

.header-top-strip {
 background:#01a1ff;
}
.header-top-left {
	float:left;

}
.header-right {
    float: right;

}
.header-right li a{ display:block; padding:2px 10px; border:1px #006374 solid;}
.header-right li a:hover{ background:#006374;}
.active{background:#006374;}
.heading-section h2{ font-size:18px;  color:#303030; font-weight:bold;}
.top_guanwang{ color:#FFF;  padding:10px 0px;}
.tel{margin:0px 20px 0px 0px; }
.tel span{ font-weight:bold; font-size:26px;margin:0px 20px 0px 0px; color:#FF0;}
.cartbox_1 li{float:left; font-size:12px; line-height:20px; margin-top:7px; margin-right:8px; color:#fff;}

.caret {
	display:inline-block;
	width:0;
	height:0;
	margin-left:2px;
	vertical-align:middle;

}

<!--top结束-->




<!--nav-->
.img-responsive{ margin-top:20px;}
.navbar-header{}
.navbar-header a{display:block; float:left;}
.navbar-header img{ margin:0px 0px; width:auto;}

.dropdown-menu li a{ padding-left:10px; padding-right:10px; line-height:30px;}

.navbar-toggle span{ background-color:#009cb5;}

.navbar-default .navbar-toggle {
	border-color:#009cb5
}



	
	


#mainnav {
    font-size: 15px;

    font-weight: bold;
	height:95px;
	margin-top:10px;
}

.nav-title{
    border-bottom: 1px dotted #fff; 
    padding-bottom: 2px;
}




.heading-section {
    text-align: center;
    padding: 25px 0 25px 0;
}




.word1{ font-size:14px; line-height:26px; color:#303030;}

.slider-caption{
	margin-left:auto;
	margin-right:auto;
    text-align: center;
    width: 100%;
    margin-top: 0px;
    color: #fff; 
 }
.slider-caption a {
    margin-top: 10px;
    text-decoration: none;
    display: inline-block;
    background-color: #f78e21;
    width: 200px;
    height: 40px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight:bold;
}
.slider-caption a:hover{ text-decoration: none;}


.section{margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;}
.bgtitle {
    margin-bottom: 20px;
    height: 25px;
    padding-bottom: 7px;
    border-bottom: 1px solid #efefef;
}

.about-top{
  padding: 20px 0;
  margin-bottom:60px;
}

.about-top h2{ font-size:18px; color:#303030; font-weight:bold; margin-bottom:40px;}
.about-info h5 {
  color: #969696;
  font-size: 14px;
  margin: 1em 0;
  line-height: 1.8em;
}
.about-info h5 span {
  display: block;
}
.a-banner-bottom-grids{
  margin: 2em 0 0 0;
}


.newsbox a{ color:#2d2b2b;  }
.newsbox h4{ font-size:15px; font-weight:bold;}
.newsbox h5{ font-size:14px;}
.newsbox ul{padding:8px 0px 0px 0px; margin-top:-10px}
.newsbox ul li{ padding:4px 0px;}


<!--nav结束-->
.homeabout{}
.homeabout h3{ font-size:28px; font-weight:bold; color:#01a1ff; padding:10px 0px;}
.homeabout h3 span{ color:#9f9f9f; font-weight:normal; font-size:16px;}
.homeabout  span a{ color:#01a1ff;}
.homeabout strong{font-size:15px; font-weight:bold; display:block; padding:6px 0px; }
.homeabout p{ line-height:23px;}
.homenews{}
.homenews h3{ font-size:28px; font-weight:bold; color:#01a1ff; padding:10px 0px;}
.homenews h3 span{ color:#9f9f9f; font-weight:normal; font-size:16px;}
.homenews ul{padding:0px;}
.homenews ul li{ padding:2px 0px;}
.homenews_date{ float:left;  padding:8px 20px;overflow:hidden;}
.homenews_date strong{ display:block; text-align:center; font-size:16px;}
.homenews_date small{}
.homenews_c{  margin:7px 0px 0px 0px; width:auto; overflow:hidden; border-left:1px #dfdfdf solid; padding-left:20px;}
.homenews_c h4{  font-size:14px; margin:5px 0px; font-weight:bold; }
.homenews ul li a{ color:#333333; display:block;  overflow:hidden; background:#f2f2f2;-webkit-transition: all 0.3s ease-in-out;}
.homenews ul li a:hover{ color:#fff !important; background:#01a1ff;}
.homejingzheng h3{ font-size:28px; font-weight:bold; color:#01a1ff; padding:10px 0px;}
.homejingzheng h3 span{ color:#9f9f9f; font-weight:normal; font-size:16px;}
.homejingzheng p{padding:8px 0px 0px 0px; line-height:28px;}
.homejingzheng  span a{ color:#01a1ff;}

.home_product{}
.home_product h3{ font-size:28px; font-weight:bold; color:#01a1ff; padding:10px 0px;}
.home_product h3 span{ color:#9f9f9f; font-weight:normal; font-size:16px;}

.home_contact h3{ font-size:18px; font-weight:bold; color:#01a1ff; padding:10px 0px;}
.home_contact h3 span{ color:#9f9f9f; font-weight:normal; font-size:16px;}
.team_list{ padding:0px; margin:0px;}
.team_list ul {padding:0px; margin:0px;}
.team_list ul li{  overflow:hidden; }
.team_list ul li h3{ padding:8px 0px; margin:0px;}
.produt_title{ margin:0px; padding:0px; overflow:hidden;}
.produt_title ul {margin:0px; padding:0px; }
.produt_title ul li{ float:left; padding:5px 10px; background:#049eb8; margin:0px 5px 20px 5px;}
.produt_title ul li:hover{background:#00809c;}
.produt_title ul li a{ color:#ffffff; display:block;}
@media (min-width:992px) {
.col5 {width:39.66666667%;}
.col4 {width:32.33333333%;}
.col3 {width:28%;}
.col9 {width:100%;}
}


.hometech{ padding:30px 0px;}
.home_techtitle{ padding:15px 0px 0px 0px;}
.home_techtitle h3{ text-align:center; height:37px; padding-top:20px; font-size:18px; font-weight:bold; color:#009cb5; background:url(../img/hometechtitle.png) center top no-repeat;}
.home_techtitle h4{ color:#c3e0e7;text-align:center; text-transform:uppercase; font-size:25px;}
.home_techcontent .text1{ line-height:26px; padding:60px 0px 30px 0px;}


.content_bg{ background:#ecf1f2; padding:50px 0px;}
.left{ position:relative;background:#FFF;}
.left h3{  padding:0px; margin:0px; display:block; background:#01a1ff; height:97px; color:#FFF;}
.left_title{ position:absolute; background:url(../img/left_title.png) no-repeat;left:-80px;top:0px; height:152px; width:81px;}
.left h3 span{color:#FFF; padding:25px 0px 0px 25px; display:block;}
.left h3 small{color:#FFF;  padding:0px 0px 5px 25px; }
.left ul {padding:10px 0px 10px 0px !important; margin:0px;}
.left ul li{ padding:6px 20px; border-bottom:1px #dedede solid; margin:0px 20px; line-height:30px; font-weight:900;}


.footmenu1{width:20%; float:left;}

.footmenu2{width:24%; float:left;}
.homefeedback{ background:url(../img/home_feedback.jpg) no-repeat; height:601px;  padding-top:50px; }
.homefeedbacktext{ margin:0 auto;width:540px; height:502px; background:url(../img/homefeedback.png)  no-repeat;overflow:hidden;}
.homefeedbackcontent{ padding:30px 0px 0px 0px;}



.zy_six{overflow:hidden; padding-top:60px;}
.six_ny{overflow:hidden; width:570px; margin:auto; text-align:center;}
.six_ny h2{font-size:30px; color:#2c3035; text-transform:uppercase; font-weight:bold; font-family:"Helvetica LT Std"; padding-top:50px;}
.six_ny span{display:block; font-size:24px; color:#2c3035; margin-bottom:35px;}
.six_input{overflow:hidden; padding-bottom:15px; width:420px; margin:auto;}
.six_input p{width:65px; float:left; font-size:14px; color:#191919;line-height:35px; vertical-align:middle;}
.six_input input{width:290px; padding:0px 15px;float:left; border:none;background:#e3eaeb;color:#05aec7; font-size:14px; margin-right:25px;
outline: medium none; height:35px; line-height:35px; vertical-align:middle; -webkit-transition: all 0.3s ease-in-out;}
.six_input textarea{height:110px;width:290px; float:left; border:none;background:#e3eaeb;color:#05aec7; font-size:14px;font-family:"Microsoft YaHei";
outline: medium none; padding:15px;-webkit-transition: all 0.5s ease-in-out;}
.six_ny button{width:120px;height:35px;utline:medium none;line-height:35px; border:none;text-align:center;color:#ffffff;font-size:14px;
cursor:pointer;background:#2c3035;font-family:"Microsoft YaHei";-webkit-transition: all 0.3s ease-in-out;}
.six_ny button:hover{background:#05aec7;}
.six_ny h3{font-size:12px; color:#5a5a5a; line-height:26px;}
.six_ny .six1{background:url(../images/ly_tu1.jpg) no-repeat 185px 8px; margin-top:0px;} 
.six_ny .six2{background:url(../images/ly_tu2.jpg) no-repeat 185px 8px; padding-top:8px;} 
.six_ny .six3{background:url(../images/ly_tu3.jpg) no-repeat 120px 5px;padding-top:7px;} 

/*-----banner_c---------*/
.banner_c img {
	height: auto;
	overflow: hidden;
	width: 100%;
	background-repeat: no-repeat; margin:0px;padding:0px;
}
.banner_c {
	text-align: center; padding:0px;
}

.img{ margin:0 auto;  text-align:center;}
.content{ margin:0 auto; height:auto; overflow:hidden; background:#FFF; }

.content h3{ padding:10px 0px 10px 20px; font-size:16px;  font-weight:bold; border-bottom:1px #e9ecec solid;}
.content h3 span{ float:right; padding-right:20px; font-size:12px; font-weight:normal; }
.content_c{   height:auto; padding:5px 25px 25px 25px; line-height:27px; }



.l_top{     
    float: left;
    width: 100%;
    height: auto;
    padding: 22px 0 22px 35px;
 
    color: #000;
    font-weight: normal;
    line-height: 16px;


border-color:#dedede; background-color:#f78e21;
	
}
.l_top span {
    float: left;
    font-size: 44px;
    line-height: 44px;
    color: #ffac54;
    font-weight: bolder;
    margin: -4px 3px 0 0;
}
.l_top em {
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
	color:#fff;
}
.l_list{ float:left;width:100%; height:auto; 
 border-style: solid;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px; border-color:#dedede;
  margin-top:0px;
   }
 
.l_list ul{
    padding: 10px 0 10px;
   }
.l_list ul li{ width:100%;

 line-height:32px; 
 background:url(../img/about_08.png) left 30px center no-repeat; 
 text-indent:45px;
 
 }
.l_list p{ padding:8px 15px 8px 15px; line-height:25px;}
.left_topzi{ background-color:#f78e21; color:#fff;} 
.l_list ul li a{ 
 color:#000;
 display:block;
 border:1px #dedede solid;

 margin:5px 10px 5px 10px;

}
.l_list ul li a:hover{ font-weight:bold;display:block; background-color:#f78e21; color:#fff;}
.l_list ul li ul li{background:url(../images/left_arrow11.jpg) 40px 15px no-repeat;}
.l_list ul li ul li a{border:0px #dedede solid; margin:1px 10px 1px 10px;}

.l_list img{}


.right{ float:left;width:100%; height:auto;}
.r_top{ float:left;width:100%;  height:auto; line-height:35px;  border-bottom:solid 1px #b4b3b3; color:#007dbd; font-size:16px; text-indent:10px;}

.r_top span{ float:right;font-size:12px;  color:#666; font-weight:normal; padding-right:10px;}
.r_top span a{font-size:12px;  color:#666;}
.r_top span a:hover{ font-weight:bold;}
.right_c{ float:left;width:100%; padding:15px; height:auto; line-height:30px; margin-bottom: 40px;}
.right_c h1{ font-size:15px!important; font-weight:bold; color:#ff8f00; background:#e0e0e0!important; padding:3px 0px;}
.right_c p{ width:100%; }
.r_topzi{  font-size:18px; font-weight:600; color:#303030; background:url(../img/title_line.jpg) 5px 9px no-repeat; padding-left:8px;}
.right_c h5{text-align:center; padding-bottom:15px;}
.right_c font {color:red;}



.right_c input,textarea {
  padding: 5px;
  border: 1px solid #e2e2e2;
  width: 100%;

  font-size: 13px;
  font-style: italic;
 margin-top:8px;
  color: #aaa;
  outline: none; 
}
.right_c img{	display:block;
	width:100% \9;
	max-width:100%;
	height:auto;}
.right_c form input,textarea {
  padding: 3px;
  border: 1px solid #e2e2e2;
  width: 90%;

  font-size: 13px;
  font-style: italic;
 margin-top:5px;
 margin-bottom:20px;
  color: #aaa;
  outline: none; 
}

#join span{color:red;}
<!--banner结束-->



<!--content-->

.news_list {
}

.news_list ul{ padding:0px; margin:0px;}
.news_list ul li a {
    color: #333;
}
.news_list ul li {
    padding: 6px 6px 6px 10px;
    background: url(../img/list_dot.jpg) 0px no-repeat;
	border-bottom:1px #b5b5b5 dashed;
}

.news_list ul li span{float:right;}
.page {
	text-align: center;
	width:100%;

}
.page a{ color:#323232}
.cartbox_1 a{ color:#fff;}

.content_c h1{color:#323232; font-size:22px;line-height:26px; text-align:center; }
.news_c p,{ color:#646464;font-size:14px;line-height:26px;}
.news_c{color:#646464;font-size:14px;line-height:26px;}
.team1{  margin:0px 0px 20px 0px;}
.right_c  h5{  text-align:left; font-weight:bold; font-size:15px; padding-left:12px;}
.right_c  h5 span{float:right; font-weight:normal;font-size:13px;}
.img_section{text-align:center; min-height:220px;}
.img_section img{  padding:5px; width:expression_r(this.width > 360 && this.height < this.width ? 360:true);
max-width:250px; width:auto;height:expression_r(this.height >180 ? 180:true);
max-height:240px; margin:0 auto; border:1px #d1d1d1 solid;}

.product h3{ font-size:15px; text-align:center; font-weight:bold;}
.productimg{ text-align:center; margin:0 auto;}
.product img{	display:block;
	width:90% \9;
	max-width:90%;
	height:auto}
.product table tr td{border:1px #dbdbdb solid; padding:5px 0px 5px 10px; }

.home_contact p{ margin:15px 0px 0px 0px; line-height:25px;}
.word1 a:hover{color:#333333;}
.home_contact{line-height:25px; }
.home_contact a:hover{color:#333333;}

<!--footer-->

.footer-bg1{ background:#f78e21; height:6px;}
.footer-bg2{ background:#2c3035; }
.footer-box{}
.footer-box h4{color:#fff;font-size:15px; margin-top:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px #212427 solid;}
.footer-box a{ color:#79828d;  font-size:12px; line-height:28px;}
.footer-box img{ padding-right:6px;}
.footer-img{ padding-top:20px; padding-bottom:20px;}



.rightcopy {
    width: 100%;
    background-color: #272a2d;
	border-top:1px #212427 solid;
    color: #79828d;
    line-height:30px;
}
.rightcopy a{color:#79828d;}
.text-center {
    text-align: center;
	font-size:12px; 
}

<!--footer结束-->

.banner{ }
.box {width: 100%;height: 100%;padding: 0 15px;background-repeat: no-repeat;background-position: center top;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover}
.hba {height: 300px}
.slider {position: relative;width: 100%;height: 530px;overflow: hidden}
.slides {
	height: 100%;overflow: hidden;
    *zoom: 1;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;margin: 0;padding: 0;border: 0}
.slide {height: 100%;float: left;clear: none;margin: 0;padding: 0;border: 0;list-style-image: none;list-style-type: none}

img, .ylw-img-responsive {height: auto;max-width: 100%}

.slider-arrow {position: absolute;display: block;margin-bottom: -30px;background-color: rgba(0,0,0,0.1);text-indent: -9999px;overflow: hidden;height: 60px;width: 40px;background-repeat: no-repeat}


.slider-arrow--right {bottom: 50%;right: 0;background-image: url(../img/banner-fy.png);background-position: center bottom}
.slider-arrow--left {bottom: 50%;left: 0;background-image: url(../img/banner-fy.png);background-position: center top}
.slider-nav {position: absolute;bottom: 30px}
.slider-nav__item {width: 12px;height: 12px;float: left;clear: none;display: block;margin: 0 5px;background: #fff;border-radius: 50%}
.slider-nav__item:hover {background: #ccc}
.slider-nav__item--current {background: #ccc}


/*===============客服===============*/
.qqkefu{position: fixed;top:58%;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index:100;right:0;width:45px;}
.qqkefu ul li{width: 45px;height:45px;margin-bottom:1px;float:right;line-height:45px;font-size:14px;cursor:pointer;position:relative;text-indent: 10px;}
.qqkefu ul li a{color:#fff;display: block;overflow: hidden;height: 45px;}
.qqkefu ul li.qq_cza{overflow:hidden}
.qqkefu ul li:hover{background:#2c3035;}
.qqkefu ul li.top{background:url(../img/k1.png) no-repeat center #01a1ff;position:relative;width:45px;height: 45px;cursor:pointer;}
.qqkefu ul li.top span{position:absolute;display:block;left:0;top:-5px;height:5px;width:45px;}
.qqkefu ul li.top:hover{background:url(../images/k1.png) no-repeat center #2c3035;}
.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:right;}
.qqkefu ul li span{font-size: 14px;font-weight: bold;color: #FFF;}
.qqkefu ul li b.a{background:url(../img/k2.png) no-repeat center #01a1ff;}
.qqkefu ul li b.b{background:url(../img/k3.png) no-repeat center #01a1ff;}
.qqkefu ul li b.f{background:url(../img/k4.png) no-repeat center #01a1ff;}
.qqkefu ul li b.c{background:url(../img/k5.png) no-repeat center #01a1ff;}
.qqkefu ul li:hover b.a{background:url(../img/k2.png) no-repeat center center #2c3035;}
.qqkefu ul li:hover b.b{background:url(../img/k3.png) no-repeat center center #2c3035;}
.qqkefu ul li:hover b.f{background:url(../img/k4.png) no-repeat center center #2c3035;}
.qqkefu ul li:hover b.c{background:url(../img/k5.png) no-repeat center center #2c3035;}
.qqkefu ul li.qq_czb{text-indent: 0;}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{position: absolute;width:111px;height:150px;top: -120px;left: -111px;float: right;cursor: default !important;display:none;background:url(../img/qr_img.png) no-repeat;}
.erweima p{margin-top:20px;margin-left:10px;}
.erweima img{width:90px;height:90px;}
.qqkefu li .erweima p a{display:block;font-size:14px;color:#333;margin-top:-8px;margin-left:30px;}

/*===============主页第二部分部分===============*/
.home_pro{  margin:0px 0px 0px 0px; background:#ececec;}
.home_protitle{ padding:15px 0px 0px 0px;}
.home_protitle h3{ text-align:center; height:37px; padding-top:20px; font-size:18px; font-weight:bold; color:#FFF; background:url(../img/homeprotitle.png) center top no-repeat;}
.home_protitle h4{ color:#6b6d70;text-align:center; text-transform:uppercase; font-size:25px;}
.second_top{overflow:hidden; background:url(../images/bj_h.jpg) repeat-x bottom; padding-top:35px; text-align:center}
.second_top a{display:inline-block; *display:inline; *zoom:1; margin:0px 15px; border-bottom:2px solid #26292e; font-size:14px; color:#8192a6; height:40px; line-height:40px; vertical-align:middle;-webkit-transition: all 0.5s ease-in-out;}
.second_top a:hover{color:#05aec7;border-bottom:2px solid #05aec7;}
.second_top a.hover{color:#05aec7;border-bottom:2px solid #05aec7;}
.zy_pro{overflow:hidden; padding:20px 0px 0px 0px;}
.zy_pro li{overflow:hidden; border-bottom:0px solid #dcdcdc;  margin-bottom:0px;text-align:left; position:relative; -webkit-transition: all 0.5s ease-in-out;}
.zy_pro li.r{margin-right:0px;}
.zy_pro li a{display:block; cursor:pointer;}
.zy_pro li p{font-size:14px; color:#727a84; padding-top:10px; padding-bottom:3px; text-align:center;-webkit-transition: all 0.5s ease-in-out;}
.zy_pro li span{font-size:12px; color:#616a76; display:block; background:url(../img/jt.jpg) no-repeat center right;}
.cover{width:248px; height:248px; background:url(../img/hover.png); position:absolute; top:0px;  text-align: center;
opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; }
.zy_pro li:hover{border-bottom:0px solid #01a1ff;}

.zy_pro li:hover p{color:#01a1ff;}
.zy_second h3{height:35px; line-height:35px; vertical-align:middle; border:1px solid #3d4a4f; text-align:center;}
.zy_second h3 a{display:block; text-transform:uppercase; font-size:14px; color:#727a84;-webkit-transition: all 0.5s ease-in-out;}
.zy_second h3 a em{font-family:SimSun-ExtB; font-size:16px; padding-left:5px; font-weight:bold;}
.zy_second h3:hover a{color:#fff;}





