﻿/*************************
*******body******
**************************/
body {
	background: #fff;
	font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; 
}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; 
	color: #4e4e4e;
}
h1 {
	font-size: 36px;
	color: #fff;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
	color: #787878;
	font-weight: 400;
	line-height: 24px;
}
h4 {
	font-size: 16px;
}
.fl{ float:left;}
.fr{ float:right;}
li{ list-style:none;}
/* 清理浮动 */
.clearfix {
	clear: both;
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*************************
*******菜单******
**************************/

.header {
	width: 100%;
	overflow: hidden;
}
.header_top {
	width: 100%;
	background:#eee;
	height: 30px;
	line-height:30px;
    font-family: 微软雅黑;
    color:#999;
	font-size:12px;
	overflow: hidden;
}

.header_top .top_nav {
	float: right;
	width: 210px;

	
	
}
.header_top .top_nav a {
	padding: 0 12px;
	display:block;
	height:15px;
	line-height:15px;
	margin-top:5px;
	color:#999;
	border-right:1px dotted #eee;
	font-size:12px;
	float: left
}
.header_top .top_nav .first {
	
	padding-left: 0;
}
.header_center {
	height: 135px;
	padding-top:10px;
	overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
 
}
.header_center .logo {
	float: left;
	width:12%;

	margin-top:25px;
	
}
.searchbox {
	float: left;
	width:20%;
	margin-top:40px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #dedede;
	border-radius: 15px;
	color: #333;
	
}
.searchbox .cont_text {
	float: left;
	color: #333;
	height: 32px;
	padding-left: 8px;
	background: none;
	line-height: 32px;
	outline: none;
	border: none;
}
.searchbox .cont_btn {
	float: right;
	outline: none;
	border: none;
	margin-top: 2px;
	cursor: pointer;
	width: 32px;
	height: 32px;
	background: url(../images/main/rsbtn.png) no-repeat;
}
.header_center .top_ti {
	float: left;
	padding-top:10px;
	width:43%;
	letter-spacing:2px;
	
}
.header_center .top_ti h2 {
	color:#333333;
	font-size:24px;
	font-weight:bold;
	
}
.header_center .top_ti span{ color:#DA251C}
.header_center .top_ti p {
	color:#666;

	font-size:18px;
	
	
}

.top_title{float:left; margin-top:18px; }

.top_title h2{ color:#F2F9F2; font-size:16px;}
.top_title p{ font-size:14px; line-height:24px; color:#F2F9F2}

.header_phone {
	float: right;
	width:20%;
	margin-top:2px;
	text-align:right;
}
.header_phone h3 {
	color:#666;

	margin-bottom:10px;
	font-size:15px;
}
.header_phone h3 img{ padding-right:8px;}
.header_phone h2{ color:#DA251C; font-size:28px; font-weight:bold; margin-top:0;}
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
	
}



.navbar-inverse .navbar-nav > li >img {
    display: block;

	padding-right:4px;
}

.navbar-collapse {
	max-height: 340px;
	padding-left: 0;
	overflow-x: visible;

	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	-webkit-overflow-scrolling: touch;
}
.navbar {
	position: relative;
	min-height: 55px;
	margin-bottom: 0px;
	
}
.navbar-nav > li > a {
	margin:0px 0px;

	border-right:1px solid #0F58B4;
	   padding-top: 0px;
    padding-bottom: 0px;
    

}
.navbar-nav > li:last-child{ border:none}

.nav > li > a {
	position: relative;
	display: block;
	padding:0px 40px;
	font-size: 15px;
	height:55px;
	line-height:55px;
	
}

.navbar-inverse .navbar-brand {
    color: #fff;
}
.navbar-inverse {
	background-color:#00469C;
	border: none;
	
	line-height: 55px;


}

.navbar {
	border-radius: 0px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
   
    background-color:none;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover {
	background:#DA251C repeat-x;
	
	color: #fff;
}


.navbar-inverse .navbar-nav > li > a:hover {
	background:#DA251C repeat-x;

	 color:#fff;
}
.navbar-inverse .navbar-toggle {
    border-color: #00469C;
}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#fff}.navbar-inverse .navbar-toggle .icon-bar{background-color:#00469C}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#f90}
/**********轮番***********/
/*-- Slider --*/

.slider {
	position: relative;
	padding: 0;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	border: 0;
}
a.callbacks_nav {
	display: none;
}
ul.callbacks_tabs {

	position: absolute;
	z-index: 9;
	bottom: 2%;
	left: 42%;

}
ul.callbacks_tabs li {
	display: inline-block;
}
.callbacks_tabs a {
	visibility: hidden;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	visibility: visible;
	display: inline-block;
	width:15px;
	height: 15px;
	border-radius:50%;
	float: left;
	margin-left: 10px;

	background: #545454;
}
.callbacks_here a:after {
	background: #DA251C;
}

/*-- //Slider --*/
/*******搜索*********/
.search {
	overflow: hidden;
	width: 100%;
	border-bottom:1px solid #dedede;
	height: 65px;
}
.search p {
	font-size: 14px;
	line-height: 65px;
	display: block;
	
	width: 65%;
	float: left;
	color: #999;
}
.search p a {
	color: #999;
	padding: 0 6px;
}
.search .s_key {
	float: right;
	width: 35%;

	height: 65px;
	
}
.search .s_key input {
	width: 75%;
	height: 34px;
	line-height: 32px;
	font-size: 14px;
	color: #999;
	margin-left:20px;
	padding-left: 10px;
	margin-top:15px;
	
	border:1px solid #dedede;
	
	outline: none;
	float: left;

}
.btn_search{ float:left; background:#232323; color:#fff; width:18%; height:34px;margin-top:15px; background:#232323 url(../images/top/search.png) center no-repeat;}


/*******首页产品********/
/*product*/


.main_title h2 {
	background: url(../images/main/cptit.jpg) no-repeat;
	height: 110px;
	padding-top: 34px;
	text-align: center;
	font-size: 30px;
	color: #00469C;
	font-weight:bold;

}
.main_title h2 a {
	color: #00469C;
}
.main_title h2 em {
	color: #666666;
	display: block;
	font-size: 16px;
	line-height:28px;
	font-weight:normal;
	font-style: normal;
}
.product {
	margin-top: 20px;
}
.slide-nav {
	float: left;
	width: 23%;
	background: #fff;
	margin-top: 20px;
	border: 1px solid #E3E3E3;
}
.slide-nav ul {
	list-style: none;
	margin: 0;
	padding:10px;
}
.slide-nav ul p {
	background: #dedede;
	height: 50px;
	line-height: 50px;
	margin:6px 0;
	
}
.slide-nav ul p a {
	color: #333;
	display: block;
}
.slide-nav ul p a:hover {
	text-decoration: none;
	color: #CE000C;
	font-weight: bold;
}
.slide-nav ul li {
	line-height: 50px;
	padding: 0 10px;
	
}
.slide-nav ul li a {
	text-decoration: none;
	line-height: 50px;
	display: block;
	font-size: 14px;
	color: #666;
	padding-left: 50px;
	background: url(../images/main/cpflico.jpg) no-repeat 25px 17px;
}
.slide-nav ul li a:hover {
	color: #00469C;
	font-weight: bold;
	background: url(../images/main/cpflicoh.jpg) no-repeat 25px 17px;
}
.slide-nav ul li b {
	text-align: center;
	display: block;
}
.slide-tubiao {
	padding: 5px 8px;
}
.slide-content {
	float: right;
	width: 74%;
	height: auto;
	background: #fff;
	padding-bottom: 25px;
	padding-left: 1%;
}
.slide-nav-title {
	height: 110px;
	color: #fff;
	background: #00469C;
}
.slide-nav-title {
	text-align: center;
}
.slide-nav-title h2 {
	padding: 20px 0;
	color:#fff;
	margin:0;
	font-weight:bold;

}
.slide-con {
	height: 60px;
	color: #fff;
	background: #00469C;
}
.slide_lx{ padding:10px 20px;}
.slide_lx p{ margin:0; padding:3px 0;}
.cont {
	text-align: center;

	color: #fff; 
	padding:10px 0;
	font-size: 16px;
	font-weight:bold;
	background: #00469C
}
.cont h4{ color:#fff; }
.pro_list2 ul {
	padding: 0;
	margin-top: 10px;
}
.pro_list2 ul li {
	width: 31.3%;
	float: left;
	border: 1px solid #E5E5E5;
	margin:10px 1%;
}
.pro_list2 ul li .pro_con2 {
	margin: 5px;
}
.pro_list2 ul li a {
	color: #fff;
	display: block;
}
.pro_list2 ul li .pro_con2 img {
	height: 260px;

}
.pro_list2 ul li p {
	text-align: center;
	padding-top: 10px;
	color: #727272;
	font-size: 15px;
}
.avatar {
	display: block;
	overflow: hidden;
	width: 100%;
}
.avatar img {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.avatar:hover img {
	transform: scale(1.3);
	transition: all 1s ease 0s;
	-webkit-transform: scale(1.3);
	-webkit-transform: all 1s ease 0s;
}
/*优势*/
.ysbg {
	text-align: center;
	background: url(../images/main/ys_titBg.png) no-repeat center;
	margin-top: 0;
	padding-bottom: 10px;
}
.ysbg h2 {
	padding: 20px 0;
	color: #fff;
	letter-spacing: 1px;
	font-size: 32px;
	font-weight: bold;
	padding-top: 50px;
}
.ysbg p {
	color: #fff;
	padding-bottom: 40px;
	font-size: 16px;
}
.ys_title {
	color: #2554AC;
	text-align: center;
	font-size: 24px;
	background: url(../images/ys/ys_bg.png) no-repeat center;
	letter-spacing: 1px;
	padding-top: 20px;
}
.ys_title span {
	color: #DA0506;
	font-size: 26px;
}
.ys_box {
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #dedede;
	box-shadow: 0 6px #eee;
	padding-top: 10px;
}
.ys_box h2 {
	line-height: 40px;
}
.ys_left {
	width: 50%;
	float: left;
	margin-top:20px;
}
.ys_right {
	width: 50%;
	float: left;
}
.ys_left h2 {
	color: #282828;
	font-weight: bold;
	font-size: 20px;
}
.ys_left em{ font-size:24px; color:#183885; font-style:normal;}
.ys_list {
	padding: 10px 10px;
	font-size: 38px;
	display: block;
	float: left;
	width: 13%;
	background: #2554AC;
	margin-right: 20px;
	color: #fff;
	border-radius: 50%;
}
.ys_left span > img {
	width: 128px;
	padding-right: 18px;
}
.ys_left p {
	padding-left: 80px;
	font-size: 15px;
	line-height: 24px;

	color: #666;
}
.ys_left > img {
	float: right;
}

.ys_left2 em{ font-size:24px; color:#183885;font-style:normal;}
.ys_left2 {
	width: 50%;
	float: right;
	margin-top: 20px;
}
.ys_right2 {
	width: 50%;
	float: right;
}
.ys_left2 h2 {
	color: #282828;
	font-weight: bold;
	font-size: 24px;
}
.ys_left2 span > img {
	width: 128px;
	padding-right: 18px;
}
.ys_left2 p {
	padding-left: 80px;
	padding-top: 10px;
	font-size: 15px;
	line-height: 24px;
	color: #666;
}
.ys_left2 > img {
	float: left;
}
/*about*/
.ableft{ background:#00469C url(../images/main/ab1.png) no-repeat; height:430px; width:21%; float:left; margin-top:50px;}
.ableft a{ display:block; color:#fff;}
.ableft p{padding:30px 20px;}
.ableft h2{ padding:0px 20px;  color:#fff; font-weight:bold; font-size:28px; padding-top:40px;}
.ableft h3{ padding:0 20px; color:#fff; font-weight:bold; font-size:20px;}
.abright{ width:78%; float:right;margin-top:50px; background:#fff; height:430px;   box-shadow: 5px 5px 10px #e9e9e9, -5px -5px 10px #e9e9e9; }
.abright p{ color:#666; line-height:24px; padding:20px 20px; font-size:15px;}
/*news*/
.newsleft{ float:left; width:48%;}
.newsright{ float:right; width:48%; margin-top:15px; }
.newsright h2{ text-align:left; margin:10px 0; padding:0; height:40px; font-size:20px; color:#333;}
.newsright p{ padding-top:10px; color:#666;}
.newsright p a{ color:#666; margin-top:20px; display:block;}
.wt h4{ border-bottom:1px solid #dedede; font-size:14px; padding-bottom:15px; margin-top:40px; font-weight:bold;  }
.wt h4 span{ float:right;}
.wt h4 span a{ color:#666;}
.wt ul { margin:0; padding:0;}
.wt ul li{ float:left; width:33.3%;}
.wt ul li h3{ font-weight:bold; font-size:15px; }
.wt ul li h3 a{ color:#333;}
.wt ul li p{ padding-right:20px; color:#999;}
/*客服部分*/
.qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;}
.scrollsidebar{position:absolute;z-index:999;top:180px;}
.side_content{width:167px;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:167px;overflow:hidden; background:#00469C;border-top:2px solid #fff}
.side_content .side_list h2{ text-align:center; color:#fff; font-size:18px; padding:0 20px; line-height:30px;}
.show_btn{width:0;height:144px;overflow:hidden;margin-top:50px;float:left;cursor:pointer;}
.show_btn span{display:none;}
.close_btn{cursor:pointer; text-align:center;}

.show_btn{background:url(../images/footer/sidebar_bg.png) no-repeat;}

.side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;}


.side_center .qqserver p{ line-height:30px; height:30px; background:#fff; color:#666; padding:0 15px;}
.side_center .qqserver p a{ color:#666; text-decoration:none;}
.side_center .qqserver p a:hover{ color:#DA251C}
.phone{ color:#fff; text-align:center; font-size:16px; }
.show_btn{background-position:-119px 0;}
/*底部开始*/
.g_ft{ padding-top: 50px; background:#27282c; padding-bottom:20px; margin-top:80px;}
.g_ft .m_flogo{float: left;width:40%; }
.g_ft .m_flogo .flogo{height: 97px;}

.g_ft .m_flogo p{font-size: 14px;line-height: 30px;color: #aaabab;}
.g_ft .m_fnav{float: left;width: 40%; }
.g_ft .m_fnav p a{display: block;float: left;height: 36px;line-height: 36px;font-size: 14px;color: #aaabab; width:50%;}

.ad{font-size: 14px;color: #aaabab; display:block; margin-top:10px;  }
.ad p{ line-height:35px;}
.g_ft .ftcode{float: left;width: 20%; text-align:center; }
.g_ft .ftcode em{display: block;width:100%;height: 120px;margin-bottom: 16px; }
.g_ft .ftcode em img{width: 120px;height: 120px;}
.g_ft .ftcode i{display: block;font-style: normal;line-height: 24px;font-size: 14px;color: #aaabab;margin-bottom:5px;}
.g_ft .ftcode p{font-size: 14px;color: #aaabab;}
.g_ft .ftcode p a{color: #aaabab;}


/* 友情链接 */
.g_link{ height: 54px;background: #26282b; border-top:1px solid #4E4E4E; }
.g_link h2{ color:#AAABAB; font-size:15px;}
.g_link h2 a{ color:#AAABAB; padding:0 20px;}

/*************底部**************/
.scroll {
	width: 80px;
	height: 80px;
	position: fixed;
	right: 3px;
	bottom: 20px;
	cursor: pointer;
	background: url(../images/footer/top.png) bottom no-repeat;
	height: 42px;
}
.scroll:hover {
	background: url(../images/footer/top.png) top no-repeat;
	height: 42px;
}


/**手机底部导航菜单***/
#bottomNav {
	display:none;
	background: #f5f5f5;
	height: 62px;
	background-repeat: repeat-x;
	z-index: 999;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	_position: absolute;
 _top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
	overflow: visible;
}
.bmeum {
	color: #fff;
	text-align: center;
	padding-top: 6px;
}
.bmeum a {
	color: #9C9C9C;
}
.bmeum a:hover {
	text-decoration: none;
	color: #9C9C9C;
}
.bottom_mobile{ width:33%; float:left;}

/*内页 产品*/

.cpright{  padding-bottom: 5px;}

.rtop{ overflow:hidden; padding-top:15px; padding-bottom:9px; border-bottom:1px solid #dbdbdb;}

.rtop h5{ float:left; padding-left:10px; border-left:3px solid #00469C; line-height:16px;}

.rtop h5 a{ font-size:16px; color:#00469C; font-weight:bold;}

.rtop span{ float:right;}

.rtop span em{ color:#999;}

.rtop span a{ color:#999;}

.mt10{margin-top:10px;}
.pagination {
	margin: 50px 0;
	text-align: center;
	cursor: default;
}
.pagination a.active, .pagination a:hover {
	background-color: #1C5BB8;
	border-color: #1C5BB8;
	color: #fff;
}
.pagination a {
	min-width: 36px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
	margin: 0 4px;
	color: #666;
}
.pro_detail{ padding:10px 10px; }
.pro_detail h2{ padding-top:10px; padding-bottom:20px; color:#333; font-weight:600; text-align:center; font-size:18px; }
.pro_detail h3{  color:#DA251C; font-weight:bold; font-size:16px;}
.pro_detail p{ color:#666; }
.pro_detail h4 img{ width:400px; height:310px;display:block; margin-left:auto; margin-right:auto; border:1px solid #dedede; padding:10px 10px; }
.pro_title{ height:50px;  background:#0B5CC8; font:bold 20px Arial, Helvetica, sans-serif; letter-spacing:2px; color:#fff; text-align:center; line-height:50px; border-radius:0 20px 0 20px }
.pro_detail ul li{ float:left; width:48%; margin:10px 1%;}

/*news*/
.news_list ul { padding:0; margin:0;}
.news_list ul li{ width:100%; margin:10px 0;}
.news_list ul li h3{ text-align:left; padding:0 10px; color:#333;}
.news_list ul li a:hover h3{ color:#DA251C}
.news_list ul li p{ text-align:left;padding:0 10px;}
.news_list ul li span{ float:right; color:#666; font-size:12px;}
.n_detail{ color:#555; padding:10px 10px;}
.n_detail h2{ text-align:left; color:#282828}
.n_detail p{  padding:10px 0px;line-height:28px; }
.nx_bottom {
    padding-top: 40px;
    border-top: 1px solid #eee;
}


.nx_bottom span.fl p a {
 
    font-size: 14px;
    color: #333;
	line-height:28px;
  
}
.nx_bottom a.fr {
    width: 120px;
    height: 54px;
    background: #999;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 54px;
}
/*message*/

.p4-order-form-1-con li {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 35px;
	color: #666;
	overflow: hidden;

}
.p4-order-form-1-con ul li{ border:none; width:100%;}
.p4-order-form-1-con li span {
	font-weight: bold;
	color: #666;
}
.p4-order-form-1-con li b {
	color: #f00;
}
.p4-order-form-1-con li .row-hd {
	color: #666;
}


.p4-order-form-1-con label {
	display: inline-block;
	width: 120px;
	color: #666;
	vertical-align: top;

	height: 33px;
	line-height: 33px;
	overflow: hidden;
}

.p4-order-form-1-con .inputs,  .p4-order-form-1-con li select {
	width: 73%;
	margin-right: 10px;
	outline: none;
	padding-left: 10px;
	border: 1px solid #dedede;
	height: 33px;
	line-height: 32px;
	color: #666;
	box-sizing: border-box;
}

.p4-order-form-1-con .p4-order-form-1-t1 {
	width: 100%;
}
.p4-order-form-1-t1 textarea {
	width: 73%;
	height: 102px;
	line-height: 24px;
	border: 1px solid #dedede;
	outline: none;
	resize: none;
	overflow: auto;
	margin-right: 10px;
	padding-left: 10px;
	box-sizing: border-box;
}
.p4-order-form-1-con .p4-order-form-1-t2 {
	width: 100%;
}
.p4-order-form-1-t2 input {
	width: 150px;
	vertical-align: top;
}
.p4-order-form-1-t2 span {
	width: 153px;
	height: 25px;
}
.p4-order-form-1-con .p4-order-form-1-t3 {
	padding-left: 120px;
}
.p4-order-form-1-con .p4-order-form-1-t3 input {
	width: 80px;
	height:30px;
	border: 0;
	line-height:30px;
	text-align: center;
	margin-right: 30px;
	color: #fff;
	padding-left: 0;
	cursor: pointer;
}
.p4-order-form-1-con .p4-order-form-1-b1 {
	background: #00469C;
}
.p4-order-form-1-con .p4-order-form-1-b2 {
	background: #767676;
}
.p4-order-form-1-con .p4-order-form-1-t4 {
	overflow: auto;
	height: auto;
	min-height: 35px;
	width: 100%
}
.p4-order-form-1-con .p4-order-form-1-t4 input {
	vertical-align: middle;
	width: 14px;
	margin: 0 10px;
}
/* ina about*/
.inabout p{ line-height:28px; padding:10px 0; font-size:15px; color:#666;}
.inabout h3{ color:#00469C; font-weight:bold; text-align:center;}
/*联系我们*/
.contact h2{ color:#00469C; font-weight:bold;}
.contact p{ line-height:28px; font-size:15px; font-weight:bold;}
#page{padding-top:20px;padding-right:10px;clear:both;float:right;}
#page a{background: #F4FAFB;border: 1px solid #3C8DBC;color: #9CACAF;margin-right: 3px;display: block;float: left;padding: 3px 8px;text-decoration: none;}
#page span.page_current{background:#367FA9;color: #fff;font-weight: bold;display: block;float: left;padding: 4px 10px;margin-right: 3px;}