﻿
/* CSS Document 
制作 青华互联网站建设  www.qinghuahulian.com
电话：18653219163  QQ:893157818
联系人：王小姐
*/

*{margin:0px;
 padding:0px;
}
html,body{
      -webkit-text-size-adjust:none;
}
body{
	font-size:12px;
	color:#656565;
	background-color:#fff; font-family:"微软雅黑","Microsoft YaHei";
}
body img{
    border:0px;
}
A {
	COLOR: #656565; LINE-HEIGHT: 150%; TEXT-DECORATION: none;
	font-size:12px
}
A:link {
	COLOR: #656565; TEXT-DECORATION: none
	font-size:12px
}
A:visited {
	COLOR: #656565; TEXT-DECORATION: none
	font-size:12px
}
A:hover {
	RIGHT: 0px; COLOR: #006cda;
	text-decoration:none;
	font-size:12px
}
.clear{
	clear:both;
}
ul li{
	list-style-type:none;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt40{
	margin-top:40px;
}
.w{
	width:1200px; margin:0 auto;
}
.box{
	width:980px;
	height:auto;
	margin:0 auto;
	background-color:#fff;
	display:table;
	
}
.top_box{
	width:100%; height:35px; background-color:#f6f6f6; line-height:35px; border-bottom:1px #dcdcdc solid;
}
.top_info{
	width:1200px; height:35px; line-height:35px; margin:0 auto; background-color:#f6f6f6; 
}
.top_left{
	width:600px; height:35px; float:left; color:#888;
}
.top_right{
	width:600px; height:35px; float:right; text-align:right;
}
.top_right .qyemail{
	background:url(../image/emailbg.jpg) left center no-repeat; padding-left:30px; margin-right:7px;
}
.top_right .cn{
	background:url(../image/cn.jpg) left center no-repeat; padding-left:30px; margin-left:7px; margin-right:7px;
}
.top_right .en{
	background:url(../image/en.jpg) left center no-repeat; padding-left:30px; margin-left:7px;
}
.header{
	width:1200px; height:118px; margin:0 auto;
}
.logo{
	width:220px; height:99px; float:left; padding-top:10px;
}
.gxjsqy{
	width:111px; height:99px; float:left; padding-top:10px;
}
.tel{
	width:225px; height:80px; float:right; background:url(../image/telbg.jpg) 10px center no-repeat; font-size:26px; color:#006cda; font-weight:bolder; text-align:left; font-family:Arial, Helvetica, sans-serif; padding-left:60px; padding-top:13px; margin-top:12px;
}
.tel span{
	 font-size:14px; color:#939393; font-weight:normal; font-family:"Microsoft YaHei"; 
}
.nav_box{
	width:100%; height:53px; background-color:#006cda;
}
.nav_info{
	width:1200px; height:53px; background-color:#006cda; margin:0 auto;
}
.nav_info ul{
	list-style-type:none;
}
.nav_info li{
	width:120px; height:53px; float:left; text-align:center;
}
.nav_info a:link{
	font-size:16px; line-height:53px; color:#fff; display:block;
}
.nav_info a:visited{
	font-size:16px; line-height:53px; color:#fff; display:block;
}
.nav_info a:hover{
	font-size:16px; line-height:53px; color:#fff; display:block; background-color:#0051a3;
}
.nav_info .cur a:link{
	font-size:16px; line-height:53px; color:#fff; display:block; background-color:#0051a3;
}
.nav_info .cur a:visited{
	font-size:16px; line-height:53px; color:#fff; display:block; background-color:#0051a3;
}
.nav_info .cur a:hover{
	font-size:16px; line-height:53px; color:#fff; display:block; background-color:#0051a3;
}
.index-main{
	width: 100%;
	height: 482px;
	position: relative;
	z-index: 30;
	margin-top: 0px;
}

.banner{width:100%; height:482px; position: absolute;left: 0;top: 0;}
.banner ul li{ position:absolute; left:0; top:0;width:100%; height:482px; display:none;}
.banner .number{ position:absolute; right: 46%;top: 453px;}
.banner .number span{ display: inline-block;
	position: relative;
	overflow: hidden; margin-LEFT:10px; width:16px; height:16px; background:url(../image/sprite.png) no-repeat 0 0; _background:url(../image/sprite.gif) no-repeat 0 0; cursor:pointer;}
.banner .number span.on{ background-position:-2px -17px;}
.about_box{
	height:auto; background-color:#f6f6f6; overflow:hidden;
}
.about_info{
	width:1200px; height:auto; background-color:#f6f6f6; margin:0 auto;
}
.about_tit{
	width:229px; height:193px; padding-top:62px; padding-left:36px; background:url(../image/about_titbg.jpg) no-repeat; float:left; line-height:25px; color:#fff; font-size:24px; font-weight:bolder;
}
.about_tit span{
	font-size:12px; font-weight:normal;
}
.about_txt{
	width:903px; height:auto; float:right;
}
.about_txt h2{
	color:#006cda; padding-top:35px;
}
.about_txt p{
	line-height:24px; margin-top:15px;
}
.about_txt p span{
	margin-top:35px; border:1px #0050a1 solid; line-height:18px; padding-top:5px; padding-bottom:5px; padding-left:8px; padding-right:8px;
}
.about_pics{
	width:300px; float:right; margin-left:20px; padding-top:15px; overflow:hidden; position:relative;
}
.about_pics .swiper-slide{
	transform:translate3d(0,0,0); overflow:hidden; 
}
.about_pics img{
	width:100%; height:auto; display:block;
}
.about_pics .newspagination {
    z-index:999; position:absolute; left:0px; bottom:5px; padding-left:110px;
}
.about_pics .swiper-pagination-bullet {
    display: inline-block; opacity:1; background:#fff;  width: 10px; height: 10px; overflow: hidden; line-height: 999px;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; margin: 4px;cursor: pointer;transition: width 0.3s ease-in-out; 
}
.about_pics .swiper-pagination-bullet-active{
	background: #006cd9;
}
.main{
	width:1200px; height:auto; margin:0 auto; margin-top:45px;
}
.news{
	width:545px; height:auto; float:left;
}
.news_tit{
	height:30px; color:#006cda; font-size:22px; line-height:30px;
}
.news_tit .ens{
	font-size:18px; color:#969697;
}
.news_tit span{
	float:right; border:1px #0050a1 solid; line-height:18px; padding-bottom:3px; padding-left:8px; padding-right:8px; margin-top:8px;
}
.news_info{
	width:545px; height:auto; padding-top:30px;
}
.news_info ul{
	list-style-type:none;
}
.news_info li{
	width:545px; height:105px; margin-bottom:21px;
}
.news_info img{
	width:136px; height:103px; float:left; margin-right:23px;
}
.news_info a:link{
	font-size:14px; color:#333; line-height:34px; font-weight:bolder;
}
.news_info a:visited{
	font-size:14px; color:#333; line-height:34px; font-weight:bolder;
}
.news_info a:hover{
	font-size:14px; color:#006cda; line-height:34px; font-weight:bolder;
}
.news_info p{
	line-height:22px; padding-bottom:6px;
}
.news_info span{
	color:#b8b8b8; font-style:italic;
}
.products{
	width:590px; height:auto; float:right;
}
.pro_info_tit{
	width:590px; height:37px; line-height:37px; margin-top:40px;
}
/*/////////////首页选项卡////////////////////*/
.indexarticletitle {
	LINE-HEIGHT: 37px; margin-left:-29px;
}
.indexarticletitle li {
	TEXT-ALIGN: center; WIDTH: 174px; font-size:14px; DISPLAY: block;FLOAT: left; HEIGHT: 43px; CURSOR: pointer;
	color:#006cda; background:url(../image/curbg_horli.jpg) left top no-repeat;
	font-family:微软雅黑; margin-left:32px; margin-bottom:20px; overflow:hidden;
}
.indexarticletitle li.articles_tabOn {
	HEIGHT: 43px; COLOR: #fff; width:174px; background:url(../image/curbg_hor.jpg) left top no-repeat; overflow:hidden;
}
.indexarticletitle A:link {
	COLOR: #fff; TEXT-DECORATION: none
}
.indexarticletitle A:visited {
	COLOR: #fff; TEXT-DECORATION: none
}
.pro_info{
	width:590px; height:auto; padding-top:30px;
}
.pro_info ul{
	list-style-type:none; margin-left:-29px;
}
.pro_info li{
	width:174px; height:190px; text-align:center; float:left; margin-left:32px; display:inline; margin-bottom:20px;
}
.pro_info img{
	width:172px; height:123px; margin-bottom:13px; border:1px #ddd solid;
}
.js_box{
	height:270px; background-color:#f6f6f6; padding-top:30px; margin-top:30px;
}
.js_title{
	width:1200px; height:30px; color:#006cda; font-size:22px; line-height:30px; margin:0 auto;
}
.js_title .ens{
	font-size:18px; color:#969697;
}
.js_info{
	width:1200px; height:auto; margin:0 auto; padding-top:30px;
}
.js_info ul{
	list-style-type:none; margin-left:-85px;
}
.js_info li{
	width:552px; height:150px; float:left; margin-left:85px;
}
.js_info img{
	width:178px; height:133px; float:left; margin-right:30px;
}
.js_info a:link{
	font-size:14px; color:#333;
}
.js_info a:visited{
	font-size:14px; color:#333;
}
.js_info a:hover{
	font-size:14px; color:#333;
}
.js_info p{
	color:#666; line-height:20px; margin-top:10px;
}
.js_info span{
	background-color:#006cda; height:31px; line-height:31px; width:131px; float:left; text-align:center; margin-top:15px;
}
.js_info span a:link{
	color:#fff; line-height:31px; display:block; font-size:12px;
}
.js_info span a:visited{
	color:#fff; line-height:31px; display:block; font-size:12px;
}
.js_info span a:hover{
	color:#fff; line-height:31px; display:block; font-size:12px;
}
.case_box{
	width:100%; height:344px; padding-top:58px; background:url(../image/casebg.jpg) center top no-repeat;
}
.case_tit{
	width:1200px; height:30px; color:#fff; font-size:22px; line-height:30px; margin:0 auto;
}
.case_tit .ens{
	font-size:18px; color:#fff;
}
.case_tit span{
	float:right; border:1px #fff solid; line-height:18px; padding-bottom:3px; padding-left:8px; padding-right:8px; margin-top:8px;
}
.case_tit a:link{
	color:#fff;
}
.case_tit a:visited{
	color:#fff;
}
.case_tit a:hover{
	color:#fff;
}
.case_info{
	width:1200px; height:auto; margin:0 auto; padding-top:50px;
}
.case_info ul{
	list-style-type:none;
}
.case_info li{
	width:206px; height:230px; text-align:center; float:left; margin-right:40px; display:inline;
}
.case_info a:link{
	color:#fff;
}
.case_info a:visited{
	color:#fff;
}
.case_info a:hover{
	color:#fff;
}
.case_info img{
	margin-bottom:8px; width:206px; height:154px;
}
.field{
	width:510px; height:auto; float:left;
}
.field_tit{
	width:510px; height:30px; color:#006cda; font-size:22px; line-height:30px; margin:0 auto;
}
.field_tit .ens{
	font-size:18px; color:#969697;
}
.field_info{
	width:510px; height:auto; padding-top:30px;
}
.field_info ul{
	list-style-type:none;
}
.field_info li{
	width:229px; height:43px; background-color:#e2e2e2; text-align:center; line-height:43px; float:left; margin-right:10px; display:inline; margin-bottom:15px;
}
.field_info a:link{
	font-size:14px; line-height:43px; color:#006cda; display:block;
}
.field_info a:visited{
	font-size:14px; line-height:43px; color:#006cda; display:block;
}
.field_info a:hover{
	font-size:14px; line-height:43px; color:#ffffff; display:block; background-color:#006cda;
}
.technology{
	width:650px; height:auto; float:right;
}
.technology_info{
	width:650px; height:auto; padding-top:18px;
}
.technology_info ul{
	list-style-type:none; margin-left:-45px;
}
.technology_info li{
	width:285px; height:38px; line-height:38px; margin-bottom:5px; margin-top:3px; padding-left:15px; border-bottom:1px #ddd dashed; background:url(../image/arrow.jpg) left center no-repeat; float:left; margin-left:45px; display:inline; overflow:hidden;
}
.technology_info a:link{
	font-size:14px; line-height:38px;
}
.technology_info a:visited{
	font-size:14px; line-height:38px;
}
.technology_info a:hover{
	font-size:14px; line-height:38px;
}
.link_box{
	background-color:#f6f6f6; height:auto; margin-top:40px;
}
.link_info{
	width:1200px; height:auto; margin:0 auto; background-color:#f6f6f6; padding-top:30px; padding-bottom:30px; display:table;
}
.link_tit{
	width:85px; height:auto; padding-top:14px; float:left; color:#006cda; font-size:22px; line-height:30px; margin:0 auto;
}
.link_tit .ens{
	font-size:18px; color:#969697;
}
.links{
	width:1035px; height:auto; float:left;
}
.links ul{
	list-style-type:none;
}
.links li{
	width:171px; height:62px; float:left;
}
.footer{
	width:100%; height:auto; background-color:#006cda; 
}
.foot_info{
	width:1200px; height:auto; margin:0 auto; background-color:#006cda; display:table; padding-top:50px; padding-bottom:30px;
}
.foot_logo{
	width:177px; height:101px; float:left;
}
.foot_title{
	width:430px; height:auto; float:left; color:#fff; padding-left:40px; background:url(../image/foot_titbg.jpg) 40px 70px no-repeat;
}
.foot_title h2{
	font-size:24px; letter-spacing:1px;
}
.foot_title span{
	font-size:14px;
}
.foot_title p{
	font-size:14px; margin-top:20px;
}
.foot_contact{
	width:305px; height:155px; margin-left:50px; float:left; background:url(../image/conbg1.jpg) left 6px no-repeat; color:#fff; padding-left:30px; line-height:24px;
}
.foot_contact a:link{
	color:#fff; line-height:24px;
}
.foot_contact a:visited{
	color:#fff; line-height:24px;
}
.foot_contact a:hover{
	color:#fff; line-height:24px;
}
.foot_ewm{
	width:124px; height:auto; float:right; text-align:center; color:#fff;
}
.copy{
	height:45px; background-color:#0051a3; color:#fff; line-height:45px; text-align:center;
}
.copy a:link{
	color:#fff; line-height:45px;
}
.copy a:visited{
	color:#fff; line-height:45px;
}
.copy a:hover{
	color:#fff; line-height:45px;
}
.copy .ga{
	background:url(../image/beian.png) left center no-repeat; padding-left:30px; padding-top:3px; padding-bottom:3px; height:auto;
}
.com_banner{
	height:300px; background:url(../image/banner0112.jpg) center center no-repeat;
}
.content{
	font-size:14px; line-height:28px; padding-bottom:50px; padding-top:40px;
}
.content h4{
	color:#000; font-weight:normal; height:34px; line-height:34px; background-color:#aed6fe; display:block; margin-bottom:15px; margin-top:15px; font-size:14px; padding-left:15px;
}
.content a:link{
	font-size:14px; line-height:28px;
}
.content a:visited{
	font-size:14px; line-height:28px;
}
.content a:hover{
	font-size:14px; line-height:28px;
}
.content_shop{
	font-size:14px; line-height:28px; padding-bottom:50px;
}
.content_shop h4{
	color:#000; font-weight:normal; height:34px; line-height:34px; background-color:#aed6fe; display:block; margin-bottom:15px; margin-top:15px; font-size:14px; padding-left:15px;
}
.content_shop a:link{
	font-size:14px; line-height:28px;
}
.content_shop a:visited{
	font-size:14px; line-height:28px;
}
.content_shop a:hover{
	font-size:14px; line-height:28px;
}
.index_about_tit2{
	height:auto; text-align:center; font-size:30px; color:#1d48d6; margin-top:40px; background:url(../image/titbg.jpg) center 45px no-repeat; text-transform:uppercase;
}
.index_about_tit2 span{
	font-size:14px; color:#868686;
}
.news_list{
	width:1200px; height:auto; margin:0 auto; padding-bottom:30px; margin-top:30px;
}
.news_list ul{
	list-style-type:none;
}
.news_list li{
	width:1200px; height:140px; border-bottom:1px #ddd dashed; padding-top:20px; line-height:22px;
}
.news_list a:link{
	font-size:16px; line-height:35px; color:#333; font-weight:bolder;
}
.news_list a:visited{
	font-size:16px; line-height:35px; color:#333; font-weight:bolder;
}
.news_list a:hover{
	font-size:16px; line-height:35px; color:#008ecf; font-weight:bolder;
}
.news_list img{
	width:168px; height:115px; float:left; margin-right:20px;
}
.news_list .list_time{
	color:#999;
}
.news_list span{
	background-color:#006cda; float:right; padding-left:10px; padding-right:10px; margin-top:25px; padding-top:4px; padding-bottom:4px;
}
.news_list span a:link{
	color:#fff; font-size:12px; height:22px; line-height:22px;
}
.news_list span a:visited{
	color:#fff; font-size:12px; height:22px; line-height:22px;
}
.news_list span a:hover{
	color:#fff; font-size:12px; height:22px; line-height:22px;
}
.title{
	height:auto; padding-bottom:6px; border-top:1px #ddd solid; padding-top:40px;
}
.title h2{
	color:#006cda; font-size:26px;
}

/* 页码样式 */

.pages{
	margin:0 auto;
}
.pages ul{
	list-style-type:none;
	padding:22px 16px 12px 0px; display:table; margin:0 auto;
}
.pages ul span{
	float:left;
	font-family:Tahoma;
	height:30px;
	line-height:30px;
	margin-right:5px; margin-bottom:8px;
}
.pages ul span.page-status{
	padding-left:12px; padding-right:12px; border:1px solid #E9E9E9;
}
.pages ul span.page-numbar{
	margin-right:3px; margin-left:-3px;
}
.pages ul span.page-numbar a{
	margin-left:3px; margin-right:3px;	
}
.pages ul span a{
	float:left;
	color:#555;
	height:30px;
	line-height:30px;
	padding-left:12px;
	padding-right:12px;
	display:block;
	border:1px solid #E9E9E9;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#006cda; height:30px; line-height:30px;
	padding-left:12px;
	padding-right:12px; display:block;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#006cda;
	padding:0px 4px 0px; padding-left:12px; padding-right:12px;
	font-weight:bold;
	color:#fff;
}
.text-secondary{
       font-size:16px; text-align:center; padding-bottom:30px; height:auto; overflow:hidden; color:#888;
}
.prenext{
	color:#525252;
	height:auto;
	border-top:1px #ddd dashed;
	width:100%;
	padding-top:20px;
	padding-bottom:10px;
	margin-top:15px; font-size:14px;
}
.prenext ul{
	list-style-type:none;
}
.prenext li{
	line-height:25px; color:#525252; font-size:14px;
}
.prenext a:link{
	line-height:25px; font-size:14px;
}
.prenext a:visited{
	line-height:25px; font-size:14px;
}
.prenext a:hover{
	line-height:25px; font-size:14px;
}
.pro_cat{
	height:40px; line-height:40px; text-align:center; margin-top:40px;
}
.pro_cat ul{
	list-style-type:none; margin-left:-13px;
}
.pro_cat li{
	width:auto; height:35px; line-height:35px; background-color:#006cda; text-align:center; float:left; margin-left:13px; display:inline; margin-bottom:40px;
}
.pro_cat a:link{
	font-size:14px; line-height:35px; display:block; color:#fff; padding-left:15px; padding-right:15px;
}
.pro_cat a:visited{
	font-size:14px; line-height:35px; display:block; color:#fff; padding-left:15px; padding-right:15px;
}
.pro_cat a:hover{
	font-size:14px; line-height:35px; display:block; color:#fff; padding-left:15px; padding-right:15px; background-color:#ea1d24;
}
.pro_cat .cat_cur a:link{
	font-size:14px; line-height:35px; display:block; color:#fff; padding-left:15px; padding-right:15px; background-color:#ea1d24;
}
.pro_cat .cat_cur a:visited{
	font-size:14px; line-height:35px; display:block; color:#fff; padding-left:15px; padding-right:15px; background-color:#ea1d24;
}
.pro_cat .cat_cur a:hover{
	font-size:14px; line-height:35px; display:block; color:#fff; padding-left:15px; padding-right:15px; background-color:#ea1d24;
}
.pro_list{
	height:auto;
}
.pro_list ul{
	list-style-type:none; margin-left:-40px;
}
.pro_list li{
	width:206px; height:250px; float:left; margin-left:40px; display:inline; text-align:center;
}
.pro_list img{
	width:204px; height:146px; margin-bottom:10px; border:1px #ddd solid;
}
.pro_list a:link{
	font-size:14px;
}
.pro_list a:visited{
	font-size:14px;
}
.pro_list a:hover{
	font-size:14px;
}
.case_list{
	height:auto; padding-top:40px;
}
.case_list ul{
	list-style-type:none; margin-left:-40px;
}
.case_list li{
	width:206px; height:220px; float:left; margin-left:40px; display:inline; text-align:center;
}
.case_list img{
	width:206px; height:148px; margin-bottom:10px;
}
.case_list a:link{
	font-size:14px;
}
.case_list a:visited{
	font-size:14px;
}
.case_list a:hover{
	font-size:14px;
}
.btop{
	border-top:1px #ddd dashed;
}
.backtop{
    display: none;
    right: 20px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    position: fixed;
    cursor: pointer;
    z-index: 99;
    background: #497af3 url(../image/top.svg) no-repeat center/22px auto;
}
.backtop a{
	width:44px; height:44px; display:block;
}