@charset "utf-8";
/* CSS Document */
body,ul,ol,dl,li,dt,dd,form,div,h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; border:none;}
body{font-size:13px;color:#000000;font-family:"微软雅黑","宋体"; background-color:#fff;}
dl,dt,dd,ul,li{ list-style:none; list-style-type:none;border:none;}
img{  border:none;max-width:100%;overflow:hidden;}
input{margin:0; padding:0;border:none;}
a{ text-decoration:none; color:#000000; }
a:hover{ text-decoration:none; cursor:pointer}
table { border-collapse:collapse; }
.clear{ zoom:1;}
.clear:after{ clear:both; display:block; content:"\20";}
.hidden{ display:none;}
.clearboth{ clear:both;}
.intspacing{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	 -ms-box-sizing:border-box;
	  -o-box-sizing:border-box;
}
.box-center{
	width: 100%;
	max-width:1200px;
	margin:0 auto;
}
.box-center1{
	width:820px;
	float: right;
}
.clearfix{
	clear:both;
	margin:0px;
	padding:0px;
}
.fl{float:left;display: inline;}
.fr{float:right !important;display: inline;}.cl{ clear:both;}

/*公共*/
.shadow{
	webkit-box-shadow: 0px 1px 2px 1px #f1f5f9;
    -moz-box-shadow: 0px 1px 2px 1px #f1f5f9;
    box-shadow: 0px 1px 2px 1px #f1f5f9;
}
.shadow2{
	webkit-box-shadow: 0px 1px 20px 1px #cccccc;
    -moz-box-shadow: 0px 1px 20px 1px #cccccc;
    box-shadow: 0px 1px 20px 1px #cccccc;
}
.speed{
	webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.spacing{
	box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -o-box-sizing:border-box;
}
.head_on{
	text-align: right;
	margin-top: 20px;
}
.head_on input{
	width: 90px;
	height: 24px;
	border:1px solid #cccccc;
}
.head_on img{
	float:right;
	margin-left: 10px;
}
.head_under .logo{
	float:left;
}
.head_under .daohang{
	float:right;
}
.daohang ul li{
	float:left;
	padding:20px 20px;
	background: url(../images/xuxian.png) no-repeat right center;
}
.daohang ul li a{
	font-size:14px;
}
.daohang ul .yangshi a{
         color: #00a3eb;
}
.daohang ul li a:hover{
	color: #00a3eb;
}
.banben{
	float:right;
}
.banben img{
	float: left;
	margin:24px 10px;
	margin-bottom: 0px;
}
.banben .img1{
	margin-top: 20px;
	margin-right: 0px;
}
.banben span{
	float: left;
	margin-top:20px;
}
.banner{
	height: 310px;
	background: url(../images/bg.png) no-repeat center center;
	width: 100%;
}
.banner{
	height:310px;
}
.content{
	margin-top: 30px;
}
.content_left{
	width: 262px;
	float:left;
	padding-bottom: 40px;
}
.content_left .title{
	background: #00a3eb;;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 24px;
}
.content_left .title img{
	float:left;
	margin-left: 30px;
	margin-top: 20px;
	margin-right: 30px;
}
.list li{
	height: 50px;
	line-height: 50px;
	background: url(../images/ico1.png) no-repeat right 10px center;
	background-color: #f7f7f7;
	border-bottom: 1px solid #eaeaea;
	text-indent: 35px;
}

.list .li_active{
	background: url(../images/ico2.png) no-repeat right 10px center;
	background-color: #fff;
	color: #00a3eb;

}
.content_right{
	width:900px;
	float:right;
}
/*导航菜单*/
.nav_caidan img{
	display: inline-block;
	vertical-align: -3px;
}
.nav_list{
	border-bottom: 1px solid #e2e2e2;
}
.nav_list .title{
	float:left;
	font-size: 22px;
	color: #00a3eb;
	line-height: 34px;
	border-bottom: 2px solid #00a3eb;
}
.nav_list .nav_caidan{
	float:left;
	line-height: 34px;
	float:right;
	color:#888888;
}
.nav_list .nav_caidan span{
	color: #00a3eb;
}
.nav_list .nav_caidan a{
	color:#888888;
}
.nav_list .nav_caidan a:hover{
	color: #00a3eb;
}
.txt{
	font-size: 14px;
	line-height: 30px;
	color:#686868;
	padding-top:20px;
	padding-bottom: 20px;
}
/*底部CSS*/
.foot{
	background: #ffffff;
	position:relative;
}
.ew{
	position: absolute;
    bottom: 200px;
    left: 528px;
}
.ew img{
	width:100px;
	height:100px;
}
 .foot_on{
 	line-height: 35px;
 	border-top:1px solid #cccccc;
 	border-bottom: 1px solid #cccccc;
 }
 .foot_on .img{
 	float:left;
 	text-indent: 20px;
 }
  .foot_on .img img{
  	display: inline-block;
  	vertical-align: middle;
  }
 .foot_on .tongzhi{
 	float:left;
 	margin-left: 480px;
 }
 .foot_under{
 	border-bottom: 1px solid #cccccc;
 }
 .foot_under_left{
 	width:650px;
 	padding-top: 20px;
 	margin-left: 20px;
 	float:left;
 	background: url(../images/bg1.png) right top 0px;
 	background-repeat:repeat-y;
 	background-size:16px 100%;
 	height:350px;
 	position: relative;
 	padding-bottom:20px;
 }
 .foot_list{
 	float:left;
 	width:120px;
 }
 .foot_list li{
 	line-height: 28px;

 }
 .foot_under_left .title{
 	font-size: 14px;
 	color: #272727;
 	font-weight:bold;
 }
 .foot_list li a{
 	font-size: 12px;
 	color: #636363;
 }
 .foot_list li a:hover{
 	color: #00a3eb;
 }
 .link{
 	position: absolute;
 	bottom:10px;
 	color:#5b5b5b;
 	width: 626px;
 }
 .link span{
	float:left;
 	display:inline-block;
 	height:60px;
 	line-height:30px;
 }
 .link a{
 	margin-right: 20px;
 	color: #5b5b5b;
 	float:left;
 	line-height:30px;
 }
  .link a:hover{
  	color: #00a3eb;
  }
  .foot_under_right{
  	float:right;
  	width:530px;
  }
  .input{
             margin-left:40px;
  }
  .input em{
  	color: red;
  }
  .input input{
  	width: 410px;
  	height:24px;
  	border:1px solid #cccccc;
  	margin-top: 10px;
  }
  .input span{
  	display: inline-block;
  	width:52px;
  	text-align: right;
  	color: #5b5b5b;
  }
  .tab{
  	margin-top: 20px;
  	padding-bottom:20px;
  }
  .input textarea{
  	width: 410px;
  	height:120px;
  	margin-top: 20px;
  }
.txt_box span{
	float:left;
	margin-top: 20px;
}
.txt_box em{
	float:left;
	margin-top: 20px;
}
.btn1{
	margin-top:10px;
	margin-left: 10px;
}
.btn1 input{
	width: 56px;
	height:24px;
	background-color: #b3b3b3;
	border-radius: 3px;
	color: #fff;
}
.btn1 .btn_submit{
	background-color: #ff0000;
	margin-left: 100px;
	margin-right: 20px;
}
.icp{
	text-align: center;
	color: #5b5b5b;
	line-height: 30px;
	width:1200px;
	margin:0 auto;
	padding-top:10px;
	background-color: #ffffff;
}
.address{
	color: #5b5b5b;
	line-height: 30px;
	width:1200px;
	margin:0 auto;
	background-color: #ffffff;
}
textarea{
	color:#666666;
}
/*联系我们*/
.contact1 .title{
        font-size: 20px;
        color: #666666;
        font-weight: bold;
}
.contact1_left{
	float:left;
}
.contact1_right{
	float: right;
}

/*服务列表*/
.service_list ul li{
	height: 42px;
	border-bottom: 1px dashed #cccccc;
	line-height: 42px;
}
.service_list ul li img{
	float:left;
	margin-top: 15px;
              margin-right: 10px;
}
.service_list ul li .download{
	float:right;
	width: 76px;
	text-align: center;
	background:url(../images/xuxian1.png)no-repeat right center;
}
.service_list ul li .download a{
	color:#f43b3b;
	display: block;
	background:url(../images/xuxian1.png)no-repeat left center;
}
.service_list ul li a:hover{
	color: #00a3eb;
}
.service_list ul li .download1{
	background: none;
}
.service_title{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.service_content{
	line-height: 30px;
	font-size: 14px;
}
/*上下翻页*/
.pages{
	line-height: 30px;
}
.pages a:hover{
	color: #00a3eb;
}

/*解决方案*/
.case dl{
	border-bottom: 1px dashed #bababa;
	padding-bottom: 20px;
	margin-top: 20px;
	position:relative;
}
.case dl dt{
	width: 126px;
	height:86px;
	float:left;
}
.case dl dd{
	width: 740px;
	height: 86px;
	overflow: hidden;
	float:right;
}
.case dl dd .title a:hover{
	color: #00a3eb;
}
.case dl dd .summary{
	line-height: 28px !important;
}
.case dl dd .time{
	text-align: right;
	position: absolute;
    right: 0px;
    bottom: 20px;
}
.case dl dd .time1{
	position:auto;
	right:auto;
	bottom:auto;
}
.case .title{
	font-weight:bold;
}
/*分页*/
.page{
	text-align: center;
	margin-top: 42px;
	padding-bottom:40px;
}
.page a{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	display: inline-block;
	text-align: center;
	background: #e8e8e8;
	color: #bdbdbd;
	margin-left: 6px;
	margin-right: 6px;
	line-height: 30px;
}
.page .current{
	color: #fff;
	background: #00a3eb;
}
.page a:hover{
	color: #fff;
	background: #00a3eb;
}

/*关于我们*/
.about_left{
	width:160px;
	float:left;
}
.about_list{
	background: url(../images/shuxian.png) left 44px center;
	background-repeat: repeat-y;
	padding-bottom: 80px;
}
.about_list ul li{
	width: 72px;
	height: 72px;
	border-radius: 36px;
	border:1px solid #00a3eb;
	text-align: center;
	margin-left: 8px;
	margin-bottom:20px;
	background: #ffffff;
}
.about_list ul li a{
        display: block;
        width: 36px;
        margin:0 auto;
        line-height: 20px;
        padding-top: 16px;
        color:#00a3eb;
}
.about_list ul .active{
	background: #00a3eb;
}
.about_list ul .active a{
	color: #ffffff;
}
.atbou_right{
	width:1040px;
	float:right;
}
.about_title{
	color: #00a3eb;
	font-size:18px;
}
.fixed{
	position: fixed;
	top:40px;
}
.about_txt{
	margin-top: 20px;
}
/*首页*/
.index1_content{
	padding-top: 10px;
}
.product_index{
	width: 814px;
	float:left;
             margin-left: 20px;
}
.title1{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
	font-size: 18px;
}
.title1 .img1{
	float:left;
	margin-right: 20px;
}
.title1 span{
      position: relative;
	  cursor:pointer;
}
.title1 .span img{
	display:none;
}
.title1 .active img{
	display:block;
}
.title1 span img{
      position: absolute;
      top: 28px;
      left:41%;
}
.more{
	float:right;
}
.more a{
	color: #666666;
	font-size: 12px;
}
.more a:hover{
	color: #00a3eb;
}
.pro_content ul li{
	width:175px;
	text-align: center;
	margin-top: 20px;
	margin-left: 23px;
	float:left;
}
.pro_content ul li p{
	margin-top: 10px;
}
.pro_content ul li:hover a{
	color:#00a3eb;
}
.pro_content ul li img{
	width: 175px;
	height: 130px;
}
.index_service{
	width:326px;
	float:right;
	margin-right: 12px;
}
.ser_content li{
	height:40px;
	margin-top:20px;
}
.ser_content li .ser_img{
	width: 34px;
	float:left;
	margin-right: 30px;
}
.ser_title{
	font-size: 16px;
	color: #00a3eb;
}
.bg_txt{
	background: #f7f6f6;
	padding-top:10px;
}
.index2_content{
	margin-top: 20px;
}
.index_about{
	margin-left: 20px;
	width:374px;
	float:left;
}

/*首页about效果*/
.slideBox{ width:374px; height:168px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:8px; height:8px; line-height:14px; text-align:center; background:#fff; cursor:pointer; margin-right:6px;}
.slideBox .hd ul li.on{ background:#0662c3; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:374px; height:168px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.abo_content{
             margin-top: 20px;
             width: 374px;
}
.abo_title{
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	color: #161616;
}
.abo_summary{
	line-height: 24px;
	font-size: 12px;
	color: #4f4f4f;
}

/*首页案列*/
.index_case{
	width:770px;
	float:right;
	margin-right:12px;
}
.case1{
	display:none;
}
.case1 dl{
	width: 370px;
	float:left;
	border-bottom: 0px;
	margin-right: 30px;
	padding-bottom: 0px;
}
.case1 dl:nth-child(2n){
	margin-right: 0px;
}
.case1 dl dt{
	width: 100px;
	height: 68px;
}
.case1 dl dd {
	width: 255px;
	height:66px;
}
.case1 dl dd .title a{
           font-size: 12px;
           font-weight: bold;
           color:#575757;
}
.case1 dl dd .summary{
	float:left;
	line-height: 20px !important;
	margin-top: 5px;
	font-size:12px;
}

/*产品中心*/
.product_list{
	padding-bottom:30px;
	margin-top:10px;
}
.product_list li{
         width:168px;
         text-align: center;
         float:left;
         margin-left: 28px;
         margin-right: 28px;
         margin-top: 20px;
	     height:160px;
	     line-height:22px;
}
.product_list1 li{
	   width:168px;
	   height:210px;
}
.product_list1 li .pro_size{
	text-align:left;
	color:#666666;
	height:18px;
	width:168px;
	overflow:hidden;
}
.product_list li .pro_model{
	text-align:left;
	color:#666666;
	height:18px;
	width:168px;
	overflow:hidden;
}
.product_list1 li{
	 overflow:hidden;
}
.product_list li .pro_img{
	text-align:center;
}
.product_list li .pro_img img{
	width:168px;
	height:125px;
}
.product_list1 li .pro_img img{
	width:216px;
	height:145px;
}
.product_list li .pro_title{
	text-align:left;
	width:168px;
	overflow:hidden;
	height:18px;
}
.product_list1 li .summary{
	width:216px;
	margin:0 auto;
	line-height:30px;
	text-align:left;
}
/*
.product_list li:hover a{
        color: #00a3eb;
}*/
.product1{
	margin-top: 30px;
}
.product1_left{
	width: 350px;
	float:left;
	margin-left: 50px;
}
.product1_right{
	float:left;
	margin-left: 20px;
	line-height: 28px;
	font-size: 14px;
	color: #666666;
}
.product2_title{
	height: 38px;
	line-height: 38px;
	background:#f5f5f5;
	margin-top: 20px;
}
.product2_title ul li {
	height: 38px;
	padding:0px 20px;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
}
.product2_title ul .active{
	color: #fff;
	background: #00a3eb;
}
.product2_content{
	display: none;
	margin-top: 10px;
}
.product2_content.active{
	display: block;
}
.yyxz ul li{
             line-height: 40px;
             border-bottom:1px dashed  #6c6c6c;
             color: #626262;
}
.yyxz ul li a{
	float:right;
	color: #626262;
}
.yyxz ul li a:hover{
	color: #00a3eb;
}
.product2{
	margin-top: 20px;
	padding-bottom:40px;
}
.product2 table th{
	 border:1px solid #cccccc;
	 background:#00a3eb;
	 color:#ffffff;
	 font-size: 13px;
	 font-family: 'arail';
	 font-weight: 100;
	 text-align: center;
	 font-weight: bold;
}
.product2 table td{
            border:1px solid #cccccc;
            /*text-align: center;*/
            font-size: 12px;
}
.product1_right{
	width: 450px;
	line-height: 28px;
	font-size: 14px;
}

/*通知*/
.main_t_l{width:500px;height:40px;float:left;overflow:hidden;}
.main_t_l ul li a{
	font-size: 14px;
	color: #666666;
}
.main_t_l ul li a:hover{color:#1b62a0;}
.main_t_r{width:16px;float:left;}
.main_t_ru,.main_t_rd{width:16px;height:20px;background:url(../images/index_03.png) no-repeat;cursor:pointer;}
.main_t_rd{background-position:0 -20px;}
.main_t_ru:hover{background-color:#E5E5E5;}
.main_t_rd:hover{background-color:#E5E5E5;}
.item{float:left;margin-right:16px;}
.item:last-child{margin-right:0;}
.item_t{width:264px;height:218px;border:2px solid #E9E9E9;margin-bottom:12px;}
.item_t:hover{border:2px solid #19abdc;}
.item_t img{width:264px;height:218px;}
.item_b{text-align:center;}
.item_b a{color:#1b62a0;}
.item_b a:hover{color:#bcbcbc;}
.tubiao{
	float:right;
}
.main_t span img{
	margin-right: 5px;
}

/*首页产品滚动*/
#demo {
	background: #FFF;
	overflow:hidden;
	width: 812px;
	margin:0 auto;
	height:184px;
}
#indemo {
	float: left;
	width: 800%;
}
#demo1 {
	float: left;
}
#demo1 li{
	float:left;
}
#demo2 {
	float: left;
}
#demo2 li{float:left;margin-top: 20px;margin-left:23px;}
#demo2 li img{
	width:175px;
	height:130px;
}
#demo2 li p{
	text-align:center;
	margin-top:10px;
	
}
#demo2 li:hover p{
	color:#00a3eb;
}

/*文字滚动*/
.txtMarquee-left{position:relative;}
.txtMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4;}
.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
.txtMarquee-left .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
.txtMarquee-left .bd{ }
.txtMarquee-left .bd .tempWrap{ width:500px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;width:500px;float:left; height:40px; line-height:40px;  text-align:left; _display:inline; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li span{ color:#999;  }


/*查找*/
.username{
	float:right;
}
.search{
	float:right;
	width:140px;
	height:24px;
	border:1px solid #cccccc;
	margin-right:10px;
}
.search input{
	border:0px;
	border-right:1px solid #cccccc;
	width:110px;
}
.search input:focus{
	outline:none;
}
.search img{
	float: right;
    margin-top: 2px;
    margin-right: 6px;
	margin-left:6px;
	cursor:pointer;
}

/*会员注册*/
.adduser{width:85%;margin:0px auto;padding:20px 0px;padding-bottom:40px;}
.adduser .tou{line-height:24px;color:#6c6c6c;}
.adduser .bg{width:370px;float:left;padding:10px 0px;color:#6c6c6c;position:relative;background:none;}
.adduser .bg td{padding:5px 0px;}
.adduser .bg .shuru{width:239px;height:28px;line-height:28px;background:url(../images/32.jpg) no-repeat;border-width:0px;}
.adduser .tishi{width:180px;position:absolute;background:url(../images/33.jpg) no-repeat left center;padding-left:20px;line-height:24px;}