@charset "utf-8";
/* CSS Document @woniu*/

img{ max-width:100%;}
@media screen and (max-width: 768px) {
.pl02 {
padding-left: .2rem;
}
.pall02 {
padding: .2rem;
}
}
.layui-col-space30 {
	margin: -0.325rem
}
.layui-col-space30>* {
	padding: 0.325rem
}
@media screen and (min-width:1200px) {
.layui-container {
	width: 1320px;
}
}
.clear {
    clear: both;
}
/*****head头部****/
.top_t{ height:42px; line-height:42px; background:#f8f8f8;}
.top-left{ font-size: 14px; line-height: 42px; color: #666;}
.top-right {font-size: 14px; line-height: 42px;}
.top-right a:nth-of-type(1) {
    background: url(../images/b1.png) no-repeat left center;
}
.top-right a:nth-of-type(2) {
    background: url(../images/b2.png) no-repeat left center;
}
.top-right a {
    color: #666;
    padding-left: 28px;
    float: left;
}
.top-right span {
    width: 1px;
    height: 18px;
    background: #ccc;
    float: left;
    margin: 12px 16px;
}
.header{ height:136px;}
.header .logo{ float:left; height:77px; margin-top:30px;}
.header .tel {
    font-size: 16px;
    line-height: 30px;
    color: #999;
    padding-left: 70px;
    margin-top: 32px;
    float: right;
    background: url(../images/tel.png) no-repeat left center;
}
.header .tel p {
    font-size: 26px;
    color: #0066cb;
    font-weight: bold;
}

/*****nav导航****/
.nava {
    height: 62px;
    min-width: 1320px;
    overflow: hidden;
    background: #0066cc;
    border-bottom: 5px solid #0d1e40;
}
.nava li {
    width: 165px;
    height: 62px;
    float: left;
    font-size: 16px;
    color: #FFF;
    line-height: 62px;
    text-align: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.nava li a{ color:#fff;}
.nava li:hover{ background:#1d378e;}

/* --banner-- */
.swiper-banner{width:100%;margin:auto;overflow:hidden;position:relative;}
.swiper-banner .swiper-slide{overflow:hidden;position:relative;}
.swiper-banner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.swiper-banner img{ width:100%;}

.banner-pagination{width:100%;text-align:center;position:absolute;left:0;bottom:20px !important;z-index:99;}
.banner-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px !important;opacity:1 !important;border-radius:5px;background:#FFF;}
.banner-pagination .swiper-pagination-bullet-active{width:34px;background:#ffa800;}

/****首页搜索***/
.index-search{height:50px;background:#f6f6f6; overflow:hidden;}
.index-search .keywords{font-size:16px;color:#0066cb;line-height:50px;overflow:hidden; font-weight:bold;}
.index-search .keywords a{font-size:16px;color:#666;margin-right:20px; font-weight:400;}
.index-search .keywords a:Hover{ color:#0066cb;}
.index-search .search{height:38px;margin-top:6px;position:relative;}
.index-search .search .s{width:260px;height:36px;font-size:14px;color:#666;line-height:36px;padding:0 50px 0 10px;border:1px solid #ddd;outline:none;background:none;}
.index-search .search .b{width:45px;height:38px;background:url(../images/ser.png) no-repeat center #0066cb;border:none;outline:none;cursor:pointer;position:absolute;right:0;top:0;}

/***首页产品展示****/

.index-product{padding:60px 0;background:#e3e6eb; overflow:hidden;}
.index-product-type{width:202px;float:left;background:#FFF;}
.index-product-type .title{height:70px;padding:15px 0 0 56px;font-size:14px;line-height:24px;color:#FFF;background:url(../images/b4.png) no-repeat 16px center #0066cc;}
.index-product-type .title p{font-size:18px;}

.index-product-type ul{padding:20px 0 0;margin:auto;}
.index-product-type ul a{width:202px;display:block;}
.index-product-type ul a li{width:160px;height:58px;font-size:16px;color:#666;line-height:58px;border-bottom:1px solid #ddd;padding:0 10px;margin:auto;}
.index-product-type ul a:hover{background-color:#0066cc;}
.index-product-type ul a:hover li{color:#FFF;border-bottom:1px solid #28a1e6;}

.index-product-type .tel{width:202px;height:215px;padding-top:60px;background:url(../images/bg1.jpg) no-repeat center;}
.index-product-type .tel p{font-size:20px;color:#FFF;line-height:40px;text-align:center;}
.index-product-type .tel p img{margin-right:12px;}
.index-product-type .tel a{width:132px;height:32px;line-height:32px;text-align:center;background:#fff;color:#1d378e;display:block;margin:20px auto 0;border-radius:6px;}


.index-product-right{width:1080px;float:right;}
.index-product-right .title{font-size:24px;color:#0066cc;float:left;line-height:32px;}
.index-product-right .title p{font-size:16px;color:#999;text-transform:uppercase;}
.index-product-right .more{width:68px;height:34px;float:right;margin-top:15px;font-size:14px;color:#FFF;text-align:center;line-height:34px;background:#0066cc;}

.index-product-list{margin-top:10px;}
.index-prd-zs{ width:100%;}
.index-prd-zs .img{ width:100%; height:100%; overflow:hidden;}
.index-prd-zs img{ width:100%;}
.index-product-list .name {
    height: 45px;
    font-size: 15px;
    color: #333;
    text-align: center;
    line-height: 45px;
}

/*****首页优势****/
.index-advantage{ padding:60px 0; overflow:hidden;}
.index-advantage .title img{display:block;margin:auto;}
.index-advantage ul{position:relative;}
.index-advantage ul .img{position:absolute;left:50%;top:0;margin-left:-160px;}
.index-advantage ul li{width:384px;float:left;margin:30px 50px;}
.index-advantage ul li:nth-of-type(2n){float:right;}
.index-advantage ul li h3{padding-bottom:12px;font-size:24px;line-height:56px;border-bottom:1px solid #ddd;}
.index-advantage ul li h3 b{font-size:44px;float:left;margin-right:20px;color:#1d378e;}
.index-advantage ul li img{width:100%;display:block;margin-top:20px;margin-bottom:20px;}
.index-advantage ul li p{font-size:16px;line-height:28px;margin-top:4px;}

/*****首页案例*****/
.index-case{ padding:20px 0 60px 0; overflow:hidden;}
.etitle {
    background-image: url(../images/etitle.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 11px;
    color: #000000;
    text-align: center;
    font-size: 33px;
    margin-bottom: 10px;
    font-weight: bold;
	line-height:2;
}
.titledp {
    text-align: center;
    color: #666666;
    font-size: 16px;
    margin-bottom: 20px;
}
.index-cases-swiper{margin-top:40px;overflow:hidden;}
.index-cases-swiper .swiper-slide{overflow:hidden;position:relative;}
.index-cases-swiper .swiper-slide a{width:100%;display:block;position:relative;overflow:hidden;}
.index-cases-swiper .swiper-slide a .img{overflow:hidden;position:relative;}
.index-cases-swiper .swiper-slide a .img img{width:100%;height:236px;display:block;
-webkit-transition:all 0.4s;transition:all 0.4s;}

.kuai{ height:170px; background:url(../images/hf1.jpg) center no-repeat;}

/*****首页关于我们****/
.index-about{ padding:60px 0; overflow:hidden;}
.index-company-img{width:320px;margin-top:40px;float:left;}
.index-company-img img{width:100%;display:block;}
.index-company-con{width:960px;margin-top:40px;float:left;}
.index-company-con h2{font-size:24px;color:#1d378e;line-height:36px;padding:20px 50px 0;}
.index-company-con .con{font-size:16px;line-height:28px;color:#666;padding:16px 50px 0; height:127px;}
.index-company-con ul{margin-top:30px;}
.index-company-con ul li{width:200px;color:#FFF;line-height:28px;float:left;padding:30px 20px 30px 100px;}
.index-company-con ul li b{font-size:18px;}
.index-company-con ul li p{font-size:14px;}
.index-company-con ul li:nth-of-type(1){background:url(../images/b8.png) no-repeat 30px center #1d378e;}
.index-company-con ul li:nth-of-type(2){background:url(../images/b9.png) no-repeat 30px center #056bc5;}
.index-company-con ul li:nth-of-type(3){background:url(../images/b10.png) no-repeat 30px center #28a1e6;}
.index-company-rule{font-size:32px;color:#000;font-weight:bold;line-height:36px;text-align:center;margin-top:60px;}
.index-company-rule span{color:#f9a22c;}
.index-company-list{margin-top:60px;}
.index-company-list li{width:256px;color:#FFF;line-height:28px;text-align:center;float:left;}
.index-company-list li p{font-size:24px;color:#1d378e;font-weight:bold;margin-top:10px;}
.index-company-tel{width:360px;height:50px;font-size:20px;color:#FFF;text-align:center;line-height:50px;border-radius:25px;margin:60px auto 0;background-color:#28a1e6;}

/*****新闻资讯*****/
.index-news{ padding:0 0 60px 0; overflow:hidden;}
.index-news .news{width: 100%;height: auto; margin-top:40px;}
.index-news .news .l-box{width: 920px;height: auto;float: left;}
.index-news .news .l-box .s-box{border-bottom: 1px solid #e8e6e6;}
.index-news .news .l-box .s-box a{display:inline-block;font-size: 14px;color: #1b1b1b;padding: 0 20px;height:50px;line-height:50px;cursor: pointer;}
.index-news .news .l-box .s-box .a-1{background-color:#e9e4e4;color: #545353;padding: 0 50px;}
.index-news .news .l-box .s-box .a-1.on{background-color: #0066cb;color: #fff;}
.index-news .news .l-box .x-box{padding-top:30px;}
.index-news .news .l-box .x-box .x-wrap{display: none;}
.index-news .news .l-box .x-box .x-wrap.on{display:block;}
.index-news .news .l-box .x-box .x-wrap>div{float: left;}
.index-news .news .l-box .x-box .box-1{width: 470px;height: auto;}
.index-news .news .l-box .x-box .box-1 .img-1{width:470px;height:300px;overflow: hidden;}
.index-news .news .l-box .x-box .box-1 .img-1 img{transition: all .3s;}
.index-news .news .l-box .x-box .box-1 .img-1:hover img{transform:scale(1.05);//设置缩放比例-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
.index-news .news .l-box .x-box .box-1 .text{padding:15px 0;border-bottom: 1px solid #e8e8e8;}
.index-news .news .l-box .x-box .box-1 .text b{float:left;display:inline-block;width:300px;color: #333;font-size:18px;line-height:30px;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-news .news .l-box .x-box .box-1 .text span{float:right;display:inline-block;font-size: 16px;line-height:30px;color: #a7a2a2;}
.index-news .news .l-box .x-box .box-1 .text article{font-size:14px;height:60px;line-height:30px;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; width:100%;}
.index-news .news .l-box .x-box .box-1 .text a{display:inline-block;font-size: 14px;line-height: 30px;color: #0e5ea2;}
.index-news .news .l-box .x-box .box-2{width: 420px;height: auto;margin-left: 30px;}
.index-news .news .l-box .x-box .box-2 .list{padding-bottom: 15px;margin-bottom:15px;border-bottom: 1px dashed #d4d0d0; overflow:hidden;}
.index-news .news .l-box .x-box .box-2 .list:last-child{margin-bottom: 0;}
.index-news .news .l-box .x-box .box-2 .list:hover .date{background-color:#0066cb;}
.index-news .news .l-box .x-box .box-2 .list:hover .date b{color: #fff;}
.index-news .news .l-box .x-box .box-2 .list a>div{float:left;}
.index-news .news .l-box .x-box .box-2 .list a .date{width: 85px;height: 74px;background-color: #f1f1f1;text-align: center;padding-top: 12px;transition: all .3s;}
.index-news .news .l-box .x-box .box-2 .list a .date b{font-size:37px;color: #565353; width:100%; float:left;}
.index-news .news .l-box .x-box .box-2 .list a .date i{font-size:14px;color: #aea6a6; width:100%; float:left;}
.index-news .news .l-box .x-box .box-2 .list a .text{width:320px;height: 85px;margin-left: 15px;}
.index-news .news .l-box .x-box .box-2 .list a .text h1,.index-news .news .l-box .x-box .box-2 .list a .text h4{font-size:20px;color: #565555;margin-bottom:10px;font-weight: normal;overflow: hidden;text-overflow:ellipsis;}
.index-news .news .l-box .x-box .box-2 .list a .text article{font-size:14px;color: #888888;height:40px;line-height:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.index-news .news .r-box{float: right;width: 350px;height: auto;}
.index-news .news .r-box .s-box{background-color: #0066cb;padding:10px 10px 10px 30px;}
.index-news .news .r-box .s-box span{font-size: 18px;color: #fff;}
.index-news .news .r-box .s-box a{float:right;text-align:right;font-size:14px;color: #d5d3d3;margin-top: 5px;}
.index-news .news .r-box .s-box a:hover{color: #fff;}
.index-news .news .r-box .x-box{background-color: #f7f5f5;padding: 10px 0 20px;}
.index-news .news .r-box .x-box a{display: block;width: 310px;font-size:18px;color:#9c9b9b;margin: 0 auto;padding:17px 0;border-bottom: 1px dashed #d8d7d7;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-news .news .r-box .x-box a:hover{color:#0066cb;}

/****关于我们单页****/
.location{width:100%;height:50px;background:#f6f6f6;}
.location .crum{font-size:15px;color:#999;line-height:50px;padding-left:30px;background:url(../images/b24.png) no-repeat left center;}
.inner{padding:60px 0; overflow:hidden;}
.inner-title{font-size:38px;font-weight:bold;color:#333;text-align:center;line-height:56px;}
.inner-entitle{line-height:42px;font-size:18px;color:#999;text-align:center;background:url(../images/b18.png) no-repeat center;margin-top:10px;text-transform:uppercase;}


.inner-intro{margin-top:40px;}
.inner-intro h2{font-size:24px;color:#1d378e;line-height:36px;}
.inner-intro p{font-size:16px;line-height:28px;color:#333;margin-top:20px;}
.inner-intro img{float:right;margin-left:20px;}
.page_js{ overflow:hidden;}


/***企业特色***/
.inner-character-bg{background:#0050ad;}
.inner-character-bg .inner-title{color:#FFF;}
.inner-character{margin-top:60px;}
.inner-character li{width:240px;height:auto;text-align:center;float:left;margin:0 10px;padding:30px 30px 20px;background:#FFF;}
.inner-character li img{display:block;margin:auto;}
.inner-character li h3{font-size:24px;margin:16px 0 8px;}
.inner-character li p{height:84px;font-size:16px;line-height:28px;}

.inner-culture{text-align:center;}
.inner-culture img{max-width:100%;margin-top:60px;}
.inner-culture h2{font-size:32px;color:#333;line-height:36px;margin:40px 0 20px;font-weight:normal;}
.inner-culture p{font-size:16px;line-height:32px;color:#666;}

.inner-contact{margin-top:40px; overflow:hidden;}
.inner-contact li{width:386px;padding:20px;float:left;text-align:center;}
.inner-contact li img{height:56px;display:block;margin:auto;}
.inner-contact li .t1{font-weight:bold;margin-top:20px;}
.inner-contact li p{font-size:18px;line-height:32px;}
.inner-contact li .box{min-height:72px;margin-top:20px;}
.inner-contact li .box p{font-size:16px;line-height:24px;padding-top:4px;}

.inner-map{margin:30px auto 0; overflow:hidden;}

/*****新闻中心***/
.news-box{ padding:40px 0; overflow:hidden;}
.list-4{ margin-top:30px; overflow:hidden;}
.list-4 li a {
	display: block;
	border-bottom: 1px solid #e5e5e5;
	padding: 30px 0;
	overflow: hidden;
	-webkit-transition: all .5s;
	transition: all .5s
}
.list-4 li .img-center {
	float: left;
	width: 250px
}
.list-4 li .text {
	margin: 0 0 0 290px;
	position: relative;
	padding-right: 180px;
	-webkit-transition: all .5s;
	transition: all .5s
}
.list-4 li .text h4 {
	margin: 0;
	font-weight: 400;
	font-size: 20px;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-top: 23px
}
.list-4 li .text p {
	line-height: 2;
	overflow: hidden;
	margin: 10px 0 0;
	color: #999
}
.list-4 li .date {
	position: absolute;
	right: 30px;
	top: 0
}
.list-4 li .date span {
	display: block;
	font-family: Impact;
	color: #ccc;
	font-size: 22px;
	margin-bottom: 20px
}
.list-4 li .date i {
	border-left: 1px solid #e5e5e5;
	text-align: right;
	line-height: 20px;
	font-size: 0;
	display: block
}
.list-4 li .date i:before {
	content: '→';
	color: #999;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .5s;
	transition: all .5s;
	font-size: 20px;
	display: block;
	text-align: center
}
.list-4 li a:hover {
	padding-left: 30px
}
.list-4 li a:hover .text {
	padding-right: 150px;
	color:#0066cc;
}
.list-4 li a:hover .date i:before {
	-webkit-transform: translateX(10px);
	transform: translateX(10px)
}

.nav-sub {
    text-align: center;
    font-size: 0;
    margin: 20px 0 40px -20px;
}
.nav-sub li {
    display: inline-block;
    vertical-align: middle;
}
.nav-sub li a {
    display: block;
    line-height: 48px;
    padding: 0 40px;
    background-color: #363e45;
    color: #fff;
    font-size: 16px;
    margin: 20px 0 0 20px;
}
.nav-sub li a:hover{ background:#0066cc;}
.nav-sub li a.active{ background:#0066cc;}

/*****翻页***/
.pglist {
	padding: 50px 0 0;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #666;
	padding: 0 15px;
	margin: 0 3px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.pglist span {
	color: #fff;
	padding: 0 15px;
	margin: 0 3px;
	background: #0066cc;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.pglist * {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;
}
.pglist a:hover, .pglist .hover {
	display: inline-block;
	color: #fff;
	background: #0066cc;
	border-color: #0066cc;
}

/*****新闻详情页****/
.pg-news-tit{ text-align:center; font-size:30px; color:#333;}
.pg-news-data{ text-align:center; font-size:14px; color:#999; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px; margin-top:15px;}
.pg-news-con{ font-size:16px; line-height:2;}
.pg-news-con img{ display:block; max-width:100%; margin-left:auto; margin-right:auto;}
.pg-news-con p{ margin-top:10px;}

/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover{color:#fff;background:#222222;padding:0 20px;cursor:pointer;}
.txt-upDown-li:hover .arrow{color:#fff;}
.txt-upDown-li:hover .title .page-a{color:#fff;}
.txt-upDown-li:hover .title a{color:#fff;}
.txt-upDown-li.txt-right{text-align:right;}

/*****工程案例****/
.inner-list{}
.inner-list a{width:305px;float:left;margin-right:20px;margin-bottom:30px;}
.inner-list a:nth-of-type(4n){margin-right:0;}
.inner-list a .img{width:100%;position:relative;}
.inner-list a .img img{width:100%;height:228px;display:block;}
.inner-list a .title{height:42px;font-size:16px;line-height:42px;text-indent:20px;overflow:hidden;background:#e3e6eb;}
.inner-list a:hover .title{background:#0066cc;color:#FFF;}

/*****产品中心****/
.inner-goods-type{border:2px solid #0066cc; overflow:hidden;}
.inner-goods-type .title{width:150px;padding:30px 0 30px 50px;font-size:24px;line-height:32px;color:#FFF;float:left;background:#0066cc;}
.inner-goods-type .title p{font-size:16px;}
.inner-goods-type ul{width:1066px;padding:18px 0;float:left;}
.inner-goods-type ul li{font-size:18px;color:#0066cc;line-height:24px;padding-left:30px;background:url(../images/b25.png) no-repeat left center;font-weight:bold;float:left;margin-left:40px; margin-bottom:10px; margin-top:10px;}
.inner-goods-type ul a:hover li{ color:#f58108; background:url(../images/b26.png) no-repeat left center;}

.inner-goods{margin-top:20px; overflow:hidden; width:100%;}
.inner-goods a{width:315px;float:left;margin-right:20px;margin-top:20px;}
.inner-goods a:nth-of-type(4n){margin-right:0; float:right;}
.inner-goods a .img{width:100%; overflow:hidden;}
.inner-goods a img{width:100%;display:block; transition: all .3s;}
.inner-goods a:hover img{transform:scale(1.05); -ms-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
.inner-goods a p{height:45px;font-size:16px;line-height:45px;text-align:center;overflow:hidden;}
.inner-goods a:hover p{ color:#0066cc;}

/*****产品详情页****/
.inner-info{}
.inner-info h2{font-size:28px;padding-left:50px;background:url(../images/b27.png) no-repeat left center;}
.inner-info-box{padding:50px;margin-top:40px;border:1px solid #1d378e; overflow:hidden;}
.inner-info-box .img{width:480px;float:left;}
.inner-info-box .img img{width:100%;display:block;}
.inner-info-box .box{width:638px;font-size:20px;float:right;}
.inner-info-box .title{padding-bottom:20px;border-bottom:1px solid #ddd;}
.inner-info-box .mobile{margin-top:20px;}
.inner-info-box .mobile b{font-size:30px;color:#ff0000;}
.inner-info-box a{width:104px;height:48px;line-height:48px;padding-left:56px;margin-top:80px;font-size:16px;color:#FFF;background:url(../images/b31.png) no-repeat 15px center #28a1e6;display:block;border-radius:6px;}
.inner-info-title{margin-top:40px;border-bottom:1px solid #ddd; width:100%; overflow:hidden;}
.inner-info-title b{font-size:18px;line-height:52px;float:left;border-bottom:3px solid #0066cc;}
.inner-info-details{margin-top:20px; overflow:hidden;}
.inner-info-details p{font-size:16px;line-height:28px; margin-top:15px;}
.inner-info-details img{ display:block; max-width:100%; margin-left:auto; margin-right:auto;}

.inner-info-recommend{position:relative;}
.inner-goods-swiper{margin:30px 40px 0;overflow:hidden;position:relative;}
.inner-goods-swiper .swiper-slide{overflow:hidden;position:relative;}
.inner-goods-swiper .swiper-slide a{width:100%;display:block;position:relative;overflow:hidden;}
.inner-goods-swiper .swiper-slide a .img{overflow:hidden;position:relative;}
.inner-goods-swiper .swiper-slide a .img img{width:100%;height:auto;display:block;
-webkit-transition:all 0.4s;transition:all 0.4s;}

.inner-info-recommend .swiper-button-prev{left: 0px;}
.inner-info-recommend .swiper-button-next{right: 0px;}

/****在线留言***/
.form-group {
	margin-bottom: 15px;
	overflow:hidden;
}
.control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
	font-size: 14px;
}
.red-star {
    color: red;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	display: inline-block;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
	margin-left:110px;
}

/*浮动*/
.drift{ width:77px; height:auto; position:fixed; bottom:30%; right:2px; z-index:999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:77px; height:77px; margin-bottom:3px;position: relative;}
.drift li a{ display:block;width:77px; height:77px; background:#2D2C32; overflow:hidden;}
.drift #rolls a{background:#ea5413;}

.drift li a:hover,.drift #rolls a:hover{ background:#ea5413;}
.drift li a:hover span{display:block;}
.drift li span{width:244px; right:77px;top: 1px;height: 77px;line-height: 77px; background: #ea5413;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 30px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:150px;display:block;overflow:hidden;padding:10px 10px 6px 10px;}
.drift li .ewm em{height:40px;line-height:18px !important;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000; width:100%; float:left; text-align:center;}
.drift li span.ewm{width:166px; }



/****footer****/
.footer{ background:#0050ad; padding:50px 0; overflow:hidden; width:100%; float:left;}
.footer-nav {
	width: 45%;
	float: left;
}
.footer-nav ul {
	width: 50%;
	float: left;
}
.footer-nav ul h2 {
	margin-bottom: 30px;
}
.footer-nav ul h2 a {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.footer-nav ul li {
	text-indent: 5px;
}
.footer-nav ul li a {
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}
.footer-nav ul li a:Hover {
	color: #fff;
}
.footer-lx {
	width: 30%;
	float: left;
	padding-right:3%;
	border-right: 1px solid #eee;
}
.footer-lx h2 {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
}
.footer-lx h3 {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	margin-bottom:5px;
}
.footer-lx p {
	color: #fff;
	line-height: 30px;
}
.footer-lx a{ color:#eee;}
.footer-wx {
	width: 15%;
	float: right;
	padding-left: 5%;
}
.footer-wx div {
	width: 100%;
	margin: 0 3%;
	float: left;
	line-height: 25px;
	color: #eee;
	text-align: center;
}
.footer-wx div img {
	width: 100%;
	margin-bottom:10px;
}

.copyright{ line-height:50px; text-align:center; color:#000; font-size:14px; width:100%; float:left;}

.footer-fix {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10;
    display: none;
}
.footer-fix li {
    float: left;
    width: 25%;
}
.footer-fix li a {
    display: block;
    text-align: center;
    padding: 7px 0;
    font-size: 12px;
    line-height: 1;
}
.footer-fix li i.i1 {
    background-image: url(../images/f_01.png);
}
.footer-fix li i.i2 {
    background-image: url(../images/f_02.png);
}
.footer-fix li i.i4 {
    background-image: url(../images/f_04.png);
}
.footer-fix li i.i3 {
    background-image: url(../images/f_03.png);
}
.footer-fix li i {
    display: block;
    height: 20px;
    background: no-repeat center;
    background-size: contain;
    margin-bottom: 4px;
}


.menu-btn {
    padding: 10px 0 0 0;
    float: right;
    margin-left: 10px;
}
.menu-btn:before, .menu-btn:after, .menu-btn span {
    display: block;
    height: 2px;
    background-color: #000;
    content: '';
}
.menu-btn:before {
    width: 24px;
}
.menu-btn span {
    width: 12px;
    margin: 6px 0 6px 12px;
}
.menu-btn:after {
    width: 18px;
    margin-left: 6px;
}
.show-xs{ display:none;}

/***手机站nav****/
.nav {
    margin: 10px 0 -10px;
    text-align: left;
    display: none;
    background: 0 0;
    border-bottom: 0;
	width:100%;
	float:left;
}
.nav ul {
    position: relative;
    z-index: 1;
}
.nav li {
	width:100%;
	float:left;
    display: block;
    margin: 0;
    border-top: 1px solid #eee;
    background: 0 0;
	vertical-align: middle;
}
.nav li a {
    line-height: 40px;
    padding: 0 15px;
    color: #333;
	display: block;
    font-size: 15px;
}
.nav li.active a{
    background-color: transparent;
    color: #104492;
}
.section-title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}
.section-title small {
    display: block;
    font-size: 24px;
    text-transform: uppercase;
}
.section-title strong {
    display: block;
    position: relative;
    color: #104492;
    font-size: 18px;
    margin-top: 10px;
}
.section-title strong:after {
    position: absolute;
    right: 0;
    top: 50%;
    height: 1px;
    width: 60%;
    content: "";
    background: #e5e5e5;
}
.in-prd-menu {
    position: relative;
    z-index: 1;
    margin: 0 0 20px;
	width:100%;
}
.in-prd-menu ul {
    margin: -10px 0 0 -10px;
}
.in-prd-menu li {
    width: 50%; float:left;
}
.in-prd-menu li a {
    display: block;
    padding: 0 16px;
    background-color: #363e45;
    color: #fff;
    margin: 10px 0 0 10px;
	text-align: center;
    font-size: 14px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
.layui-container{ padding:0 10px; width:auto;}
.show-xs{ display:block;}
.top_t{ display:none;}
.header {
  padding: 10px 0;
  position: fixed;
  height:auto;
  z-index: 100;
  width: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  background-color: #fff;
}
.header .tel{ display:none;}
.header .logo{ margin-top:0; height:auto;}
.header .logo img{ height:40px;}
.nava{ display:none;}
.swiper-banner{ margin-top:60px;}
.index-search,.index-product-type{ display:none;}
.index-product,.index-advantage,.index-case,.index-about{ padding:30px 0;}
.index-product-right{ width:100%;}
.index-product-right .title,.index-product-right .more,.index-advantage ul .img{ display:none;}
.index-advantage ul li{ width:100%; margin:0;}
.index-advantage ul li h3 b{ font-size:26px;}
.index-advantage ul li h3{ font-size:20px;}
.etitle{ font-size:24px;}
.index-cases-swiper .swiper-slide a .img img{ height:auto;}
.kuai{ display:none;}
.index-company-img{ width:100%; margin-top:10px;}
.index-company-con{ width:100%;}
.index-company-con .con,.index-company-con h2{ padding:0; height:auto;}
.index-company-con ul li{ width:29.3333%; padding:20px 2% 20px 2%;}
.index-company-con ul li:nth-of-type(1) { background:#1d378e;}
.index-company-con ul li:nth-of-type(2) { background:#056bc5;}
.index-company-con ul li:nth-of-type(3) { background:#28a1e6;}
.index-news .news .l-box .x-box .box-1{ display:none !important;}
.index-news .news .l-box{ width:100%;}
.index-news .news .l-box .x-box .box-2{ width:100%; margin:0;}
.index-news .news .l-box .s-box .a-1{ padding:0 30px;}
.index-news .news .l-box .x-box .box-2 .list a .date{ width:25%;}
.index-news .news .l-box .x-box .box-2 .list a .text{ width:70%; float:right; margin:0;}
.index-news .news .l-box .x-box .box-2 .list a .text article{ height:auto;}
.r-box{ display:none;}
.index-news{ padding:0 0 30px 0;}
.index-news .news .l-box .x-box .box-2 .list a .date b,.index-news .news .l-box .x-box .box-2 .list a .date i{ margin-top:10px;}
.footer{ padding:20px 0;}
.footer-nav,.footer-wx{ display:none;}
.footer-lx{ width:96%; font-size:16px; padding-left:4%;}
.copyright{ font-size:12px;}
.footer-fix{ display:block;}
.inner{ padding:30px 0;}
.inner-title{ font-size:24px; line-height:40px;}
.inner-intro{ margin-top:10px;}
.inner-character li{ width:44%; padding:30px 2%; margin:10px 1%;}
.inner-culture h2{ font-size:24px;}
.inner-contact li{ width:29.3333%; padding:20px 2%;}
.nav-sub li a{ padding:0 20px; margin:10px 0 0 10px;}
.list-4 li .img-center{ width:30%;}
.list-4 li .text{ width:65%; margin:0; float:right; padding:0;}
.list-4 li .date{ display:none;}
.list-4 li .text h4{ padding:0;}
.list-4 li .text p{ height:60px; overflow:hidden;}
.pglist{ padding:20px 0 0; font-size:14px;}
.news-box{ padding:20px 0;}
.pg-news-tit{ font-size:24px; line-height:1.3;}
.inner-goods-type{ display:none;}
.inner-goods a{ width:48%; margin-right:2%;}
.inner-goods a img{ height:auto;}
.inner-info-box{ padding:20px;}
.inner-info-box .img{ width:100%;}
.inner-info-box .box{ width:100%; margin-top:15px;}
.inner-info-box a{ margin-top:30px;}
.inner-list a{ width:48%; margin-right:2%;}
.inner-list a .img img{ height:auto;}
.inner-list a:nth-of-type(4n),.inner-goods a:nth-of-type(4n){ margin-right:2%;}
}