@charset "utf-8";
/* CSS Document */
body { overflow-x:hidden; width:100%;}

a, input, select, textarea {outline:none !important;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {  display: block;}

img, a img { border: 0;}
ol,ul {	list-style:none}
a{ text-decoration:none; color:#666;}
a:hover{color:#0094da;}

a.alink{color:#0094da; }
a.alink:hover{ color:#d00000;}


.clear{ clear:both;}
img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
.f_l{ float:left;}
.f_r{ float:right;}

header{border-top:5px solid #0094da; height:45px; border-bottom:1px solid #d9d9d9; width:100%;}
/*.h_m,.h_p{ background:url(../images/index_03.jpg) no-repeat left center; height:45px; line-height:45px; text-indent:20px; color:#0094da; width:130px;}*/

.h_l{ height:20px; width:80px; border:1px solid #d3d3d3; background:#747474;line-height:20px; text-align:center; margin-top:10px;}
.h_l a{ color:#fff; }


nav{ margin-bottom:15px;width:100%; height:auto; display:inline-block; }

footer{ margin-top:1px; border-top:3px solid #0094da; background:#dedede; padding-top:20px;}
.footer span{ float:right;line-height:20px;}
.footer p{line-height:20px; }

/*锟斤拷v锟�*/
#elevator_item {
	width: 60px;
	height: 50px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 102;
	display: none;
}
#elevator {
	display: block;
	width: 60px;
	height: 50px;
	background-color: #444;
	background-color: rgba(0,0,0,.6);
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	margin-bottom: 10px
}
#elevator:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator:active {
	background-color: rgba(0,0,0,.75)
}
/* index */
#main{ padding-top:30px; padding-bottom:30px;}
.hot_link{ background:#595959; padding-top:50px; padding-bottom:30px;}
.hot_link ul{}
.hot_link ul li{ width:18.4%; float:left; margin-right:2%;}
.hot_link ul li.follow{ margin-right:0;}
.hot_link ul li h2{ color:#fff;  padding-bottom:10px; border-bottom:1px solid #949494; margin-bottom:10px;}
.hot_link ul li a{ color:#cecece; line-height:24px;}
.hot_link ul li p{  line-height:20px;text-indent: 0;}
.hot_link ul li a:hover{ color:#0094da;}
.hot_link ul li a.more{ color:#a8a8a8;}
.hot_link ul li a.more:hover{ color:#d00000;}


/* product */
.banner_bot{ background:#f4f4f4; height:40px; width:100%;}
.one_news{ line-height:40px; color:#0094da; }
.one_news p{line-height:40px; color:#0094da;}
.one_news p i{color:#666;padding:0;}
.one_news a{color:#666; }
.one_news a:hover{ color:#0094da;}
.s_list{ margin-bottom:20px;}



.cphead{border-bottom: 3px solid #0094DA;}
#p_menu{ margin-top:15px;position:relative;}
.scroll_nav_ul{position:relative;top:0px;z-index:99;overflow:hidden;  background: #fff; }
.scroll_nav_ul li{float:left; width:25%;font-size:14px;font-weight:bold;color: #0094da; line-height:40px; text-align:center;margin-top: 20px;}
.proName{float:left; display:block; text-align:left;}
.proName h1{ font-size:20px; font-weight:bold; color:#333; line-height:40px;}
.scroll_nav_ul li a{padding:0 10px;}
.scroll_nav_ul li.normal a{color:#0094da;}
.scroll_nav_ul li.active a{color:#0094da; display:block}
.pkg-maodian{}
.row{width:100%; height:auto;}
#Htitle_1{ padding-top:15px;}
#Htitle_1 h2{ height:35px; line-height:35px; font-size:14px; font-weight:700;color:#0094da;}
.pro_special{  border-bottom:1px solid #ccc; padding-bottom:30px;}
.pro_special table td{ line-height:25px; padding-left:10px; border:1px solid #dcdcdc;}
.pro_special p {
	line-height: 30px;
	margin:15px 0;
}
#data,#relative,#topic,#topic1,#topic2,#topic3,#advantage,#mainList{ padding-top:30px;  }

.p_list{line-height:35px;}
.p_list strong{ }
.p_list span{ }


.anli{
	padding: 20px;
}
.p_line2{ padding-left:10px;}
.p_line2 p{ line-height:50px; font-size:20px; font-weight:700; color:#d00000;}
.p_line2 strong {font-size: 20px;color: #e84733; font-weight: 600; }
#data table tr td{ line-height:25px; padding-left:10px; border:1px solid #ccc;}

#topic{ }
#topic ul li{ padding-right:2%; float:left;}
#topic ul li img{ padding-right:3%;float:left;width: 100%; }
#topic ul li p{line-height:22px; float:left; text-indent: 0;}

#topic1{ }
#topic1 ul li{ padding-right:2%; float:left;}
#topic1 ul li img{ padding-right:3%;float:left;width: 100%; }
#topic1 ul li p{line-height:22px; float:left; text-indent: 0;}

#topic2{ }
#topic2 ul li{ padding-right:2%; float:left;}
#topic2 ul li img{ padding-right:3%;float:left;width: 100%; }
#topic2 ul li p{line-height:22px; float:left; text-indent: 0;}

#topic3{ }
#topic3 ul li{ padding-right:2%; float:left;}
#topic3 ul li img{ padding-right:3%;float:left;width: 100%; }
#topic3 ul li p{line-height:22px; float:left; text-indent: 0;}


#relative ul li{width:22%; margin-left:1.5%; margin-right:1.5%; float:left;margin-bottom:20px;}
#relative ul li img{ width:100%; padding-bottom:10px;}
#relative ul li p{ line-height:12px; text-align:center; height:12px;overflow:hidden; padding:0; margin:0;}
.r_pic{ border-top:1px dotted #dcdcdc; padding-top:10px; height:12px; overflow:hidden; width:99%;  margin:0 auto; margin-top:10px;}


.pro_bot{ margin-top:30px; }
.m_l{margin-bottom:20px; float: left;border-right:1px dotted #dcdcdc; }

.pro_contact{ float:left;text-indent: 0;padding: 0 30px;}
.pro_contact p{ line-height:24px;}
.pro_contact strong{ font-size:14px; color:#d00000;}

/* solution */
.s_pic{ float:right;}
.s_pic img{ width:100%;}
.s_main{ padding-left: 20px;}

.slides { margin: 0px auto; width:100%; height: auto; overflow: hidden; position: relative; }
.slide-pic { margin: 0px; padding: 0px; width:100%; overflow: hidden; list-style: none; }
.slide-pic img {width:100%; }
.slide-pic li { display: none; }
.slide-pic li.cur { display: block; }
.slide-li { margin:5px; padding: 0px; bottom: 0px; left:40%; position: absolute; width:120px;}
.slide-li li { margin: 0px; padding: 0px; width:50px; height: 8px; float: left; overflow: hidden; list-style: none;margin-left:1px; }
.slide-li a {width:50px; height: 8px; color: #000; font-size: 12px; display: block;  margin: 0px; padding: 0px;margin-left:1px;}
.slide-li a:hover { color: #F00; text-decoration: none; }
.op li { background: #fff; filter: alpha(opacity=60); opacity: 0.6; }
.op li.cur { margin: 0px; padding: 0px; background: #d00000;  width:50px;margin-left:1px;}

.psj_beizhu { float: left; width: 100%; padding-bottom: 30px;  background: #fff; border: 0; border-bottom: solid 1px #ccc; line-height: 23px; font-size: 11px; }


.sanme{padding:50px 0;}

.sanme_special{ height:50px;white-space: nowrap;}
.sanme_special a{ color:#fff; overflow: hidden;}
.sanme_special a:hover{ color:#000;}
.sanme_special .special6,.sanme_special .special5,.sanme_special .special4,.sanme_special .special3,.sanme_special .special2,.sanme_special .special1{ background:#0094da; width:110px; height:50px; line-height:50px; text-align:center; display:block; margin-right:2px; float:left;}
.sanme_special .special2{ background:#00d254; width:130px;}
.sanme_special .special3{ background:#b5b5b5; width:110px;}
.sanme_special .special3 a{ line-height:24px; display:block; height:24px;}
.sanme_special .special4{ background:#7a7979; width:100px;}
.sanme_special .special5{ background:#006da1; width:160px;}
.sanme_special .special6{ background:#00a040; width:160px;}

.page input{padding:0px;color:#888;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px}

.slides { margin: 0px auto; width: 100%; height: auto; overflow: hidden; position: relative; }
.slide-pic { margin: 0px; padding: 0px; width:100%; overflow: hidden; list-style: none; }
.slide-pic li { display: none; }
.slide-pic li.cur { display: block; }
.slide-li { margin: 0px auto; padding: 0px;  bottom: 3px; position: absolute; width:280px;}
.slide-li li { margin: 0px; padding: 0px; width:50px; height: 15px; float: left; overflow: hidden; list-style: none;margin-left:1px; }
.slide-li a {width:50px; height: 15px; color: #000; font-size: 12px; display: block;  margin: 0px; padding: 0px;margin-left:1px;}
.slide-li a:hover { color: #F00; text-decoration: none; }
.op li { background: #666; filter: alpha(opacity=60); opacity: 0.6;}
.op li.cur { margin: 0px; padding: 0px; background: #d00000;  width:50px;margin-left:1px; }
.slide-txt li{ text-align:center;}
.slide-txt li a{ color:#fff;}