@charset "utf-8";

@import "public.css";

body{font-size: 14px;line-height: 1.5;}

.am-cf:after, .am-cf:before {
	content: " ";
	display: table;
}
.am-cf:after {
	clear: both;
}

.img_bg{background-position: center;background-repeat: no-repeat;background-size: cover}

.warp {width: 98%;max-width: 1200px;margin: 0 auto;position: relative;}

.top {padding: 10px 0;border-bottom: solid 1px #cdd1d1;color: #999999;}
.top-nav {float: right;font-size: 13px;}
.top-nav a {color: #999999;margin-right: 28px;}
.top-nav a:last-child {margin-right: 0;}
.top-nav a:hover {color: #0d6fb8;}




.header {padding-top: 13px;padding-bottom: 26px;}
.header .logo{float: left;width: 60%;}
.header-icon {margin-top: 45px;float: right}
.header-icon img {margin-right: 20px;}
.header-icon img:last-child {margin-right: 0;}


.nav {width: 100%;background-color: #282828;line-height: 60px;text-align: center;}
.nav.fixed {position: fixed;top: 0;left: 0;z-index: 22;}
.nav ul li {float: left;width:calc(100% / 7);font-size: 16px;}
.nav ul li a {display: block;color: #ffffff;}
.nav ul li:hover ,.nav ul li.active {background-color: #59bef3;}

.menu-button{position: fixed;width: 40px;right:2%;top:50px;cursor: pointer;display: none;z-index: 101;background: #1382cd;padding: 8px 5px;}
.menu-button span{width:100%;display: block;height: 2px;background: #ffffff;border-radius: 10px;-webkit-transition: .3s;transition: .3s;position: relative}
.menu-button span:nth-child(2){margin:5px 0}

.menu-button.cross span:nth-of-type(1) {transform: translateY(7px) rotate(-45deg);}
.menu-button.cross span:nth-of-type(2) {opacity: 0;}
.menu-button.cross span:nth-of-type(3) {transform: translateY(-7px) rotate(45deg);}



.banner {height: 590px;background-color: #282828;position: relative;overflow: hidden;}
.banner .swiper-slide {background-repeat: no-repeat;background-position-x: center;overflow: hidden;width: 100%;text-align: center}
.banner .swiper-pagination-bullet {background-color: #FFFFFF;width: 15px;height: 15px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}

.banner .blogo {margin: 58px auto 0;width: 178px;}
.banner .b-t {margin: 30px auto;width:598px;}
.banner .b-bottom {margin-top: 15px;}
.banner .b-bottom a {display: inline-block;margin: 0 20px;width: 138px;}

.banner .btt {margin: 40px auto 0;width: 600px;}
.banner .bb {width:80%;max-width: 1200px;margin: auto}

@media (max-width: 1200px){
	body{font-size: 12px;}
	.header-icon{display: none}
	.menu-button{display: block}
	.nav{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 100;background: #191919;color: #ffffff}
	.nav a{color: #ffffff;display: block}
	.nav.open{display: block}
	.nav ul{margin: 5vh 0}
	.nav ul li:first-child{margin-top: 5vh}
	.nav ul li{width: 100%;line-height: 3.5;text-align: center}
	.nav ul li:hover{background:#1382cd}



	.banner {height: 590px;}
	.banner .swiper-pagination-bullet {width: 10px;height: 10px;}

	.banner .blogo {margin-top: 25px;}
	.banner .b-t {margin-top: 34px;}
	.banner .b-bottom {margin-top: 30px;}
	.banner .b-bottom a img{width: 100px;}
	.banner .btt {margin-top: 20px;}



}
@media (max-width: 812px){
	.no_mobile{display: none}
	.header .logo{float: none;width:auto;text-align: center}
	.banner .b-bottom a{margin: 0 10px;}
}

@media (max-width: 640px){
	.top-nav{display: none}
	.banner {height: 320px;}

	.banner .blogo {width: 110px;}
	.banner .b-t {width: 80%}
	.banner .b-bottom {display: none}
	.banner .btt {width: 70%;}
}




/* 搜索 */

.search {background-color: #eaeaea;padding: 23px 0;line-height: 36px;}
.search .search_r{float: right;width:340px;background:#0d6fb8;padding: 2px;}
.search .search_r .inputs,.search .search_r .btn_sub{border: none;height: 36px;line-height: 36px;}
.search .search_r .inputs{width: calc(100% - 94px);background-color: #ffffff;text-indent: 17px;float: left;}
.search .search_r .btn_sub{width: 90px;background: #0d6fb8;color: #FFFFFF;font-size: 16px;float: right}

.search .word {float: left;}
.search .word a {color: #515151;margin-right: 10px;}
.search .word a:hover {color: #2c88d7;}
.search .word strong {font-size: 16px;color: #0d6fb8;margin-right: 10px;}



.footer {width: 100%;padding-top: 65px;background: #27303f;color: #FFFFFF;}
.footer h4 {font-size: 18px;color: #ebeaea;margin-bottom: 25px;}
.foot_guanzhu {float: right;width: 120px;}
.foot_guanzhu .ma img{max-width: 100%;margin-bottom: 10px;}
.foot_guanzhu ul li{width: 100%;height: 42px;line-height: 42px;background-color: #13181f;border-radius: 6px;color: #676c74;background-position-y: center;background-position-x: 18px;background-repeat: no-repeat;margin-bottom: 10px;background-size: 20px;}
.foot_guanzhu ul li a {color: #676c74;padding-left: 40px;display: block;}

.foot_guanzhu ul li.weixin{background-image: url(../images/weixin.png);}
.foot_guanzhu ul li.sina {background-image: url(../images/sina.png);}
.foot_guanzhu ul li.weixin:hover {background-image: url(../images/wxh.png);}
.foot_guanzhu ul li:hover a {color: #FFFFFF;}
.foot_guanzhu ul li.sina:hover {background-image: url(../images/sinah.png);}

.foot_links{width: calc(100% - 120px);float: left}
.foot_links li{margin-right: 130px;float: left}
.foot_links li:last-child{margin-right:0;width: 100%;}
.foot_links li a {color: #aaaaaa;margin-bottom: 15px;display: block}
.foot_links li a:hover {color: #FFFFFF;}

.foot_links li .address,.foot_links li .tel{background-repeat: no-repeat;background-position: left center;padding-left: 20px;}
.foot_links li .address {color: #aaaaaa;margin-bottom:10px;}
.foot_links li .tel {font-size: 28px;color: #2c88d8;}

.footer .copyright {width:100%;border-top: 1px solid #4a5a76;padding-top: 30px;margin: 50px auto 0;color: #aaaaaa;}

.index-links {padding:10px 0;background: #27303f;color: #FFFFFF;}
.index-links span {font-size: 16px;color: #FFFFFF;margin-right: 10px;}
.index-links a {display: inline-block;margin: 0 5px;color: #aaaaaa;}
.index-links a:hover {color: #FFFFFF;}


.title{padding-top: 100px;font-size: 18px;padding-bottom: 30px;text-align: center;color: #000000;}
.title h3{font-size: 52px;position: relative;}
.title h3::after {content: '';display: block;width: 46px;height: 2px;background-color: #0d6fb8;margin: 8px auto 11px;}

@media (max-width: 1200px){

	.foot_guanzhu,.index-links,.foot_links li:last-child{display: none}
	.footer{padding-top: 45px;}
	.foot_links{float: none;width: 100%;}
	.foot_links li {margin-right:0;width:20%;vertical-align: top;text-align: center;}
	.footer .copyright{padding: 10px 0;margin: 20px auto 0;text-align: center}

	.title{padding-top:70px;font-size: 16px;padding-bottom: 20px;}
	.title h3{font-size:46px;}
	.title h3::after {margin: 8px auto 11px;}
}


@media (max-width: 812px){
	.search {padding: 20px 0;line-height: 36px;}
	.search .search_r{width: 90%;margin: auto;float: none}
	.search .word{display: none}

	.title{padding-top:50px;font-size: 16px;padding-bottom: 10px;}
	.title h3{font-size:42px;}
	.title h3::after {margin: 8px auto 11px;}



}

@media (max-width: 640px){
	.search .search_r{width:100%;}


	.title{padding-top:30px;font-size: 12px;}
	.title h3{font-size:18px;}
	.title h3::after {margin: 5px auto;}
	.footer{padding-top: 20px;text-align: center}
	.foot_links li{display: inline-block;width: auto;padding: 0 10px;float: none;}
	.footer h4{font-size: 12px;margin: 0;}
	.foot_links li a{display: none}
}


.index-fangan .gallery-top .img {width: 100%;max-height:580px;overflow: hidden}
.index-fangan .gallery-top .cover{position: absolute;bottom:30px;width:94%;padding:20px;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, .8);color: #FFFFFF;}
.index-fangan .gallery-top .cover .t{font-size: 24px;}
.index-fangan .gallery-top .cover .t a {color: #ffffff;}

.index-fangan .gallery-thumbs {font-size: 18px;background-color: #efefef;}
.index-fangan .gallery-thumbs ul li {float: left;width:20%;line-height: 40px;padding: 20px 0;position: relative;transition: all 0.5s linear;overflow: hidden;vertical-align: top;text-align: center;}
.index-fangan .gallery-thumbs ul li:before{position: absolute;content: '';right: 0;top: 0;width: 1px;height: 100%;background:#cecece;}
.index-fangan .gallery-thumbs ul li:first-child:after {position: absolute;content: '';left: 0;top: 0;width: 1px;height: 100%;background:#cecece;}

.index-fangan .gallery-thumbs ul li a {display: block;color: #282828;}
.index-fangan .gallery-thumbs ul li img {height: 40px;margin-right: 3px;}
.index-fangan .gallery-thumbs ul li img.none {display: none;}
.index-fangan .gallery-thumbs ul li.swiper-slide-thumb-active {background-color: #0d6fb8;color: #ffffff}
.index-fangan .gallery-thumbs ul li.swiper-slide-thumb-active img {display: none;}
.index-fangan .gallery-thumbs ul li.swiper-slide-thumb-active img.none {display: inline;}
.index-fangan .gallery-thumbs ul li.swiper-slide-thumb-active a {color: #FFFFFF;}


/* 系统体系 */
.tabBox .bd .bd-box{display: none}
.tabBox .bd .bd-box.on{display: block}

.index-xitong .hd {float: left;width: 255px;}
.index-xitong .hd ul {margin-right: 10px;background-color: #4b4c4e;}
.index-xitong .hd ul li {width: 100%;line-height: 75px;border-bottom: 1px solid #b4b4b4;color: #FFFFFF;text-indent: 30px;position: relative;font-size: 16px;cursor: pointer;}
.index-xitong .hd ul li.on {background-color: #207dc7;}
.index-xitong .hd ul li.on:after {content: '';display: block;width: 0;height: 0;right: -6px;top: 50%;transform: translateY(-50%);border-top: 8px solid transparent;border-left: 7px solid #207dc7;border-bottom: 8px solid transparent;position: absolute;}

.index-xitong .bd {width: calc(100% - 255px);float: right;overflow: hidden;}


.index-xitong .bd ul li {text-align: center;}
.index-xitong .bd ul li .img{width: 100%;height: 300px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.index-xitong .bd ul li .mask {position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.74);color: #FFFFFF;font-size: 26px;line-height:3;}
.index-xitong .bd .swiper-pagination {width: 16px;left: auto;right:15px;top: 50%;transform: translate3d(0, -50%, 0);}
.index-xitong .bd .swiper-pagination-bullet{width: 16px;height: 16px;background: #ffffff;opacity: 1;margin: 8px 0;}
.index-xitong .bd .swiper-pagination-bullet-active {background-color: #158eee;}

.index-xitong .list{display: none}
.index-xitong .list ul li{width: 48%;float: left;font-size: 12px;line-height: 2;margin: 10px 1%;text-align: center}
.index-xitong .list ul li .img{height: 120px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.index-xitong .list ul li h3{color:#282828}

/* 优势 */
.index-youshi,.index-news{margin-top:8vh;padding-bottom: 5vh}
.index-youshi {background: url(../images/youshi.jpg) no-repeat;background-size: cover;}
.index-youshi .title h3{color: #FFFFFF;}
.index-youshi .part1 {text-align: center;}
.index-youshi .part1 li {width: 30%;margin: 0 1.5%;background: url(../images/nt.png) no-repeat center top;position: relative;float: left;overflow: hidden}
.index-youshi .part1 li .con{padding:0 24px 20px;}
.index-youshi .part1 li .num {font-size: 43px;line-height: 97px;margin-bottom: 40px;color: #FFFFFF;font-weight: bold;}
.index-youshi .part1 li .a {height: 60px;width:90%;padding: 0 5%;background: #1b4367;position: relative;color: #ffffff;text-align: center;display: table;}
.index-youshi .part1 li .a p {display: table-cell;vertical-align: middle}
.index-youshi .part1 li .q {color: #ffffff;height: 50px;margin-bottom: 20px;padding-left: 41px;font-weight: bold;background: url(../images/q.png) no-repeat left top;text-align: left}


.index-youshi .part2 li {width:calc(23% - 4px);margin: 10px 1%;float: left;border: 2px solid #225c90}
.index-youshi .part2 li .con{margin: 20px 40px;color: #FFFFFF;padding-left: 70px;background-repeat: no-repeat;background-position: left top;background-size: 56px;text-align: left}
.index-youshi .part2 li h3 {font-size: 13px;margin-bottom: 10px;}
.index-youshi .part2 li p {height: 40px;}



.index_case .hd ,.index-news .hd {font-size: 15px;margin: 30px 0;text-align: center;}
.index_case .hd li,.index-news .hd ul li {line-height: 40px;margin-right: 25px;padding: 0 20px;color: #474747;border-radius: 4px;border: solid 1px #c1c1c1;display: inline-block;position: relative;cursor: pointer}
.index_case .hd li.on ,.index-news .hd ul li.on {background-color: #207dc7;color: #FFFFFF;}
.index_case .hd li.on:after,.index-news .hd ul li.on::after {content: '';display: inline-block;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #207dc7;position: absolute;bottom: -8px;left: 50%;margin-left: -8px;}
.index_case .hd li:last-child {margin-right: 0;}


.index_case .bd {}
.index_case .bd ul li {width:32%;float: left;position: relative;margin-right:2%;text-align: center;}
.index_case .bd ul li:nth-child(3n) {margin-right: 0;}

.index_case .bd ul li .img {height: 240px;overflow: hidden;position: relative;}
.index_case .bd ul li.on {background-color: #207dc7;color: #FFFFFF;}
.index_case .bd ul li .img .mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .79);display: none;}
.index_case .bd ul li:hover .mask {display: block;}
.index_case .bd ul li h3 {font-size: 20px;color: #0e0e0e;line-height: 3}
.index_case .bd ul li .mask .link {width: 60%;height:50px;line-height: 50px;color: #101010;transform: translate(-50%,-50%);position: absolute;top: 50%;left: 50%;border: 2px solid #ffffff;padding: 2px;}
.index_case .bd ul li .mask .link-c {background-color: #ffffff;}


@media (max-width: 1200px){
	.index-fangan .gallery-top .cover .t{font-size: 18px;}
	.index-fangan .gallery-thumbs {font-size: 16px;}

	.index-xitong .bd ul li .img{height: 400px;}
	.index-xitong .bd ul li .mask{font-size: 20px;}

	.index-youshi .part2 li .con{margin: 20px;}

	.index_case .hd,.index-news .hd {margin:25px 0;font-size: 14px;}
	.index_case .hd li,.index-news .hd li {margin-right:15px;padding: 0 15px;}

	.index_case .bd ul li .img {height: 200px;}
	.index_case .bd ul li h3 {font-size: 18px;}
	.index_case .bd ul li .mask .link {height:40px;line-height:40px;}


}
@media (max-width: 812px){
	.index-fangan .gallery-top .cover{width: 100%;bottom: 0;padding: 10px;text-align: center}
	.index-fangan .gallery-top .cover .t{font-size: 14px;}
	.index-fangan .gallery-top .cover .p{display: none}

	.index-xitong .list{display: block}

	.index-youshi,.index-news{margin-top:4vh;padding-bottom: 3vh}
	.index-youshi .part1 li{background: #225c90;}
	.index-youshi .part1 li .con {padding: 10px 20px;}
	.index-youshi .part1 li .num {font-size: 30px;width: 50px;line-height: 50px;border: 2px solid #fff;margin: 0 auto 10px;border-radius: 50%;}
	.index-youshi .part1 li .q{margin-bottom: 0;}

	.index-youshi .part2 li {width: calc(46% - 4px);margin: 10px 2%;}
	.index-youshi .part2 li h3{font-size: 18px;}

	.index_case .hd,.index-news .hd{display: none}
	.index_case .bd ul li{width: 48%;margin:0 1%;}
	.index_case .bd ul li h3{font-size: 16px;}
	.index_case .bd ul li .img{height: 120px;}
}
@media (max-width: 640px){
	.index-fangan .gallery-thumbs ul li{line-height: 26px;padding: 15px 0;}
	.index-fangan .gallery-thumbs ul li img{height: 22px;margin-right: 0;}

	.index-youshi .part1 li {width: 70%;margin: 0 auto 10px;float: none;display: inline-block;}
	.index-youshi .part1 li .num {font-size: 22px;width:40px;line-height: 40px;}
	.index-youshi .part1 li .a{height: 50px;}

	.index-youshi .part2 li .con {margin: 10px 10px 0;background: none !important;padding: 0;text-align: center}
	.index-youshi .part2 li h3{font-size: 16px;margin: 0;}
}



/* 新闻 */

.index-news {width: 100%;background-image: url(../images/xinwen.jpg);}
.index-news .bd .left {width:58%;float: left;}
.index-news .bd .left li{width: calc(50% - 10px);height: 416px;margin-right:10px;background-color: #ffffff;float: left}
.index-news .bd .left .con{margin: 10px;}
.index-news .bd .left .img {height: 197px;overflow: hidden;text-align: center;}
.index-news .bd .left .img img {width: 100%;height: 197px;transition: .3s all linear;-webkit-transition: .3s all linear;-moz-transition: .3s all linear;}
.index-news .bd .left .text {padding:10px 25px 0;font-size: 14px;color: #979797;}
.index-news .bd .left .text .t {font-size: 16px;color: #000000;line-height: 3;}
.index-news .bd .left .link {color: #5b5b5b;text-decoration: underline;margin-top: 16px;}
.index-news .bd .left:hover .text .t ,.index-news .bd .left:hover .link,.right-lists ul li:hover .t,.right-lists ul li:hover .date {color: #0d6fb8;}
.index-news .bd .left:hover .img img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}

.index-news .bd .right {width: 42%;float: right;height: 415px;background: #ffffff;}
.index-news .bd .right .con{margin: 20px 30px;}
.index-news .bd .right .list {border-bottom: solid 1px #c9c9c9;padding: 10px 0}
.index-news .bd .right .list .date {width: 72px;color: #999999;text-align: center;float: left;}
.index-news .bd .right .list .date .day {font-size: 58px;color: #999999;line-height: 1;}

.index-news .bd .right .list .text {float: right;width:calc(100% - 80px);color: #979797;}
.index-news .bd .right .list .text .t {font-size: 16px;color: #000000;margin-bottom: 8px;}
.index-news .bd .right .list .text .p {}
.index-news .bd .right .list:hover .text .t,.index-news .bd .right .list:hover .date,.index-news .bd .right .list:hover .date .day {color: #0d6fb8;}

.right-lists {padding: 25px 0 10px;}
.right-lists ul li a {color: #676767;}
.right-lists ul li {margin-bottom: 8px;padding-left: 20px;background: url(../images/arrow.png) no-repeat left center;color: #676767;}
.right-lists ul li .date {float: right;color: #999999;}


/* 关于 */
.index-about {padding: 7vh 0;overflow: hidden;background: url(../images/guanyu.jpg) no-repeat center top;}
.index-about .box {width:96%;margin: 0 auto;background:rgba(255,255,255,0.85);position: relative;max-width: 900px;border-radius: 10px;}
.index-about .box:before {position: absolute;content: '';width: 100%;height: 100%;background: rgba(255,255,255,0.6);top: -10px;left: -10px;z-index: 0}

.index-about .box .con{padding: 5vh 6vh;font-size: 16px;color: #757575;line-height: 1.8;position: relative;z-index: 1;text-align: center;}
.index-about .box .con h3{font-size: 32px;color: #0d6fb8;}
.index-about .box .con h4{font-size: 22px;color: #383838;}
.index-about .box .con p {margin-top: 24px;}
.index-about .box .con .more {width:70%;max-width: 160px;background: #2c88d8;border-radius: 4px;display: block;margin: 20px auto 0;line-height: 40px;color: #FFFFFF;}

.index-about .wall {background: #ffffff;margin: 60px auto 0;}
.index-about .wall ul li {float: left;width:20%;height: 150px;display: table;border-right: 1px dashed #dedede;border-bottom: 1px dashed #dedede;overflow: hidden;text-align: center}
.index-about .wall ul li:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);}
.index-about .wall ul li a{display: table-cell;vertical-align: middle;}
.index-about .wall ul li img {max-width: 100%;max-height: 150px;transition: .3s all linear;-webkit-transition: .3s all linear;-moz-transition: .3s all linear;}
.index-about .wall ul li:nth-child(5n) {border-right: none;}
.index-about .wall ul li:last-child:hover img {transform: scale(1);-webkit-transform: scale(1);}

.yb_conct {position: fixed;z-index: 9999999;top: 157px;right: -127px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top {background: #288cd1 url(../images/88.png) no-repeat 0 0;}
.yb_bar .yb_phone {background: #288cd1 url(../images/88.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ {text-indent: 0;background: #288cd1 url(../images/88.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode {background: #288cd1 url(../images/88.png) no-repeat 0 -169px;}
.hd_qr {width: 74%;padding: 0 29px 25px 29px;max-width: 120px;}
.yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}

@media (max-width: 1200px){
	.index-about .box .con{padding: 5vh 6vh;font-size: 14px;}
	.index-about .box .con h3{font-size:26px;}
	.index-about .box .con h4{font-size: 18px;}
	.index-about .box .con p {margin-top: 15px;}
	.index-about .box .con .more {margin: 20px auto 0;line-height: 40px;}
	.index-about .wall {margin: 40px auto 0;}
	.index-about .wall ul li{height: 120px;}
	.index-about .wall ul li img{max-height: 120px;}
}

@media (max-width: 812px){
	.index-news .bd .left,.index-news .bd .right{width: 100%;float: none;}
	.index-news .bd .left li {width: 48%;height: 390px;margin: 0 1%;}
	.index-news .bd .right{height: auto;}
	.index-news .bd .right .list .date .day{font-size: 38px;}
	.index-about{padding: 5vh 0}
	.index-about .box .con{padding: 3vh;font-size: 12px;}
	.index-about .wall ul li{width:33.3% }
	.index-about .wall ul li:nth-child(5n) {border-right: 1px dashed #dedede;}
	.index-about .wall ul li:nth-child(3n) {border-right: none;}

}
@media (max-width: 640px){
	.index-news .bd .left li{height: auto}
	.index-news .bd .left .con{margin: 0;}
	.index-news .bd .left .text .p,.index-news .bd .left .link{display: none}
	.index-news .bd .left .text{font-size: 12px;padding: 10px;}
	.index-news .bd .left .text .t{text-align: center;line-height: 2;font-size: 14px;}

	.index-news .bd .right .con{margin: 10px;}
	.index-about{padding: 3vh 0}

	.yb_conct{display: none}

}

.debanner {height: 400px;background-repeat: no-repeat;background-size: cover;background-position: center;}

.decontent {padding-top: 4vh;margin-bottom: 5vh;}
.sidebar {float: left;width: 230px;}

.sidebar ul li {background: #f0f0f0;border-bottom: 1px solid #FFFFFF;position: relative;}
.sidebar ul li a {line-height: 54px;margin:0 20px;color: #3a434c;display: block;background: url(../images/ib.png) no-repeat center right;}
.sidebar ul li:hover,.sidebar ul li.active {background: #296dac;}
.sidebar ul li:hover a, .sidebar ul li.active a {color: #FFFFFF;background-image: url(../images/iw.png);}

.side-nav-div {padding-bottom: 20px;font-size: 26px;text-transform: uppercase;font-weight: bold;background: #2b2b2b;border-radius: 5px 5px 0 0;padding-top: 14px;padding-left: 24px;border-bottom: 1px solid #FFFFFF;color: #FFFFFF;position: relative;}
.side-nav-div:after {content: '';display: block;height: 3px;width: 115px;background-image: url(../images/l.png);position: absolute;bottom: 10px;right: 0;}

.side-contact {margin-top: 20px;color: #575757;font-size: 12px;line-height: 30px;}
.side-contact .side-title {font-size: 18px;font-weight: bold;color: #3487d5;border-bottom: 1px solid #dddddd;position: relative;padding-bottom: 10px;margin-bottom: 15px;}
.side-contact .side-title:after {content: '';display: block;position: absolute;width: 18px;height: 3px;background-color: #296dac;bottom: -2px;}
.side-contact .side-title span {color: #999999;font-size: 12px;font-weight: normal;margin-left: 10px;}
.side-contact img {margin-bottom: 15px;}

.decontent .content {float: right;width: calc(100% - 260px);}
.decontent .content .mianbaoxie {margin-bottom:20px;border-bottom: 1px solid #dddddd;line-height: 2;color: #666666;}
.decontent .content .mianbaoxie a {color: #666666;}


.about {padding: 30px;border: 1px solid #dddddd;color: #383838;line-height:2;font-size: 15px;}
.about-title {font-size: 24px;position: relative;border-bottom: solid 1px #dddddd;padding-bottom: 10px;margin-bottom: 30px;}
.about-title:after {content: '';display: block;width: 56px;height: 4px;background-color: #296dac;position: absolute;bottom: -2px;}
.about img {max-width: 100%;}

.news ul li {border-bottom: dashed 1px #dddddd;padding-bottom: 25px;margin-bottom: 20px;}
.news ul li .image {width: 163px;height: 120px;background-color: #2b2b2b;float: left;}
.news ul li .image img {width:100%;height: 120px;}
.news ul li .text {width: calc(100% - 180px);float: right;}
.news ul li .text .t {margin-bottom: 15px;font-size: 16px;color: #545454;}
.news ul li .text span {float: right;color: #9c9c9c;font-size: 14px;margin-left: 10px;}
.news ul li .text p {color: #acacac;line-height: 22px;max-height: 44px;overflow: hidden;}
.news ul li .text .link {width: 88px;background: #545454;border-radius: 3px;color: #ffffff;font-size: 12px;line-height: 26px;text-align: center;margin-top: 13px;}
.news ul li:hover .text .link {background-color: #3f9cef;}
.news ul li:hover .t{font-weight: bold;color: #3f9cef;}


.pglist {padding: 5px 0;text-align: center;margin-top: 2vh}
.pglist a {color: #666;padding: 0 14px;margin: 0 3px;display: inline-block;line-height: 30px;background: #fff;border: 1px solid #ddd;}
.pglist a:hover, .pglist .active {display: inline-block;color: #fff;background: #296dac;border-color: #296dac;}

.decontent .news-article {border: 1px solid #dddddd;padding: 30px 40px;color: #5c5c5c;}
.news-title {border-bottom: dashed 1px #d2d2d2;font-size: 20px;padding-bottom: 10px;margin-bottom: 20px;text-align: center;color: #242424;}
.news-title div {color: #8f8f8f;font-size: 12px;margin-top: 10px}
.news-article img {max-width: 100%;}

.article-pages {background-color: #f4f4f4;line-height: 48px;padding: 0 20px;margin-top: 40px;}
.article-pages>div{width: 48%;float: left}
.article-pages>div:nth-child(2){float: right;text-align: right}
.article-pages a{color: #7c7b7b;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block}

.case ul li {float: left;width:32%;text-align: center;margin-right: 2%;font-size: 16px;color: #0e0e0e;margin-bottom: 20px;}
.case ul li:nth-child(3n) {margin-right: 0;}
.case ul li .img {height: 188px;margin-bottom: 20px;overflow: hidden;position: relative;}

.case ul li .img .mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .79);display: none;}
.case ul li p {color: #0e0e0e;}

.case ul li .img .mask .link {width: 70%;padding: 3px;border: solid 2px #ffffff;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;}
.case ul li .img .mask .link .link-text {background-color: rgba(255, 255, 255, .9);line-height: 41px;color: #101010;}
.case ul li:hover .mask {display: block;}

@media (max-width:1200px){
	.debanner {height: 320px;}


	.decontent .news-article{padding:20px;}
	.news-title{font-size: 18px;}

	.case ul li {font-size: 14px;margin-bottom: 10px;}
	.case ul li .img {height: 140px;margin-bottom: 10px;}

	.case ul li .img .mask .link {padding:2px;}

}

@media (max-width:812px){
	.debanner {height: 280px;}
	.decontent {padding-top: 2vh;margin-bottom: 3vh;}

	.sidebar {float: none;width:100%;text-align: center;margin-bottom: 15px;}
	.sidebar ul li{display: inline-block;}
	.sidebar ul li a{background-image: none !important;line-height: 40px;}

	.side-nav-div,.side-contact,.decontent .content .mianbaoxie{display: none}

	.decontent .content{float: none;width: 100%}

	.about {padding:10px;font-size: 14px;}
	.about-title {font-size:18px;margin-bottom: 10px;}

	.news ul li {padding-bottom:0;margin-bottom:0;line-height: 40px;}
	.news ul li .image,.news ul li .text p,.news ul li .text .link  {display: none}
	.news ul li .text {width: 100%;float: none;}
	.news ul li .text .t {margin-bottom:0;font-size: 14px;}
	.news ul li .text span {font-size: 12px;}


	.decontent .news-article{padding:10px;}
	.news-title{font-size: 16px;}

	.case ul li {width:48%;margin:0 1% 10px!important;font-size: 14px;}
	.case ul li .img {height: 120px;}

	.case ul li:hover .mask {display: none;}

}
@media (max-width:640px){
	.debanner {height: 180px;}
}









.decontent .article {
	border: 1px solid #dddddd;
	padding: 30px 40px;
	color: #898989;
	line-height: 30px;
}
.decontent .article img {
	max-width: 100%;
}
.decontent .recommend {
	padding: 40px;
	border: 1px solid #dddddd;
	margin-top: 40px;
}




.pages {
	text-align: center;
	margin-top: 60px;
}
.pages ul {
	font-size: 0;
}
.pages ul li {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	border-radius: 2px;
	border: solid 1px #dddddd;
	text-align: center;
	line-height: 40px;
	margin-right: 7px;
}
.pages ul li:hover {
	background-color: #296dac;
	color: #FFFFFF;
}
.pages ul li.active {
	background-color: #296dac;
	color: #FFFFFF;
}
.pages ul li:hover a {
	color: #FFFFFF;
}
.pages ul li.active a {
	color: #FFFFFF;
}
.pages ul li:last-child {
	margin-right: 0;
}
.pages ul li a {
	display: block;
	color: #111111;
}
.pages ul li.prev, .pages ul li.next {
	width: 70px;
	height: 40px;
	border-radius: 2px;
	border: solid 1px #dddddd;
}
.pages ul li.home-page, .pages ul li.last-page {
	width: 58px;
	height: 40px;
	border-radius: 2px;
	border: solid 1px #dddddd;
}
/* 解决方案 */

.article .article_title {
	font-size: 22px;
	color: #2b2b2b;
	padding-left: 16px;
	position: relative;
	margin-bottom: 27px;
}
.article .article_title:before {
	display: block;
	content: '';
	width: 3px;
	height: 19px;
	background-color: #296dac;
	position: absolute;
	top: 6px;
	left: 0;
}
.decontent .recommend ul li {
	float: left;
	width: 208px;
	margin-right: 7px;
	font-size: 16px;
	color: #343434;
	text-align: center;
}
.decontent .recommend ul li .img {
	margin-bottom: 17px;
	width: 208px;
	height: 145px;
	overflow: hidden;
}
.decontent .recommend ul li .img img {
	width: 208px;
	height: 145px;
	transition: .5s all linear;
	-webkit-transition: .5s all linear;
}
.decontent .recommend ul li:last-child {
	margin-right: 0;
}
.decontent .recommend ul li:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.decontent .recommend ul {
	margin-top: 20px;
}
.decontent .recommend .title {
	text-align: center;
	font-size: 22px;
	color: #296dac;
	position: relative;
	padding-top: 0;
	padding-bottom: 0
}
.decontent .recommend .title:after {
	content: '';
	display: block;
	width: 36px;
	height: 2px;
	background-color: #296dac;
	margin: 6px auto 0;
}
.decontent .recommend ul li p {
	color: #343434;
}
/* 案例 */






/* 合作伙伴 */

.case.hezuo ul li .img {
	border: 1px solid #dcdcdc;
}
.case.hezuo ul li .img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 188px;
	transition: .3s all;
	-webkit-transition: .3s all;
}
.case.hezuo ul li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
/* 案例内页 */

.case-article {
	border: solid 1px #dddddd;
	padding: 40px;
}
.case-logo {
	width: 160px;
	height: 160px;
	background-color: #ffffff;
	border: solid 1px #ededed;
	float: left;
	margin-right: 20px;
}
.case-information {
	float: left;
	width: 340px;
	line-height: 27px;
	color: #525252;
}
.case-information .t {
	font-size: 22px;
	color: #2b2b2b;
	margin-bottom: 10px;
}
.case-information .t:after {
	content: '';
	display: block;
	width: 31px;
	height: 2px;
	background-color: #296dac;
	margin-top: 15px;
}
.case-image {
	float: right;
	width: 300px;
	margin-right: 50px;
}
.case-image img {
	width: 100%;
}
.case-detail {
	border-top: 1px dashed #dddddd;
	margin-top: 20px;
	padding-top: 40px;
	color: #898989;
	line-height: 30px;
}
.case-detail .article-title {
	font-size: 16px;
	color: #363636;
	border-left: 3px solid #296dac;
	padding-left: 12px;
	margin-bottom: 25px;
	line-height: normal;
}
.case-detail img {
	max-width: 100%;
}
/* 新闻 */




/* 新闻 */

.news1 ul li {
	border-bottom: dashed 1px #dddddd;
	padding-bottom: 25px;
	margin-bottom: 20px;
}
.news1 ul li .image {
	width: 300px;
	height: 200px;
	background-color: #2b2b2b;
	float: left;
}
.news1 ul li .image img {
	width: 300px;
	height: 200px;
}
.news1 ul li .text {
	width: 610px;
	float: left;
	margin-left: 20px;
}
.news1 ul li .text .t {
	margin-bottom: 15px;
}
.news1 ul li .text span {
	float: right;
	font-weight: normal;
	color: #9c9c9c;
	font-size: 14px;
}
.news1 ul li .text .t div {
	float: left;
	width: 490px;
	font-size: 16px;
	color: #545454;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news1 ul li .text p {
	color: #acacac;
	line-height: 22px;
	overflow: hidden;
}
.news1 ul li .text .link {
	width: 88px;
	height: 26px;
	background-color: #545454;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	margin-top: 13px;
}
.news1 ul li:hover .text .link {
	background-color: #3f9cef;
}
.news1 ul li:hover .t div {
	font-weight: bold;
	color: #3f9cef;
}
/* 新闻内页 */






.contact {
	font-size: 16px;
	line-height: 30px;
}
.contact-title {
	font-size: 24px;
	color: #296dac;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 12px;
	position: relative;
	margin-bottom: 30px;
	line-height: normal;
	color: #383838;
}
.contact-title:after {
	content: '';
	display: block;
	width: 56px;
	height: 4px;
	background-color: #296dac;
	position: absolute;
	bottom: -2px;
}
.contact .ewm {
	text-align: center;
	font-size: 15px;
	color: #363636;
}
.contact .map {
	width: 905px;
	height: 481px;
	background-color: #ffffff;
	border: solid 1px #e5e5e5;
	margin-top: 25px;
	padding: 8px;
}
#allmap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	font-family: "微软雅黑";
}
.contact form input[type='text'], .contact form input[type='email'] {
	width: 251px;
	height: 48px;
	background-color: #f3f3f3;
	border: solid 1px #dbdbdb;
	display: inline-block;
	vertical-align: top;
	text-indent: 16px;
	margin-right: 17px;
	font-size: 15px;
	color: #a7a7a7;
}
.contact form input[type='email'] {
	margin-right: 0;
}
.contact form textarea {
	width: 792px;
	height: 168px;
	background-color: #f3f3f3;
	border: solid 1px #dbdbdb;
	padding-top: 17px;
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 15px;
	color: #a7a7a7;
	margin-top: 16px;
}
.contact .form .tips {
	color: #9a9a9a;
	font-size: 15px;
	margin-top: 30px;
}
.contact .form .button {
	width: 148px;
	height: 40px;
	background-color: #296dac;
	border: 0;
	font-size: 15px;
	color: #FFFFFF;
	margin-right: 30px;
}
.contact .form p {
	font-size: 15px;
	color: #888888;
}
.contact form {
	margin-top: 40px;
}



.case_content {
	width: 950px
}
.case_lists {
	margin-top: 12px;
	border: solid 1px #e5e5e5;
	padding: 30px;
}
.case_lists .list {
	width: 418px;
	float: left;
	margin-bottom: 25px;
	border-radius: 4px;
	padding: 5px;
	border: 2px solid #296dac;
}
.case_lists .list:nth-child(even) {
	float: right;
}
.case_lists .list .img {
	width: 100%;
	overflow: hidden;
	height: 245px;
}
.case_lists .list .img img {
	width: 100%;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	-moz-transition: .3s linear;
	height: 245px;
}
.case_lists .list .p {
	height: 55px;
	background-color: #FFFFFF;
	color: #616161;
	text-align: center;
	line-height: 55px;
	transition: .3s linear;
	-webkit-transition: .3s linear;
	-moz-transition: .3s linear;
}
.case_lists .list:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}
.case_lists .list:hover .p {
	background: #3488ea;
	color: #FFFFFF
}

.foot_nav_m{display: none}

@media screen and (max-width: 768px){
	.foot_nav_m{display: block}
	.foot_nav_m{font-size: 12px;position: fixed;width: 100%;left: 0;bottom: 0;background: rgba(0,0,0,0.8);line-height: 2;z-index: 99}
	.foot_nav_m ul li{width: 25%;float: left;text-align: center;padding-top: 5px;}
	.foot_nav_m ul li a{color: #ffffff;}
	.foot_nav_m ul li .img{width: 20px;margin: 5px auto 0 }
	.foot_nav_m ul li .img img{width: 100%;}
}