*{

	padding: 0;

	margin: 0;

	border: 0;

}

h1, .h1, h2, .h2, h3, .h3 p{

	margin: 0;

}

ul,ol{

	margin-bottom: 0;

}

body{

	font-family: "微软雅黑";

}

li{

	list-style: none;

	float: left;

}

a{

	text-decoration: none;

}

.clearfix,.clear{

	clear: both;

}

body{

	font-family: "微软雅黑";

}

.wrap{

	height: auto;

	width: 1200px;

	margin: 0 auto;

}

img{

	max-width: 100% !important;

}

.swiper-slide img{

	display: block;

	height: 100%;

	margin: 0 auto;

}

.the-left,.the-right,.the-middle{

	float: left;

}

/*header*/

header{

	width: 100%;

	overflow: hidden;

}

header .h-top{

	height: 36px;

	width: 100%;

	background-color: #f1f1f1;

	line-height: 36px;

	font-size: 12px;

}

header .h-top .the-left p{

	color: #9e9e9e;

}

header .h-top .the-right{

	float: right;

}

header .h-top .the-right ul li{

	padding: 0 10px;

 	position: relative;

}

header .h-top .the-right ul li:before{

	position: absolute;

	left: 0;

	top: 0;

	color: #a3a3a3;

	content: "|";

}

header .h-top .the-right ul li a{

	color: #a3a3a3;

}

header .h-top .the-right ul li:hover a{

	color: #333;

}

header .h-foot{

	width: 100%;

	background-color: #fff;

	height: 94px;

}

header .h-foot .the-left{

	padding: 5px 0;

}

header .h-foot .the-left img{

	width: 80%;

}

header .h-foot .the-middle{

	margin-left: 225px;

	/*margin-top: 26px;*/

	padding-top: 33px;

	float: left;

}

header .the-right{

	float: right;

}

header .the-right .pic{

	float: left;

	line-height: 94px;

	margin-right: 5px;

}

header .the-right .pic img{

	vertical-align: middle;

}

header .the-right p{

	float: left;

	font-size: 14px;

	color: #333;

	margin-top: 30px;

	text-align: right;

	margin-right: 10px;

	/*line-height: 94px;*/

}

header .the-right p span{

	color:#de0000;

	font-size: 22px;

}

/*nav*/

nav{

	width: 100%;

	background-color: #017abf;

	height: 50px;

	line-height: 50px;

}

nav ul li{

	width: 12.1111%;

	text-align: center;

	position: relative;

}

nav ul li>a{

	color: #fff;

	font-size: 16px;

	display: block;

}

nav ul li a{

	display: block;

}

nav ul li.focus{

	background-color: #de0000;

}

nav ul li:hover{

	background-color: #de0000;

}

nav ul li:hover>a{

	color: #fff;

}

nav ul li:hover dl{

	display: block;

}

nav ul li dl{

	position: absolute;

	left: 0;

	top: 50px;

	width: 250px;

	z-index: 100;

	/*background-color: red;*/

	background-color: #fff;

	/*border: 1px solid #CCCCCC;*/

	border-top: 0;

	display: none;

	overflow: visible !important;

}

nav ul li dl dd{

	padding: 0 10px;

	box-sizing: border-box;

	border-bottom: 1px solid #f25721;

	font-size: 14px;

	line-height: 40px;

	text-align: left;

	position: relative;

}

nav ul li dl dd:last-child{

	border-bottom: 0;

}

nav ul li dl dd:hover{

	/*background-color: #F25721;*/

	/*color: #fff;*/

	transition: all 1s;

	border-color: #1e2a61;

}

nav ul li dl dd:hover a{

	/*color: #fff;*/

	/*transition: all 1s;*/

	text-decoration: none;

}

nav ul li dl  a{

	color: #333;

	font-size: 14px;

}

nav ul li dl table{

	position: absolute;

	right: -100%;

	top: 0;

	width: 100%;

	background-color: #fff;

	display: none;

}

nav ul li dl dd:hover table{

	display: block;

}

nav ul li dl table td{

	/*width: 100%;*/

	width: 250px;

	padding-left: 10px;

	box-sizing: border-box;

	display: block;

	border-top: 1px solid #ccc;

}

nav ul li dl table td:first-child{

	border-top: 0;

}

/*banner*/

.banner{

	width: 100%;

}

.banner img{

	width: 100%;

	display: block;

}





#banner {

	height: 550px;

	position: relative;

	overflow: hidden;

	background-size: 100% 100%;

}

/* visual */

#visual {

	position: relative;

	height: 550px;

	overflow: hidden;

	z-index: 1;

}

#visual #visualBanner {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

}

#visual #visualBanner li {

	position: absolute;

	width: 100%;

	height: 550px;

	z-index: -1;

}

#visual #visualBanner li p {

	position: absolute;

}

#visual h2 {

	position: absolute;

	top: -550px;

	left: 0;

	margin-left: 0;

	height: auto;

}

#visual .scene {

	display: none;

}

#visual .vis1 {

	left: 100%;

	background: url(../img/b-c-0.jpg) no-repeat center top;

	background-size: 100% 100%;

}

#visual .vis1 .pointer1 {

	top: 550px;

	left: 0;

	margin-left: 0;

}

#visual .vis2 {

	left: 100%;

	background: url(../img/1.jpg) no-repeat center top;

	background-size: 100% 100%;

}

#visual .vis2 .pointer1 {

	top: 550px;

	left: 0;

	margin-left: 0;

}

#visual .vis3 {

	left: 100%;

	background: url(../img/2.jpg) no-repeat center top;

	background-size: 100% 100%;

}

#visual .vis3 .pointer1 {

	top: 550px;

	left: 0;

	margin-left: 0;

}

/* control */

.control {

	position: absolute;

	bottom: 10px;

	left: 50%;

	width: 157px;

	margin-left: -80px;

	height: 23px;

	background: url(../img/quan_bg.png) no-repeat 0 50%;

	z-index: 9999;

}

.control #btnPlay {

	position: absolute;

	top: 5px;

	left: 0;

	width: 14px;

	height: 14px;

	text-indent: -9999em;

	overflow: hidden;

	background: url(../img/stop-play.png) no-repeat;

	cursor: pointer;

}

.control #btnPlay.on {

	background: url(../img/stop-play.png) no-repeat -30px 0;

}

.control ul {

	position: absolute;

	top: 5px;

}

.control li {

	margin: 1px 0 0 8px;

	display: inline;

	float: left;

	display: block;

	width: 12px;

	height: 12px;

	cursor: pointer;

	background: url(../img/quan2.png) no-repeat;

	overflow: hidden;

}

#active {

	margin-left: 45px;

}

.control li.on {

	background: url(../img/quan1.png) no-repeat;

}



/*搜索框*/

.the-search{

	width: 100%;

	height: 60px;

	background-color: #017abf;

	color: #e9f0f7;

}

.the-search .the-left p.p-1{

	font-size: 12px;

	/*line-height: 24px;*/

	margin-top: 10px;

}

.the-search .the-left .p-2{

	font-size: 14px;

	line-height: 26px;

}

.the-search .the-left .p-2 span{

	font-size: 18px;

	color: #fff;

	font-weight: bolder;

}

.the-search .the-middle{

	margin-left:25px;

}

.the-search .the-hot{

	float: left;

	line-height: 60px;

}

.the-search ul{

	float: left;

}

.the-search .the-hot{

	font-size: 14px;

}

.the-search ul li{

	line-height: 60px;

	padding: 0 3px;

	font-size: 14px;

}

.the-search ul li a{

	color: #e9f0f7;

}

.the-search .the-right{

	float: right;

	margin-top: 15px;

}

.the-search   input{

	height: 36px;

	width: 255px;

	box-sizing: border-box;

	border: 1px solid #1e2a61;

	padding-left: 10px;

	outline: none;

	float: left;

	color: #333;

}

.the-search button{

	height: 36px;

	width: 36px;

	float: left;

	font-size: 14px;

	color: #fff;

	line-height: 36px;

	background: url(../img/sec.jpg);

	background-size: 100% 100%;

}

/*热销产品*/

.the-product{

	width: 100%;

	background-color: #fff;

	padding: 40px 0;

}

.t-title{

	text-align: center;

}

.t-title p{

	color: #535353;

	font-size: 14px;

	line-height: 26px;

	margin-top: 10px;

}

/*热销产品轮播*/

.the-product .the-p-main{

	margin-top: 25px;

}

.the-product .the-p-main  .swiper-button-prev{

	width: 27px;

	height: 27px;

	background-size: 27px 27px;

	background-image: url(../img/left1.png);

}

.the-product .the-p-main  .swiper-button-next{

	background-image: url(../img/right1.png);

}

.the-product .the-p-main img{

	width: 100%;

}

.the-product .the-p-main .the-oop{

	font-size: 14px;

	text-align: center;

	line-height: 32px;

	color: #333;

}

.the-product .the-p-main .pic{

	height: 207px;

	border: 1px solid #ccc;

	box-sizing: border-box;

	overflow: hidden;

}

.the-product .the-p-main .meng{

	position: absolute;

	left: 0;

	top: 251px;

	height: 208px;

	width: 100%;

	background:rgba(52,149,204,0.8);

	z-index: 10;

}

.the-product .the-p-main .swiper-slide:hover .meng{

	top: 0;

	transition: all 1.5s;

}

.swiper-button-prev, .swiper-button-next{

	z-index: 20;

}

.the-product .the-p-main .words{

	margin-top: 40px;

}

.the-product .the-p-main .words p{

	color: #fff;

	font-size: 14px;

	text-align: center;

	line-height: 32px;

}

.the-product .the-p-main .meng .words a{

	height: 24px;

	width: 76px;

	font-size: 12px;

	margin: 20px auto 0;

	display: block;

	line-height: 24px;

	text-align: center;

	color: #FFFFFF;

	border: 1px solid #fff;

}

/*产品中心*/

.the-p-center{

	width: 100%;

	padding: 40px 0;

	background-color: #f9f9f9;

}

.the-p-center .demo{

	padding: 1em 0;

}

.the-p-center .the-left{

	width: 24%;

	border: 1px solid #CCCCCC;

	box-sizing: border-box;

	background-color: #fff;

}

.the-p-center .the-t-top{

	width: 100%;

	/*height: 66px;*/

	background-color: #017abf;

	color: #fff;

	padding:10px 20px;

	box-sizing: border-box;

	border-bottom: 1px solid #ccc;

}

.the-p-center .the-t-top .the-kuang{

	height: 2px;

	width: 52px;

	background-color: #fff;

	float: right;

}

.the-p-center .the-t-top h2{

	font-size: 26px;

	line-height: 36px;

}

.the-p-center .the-t-top p{

	font-size: 18px;

}

.the-t-foot p{

	height: 40px;

	width: 100%;

	color: #FFFFFF;

	background-color: #017abf;

	font-size: 16px;

	padding-left: 30px;

	box-sizing: border-box;

	margin-top: 20px;

	line-height: 40px;

}

.the-t-foot p span{

	margin-right: 5px;

}





.the-t-foot ul{

	background-color: #eee;

}

.the-t-foot ul li{

	float: none;

	width: 100%;

	border-top: 1px solid #fff;

	line-height: 37px;

	font-size: 14px;

	padding-left: 30px;

	box-sizing: border-box;

	padding-right: 10px;

}

.the-t-foot ul li.focus{

	background-color: #017abf;

}

.the-t-foot ul li.focus a{

	color:#fff;

}

.the-t-foot ul li .two li:hover{

	background-color: #017abf;

}

.the-t-foot ul li .two li:hover a{

	color:#fff;

}

.the-t-foot ul li a{

	color: #474747;

	display:block;

}

.the-t-foot ul li:first-child{

	border: 0;

}

.the-t-foot ul li .two{

	display: none;

}

/* .the-t-foot ul li.current{

	background:#017abf;

}

.the-t-foot ul li.current a{

	color:#fff;

} */

.the-t-foot ul li.current .two{

	display: block;

}

.the-t-foot li a.one{

	background:url(../img/off.png) no-repeat right center;

	font-weight: bolder;

}

.the-t-foot li.current a.one{

	background:url(../img/on.png) no-repeat right center;

}

.the-t-foot .the-pic img{

	width: 100%;

	margin-top: 10px;

}

.the-p-center .the-right{

	width: 76%;

	padding-left: 2%;

	box-sizing: border-box;

}

.the-p-center .the-right .board{

	text-align: center;

}

.the-p-center .the-op{

	float: left;

}

.the-p-center .the-more{

	float: right;

}

.the-p-center .the-r-top h2{

	font-size: 26px;

	line-height: 36px;

	color: #017ABF;

}



.the-p-center .box .box-img{

	height: 220px;

}



.the-p-center .the-r-top p{

	font-size: 18px;

	font-weight: bolder;

	line-height: 32px;

	color: #666;

}

.the-p-center .the-r-top .the-more{

	height: 70px;

	width: 70px;

	background: url(../img/m-bg.png);

}

/*图片文字翻转*/

.demo{

    padding: 3em 0;

}

.box{

    position: relative;

    perspective: 1000px;

    border: 1px solid #ccc;

    overflow: hidden;

}

.box .box-img{

    transform: rotateY(0);

    transition: all 0.50s ease-in-out 0s;

     text-align: center;

     overflow: hidden;

     position: relative;

     height: 180px;

     background: #fff;

}

.box:hover .box-img{

    /*transform: rotateY(-90deg);*/

   transform: scale(1.1);

   transition: all 1s;

   transform-style: preserve-3d;

}

.box .box-img img{

    /*width: 100%;*/

    /*height: 176px;*/

   position: absolute;

   left: 50%;

   top: 50%;

   transform: translate(-50%,-50%);

   -webkit-transform: translate(-50%,-50%);

   -moz-transform: translate(-50%,-50%);

   -ms-transform: translate(-50%,-50%);

   height: 75%;

   width: 70%;

   -o-transform: translate(-50%,-50%);



}

.demo .the-name{

	font-size: 14px;

	color: #333333;

	text-align: center;

	line-height: 32px;

	height: 32px;

	margin-bottom: 10px;

	margin-top: 3px;

	font-weight: normal;

}

.demo .the-name b{

	font-weight: normal;

}

.box .box-content{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    padding: 60px 20px;

    text-align: center;

    /*background: rgba(0,0,0,0.7);*/

   background:rgba(52,149,204,0.9);

    transform: rotateY(90deg);

    transition: all 0.50s ease-in-out 0s;

}

.box:hover .box-content{

    transform: rotateY(0);

}

.box .box-content .more{

	height: 24px;

	width: 76px;

	font-size: 12px;

	margin: 20px auto 0;

	display: block;

	line-height: 24px;

	text-align: center;

	color: #FFFFFF;

	border: 1px solid #fff;

}

.box .title{

    font-size: 20px;

    color: #fff;

    text-transform: uppercase;

}

.box .description{

    font-size: 14px;

    line-height: 24px;

    color: #fff;

}

.box .social-links{

    margin: 0;

    padding: 0;

    list-style: none;

}

.box .social-links li{

    display: inline-block;

    margin: 0 10px;

}

.box .social-links li a{

    font-size: 20px;

    color: #a6a6a6;

}

.box .social-links li a:hover{

    text-decoration: none;

    color: #fff;

}

@media only screen and (max-width: 990px) {

    .box{  margin-bottom:20px; }

}

@media only screen and (max-width: 479px) {

    .box .box-content{ padding: 20px; }

}

/*.the-p-center .the-right ul li{*/

/*	width: 32.3333%;*/

/*	margin-left: 1.5%;*/

/*	box-sizing: border-box;*/

/*	margin-top: 15px;*/

/*	position: relative;*/

/*}*/

/*.the-p-center .the-right ul li:nth-child(3n+1){*/

/*	margin-left: 0;*/

/*}*/

/*.the-p-center .the-right ul li .pic{*/

/*	width: 100%;*/

/*	border: 1px solid #ccc;*/

/*	box-sizing: border-box;*/

/*}*/

/*.the-p-center .the-right ul li .pic img{*/

/*	display: block;*/

/*	width: 100%;*/

/*}*/

/*.the-p-center .the-right ul li p{*/

/*	color: #333333;*/

/*	text-align: center;*/

/*	line-height: 26px;*/

/*	font-size: 16px;*/

/*}*/

.the-p-center .the-right .meng{

	position: absolute;

	left: 0;

	top: 0;

}

/*华仪高科*/

.the-main,.the-main img{

	width: 100%;

}

/*关于我们*/

.the-about{

	width: 100%;

	padding: 40px 0;

}

.the-about .a-left,.the-about .a-right{

	float: left;

}

.the-about .a-left{

	/*width: 70%;*/

	width: 62%;

	padding-top: 3%;

}

.the-about .a-right{

	width: 30%;

	padding-left: 2%;

	box-sizing: border-box;

	overflow: hidden;

}

.the-about .a-right:hover img{

	transform: scale(1.1);

	transition: all 1s;

	transform-style: preserve-3d;

}

.the-about .a-left h2{

	color: #017abf;

	font-size: 16px;

	line-height: 42px;

	margin-top: 0;

}

.the-about .a-left .the-words p{

	font-size: 14px;

	line-height: 24px;

	color: #333;

}

.the-about .a-left p.p-1{

	text-indent: 2em;

}

.the-about .a-left .the-red{

	width: 100%;

	margin-top: 15px;

}

.the-about .a-left .the-red p{

	font-size:14px;

	color:#da251e;

	line-height: 24px;

	margin-bottom: 0;

}

.the-about .a-left .the-red p.p-3{

	padding-left: 8px;

}

.the-about .a-left .the-red span{

	font-size: 20px;

	font-weight: bold;

}

/*工程案例*/

.the-case{

	width: 100%;

	padding: 40px 0;

	background-color: #f6f6f6;

}

.the-case .t-title h2{

	font-size: 25px;

	color: #017abf;

}

.the-case .container{

	padding: 10px 0 25px;

}

/*旋转*/

/*.poster-main{ position:relative;width:800px !important;height:270px;margin: 0 auto;}*/

.poster-main {

	position: relative;

	width: 1039px !important;

	height: 270px;

	margin: 0 auto;

}

.poster-main a,.poster-main img {

	display: block;

}

/*.poster-main .poster-list{width:800px;height:270px;}*/

.poster-main .poster-list {

	width: 100% !important;

	height: 270px;

}

.poster-main .poster-list .poster-item {

	position: absolute;

	left: 0;

	top: 0;

	width: 30%;

	height: 200px;

}

.poster-main .poster-list .poster-item a {

	height: 100%;

	width: 100%;

}

.poster-main .poster-list .poster-item p{

	position: absolute;

	left: 50%;

	bottom: 0;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	width: 100%;

	height: 30px;

	background: rgba(0,0,0,0.5);

	margin-bottom: 0;

	text-align: center;

	color: #fff;

	font-size: 16px;

	line-height: 30px;

}

.poster-main .poster-btn {

	position: absolute;

	top: 0;

	width: 100px;

	height: 270px;

	z-index: 10;

	cursor: pointer;

	opacity: 0.8

}

.poster-main .poster-prev-btn {

	left: 0;

	background: url(../img/btn_l.png) no-repeat center center;

}

.poster-main .poster-next-btn {

	right: 0;

	background: url(../img/btn_r.png) no-repeat center center;

}

/*新闻中心*/

.the-news{

	width: 100%;

	padding:40px 0;

	background-color: #fff;

}

.the-news .n-main{

	width: 32.333%;

	border: 1px solid #ccc;

	box-sizing: border-box;

	margin-left: 1.5%;

	float: left;

	padding-bottom: 10px;

}

.the-news .n-main:first-child{

	margin-left: 0;

}

.the-news .n-main .m-title{

	width: 100%;

	height: 50px;

	line-height: 50px;

	background-color: #f5f5f5;

	padding-left: 20px;

	box-sizing: border-box;

	border-top: 1px solid #ccc;

}

.the-news .n-main .m-title span{

	font-size: 18px;

	line-height: 25px;

	margin-top: 12px;

	padding-left:10px;

	float: left;

	color: #000 ;

	display: inline-block;

	border-left: 5px solid #176dcc;

	font-weight: bolder;

}

.the-news .n-main .m-title .more{

	float: right;

	color: #666666;

	font-size: 14px;

	line-height: 50px;

	margin-right: 10px;

	display: inline-block;

}

.the-news .the-middle{

	width: 100%;

	padding:20px  0 0 13px;

}

.the-news .the-middle .pic{

	box-sizing: border-box;

	padding: 3px;

	border: 1px solid #ccc;

	float: left;

	width: 30%;

	overflow: hidden;

}

.the-news .the-middle .pic:hover img{

	transform: scale(1.1);

	transition: all 1s;

	transform-style: preserve-3d;

}

.the-news .the-middle .pic img{

	width: 100%;

}

.the-news .the-middle .words{

	float: left;

	padding-left: 15px;

	box-sizing: border-box;

	width: 70%;

}

.the-news .the-middle h2{

	font-size: 14px;

	margin: 0;

	color: #000000;

	line-height: 24px;

}

.the-news .the-middle .words p{

	float: left;

	font-size: 12px;

	line-height: 20 px;

	color: #b5b5b5 ;

	margin: 0;

}

.the-news .the-middle ul li{

	line-height: 30px;

	font-size: 12px;

	float: none;

	width: 100%;

	padding-left: 20px;

	background: url(../img/n-2.jpg) left center no-repeat;

}

.the-news .the-middle ul li a{

	color: #333;

}

/*联系我们*/

.the-contact{

	width: 100%;

	padding: 40px 0;

	background-color: #f9f9f9;

}

.the-contact .c-title{

	width: 100%;

	text-align: center;

	margin-bottom: 30px;

}

.the-contact .c-title h2{

	font-size: 18px;

	font-weight: bolder;

	color: #1c1c1c;

	line-height: 32px;

}

.the-contact .c-title .the-line{

	height: 20px;

}

.the-contact .c-title .the-line .the-p{

	background-color: #f9f9f9;

	position: relative;

	font-size: 12px;

	color: #1c1c1c;

	width: 257px;

	margin: 0 auto;

}

.the-contact .c-title  .the-p:before{

	content: "";

	height: 1px;

	width: 75px;

	left: 5px;

	top: 10px;

	position: absolute;

	background-color: #c9c9c9;

}

.the-contact .c-title  .the-p:after{

	content: "";

	height: 1px;

	width: 75px;

	right: 5px;

	top: 10px;

	position: absolute;

	background-color: #c9c9c9;

}

.the-contact .the-message{

	float: left;

	width: 30%;

	padding-top: 20px;

}

.the-contact .the-message dd{

	font-size: 15px;

	line-height: 30px;

}

.the-contact .the-message dd:nth-child(1){

	padding-left:35px;

	background: url(../img/ca-1.png) left center no-repeat;

}

.the-contact .the-message dd:nth-child(2){

	padding-left:35px;

	background: url(../img/ca-2.png) left center no-repeat;

}

.the-contact .the-message dd:nth-child(3){

	padding-left:35px;

	background: url(../img/ca-3.png) left center no-repeat;

}

.the-contact .the-message dd:nth-child(4){

	padding-left:35px;

	background: url(../img/ca-4.png) left center no-repeat;

}

.the-contact .the-message dd:nth-child(5){

	padding-left:35px;

	background: url(../img/ca-5.png) left center no-repeat;

}

.the-contact .the-message dd:nth-child(6){

	padding-left:35px;

	background: url(../img/ca-5.png) left top 6px no-repeat;

}

/*地图*/

.the-map{

	width: 45%;

	height: 250px;

	float: left;

}

/*#allmap {

	width: 100%;

	height: 100%;

	overflow: hidden;

	margin: 0;

	font-family: "微软雅黑";

}*/

.the-map img{

	max-width: none !important;

}

.iw_poi_title {

	color: #CC5522;

	font-size: 14px;

	font-weight: bold;

	overflow: hidden;

	padding-right: 13px;

	white-space: nowrap

}

.iw_poi_content {

	font: 12px arial, sans-serif;

	overflow: visible;

	padding-top: 4px;

	white-space: -moz-pre-wrap;

	word-wrap: break-word

}

/*二维码*/

.the-contact .the-code{

	float: left;

	

	padding: 30px 16px 0;

	box-sizing: border-box;

	width: 25%;

}

.the-contact .the-code .pic{

	float: left;

	margin-right: 20px;

}

.the-contact .the-code .pic img{

	height: 100px;

}

.the-contact .the-code .pic p{

	font-size: 16px;

	color: #333333;

	line-height: 24px;

	text-align: center;

	margin-top: 8px;

}

/*footer*/

footer{

	width: 100%;

	background-color: #3c9cd3;

	height: 94px;

	/*padding-top: 15px;*/

}

footer .the-top{

	width: 220px;

	margin: 0 auto;

	padding: 10px 0;

}

footer .the-top p{

	float: left;

	font-size: 16px;

	line-height: 32px;

	color: #fff;

	margin-bottom: 0;

}

footer .the-top ul{

	float: left;

}

footer .the-top ul li{

	margin-left: 30px;

	height: 30px;

	line-height: 30px;

	position: relative;

}

footer .the-top li dd{

	position: absolute;

	left: 50%;

	/*top: -110px;*/

	top: -117px;

	background-color: #fff;

	padding: 5px;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	display: none;

	border: 1px solid #ccc;

}

footer .the-top li dd:after{

	content:"";

	width:0;

	height:0;

	position:absolute;

	left:51px;

	bottom: -9px;

	border-left:solid 10px transparent;

	border-top:solid 10px #fff;     /* 白色小三角形 */

	border-right:solid 10px transparent;

}

footer .the-top li dd img{

	height: 100px;

	width: 100px !important;

	max-width: none !important;

}

footer .the-bottom{

	padding-bottom: 7px;

}

footer .the-bottom ul{

	/*float: left;*/

	width: 428px;

	margin: 0 auto;

	/*wid*/

}

footer .the-bottom li{

	padding: 0 10px;

}

footer .the-bottom li a{

	color: #fff;

	opacity: 0.7;

}

footer .the-bottom li:hover a{

	opacity: 1;

	text-decoration: underline;

}

footer .the-copy{

	width: 100%;

	font-size: 12px;

	color: #fff;

	background-color: #262626;

	text-align: center;

	line-height: 34px;

}

footer .the-copy p{

	margin-bottom: 0;

}

/*右侧固定框*/

.right-aside{

	position: fixed;

	right:10px;

	top: 30%;

	width: 90px;

	border-left: 1px solid #CCCCCC;

	border-right: 1px solid #ccc;

	background-color: #fff;

	z-index: 100;

	border-radius: 0 0 43px 49px;

}

.right-aside ul li{

	float: none;

	border-top: 1px solid #ccc;

	text-align: center;

}

.right-aside ul li:first-child{

	border: 0;

}

.right-aside ul li  p{

	font-size: 18px;

	line-height: 42px;

	background-color: #017abf;

	width: 100%;

	color: #fff;

	text-align: center;

	margin-bottom: 0;

}

.right-aside ul li span{

	display: block;

	font-size: 16px;

	color: #000000;

	line-height: 24px;

	text-align: center;

}

.right-aside ul li span.span-2{

	font-size: 13px;

	line-height: 20px;

}

.right-aside ul li:nth-child(3) img{

	margin-top: 10px;

}

.right-aside ul li:nth-child(4) img{

	margin-top: 15px;

}

.right-aside ul li:nth-child(3) span,.right-aside ul li:nth-child(4) span,.right-aside ul li:nth-child(5) span{

	margin-bottom: 10px;

}

.right-aside ul li:nth-child(5) img{

	width: 80%;

	margin-top: 10px;

}

.right-aside ul li:last-child a{

	font-size: 14px;

	text-align: center;

	line-height: 40px;

	color: #fff;

}

.right-aside ul li:last-child{

	background:url(../img/last.png) no-repeat;

}

/*当前位置*/

.path, .path a {

    color: #6e6e6e;

    font-size: 16px;

}

.path a:hover, .path em {

    font-style: normal;

    color: #5897d3;

}

.path{

	margin-bottom: 15px;

}

.board b{

    color: #555;

    font-size: 20px;

    padding-top: 15px;

}

/*新闻动态*/

.news-list{

	width: 100%;

}

.news-list .the-t-foot p{

	margin-top: 0;

}

.main {

    padding: 10px 0;

    color: #444;

    min-height: 500px;

    _height: 500px;

    font-size: 14px;

}

.main .the-m-words span{

	font-size: 14px !important;

	line-height: 26px;

}

.main .the-left{

	width: 100%;

	border: 0;

}

.aboutcon {

    line-height: 36px;

    font-size: 14px;

    width: 100%;

}

.nyNerw_nre {

    width: 100%;

}

.nyNerw_nre dl {

    width: 100%;

    float: left;

    /*margin: 0 0 10px;*/

    display: inline;

    padding: 10px 0;

    border-bottom: 1px solid #dadada;

}

.nyNerw_nre dt {

    width: 50px;

    float: left;

    text-align: center;

    font-size: 40px;

    color: #d3d3d3;

    line-height: 54px;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;

}

.nyNerw_nre dd {

    width: 89%;

    float: right;

    border-left: 1px solid #dadada;

    padding-left: 15px;

}

.nyNerw_nre dd .Project_btst {

    width: 100%;

    float: left;

    font-size: 14px;

    color: #333;

    margin-top: 8px;

    line-height: 25px;

}

.nyNerw_nre dd .Project_time {

    width: 100%;

    float: left;

    font-size: 12px;

    color: #c2c2c2;

    /*margin-top: 8px;*/

    line-height: 20px;

}

.nyNerw_nre dl:hover dt {

    color: #0099f6;

    -webkit-transition: all 0.4s linear -1ms;

    -moz-transition: all 0.4s linear -1ms;

    -ms-transition: all 0.4s linear -1ms;

    -o-transition: all 0.4s linear -1ms;

    transition: all 0.4s linear -1ms;

}

/*关于我们*/

.the-l-about{

	width: 100%;

}

.the-l-about .the-right .the-m-words p{

	font-size: 15px !important;

	color: #333333;

	line-height: 34px;

}

.the-l-about .the-right .the-m-words p strong{

	font-size: 16px !important;

}

.the-l-about .the-left p{

	margin-top: 0;

}

/*详情页*/

.the-inner .the-left{

	width:30%;

}

.the-inner .swiper-container {

    width: 100%;

    /*height: 300px;*/

   height: 320px;

   max-height: 350px;

    margin-left: auto;

    margin-right: auto;

    }

.the-inner .swiper-slide img{

	max-height: 350px;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	height: 73%;

}

.the-inner .swiper-button-prev{

	left: 5px;

}

.the-inner .swiper-button-next{

	right: 5px;

}

.the-inner .swiper-button-prev, .swiper-button-next{

	height: 27px;

	width: 27px;

	background-size: 27px 27px;

}

.the-inner .swiper-slide {

    background-size: cover;

    background-position: center;

}

.the-inner .gallery-top {

    /*height: 80%;*/

    height: 250px;

    width: 100%;

    }

.the-inner .gallery-thumbs {

    /*height: 20%;*/

    height: 50px;

    box-sizing: border-box;

    /*padding: 10px 0;*/

    }

.the-inner .gallery-thumbs .swiper-slide {

    width: 25%;

    /*height: 100%;*/

    height: 50px;

    opacity: 0.4;

    border: 1px solid #ccc;

    cursor: pointer;

}

.the-inner .gallery-thumbs .swiper-slide-thumb-active {

    opacity: 1;

}

.the-inner .the-right{

	width: 70%;

	padding-left: 1%;

	box-sizing: border-box;

}

.pro_jj {

    /*float: right;*/

    /*width: 60%;*/

    /*box-sizing: border-box;*/

   width: 100%;

    /*padding-left: 1%;*/

}

.pro_jj h2 {

    padding: 0px 18px;

    line-height: 50px;

    height: 50px;

    overflow: hidden;

    border-bottom: 4px solid #686868;

    font-size: 24px;

    color: #000;

}

.pro_jj .jj1 {

    padding: 16px 18px 0px 18px;

    font-size: 14px;

    color: #000;

    line-height: 30px;

    /* height: 224px; */

    border-bottom: 1px dashed #a7a7a7;

}

.pro_jj .jj4 {

    line-height: 46px;

    color: #000;

    font-size: 24px;

    margin-top: 40px;

}

.pro_jj .jj4 a.zx2 {

    display: block;

    /* float: right; */

    width: 176px;

    height: 46px;

    text-align: center;

    color: #fff;

    font-size: 18px;

    background: #de0000;

}

.pro_jj .jj4 i {

    color: #de0000;

    font-size: 24px;

}

/*文字介绍*/

.the-intro{

	width: 100%;

	padding: 10px 0;

}

.the-intro .words{

	font-size: 12px;

	/*font-family: "宋体";*/

	color: #333333;

	line-height: 28px;

}

/*@media only screen and (min-width: 1600) and (max-width: 1919px) {

	#visual #visualBanner li,#visual,#banner{height: 450px;}

}

@media only screen and (min-width: 1440px) and (max-width: 1480px) {

	#visual #visualBanner li,#visual,#banner{height: 400px;}

}





@media only screen and (min-width: 1360px) and (max-width: 1439px) {

	#visual #visualBanner li,#visual,#banner{height: 380px;}

	.control{bottom: 0;}

}

@media only screen and (min-width: 1280px) and (max-width: 1359px) {

	#visual #visualBanner li,#visual,#banner{height: 350px;}

	.control{bottom: 0;}

}



@media only screen and (min-width: 1125px) and (max-width: 1279px) {

	#visual #visualBanner li,#visual,#banner{height: 320px;}

	.control{bottom: 0;}

}*/

@media only screen and (max-width: 1366px) {

	.wrap{width: 100%;}

	.the-contact .the-code .pic p{font-size: 14px;}

	.the-contact .the-code .pic img{width: 90px;}

	.the-contact .the-code .pic{margin-right: 19px;}

	.the-contact .the-message dd{font-size: 13px;}

	.the-news .the-middle ul li{padding-left: 14px;}

	.the-news .the-middle{padding-left: 5px;}

}

.pagination-wrapper { clear:both; padding:1em 0 2em 0; text-align:center; }
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.pagination>li {
	display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #428bca;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #428bca;
	border-color: #428bca;
}
input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}