html, body {width:100%;height:100%; min-width: 1100px;} /*非常重要的样式让背景图片100%适应整个屏幕*/  
@charset "utf-8";
body 
{
	width:100%;
	padding:0;
	margin:0;
	font-family:微软雅黑;
	border:none;
}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; }
ul,ol,li{list-style-type:none;}
p,h2,h1,h3,h4{ padding:0; margin:0;}
a{color:inherit;}
.clear{ clear:both;}
a:link,a:visited{ text-decoration:none;}
a:hover{
	}
.clear{ clear:both;}    
/**********************************************************************************************************************************************************/
.top{
	float: left;
	width: 100%;
	margin-top:30px;
}
.content{
	width:1100px;
	margin: 0 auto;
}
a.logo{
	background: url(../img/logo.jpg) no-repeat left top;
	width: 640px;
	height: 52px;
	float: left;
}
.join{
	float: right;
	margin-top: 31px;
}
.join li{
	float: left;
	width: 72px;
	color:#333;
	font-size: 12px;
	padding-left:25px;
}
.join ul li.joi{
	background: url(../img/star.png) no-repeat left top;
}
.join ul li.rtn{
	background: url(../img/house.png) no-repeat left top;
}
.join ul li a:hover{
	color: #073190;
}
.join ul li.joi:hover{
	background-image:url(../img/star-hover.png);
}
.join ul li.rtn:hover{
	background-image:url(../img/house-hover.png);
}
/*^top^*/
.nav-bg{
	margin-top: 28px;
	background-color: #073190;
	float: left;
	width: 100%;
}
.nav-ul ul li{
	float: left;
}
.nav-ul ul li a{
	display: inline-block;
	padding: 15px 34px;
	color: #fff;
	font-size: 16px;
}
.nav-ul ul li a:hover,.nav-ul ul li a.current{
	background-color:#28a7e1 ;
}
/*^nav^*/
.swiper-container {
        width: 100%;
    }
    .swiper-container img{ width:100%;}
.swiper-slide {
    background-position: center;
    background-size: cover;
}
/*^banner^*/
.ours{
	margin-top: 44px;
	float: left;
	width: 100%;
}
.ours-left{
	float: left;
}
.ours-left .slidebox{float:left; width:242px; height:160px; overflow:hidden;}
.ours-left .cycle{float:left; width:100%; height:160px;}
.ours-left img{
	width: 242px;
	height: 160px;
}
.chakan span.ckxq a{
	color: #888888;
	font-size: 12px;
}
.chakan span.ckxq a:hover{
	color: #aaaaaa;
	font-size: 12px;
}
.chakan span.ckxq-small{
	color: #cccccc;
	font-size: 10px;
}
.ours-center{
	width: 496px;
	margin: 0 auto;
}
.guanyu{
	width: 496px;
	
}
.guanyu-li{
	float: left;
}
.guanyu-li span.guanyuwomen{
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}
.guanyu-li span.about-us{
	color: #cccccc;
	font-size: 13px;
	text-transform: uppercase;
}
.more{
	float: right;
}
.more a{
	color: #888888;
	font-size: 14px;
}
.more a:hover{
	color: #AAAAAA;
	font-size: 14px;
}
.ours-center-content{
	float: left;
	margin-top: 33px;
	color: #888888;
	font-size: 13px;
	line-height: 23px;
}
.ours-right{
	float: right;
	margin-top: -22px;
	background: url(../img/contac-bg.jpg) no-repeat right top;
	width: 242px;
	height: 230px;
}
.fuwu{
	background: url(../img/man.png) no-repeat right top;
	height: 74px;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 15px;
}
.fuwu:hover{
	background: url(../img/man-hover.png) no-repeat right top;
	height: 74px;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 15px;
}
.fuwu p.td{
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
}
.fuwu p.rexian{
	color: #585858;
	font-size: 13px;
	padding-top: 10px;
	margin-bottom: 10px;
}
.fuwu p.tel-1{
	color: #585858;
	font-size: 23px;
	line-height: 24px;
	margin-top:10px;
}
.fuwu p.work{
	color: #cccccc;
	font-size: 12px;
}
.qq-wechat{
	float: left;
	margin-top:12px;
}
.qq-wechat a{
	display: inline-block;
}
.qq-wechat a.qq{
	background: url(../img/qq-hover.png) no-repeat left top;
	float: left;
	width: 22px;
	height: 22px;
}
.qq-wechat a.wechat{
	background: url(../img/wechat-hover.png) no-repeat left top;
	float: left;
	width: 22px;
	height: 22px;
	margin-left: 10px;
}
.qq-wechat a.qq:hover{
	float: left;
	width: 22px;
	height: 22px;
}
.qq-wechat a.wechat:hover{
	float: left;
	width: 22px;
	height: 22px;
	margin-left: 10px;
}
/*^ours^*/
.product-big{
	float: left;
	width: 100%;
}
.qqjt{
	width: 242px;
	height: 45px;
	background-color: #333333;
	text-align: center;
	line-height: 45px;
	margin-bottom:7px;
}
.qqjt:hover{
	width: 242px;
	height: 45px;
	background-color: #28a7e1;
	text-align: center;
	line-height: 45px;
}
.qqjt a{
	display: line-block;
	padding-right: 45px;
	padding-left: 45px;
	font-size:18px;
	font-weight:bold;
	color: #fff;
	background: url(../img/qq-big-hover.png) no-repeat left center;
}
.qqjt a.wechat{ background-image:url(../img/icon_wechat.png);}
.qqjt a:hover{
	display: line-block;
	margin-left: 30px;
	padding-left: 45px;
	color: #fff;
	/*background: url(../img/qq-big-hover.png) no-repeat left top;*/
	transition: 0.6s all;
}
.pro-tit{
	margin-top: 10px;
	width: 242px;
	height: 45px;
	background-color: #073190;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align:middle;
}
.pro-tit span{ margin-left:3px; font-size:16px; display:inline-block;}
/*导航菜单*/
.list{width: 242px;border-bottom:solid 1px #316a91;float: left;}  
    .list ul li{background-color:#eeeeee; border-bottom:solid 1px #316a91; border-bottom:0;}  
    .list ul li a{padding-left: 15px;color: #333333; font-size:15px; display: block; font-weight:bold; height:30px;line-height: 30px;position: relative;  
    }  
    .list ul li > a:hover,.list ul li > a.current{ color:#073190;}
    .list ul li.s1 a{ padding:7px 0 7px 15px;}
    .list ul li.s1{ border-bottom:solid 1px #fff;}
    .list ul li .inactive{ background:url(images/off.png) no-repeat 184px center;font-size: 14px;color: #585858;}  
    .list ul li .inactives{background:url(images/on.png) no-repeat 184px center;}   
    .list ul li ul{display:block; background-color:#f6f6f6;}  
    .list ul li ul li { border-left:0; border-right:0; border-color:#e6e6e6;background:url(../img/li-heng.png) no-repeat left center;margin-left: 15px;}  
    .list ul li ul li ul{display: none;}  
    .list ul li ul li a{ padding-left:20px;font-size: 12px;color: #888888;}  
    .list ul li ul li a:hover,.list ul li ul li a.current{ padding-left:20px;font-size: 12px;color: #073190;} 
    .list ul li ul li ul li { background-color:#d6e6f1; border-color:#6196bb; }  
    .list ul li ul li ul li a{ color:#316a91; padding-left:30px;} 
  /*^导航菜单^*/ 
.pro-right{
	width: 798px;
	float: right;
}
.mod-content-box{float:left; width:100%; margin-top:20px; min-height:300px; line-height:26px; font-size:13px;}
.pro-right-tit{
	border-bottom: solid 1px #0f6ebe;
	text-align: left;
	color: #333333;
	font-size: 20px;
	padding-bottom: 10px;
	font-weight: bold;
} 
.big-right{
	float: right;
	margin-top: 10px;
}
.pro1-pic{
	overflow: hidden;
	position: relative;
	width: 252px;
	height: 195px;
	float: left;
	margin-right: 21px;
	margin-top: 20px;
}
.pro1-pic img{ width:100%; height:195px;}
.pro1-pic:nth-child(3n){
	
	margin-right: 0px;
}
.hideer{
	background-color: rgba(7,49,144,1);
	position: absolute;
	top: -195px;
	transition:0.3s all;
	width: 252px;
	height: 195px;
}

.pro1-pic:hover .hideer{
	background: rgba(7,49,144,0.8);
	transition:0.3s all;
	transform: rotateY(180px);
	height:400px;	
}
.pro1-pic:hover .text{
	transition:0.6s all;
	transform: rotateY(120px);
	margin-top: 250px;
	text-align: center;
	left: 0px;
}
.text{
	position: absolute;
	color: #fff;
	left: -200px;
	width: 252px;
	height: 120px;
	transition:0.3s all;
	text-align: center;
}
.text p:nth-of-type(1){
	font-size: 16px;
	color: #fff;
}
.text p:nth-of-type(2){
	font-size: 12px;
	color: #fff;
	width: 252px;
	margin: 0 auto;
	margin-top: 14px;
}
.text p:nth-of-type(3){
	margin-top: 20px;
}
.text p a{
	
	display: block;
	font-size: 12px;
	color: #fff;
	padding: 3px 10px;
	border: solid 1px #fff;
	width: 64px;
	margin: 0 auto;
}
.text p a:hover{
	
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #222222;
	padding: 3px 10px;
	border: solid 1px #222222;
	width: 64px;
	margin: 0 auto;
	background-color: #fff;
}
/*^product^*/
.ser-big{
	margin-top: 30px;
	width: 798px;
	float: right;
	
}
.ser-right-tit{
	width: 798px;
	border-bottom: solid 1px #0f6ebe;
	padding-bottom: 10px;
	float: left;
}
.ser-left{
	float: left;
	text-align: left;
	color: #333333;
	font-size: 20px;
	font-weight: bold;
}
a.more-ser{
	text-align: right;
	float: right;
	font-size: 12px;
	margin-top: 10px;
	color: #cccccc;
}
a.more-ser:hover{
	text-align: right;
	float: right;
	font-size: 12px;
	color: #585858;
}
.ser-pic-big{
	float: right;
	margin-top: 25px;
}
.ser-pic{
	float: left;
	margin-right: 19px;
	margin-bottom: 10px;
	height: 150px;
}
.ser-pic:hover{
	float: left;
	margin-right: 19px;
	margin-bottom: 10px;
	margin-top: -10px;
	background-color: #007AFF;
	transition: 0.3s all;
}
.ser-pic img{
	width: 251px;
	height: 120px;
	border: solid 1px transparent;
}
.ser-pic img:hover{
	width: 251px;
	height: 120px;
	border: solid 1px #28a7e1;
	box-shadow: 0px 0px 5px #28a7e1;
}
.ser-pic p.ser-wz{
	text-align: center;
}
.ser-pic p.ser-wz a{
	font-size: 14px;
	color: #333333;
}
.ser-pic p.ser-wz a:hover{
	font-size: 14px;
	color: #fff;
	transition: 0s all;
}
.ser-pic:nth-child(3n){
	float: left;
	margin-right: 0px;
}
/*^serve^*/
.new-pic{
	float: left;
}
.new-pic img{
	width: 148px;
	height: 93px;
}
.new-first{
	float: left;
	margin-top: 30px;
}
.news-zi{
	width: 560px;
	height: 125px;
	margin-left: 20px;
	float: left;
}
.tit-zi{
	margin-top: 10px;
}
.tit-zi a{
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.tit-zi a:hover{
	font-size: 14px;
	color: #555555;
	font-weight: bold;
}
.fu-zi{
	margin-top: 20px;
}
.fu-zi a{
	font-size: 12px;
	color: #888888;
}
.fu-zi a:hover{
	font-size: 12px;
	color: #FF3300;
}
.date{
	margin-top: 10px;
	float: right;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
.news-li{ margin-top:15px; display:inline-block;}
.new-li ul li{
	float: left;
	width: 798px;
}
.news-li ul li{float:left; width:100%; margin-top:4px;}
.news-li ul li a{
	float: left;
	width: 700px;
	font-size: 14px;
	color: #888888;
	padding: 5px 0px;
}
.news-li ul li a:hover{
	float: left;
	width: 700px;
	font-size: 14px;
	color: #FF3300;
	padding: 5px 0px;
}
.news-date{
	float: right;
	font-size: 12px;
	color: #888888;
}
/*^news^*/
.footer{
	float: left;
	height: 140px;
	width: 100%;
	margin-top: 55px;
	border-top: solid 5px #073190;
}
.tel{
	text-align: center;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	margin-top: 50px;
}
.beian{
	text-align: center;
	font-size: 12px;
	color: #888888;
	margin-top: 15px;
}
/*****************************内页*******************************/
.banner-nei{
	width: 100%;
	float: left;
}
.banner-nei img{ width:100%;}
.weizhi{
	margin-top: 110px;
	float: right;
}
.weizhi a.index{
	font-size: 13px;
	color: #fff;
}
.weizhi a.pei{
	font-size: 13px;
	color: #28a7e1;
}
.weizhi a.pei:hover{
	font-size: 13px;
	color: #40b7ef;
}
/*^banner^*/
.peijian-big{
	margin-top: 44px;
	float: left;
	width: 100%;
}
.pei-zong{
	float: left;
	width: 800px;
	margin-top: 30px;
	margin-bottom: 50px;
}
.pei-datu{
	float: left;
	width: 365px;
	height: 273px;
	overflow:hidden;
}
.pei-datu img{ width:100%; height:273px; display:none;}
.pei-datu img.active{ display:block;}
.pei-datu:hover{
	/*box-shadow: 5px 5px 5px #e6e6e6;*/
}
.pei-xiaotu{
	width: 390px;
	float: right;
}
.xiaotu-tit{
	color: #333333;
	font-size: 22px;
	font-weight: bold;
	width: 100%;
}
.xiaotu-fu{
	color: #838383;
	font-size: 13px;
	line-height: 21px;
	margin-top: 20px;
}
.xiaotu-fu a.nei-xq{
	font-size: 13px;
	color: #28a7e1;
}
.xiaotu{
	margin-top: 15px;
	border-top:solid 1px #efefef;
	padding-top: 20px;
}
.xiaotu img{float:left; width:122px; height:95px; border:solid 1px transparent; margin-right:7px; cursor:pointer; box-sizing:border-box;}
.xiaotu img.active{ border:solid 2px #28a7e1;}
.xiaotu img:nth-child(3n){ margin-right:0;}
.small-1{
	float: left;
	margin-right: 7px;
}
.small-1 img{
	width: 122px;
	height: 95px;
	border: solid 1px transparent;
	
}
.small-1:hover{
	box-shadow: 0px 0px 10px #28a7e1;
}
.small-1 img:hover{
	border: solid 1px #28a7e1;
	
}
.small-1:nth-child(3n){
	float: left;
	margin-right: 0px;
}

.lingjian-tit{
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	float: left;
	width:100%;
	padding-bottom:5px;
	border-bottom:solid 1px #0f6ebe;
}
.lingpei-left{
	float: left;
}
.more-right{
	margin-left: 13px;
	float: right;
	width: 665px;
	padding-bottom: 0px;
	border-bottom: solid 1px #efefef;
}
.more-right a{
	font-size: 10px; 
	color: #cccccc;
	text-transform: uppercase;
	text-align: left;
}
.lingjian-big{
	float: left;
	width:818px;
	margin-top:20px;
}
.ling-pic{
	float: left;
	width:150px;
	margin-top: 15px;
	margin-right:12px;
}
.ling-pic:hover{
}
.ling-pic:nth-child(5n){
	float: left;
}
.ling-pic img{
	width: 150px;
	height: 116px;
}
.lingjian-zi p.pajin
{
    float:left;
    margin-top:10px;
	color: #333333;
	font-size: 14px;
	width: 100%;
	min-height:38px;
	line-height:19px;
	font-weight: bold;
}
.lingjian-zi p.shiyong
{
    float:left;
    width:100%;
	color: #888888;
	font-size: 12px;
	margin-top:5px;
	display:none;
}
.fenye{
	width: 100%;
	float: left;
	margin-top: 50px;
}
.page{
	width: 490px;
	margin: 0 auto;
}
.page ul li{
	float: left;
	margin: 0px 4.5px;
}
.page ul li a{
	display: inline-block;
	padding: 5px 10px;
	border: solid 1px;
	color: #888888;
	font-size: 13px;
}

.mod-news-box{float:left; width:100%; margin-top:18px;}
.mod-news-box .item{float:left; width:100%; height:45px; line-height:45px; border-bottom:dotted 1px #ddd;}
.mod-news-box .item a{float:left; max-width:75%; height:45px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-news-box .item a:hover{color:#073190;}
.mod-news-box .item a span{ margin:0 5px 0 5px; font-size:16px;}
.mod-news-box .item .date{float:right; margin-right:3px; font-size:13px; font-weight:normal; line-height:45px; margin:0;}
.mod-pager-box{float:left; margin-top:35px; padding-bottom:0;width:100%; text-align:center; height:30px; font-size:12px; line-height:28px;}
.mod-pager-box a{margin:0 3px; width:28px; height:28px; color:#8e8e8e;border:solid 1px #e1e1e1;display:inline-block;}
.mod-pager-box a:hover,.mod-pager-box .current{ margin:0 3px; width:28px; height:28px;color:#fff; background:#4968ae; border-color:#4968ae; text-decoration:none; display:inline-block;}
.mod-pager-box a.pages{width:auto;padding:0 12px;display:inline-block;}