/* CSS Document */
html,body{
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	color: #000;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	height:100%;
	text-align:center;
	font-family:"微软雅黑","微软雅黑",Arial,Helvetica,sans-serif;
	font-size:14px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
*{ margin:0px; padding:0px;}
ul,li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{
	margin:0px;
	padding:0px;
}
img{ border:none;}
a{
	text-decoration:none;
	outline:none;
}
a:focus,a:active { 
	outline: none; 
} 
a:link,a:visited {
	color: #666;
	text-decoration: none;
}
a:hover,a:active {
	text-decoration: none;
	color: #666;
}
.left{float:left;}
.right{float:right;}

/* public start */

.qr{
	background:rgba(0,0,0,0.8);
	position:fixed;
	width:100%;
	height:100%;
	z-index:10000;
	text-align:center;
	display:none;
}
.qr img{
	margin-top:300px;
	/*width:200px;*/
}


/* public top start */
.pubTop{
	height:30px;
	background:#0061ae;
}
.pubTop div{
	max-width:1200px;
	margin:0px auto;
	text-align:right;
	color:#FFF;
	font-size:12px;
	line-height:28px;
}

.pubTop div a{
	color:#FFF;
}
.pubTop div form{
	display:inline-block;
	border-radius:10px;
	background:#FFF;
	height:22px;
	width:164px;
	overflow:hidden;
	vertical-align:middle;
}
.pubTop div form input{
	border:0px;
	height:22px;
	text-indent:12px;
	width:130px;
	float:left;
}
.pubTop div form button{
	width:34px;
	float:left;
	border:0px;
	border-radius:10px;
	background:url(../images/pub_03.jpg) no-repeat center center #fff000;
	height:22px;
}

.pubNav{
	width:1200px;
	margin:0px auto;
	height:90px;
}
.pubNav h1{
	background:url(../images/logo.jpg) no-repeat left bottom;
	width:210px;
	height:90px;
	text-indent:-9999px;
	float:left;
	margin-right:90px;
}
.pubNav h1 a{
	display:block;
	height:100%;
}
.pubNav div{
	text-align:center;
	height:40px;
	background:#0070d9;
}
.pubNav ul{
	width:1200px;
	margin:0px auto;
	height:40px;
}
.pubNav ul li{
	float:left;
	padding:20px 32px 0px 32px;
	text-align:center;
	position:relative;
	display:block;
	text-align:left;
	height:68px;
}
.pubNav ul li span{
	color:#ccc;
	text-transform:uppercase;
	font-size:12px;
}
.pubNav ul li a{
	color:#666;
	display:block;
	font-size:15px;
}
.pubNav ul li:hover a,.pubNav ul li.on a{
	color:#0061ae;
}
.pubNav ul li:hover,.pubNav ul li.on{
	border-bottom:2px solid #0061ae;
}

/* public nav end*/

.pubFooter{
	background:#313131;
	min-width:1200px;
}
.pubFooter .footer{
	width:1200px;
	margin:0px auto;
	padding:30px 0px 40px 0px;
	color:#FFF;
	font-size:13px;
	overflow:hidden;
}
.pubFooter .footer a{
	color:#FFF;
	font-size:14px;
}
.pubFooter .footer a:hover{
	color:#999;
}
.pubFooter .footer .left{
	text-align:left;
	width:600px;
	padding-left:8px;
}
.pubFooter .footer .left span{
	display:block;
	border-top:1px solid #292929;
	border-bottom:1px solid #383838;
	margin:13px 0 15px 0;
}
.pubFooter .footer .left #cnzz_stat_icon_1261443786{
	display:inline-block;
	border:0px;
	margin:0;
}
.pubFooter .footer .left p{
	color:#989898;
	padding-top:10px;
	font-size:12px;
}
.pubFooter .footer .left p a{
	font-size:12px;
}
.pubFooter .footer .middle{
	width:380px;
	padding-left:95px;
	float:left;
	text-align:left;
	line-height:22px;
	color:#c2c2c2;
}
.pubFooter .footer .middle h1{
	font-size:18px;
	font-weight:normal;
	color:#FFF;
}
.pubFooter .footer .middle h1 span{
	color:#989898;
	font-size:14px;
	text-transform:uppercase;
}
.pubFooter .footer .middle h2{
	padding-top:8px;
	margin-bottom:8px;
	height:28px;
	background:url(../images/tel.png) no-repeat left bottom;
}
.pubFooter .footer .right{
	width:117px;
	float:left;
	text-align:center;
	color:#c2c2c2;
	line-height:21px;
}
.pubFooter .footer .right img{
	display:block;
	margin:0 auto 10px auto;
}
/* public end */


/*home banner*/
#banner {
	height: 515px;
	min-width: 1200px;
	/*overflow: hidden;*/
	position: relative;
}
#banner_list {
	float:left;
}
#banner_list img {
    border: 0 none;
}
#banner_bg {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1000;
}
#banner_box {
    cursor: pointer;
    margin: 0 auto;
    position: relative;
    width: 1200px;
}
#banner_info {
	display:none;
}
#banner_info:hover img{
	animation-duration: 0.3s;
	animation-name: hoverDown;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes hoverDown {
	0% {
		margin-top: 10px;
	}
	100% {
		margin-top: 15px;
	}
}
#banner_text {
    bottom: 3px;
    position: absolute;
    right: 3px;
    width: 120px;
    z-index: 1002;
}
#banner #banner_box ul {
    bottom: 14px;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    z-index: 1002;
	text-align:center;
	padding-bottom:10px;
}
#banner #banner_box ul li {
	border: 0px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 15px;
	margin: 0 3px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 15px;
	border-radius:15px;
	background: -moz-linear-gradient(top, #FFF 0%, #dbdbdb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#dbdbdb));
	background: -webkit-linear-gradient(top, #FFF 0%,#dbdbdb 100%);
	background: -o-linear-gradient(top, #FFF 0%,#dbdbdb 100%);
	background: -ms-linear-gradient(top, #FFF 0%,#dbdbdb 100%);
	background: linear-gradient(to bottom, #FFF 0%,#dbdbdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#dbdbdb',GradientType=0 ); 
}
#banner #banner_box ul li.on {
	background: -moz-linear-gradient(top, #fcfc00 0%, #f5da01 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfc00), color-stop(100%,#f5da01));
	background: -webkit-linear-gradient(top, #fcfc00 0%,#f5da01 100%);
	background: -o-linear-gradient(top, #fcfc00 0%,#f5da01 100%);
	background: -ms-linear-gradient(top, #fcfc00 0%,#f5da01 100%);
	background: linear-gradient(to bottom, #fcfc00 0%,#f5da01 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfc00', endColorstr='#f5da01',GradientType=0 ); 
}
#banner_list a {
    background-position: center center;
    background-repeat: no-repeat;
    height: 515px;
    min-width: 1200px;
    position: absolute;
    width: 100%;
}

/* home products class start */
.homeProClass{
	background:url(../images/home-pro-class-bg.jpg) repeat-y left #f6f6f6;
	height:240px;
	overflow:hidden;
	min-width:1200px;
}
.homeProClass .proClass{
	width:1200px;
	margin:0px auto;
	background:#f6f6f6;
	overflow:hidden;
}
.homeProClass .proClass div{
	width:295px;
	background:#0061ae;
	float:left;
	height:240px;
	color:#ccdfef;
	text-align:left;
	font-size:13px;
	line-height:22px;
}
.homeProClass .proClass div h3{
	font-size:15px;
	font-weight:normal;
	padding-top:27px;
	height:16px;
	background:url(../images/pub_11.jpg) no-repeat left bottom;
	text-indent:24px;
	line-height:15px;
}
.homeProClass .proClass div h2{
	padding-top:8px;
	margin-bottom:8px;
	height:28px;
	background:url(../images/tel.png) no-repeat left bottom;
}

.homeProClass .proClass div a{
	color:#FFF;
}
.homeProClass .proClass div a:hover{
	color:#FFF000;
}
.wx{
	display:inline-block;
	width:34px;
	height:34px;
	margin:10px 14px 0 0;
	background:url(../images/wx.png);
}
.wx:hover{
	background:url(../images/wx-hover.png);
}
.qq{
	display:inline-block;
	width:34px;
	height:34px;
	margin:10px 14px 0 0;
	background:url(../images/qq.png);
}
.qq:hover{
	background:url(../images/qq-hover.png);
}
.homeProClass .proClass ul{
	width:905px;
	float:left;
}
.homeProClass .proClass ul li{
	width:180px;
	float:left;
	height:240px;
	border-right:1px solid #FFF;
}
.homeProClass .proClass ul li a{
	display:block;
	height:240px;
	text-align:center;
	color:#666;
}
.homeProClass .proClass ul li a img{
	width:140px;
	height:140px;
	display:block;
	margin:0px auto;
	margin-top:14px;
}
.homeProClass .proClass ul li a strong{
	color:#333;
	font-size:16px;
	display:block;
	height:38px;
	line-height:38px;
	overflow:hidden;
}
.homeProClass .proClass ul li a:hover strong{
	color:#003f97;
}
.homeProClass .proClass ul li a span{
	display:block;
	height:1px;
	background: url(../images/line.jpg) no-repeat center center;
	background: -moz-linear-gradient(left, #FFF 0%, #CCC 50%, #FFF 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFF), color-stop(50%,#CCC), color-stop(100%,#FFF));
	background: -webkit-linear-gradient(left, #FFF 0%, #CCC 50%,#FFF 100%);
	background: -o-linear-gradient(left, #FFF 0%, #CCC 50%,#FFF 100%);
	background: -ms-linear-gradient(left, #FFF 0%, #CCC 50%,#FFF 100%);
	background: linear-gradient(to right, #FFF 0%, #CCC 50%,#FFF 100%);
	margin-bottom:10px;
}


/* home products list */
.homeProList{
	width:1200px;
	margin:0px auto;
}
.homeProList h2{
	height:113px;
	line-height:113px;
	background:url(../images/home-pro-tit.jpg) no-repeat left center;
	text-align:right;
	font-size:14px;
	font-weight:normal;
}
.homeProList h2 a{
	color:#666;
}
.homeProList h2 a:hover{
	color:#003f97;
}
.homeProList ul{
	overflow:hidden;
}
.homeProList ul li{
	float:left;
	width:285px;
	margin-right:20px;
	font-size:16px;
	font-weight:bold;
	line-height:48px;
}
.homeProList ul li:nth-child(4n){
	margin-right:0px;
}
.homeProList ul li img{
	display:block;
	width:285px;
	height:256px;
}

.homeProList ul li a{
	display:block;
	height:358px;
	color:#666;
}
.homeProList ul li a:hover{
	color:#003f97;
}
.homeProList ul li a div{
	position:relative;
}
.homeProList ul li a div span{
	display:block;
	height:100%;
	background:url(../images/zoom.png) no-repeat center center rgba(0,97,174,0.6);
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	opacity:0;
	transform:scale(0);
	transition:all 0.5s;
}

.homeProList ul li a:hover  div span{
	opacity:1;
	transform:scale(1);
}

/* home news list */
.homeNews{
	background:#EEE;
	min-width:1200px;
	padding:50px 0px;
}
.homeNews .newsList{
	width:1200px;
	margin:0px auto;
	overflow:hidden;
}
.homeNews .newsList div{
	float:left;
	width:590px;
	background:#FFF;
	height:640px;
}
.homeNews .newsList div:first-child{
	margin-right:20px;
}
.homeNews .newsList div img{
	display:block;
}
.homeNews .newsList div ul{
	padding:12px 16px 0px 16px;
}
.homeNews .newsList div ul li{
	border-bottom:1px dashed #ccc;
	padding-top:7px;
	height:35px;
	line-height:35px;
	text-align:left;
	text-indent:22px;
	background-repeat:no-repeat;
	background-position:5px 22px;
}
.homeNews .newsList div:first-child ul li{
	background-image:url(../images/pub_21.jpg) ;
}
.homeNews .newsList div:last-child ul li{
	background-image:url(../images/pub_24.jpg) ;
}

.homeNews .newsList div ul li a:hover{
	color:#003f97;
	
}

/* home about us */
.homeAbout{
	width:1200px;
	height:349px;
	margin:50px auto;
	background:url(../images/pub_28.jpg) no-repeat;
}
.homeAbout div{
	display:block;
	padding:118px 34px 0px 550px;
	line-height:30px;
	color:#666;
	text-indent:28px;
	text-align:left;
}
.homeAbout div a{
	display:block;
	text-indent:0px;
	height:30px;
	width:110px;
	background:#0061ae;
	color:#fff000;
	font-size:12px;
	text-align:center;
	border-radius:14px;
	margin-top:10px;
}

/* public  body */
.pubBody{
	width:1200px;
	margin:0px auto;
	padding:30px 0 50px 0;
	overflow:hidden;
}
.pubBody .pubLeft{
	width:225px;
	float:left;
	background:#f1f1f1;
	margin-right:25px;
}
.pubBody .pubLeft h1{
	background:#0061ae;
	height:80px;
	line-height:80px;
	color:#FFF;
	font-size:21px;
	text-align:left;
	text-indent:20px;
	font-weight:normal;
}
.pubBody .pubLeft h1 a{
	color:#FFF;
}
.pubBody .pubLeft li{
	height:55px;
	line-height:55px;
	border-bottom:1px solid #FFF;
	font-size:15px;
	text-align:left;
	text-indent:20px;
	color:#9e9e9e;
	cursor:pointer;
}
.pubBody .pubLeft li a{
	color:#666;
}
.pubBody .pubLeft li:hover a,.pubBody .pubLeft li.on a{
	color:#0061ae;
}
.pubBody .pubLeft li span{
	float:right;
	display:block;
	padding-right:20px;
}


.pubBody .pubRight{
	width:950px;
	float:left;
}
.pubBody .pubRight .pubBread{
	border-bottom:1px solid #c9c9c9;
	height:35px;
	line-height:35px;
	text-align:right;
	position:relative;
	color:#999;
}
.pubBody .pubRight .pubBread a{
	color:#999;
}
.pubBody .pubRight .pubBread a:hover{
	color:#555;
}
.pubBody .pubRight .pubBread h2{
	position:absolute;
	height:34px;
	line-height:25px;
	border-bottom:2px solid #0067c3;
	top:0px;
	left:0px;
	color:#0067c3;
	font-size:17px;
	font-weight:normal;
	text-align:center;
	padding:0px 15px 0px 2px;
}

.pubBody .pubRight .pubContent{
	text-align:left;
	line-height:30px;
	color:#666;
	padding:20px 0px 10px 0px;
}

.pubBody .pubRight .proList{
	overflow:hidden;
	padding-top:20px;
}
.pubBody .pubRight .proList li{
	float:left;
	width:225px;
	margin-right:16px;
	font-size:14px;
	line-height:44px;
}
.pubBody .pubRight .proList li:nth-child(4n){
	margin-right:0px;
	margin-left:2px;
}
.pubBody .pubRight .proList li img{
	display:block;
	width:225px;
	height:202px;
}

.pubBody .pubRight .proList li a{
	display:block;
	height:270px;
	color:#666;
}
.pubBody .pubRight .proList li a:hover{
	color:#003f97;
}
.pubBody .pubRight .proList li a div{
	position:relative;
}
.pubBody .pubRight .proList li a div span{
	display:block;
	height:100%;
	background:url(../images/zoom.png) no-repeat center center rgba(0,97,174,0.6);
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	opacity:0;
	transform:scale(0);
	transition:all 0.5s;
}

.pubBody .pubRight .proList li a:hover  div span{
	opacity:1;
	transform:scale(1);
}

/* ====== public page start ======= */
#PageContent{
	clear:both;
	padding:15px 0px;
	text-align:center;
	font-size:12px;
	color:#666;
}
#PageContent a{
	height:25px;
	line-height:25px;
	padding:0px 6px;
	display:inline-block;
	/*border:1px solid #cecece;*/
	background:#FFF;
	transition:all 0.3s;
	color:#363636;
	margin:0px 3px;
}
#PageContent span{
	height:25px;
	line-height:25px;
	padding:0px 6px;
	display:inline-block;
	border:1px solid #cecece;
	background:#FFF;
	color:#beaaad;
	margin:0px 3px;
}
#PageContent a:hover{
	background:#0061ae ;
	border:1px solid #0061ae ;
	color:#FFF;
}
#PageContent .current{
	font-weight:bold;
	color:#0061ae ;
}

.pubBody .pubRight .proDetail{
	width:911px;
	display:inline-block;
	padding-right:5px;
	
}
.pubBody .pubRight .proDetail h2{
	font-size:22px;
	font-weight:normal;
	color:#4d4d4d;
	overflow:hidden;
	text-align:center;
	padding: 30px 0px 15px 0px;
}
.pubBody .pubRight .proDetail .subTitle{
	width:100%;
	text-align:center;
	font-size:12px;
	color:#999;
}
.pubBody .pubRight .proDetail .subTitle,.pubCon .subTitle span{
	display:inline-block;
	padding:0px 10px;
}

.pubBody .pubRight .proDetail .subTitle .bdsharebuttonbox{
	display:inline-block;
	vertical-align:middle; 
}

.pubBody .pubRight .proDetail .proImg{
	padding:20px 0px;
	text-align:center;
	max-width:100%;
}

.pubBody .pubRight .proDetail .proImg .bigImg{
	width:480px;
	height:431px;
}

.pubBody .pubRight .proDetail .proImg ul{
	border-bottom:2px solid #0067c3;
	text-align:center;
	padding:10px 0px;
}
.pubBody .pubRight .proDetail .proImg ul li{
	display:inline-block;
	width:120px;
	margin:0px 1px;
	cursor:pointer;
	border:2px solid #DDD;
}
.pubBody .pubRight .proDetail .proImg ul li.on{
	border:2px solid #0067c3;
}
.pubBody .pubRight .proDetail .proImg ul li img{
	width:120px;
	height:108px;
	display:block;
}
.pubBody .pubRight .proDetail .con{
	padding:20px 0px 50px;
	text-align:left;
	color:#666;
	line-height:30px;
}
.pubBody .pubRight .proDetail .con img{
	max-width:100%;
}
.pubBody .pubRight .proDetail .con a{
	color:#4d4d4d;
}
.pubBody .pubRight .proDetail .con a:hover{
	color:#065bbc;
}



.pubBody .pubRight .newsList{
	padding:12px 16px 0px 16px;
}
.pubBody .pubRight .newsList li{
	border-bottom:1px dashed #ccc;
	padding-top:7px;
	height:35px;
	line-height:35px;
	text-align:left;
	text-indent:22px;
	background-repeat:no-repeat;
	background-position:5px 22px;
	color:#666;
}
.pubBody .pubRight .news li{
	background-image:url(../images/pub_21.jpg) ;
}
.pubBody .pubRight .down li{
	background-image:url(../images/pub_24.jpg) ;
}
.pubBody .pubRight .down li a{
	float:right;
}

.pubBody .pubRight .newsList li a:hover{
	color:#003f97;
	
}

/* public end */

/*漂浮，在线咨询*/
#zxzx_rt{ position:fixed; right:20px; bottom:30px; color:#333; z-index:9999;}
#zxzx_rt .close{ float:left; width:25px; padding-top:12px;}
#zxzx_rt .close img{ cursor:pointer;}
#zxzx_rt .box{ float:right; width:114px; height:123px; border:2px solid #39c; background:#FFF; /*box-shadow:0px 0px 8px #B6D8E7;*/}
#zxzx_rt .box .p_1{ text-align:center; font-size:18px; line-height:20px; font-weight:bold; color:#39c; padding-top:9px;}
#zxzx_rt .box .p_2{ padding:0 0 0 6px; line-height:16px; font-size:12px; padding-top:14px;}
#zxzx_rt .box .p_3{ margin:10px auto 0 auto; width:60px; padding-left:37px; height:30px; line-height:30px; background:#EEE url(../images/zxzx_05.png) 11px center no-repeat; font-size:12px; font-weight:bold; color:#f5680d; cursor:pointer;}
#zxzx{ position:fixed; left:50%; top:50%; margin:-172px 0 0 -130px; color:#333; z-index:9999; width:256px; height:335px; border:1px solid #3699CC; border-radius:4px; background:#FFF; display:none;}
#zxzx .top{ height:42px; color:#FFF; background:#3699CC; border-radius:4px; overflow:hidden;}
#zxzx .top .tit{ float:left; padding:5px 0 0 10px; font-size:16px; line-height:18px;}
#zxzx .top .tit p{ color:#99CCE6; font-size:10px; line-height:16px; text-transform:uppercase;}
#zxzx .top .close{ float:right; padding:9px 15px 0 0;}
#zxzx .top .close img{ cursor:pointer;}
#zxzx .box_1{ clear:both; margin:7px 0 0 7px; width:233px; position:relative;}
#zxzx .area{ width:219px; height:70px; padding:10px 6px 6px 6px; border:1px solid #E5E5E5; border-radius:4px; color:#666; font-size:12px; line-height:16px;}
#zxzx .box_1 em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .box{ clear:both; margin:6px 0 0 7px; width:231px; height:30px; border:1px solid #E5E5E5; border-radius:4px; position:relative;}
#zxzx .box p{ float:left; padding-left:23px; width:48px; height:30px; line-height:30px; font-size:14px; color:#525252; background:#F4F4F4;}
#zxzx .box input{ float:right; width:140px; height:20px; padding:5px 5px 5px 15px; line-height:20px; border:0; color:#666; background:#FFF; font-size:12px;}
#zxzx .box em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .btnbox{ clear:both; padding:7px 0 0 7px;}
#zxzx .btnbox input{ width:108px; height:31px; line-height:31px; text-align:center; color:#FFF; border:0px; cursor:pointer;}
#zxzx .btnbox .btn1{ background:#3699CC; margin-left:3px;}
#zxzx .btnbox .btn2{ background:#535353; margin-left:7px;}