*{margin: 0;padding: 0;}
body{margin: 0;padding: 0;font-size: 16px;font-family: "微软雅黑"!important;}
div,ul,li,ol,p,span,h1,h2,h3,h4,h5{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
img{vertical-align:middle}
input,button{border: none;}
a:focus,a:active,{border: 0;outline : 0;text-decoration:none!important;}
input,select,textarea{outline: none;border: none;appearance: none;}
iframe,option{border: none;}
select{resize: none;}
ul,li{list-style:none}
a,a:hover{text-decoration:none;outline:none}
/***************公共部分*****************/
html{height: 100%;}
body{position: relative;min-width:1280px;padding-top: 80px;padding-bottom: 288px;}
/*头图*/
.top{width: 100%;position: relative;}
.top img{width: 100%;}
.top .tab_bar{margin-left: -360px;position: absolute;z-index: 9;top: 50%;left: 50%;margin: auto;display: table;transform: translate(-50%,-50%);}
.top .tab_bar li{display: inline-block;font-size: 18px;color: #333;letter-spacing: 1px;width: 200px;height: 60px;line-height: 60px;text-align: center;background-color: #fff;margin: 0 20px;cursor: pointer;transition: background-color .3s;}
.top .tab_bar li.active{background-color: #1972b4;color: #fff;transition: background-color .5s;}
.top .tab_bar li:hover{color: #1972b4;}
.top .tab_bar li.active:hover{color: #fff;}
/*公共内页标题*/
.map_tip{width: 100%;height: 67px;line-height: 66px;border-bottom: 1px solid #d6d6d6;margin-bottom: 80px;background: #fff;}
.map_tip .map_bd{position: relative;max-width: 1920px;margin: 0 auto;padding: 0 5%;overflow: hidden;border-bottom: 1px solid #d6d6d6;}
.map_tip .map_bd .line{position: absolute;left: 5%;display: block;width: 30px;height: 2px;background: #0073b0;float: left;margin-top: 31px;}
.map_tip .map_bd p.p_tip{font-size: 24px;margin-bottom: 0;color: #1972b4;margin-left: 40px;float: left;}
.map_tip .map_bd .map_locate{float: right;margin-bottom: 0;color: #333;}
.map_tip .map_bd .map_locate span.icon_map{padding-left: 15px;background-image: url(../img/news/icon_map.png);background-size: 11px auto;background-position: left center;background-repeat: no-repeat;}
.map_tip .map_bd .map_locate span{color: #666;}
.map_tip .map_bd .map_locate span.arrow{padding-left: 8px;padding-right: 3px;}
.map_tip .map_bd .map_locate a{text-decoration: none;color: #666;}
.map_tip .map_bd .map_locate a:hover{color: #0073B0;}
/*分页器*/
ul.pagination{display: table;margin: 0 auto 150px;}
ul.pagination a,ul.pagination span{display: block;float: left;margin: 0 5px;width: 40px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #d6d6d6;color: #666;background-color: #fff;cursor: pointer;transition: background-color .5s;font-size: 16px;}
ul.pagination span.current,ul.pagination li.active,ul.pagination a:nth-last-child(n+2):not(:first-child):hover{color: #fff;background-color: #0073B0;transition: background-color 1s;text-decoration:none;}
ul.pagination span:not(.disabled):first-child{background-image: url(../img/case/arrow_l.png);background-repeat: no-repeat;background-size: 8px auto;background-position: center;}
ul.pagination span:not(.disabled):last-child{background-image: url(../img/case/arrow_r.png);background-repeat: no-repeat;background-size: 8px auto;background-position: center;}
/************************导航**************************/
.header{position: fixed;top: 0;z-index: 99;width: 100%;min-width: 1280px;height: 80px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);font-size: 16px;}
.header .hbody{max-width: 1920px;width: 100%;height: 100%;margin: 0 auto;padding: 0 5%;}
.header .logo{display: block;float: left;line-height: 80px;}
.header .logo img{width: 100%;}
.header .hnav{width: 65%;height: 100%;float: right;margin-bottom: 0;display: flex;-webkit-box-pack: justify;justify-content: space-between;line-height: 80px;}
.header .hnav li a{color: #333;text-shadow: 0 0 0 #333;text-shadow: 0 0 0 #000;}
.header .hnav li.active a,.header .hnav li:hover a{color: #0073b0;text-decoration: none;text-shadow: 0 0 0 #0073b0;text-transform: uppercase;}

/***************************底部**************/
.footer{position: absolute;z-index: 98;width: 100%;bottom: 0;background: #232323;}
.footer .footbd{max-width: 1920px;margin: 0 auto;padding: 30px 8% 40px;display: flex;}
.footer .footbd .tip{height: 70px;border-bottom: 1px solid #474747;color: #fff;font-size: 18px;}
	/*左*/
.footer .footbd .link{width: 69%;padding-right: 25%;}
.footer .footbd .link .tip{padding-top: 5px;}
.footer .footbd .link .links{width: 100%;display: flex;-webkit-box-pack: justify;justify-content: space-between;margin-bottom: 23px;}
.footer .footbd .link .links a{font-size: 14px;color: rgba(255,255,255,.3);}
.footer .footbd .link .links a:hover{color: #fff;text-decoration: none;}
.footer .footbd .link p.copyr{font-size: 14px;color: #999;margin-bottom: 10px;font-size: 12px;}
.footer .footbd .link p.copyr a{font-size: 14px;color: #999;text-decoration: none;}
.footer .footbd .link p.copyr a:hover{color: #fff;text-decoration: none;}
.footer .footbd .link p.copy{margin-bottom: 3px;font-size: 12px;}
.footer .footbd .link p.copy a{margin-left: 15px;}
	/*分享*/
.footer .footbd .share span{float: left;font-size: 14px;color: #666;width: 43px;height: 30px;text-align: center;line-height: 30px;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{margin-right: 10px!important;}
.footer .footbd .share a{width: 30px;height: 30px;text-align: center;line-height: 30px;}
.footer .footbd .share .bds_tsina{background-image: url(../img/public/footer/share_sina.png);background-repeat: no-repeat;background-size: 28px auto;background-position: center;}
.footer .footbd .share .bds_weixin{background-image: url(../img/public/footer/share_weixin.png);background-repeat: no-repeat;background-size: 29px auto;background-position: center;}
.footer .footbd .share .bds_sqq{background-image: url(../img/public/footer/share_qq.png);background-repeat: no-repeat;background-size: 32px auto;background-position: center;}
.footer .footbd .share .bds_more{background-image: url(../img/public/footer/share_more.png);background-repeat: no-repeat;background-size: 29px auto;background-position: center;}

.footer .footbd .share .bds_tsina:hover{background-image: url(../img/public/footer/share_sinaa.png);background-repeat: no-repeat;background-size: 28px auto;background-position: center;}
.footer .footbd .share .bds_weixin:hover{background-image: url(../img/public/footer/share_weixina.png);background-repeat: no-repeat;background-size: 29px auto;background-position: center;}
.footer .footbd .share .bds_sqq:hover{background-image: url(../img/public/footer/share_qqa.png);background-repeat: no-repeat;background-size: 32px auto;background-position: center;}
.footer .footbd .share .bds_more:hover{background-image: url(../img/public/footer/share_morea.png);background-repeat: no-repeat;background-size: 29px auto;background-position: center;}



	/*右*/
.footer .footbd .msg{width: 31%;}
.footer .footbd .msg .tip{padding-top: 40px;}
.footer .footbd .msg .msgbox{overflow: hidden;margin-top: 20px;display: flex;}
.footer .footbd .msg .msgbox .ewm{width: 24%;}
.footer .footbd .msg .msgbox .ewm img{width: 100%;border: 5px solid #393939;}
.footer .footbd .msg .msgbox .msgtext{width: 76%;padding-left: 5%;display: inline-flex;flex-direction: column;justify-content: center;align-items: flex-end;}
.footer .footbd .msg .msgbox .msgtext p{padding-left: 38px;background-size: 28px auto;background-position: left center;background-repeat: no-repeat;margin-bottom: 0;}
/* .footer .footbd .msg .msgbox .msgtext p:nth-child(1){background-image: url(../img/public/footer/icon_tel.png);font-size: 26px;color: #fff;margin-bottom: 15px;} */
.footer .footbd .msg .msgbox .msgtext p:nth-child(1){background-image: url(../img/public/footer/icon_address.png);font-size: 14px;color: #999;letter-spacing: 1px;line-height: 22px;font-family: sans-serif;}
/******闪烁按钮****/
a.btn_bling:hover {color: #fff;background: #0073B0;}
a.btn_bling:hover span {-webkit-animation-name: mouseonButtonStr;animation-name: mouseonButtonStr;-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);animation-timing-function: cubic-bezier(.785, .135, .15, .86);-webkit-animation-fill-mode: both;animation-fill-mode: both;}
a:hover.btn_bling span:nth-child(1) {-webkit-animation-delay: 0s;animation-delay: 0s}
a:hover.btn_bling span:nth-child(2) {-webkit-animation-delay: 30ms;animation-delay: 30ms}
a:hover.btn_bling span:nth-child(3) {-webkit-animation-delay: 60ms;animation-delay: 60ms}
a:hover.btn_bling span:nth-child(4) {-webkit-animation-delay: 90ms;animation-delay: 90ms}
a:hover.btn_bling span:nth-child(5) {-webkit-animation-delay: .12s;animation-delay: .12s}
a:hover.btn_bling span:nth-child(6) {-webkit-animation-delay: .15s;animation-delay: .15s}
@-webkit-keyframes mouseonButtonStr {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	49.9% {
		opacity: 0;
		-webkit-transform: translateX(5px) scale(.5);
		transform: translateX(5px) scale(.5)
	}
	50% {
		opacity: 0;
		-webkit-transform: translateX(-5px) scale(1.6);
		transform: translateX(-5px) scale(1.6)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes mouseonButtonStr {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	49.9% {
		opacity: 0;
		-webkit-transform: translateX(5px) scale(.5);
		transform: translateX(5px) scale(.5)
	}
	50% {
		opacity: 0;
		-webkit-transform: translateX(-5px) scale(1.6);
		transform: translateX(-5px) scale(1.6)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
/***************************新闻资讯***********************/
.news .newsbody{max-width: 1920px;padding: 0 5%;margin: 0 auto;}
.news .newsbody .row .col-sm-4{margin-bottom: 40px;}
.news .newsbody .newsimg{position: relative;display: block;width: 100%;max-height: 330px;height: 17vw;min-height:215px;overflow: hidden;box-sizing: border-box;color: #0073B0;}
.news .newsbody .newsimg img{position: relative;width: 100%;transform: scale(1.1);}
.news .newsbody .newsimg span.box{position: absolute;bottom: 0;right: 5%;width: 50px;height: 48px;opacity: 0;background: #0073B0;background-image: url(../img/index/newsplus.png);background-repeat: no-repeat;background-size: 22px auto;background-position: center;transition: all .3s;}
.news .newsbody .newsimg span.line_bottow_left{position: absolute;bottom: 0;right: 5%;width: 0;height: 4px;background: #0073B0;}
.news .newsbody .newsimg span.line_bottow_right{position: absolute;bottom: 0;left: 95%;width: 0%;height: 4px;background: #0073B0;}
.news .newsbody .newsimg span.line_left{position: absolute;bottom: 0;left: 0;width: 4px;height: 0;background: #0073B0;}
.news .newsbody .newsimg span.line_top_left{position: absolute;top: 0;left: 0;width: 0;height: 4px;background: #0073B0;}
.news .newsbody .newsimg span.line_top_right{position: absolute;top: 0;right: 0;width: 0;height: 4px;background: #0073B0;}
.news .newsbody .newsimg span.line_right{position: absolute;bottom: 0;right: 0;width: 4px;height: 0;background: #0073B0;}

.news .newsbody .newstext{padding: 40px;line-height: 28px;background: #fbfbfb;}
.news .newsbody .newstext span{display: block;width: 60px;height: 2px;background: #0073B0;margin: 20px auto;}
.news .newsbody .newstext .tip{font-size: 18px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .newsbody .newstext p:nth-child(2){font-size: 16px;color: #666;height: 52px;overflow: hidden;margin-bottom: 35px;}
.news .newsbody .newstext p:nth-child(3){font-size: 16px;color: #666;}

/*动画*/
.news .newsbody .col-md-4:hover .newstext .tip{color: #1972B4;text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .newsbody .col-md-4:hover .newsimg span.box{opacity: 1;transition: all .3s;transition-delay: .1s;}
.news .newsbody .col-md-4:hover .newsimg img{position: relative;width: 100%;transform: scale(1);transition: all 2s;}
/*向左动画*/
.news .newsbody .col-md-4:hover .newsimg span.line_bottow_left{
	animation: line_bottow_left .25s linear 0s 1;
	-moz-animation: line_bottow_left .25s linear 0s 1;
	-webkit-animation: line_bottow_left .25s linear 0s 1;
	
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.news .newsbody .col-md-4:hover .newsimg span.line_left{
	animation: line_left .2s linear .25s 1;
	-moz-animation: line_left .2s linear .25s 1;
	-webkit-animation: line_left .2s linear .25s 1;
	
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.news .newsbody .col-md-4:hover .newsimg span.line_top_left{
	animation: line_top_left .05s linear .45s 1;
	-moz-animation: line_top_left .05s linear .45s 1;
	-webkit-animation: line_top_left .05s linear .45s 1;
	
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
/*向右动画*/
.news .newsbody .col-md-4:hover .newsimg span.line_bottow_right{
	animation: line_bottow_right .05s linear 0s 1;
	-moz-animation: line_bottow_right .05s linear 0s 1;
	-webkit-animation: line_bottow_right .05s linear 0s 1;
	
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}	
.news .newsbody .col-md-4:hover .newsimg span.line_right{
	animation: line_right .2s linear .05s 1;
	-moz-animation: line_right .2s linear .05s 1;
	-webkit-animation: line_right .2s linear .05s 1;
	
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.news .newsbody .col-md-4:hover .newsimg span.line_top_right{
	animation: line_top_right .25s linear .25s 1;
	-moz-animation: line_top_right .25s linear .25s 1;
	-webkit-animation: line_top_right .25s linear .25s 1;
	
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes line_bottow_left{from{width: 0;}to{width: 95%;}}
@-moz-keyframes line_bottow_left{from{width: 0;}to{width: 95%;}}
@-webkit-keyframes line_bottow_left{from{width: 0;}to{width: 95%;}}

@keyframes line_bottow_right{from{width: 0;}to{width: 5%;}}
@-moz-keyframes line_bottow_right{from{width: 0;}to{width: 5%;}}
@-webkit-keyframes line_bottow_right{from{width: 0;}to{width: 5%;}}

@keyframes line_left{from{height: 0;}to{height: 100%;}}
@-moz-keyframes line_left{from{height: 0;}to{height: 100%;}}
@-webkit-keyframes line_left{from{height: 0;}to{height: 100%;}}

@keyframes line_right{from{height: 0;}to{height: 100%;}}
@-moz-keyframes line_right{from{height: 0;}to{height: 100%;}}
@-webkit-keyframes line_right{from{height: 0;}to{height: 100%;}}

@keyframes line_top_left{from{width: 0;}to{width: 5%;}}
@-moz-keyframes line_top_left{from{width: 0;}to{width: 5%;}}
@-webkit-keyframes line_top_left{from{width: 0;}to{width: 5%;}}

@keyframes line_top_right{from{width: 0;}to{width: 95%;}}
@-moz-keyframes line_top_right{from{width: 0;}to{width: 95%;}}
@-webkit-keyframes line_top_right{from{width: 0;}to{width: 95%;}}


/*案例欣赏*/

.tablist section{position: relative;max-width: 1920px;margin: 0 auto;padding: 0 5%;}
.da-thumbs{list-style: none;}
.da-thumbs li{position: relative;float: left;font-size: 18px;color: #666;cursor: pointer;}
.da-thumbs li a,.da-thumbs li a img{display: block;position: relative;}
.da-thumbs li a{overflow: hidden;}
.da-thumbs li a img{width: 100%;height:360px;}
.da-thumbs li a div{position: absolute;background: #333;background: rgba(75,75,75,0.7);width: 100%;height: 100%;background: rgba(0,0,0,.7);flex-direction: column;align-items: center;justify-content: center;display: flex;}
.da-thumbs li a div p:nth-child(1){display: block;width: 80%;height: 60px;border: 4px solid #fff;color: #fff;text-align: center;line-height: 56px;letter-spacing: 2px;box-shadow: 0 0 0 #fff;font-weight: bold;text-decoration: none;font-size: 18px;}
.da-thumbs li a div p:nth-child(2){line-height: 50px;margin-bottom: 0;}
.da-thumbs li a div p:nth-child(2) span{position: relative;color: rgba(255,255,255,.8);padding-left: 10px;padding-right: 10px;}
.da-thumbs li a div p:nth-child(2) span:last-child{padding-right: 0;}
.da-thumbs li a div p:nth-child(2) span:before{content: '';position: absolute;display: block;top: 50%;margin-top: -5px;width: 1px;height: 14px;background: rgba(255,255,255,.8);right: 0;}
.da-thumbs li a div p:nth-child(2) span:last-child:before{display: none;}

/*首页上浮两模块+公司介绍*/
.ser_block2 p:nth-child(1){font-size: 54px;color: #fff;padding-left: 50px;background-repeat: no-repeat;background-size: 50px auto;background-position: left center;display: table;margin-bottom: 0;}
.ser_block2 p:nth-child(1) span{display: block;float: right;font-size: 18px;color: rgba(255,255,255,.9);margin-bottom: 0;margin-left: 5px;margin-top: 14px;}
.ser_block2 p:nth-child(2){font-size: 17px;color: rgba(255,255,255,.6);margin-bottom: 0;display: table;}
.ser_block2 .ser_intro:nth-child(1) p:nth-child(1){background-image: url(../img/index/serve_icon1.png);}
.ser_block2 .ser_intro:nth-child(1) p:nth-child(2){padding-left: 60px;}
.ser_block2 .ser_intro:nth-child(2) p:nth-child(1){background-image: url(../img/index/serve_icon2.png);}
.ser_block2 .ser_intro:nth-child(2) p:nth-child(2){padding-left: 120px;}
.ser_block2 .ser_intro:nth-child(3) p:nth-child(1){background-image: url(../img/index/serve_icon3.png);}
.ser_block2 .ser_intro:nth-child(3) p:nth-child(2){padding-left: 31px;}
.ser_block2 .ser_intro:nth-child(4) p:nth-child(1){background-image: url(../img/index/serve_icon4.png);}
.ser_block2 .ser_intro:nth-child(4) p:nth-child(2){padding-left: 65px;}

/*资质奖状 */
.text_body .text_swiper{width: 100%;background: #fbfbfb;padding: 50px 0 100px;}
.text_body .text_swiper .swiper_body{max-width: 1920px;margin: 0 auto;padding: 0 5%;}
.text_body .text_swiper .swiper_body .swiper-containers{    width: 100%;overflow: hidden;}
.text_body .text_swiper .swiper_body p{color: #333;text-align: center;margin-bottom: 35px;font-size: 16px;}
.text_body .text_swiper .swiper_body .swiper-container .swiper-wrapper .swiper-slide img{width: 100%;border: 1px solid #d6d6d6;}
.text_body .text_swiper .swiper_body .swiper-container .swiper-pagination{left: 0;right: 0;margin: 0 auto;bottom: 50px;}
.swiper-pagination{left: 0;right: 0;margin: 40px auto 60px;}
.swiper-pagination-bullet{width: 50px;height: 6px;background: #1972B4;border-radius: 0;margin: 0 5px;}

@media (max-width: 1280px){
	/*导航*/
	.header .hnav{width: 75%;}
	/*底部*/
	.footer .footbd .link{width: 63%;padding-right: 15%;}
	.footer .footbd .msg{width: 37%;}
	
	.row{margin-left: 5px;margin-right: 5px;padding-left: 5px;padding-right: 5px;}
	.row .col-sm-4{padding-left: 5px;padding-right: 5px;}
	
	.da-thumbs li a div p:nth-child(1){width: 70%;height: 40px;border: 2px solid #fff;line-height: 36px;letter-spacing: 2px;font-size: 15px;}
	.da-thumbs li a div p:nth-child(2){line-height: 30px;font-size: 12px;}
}