body,ul,p,h1,h2,h3,h4,h5,h6,hr,dl,dd{margin:0;}
ul,ol,td,th{padding:0;}

body {
  font-family: Arial,"Microsoft YaHei";
  font-size: 14px;
  color: #434343;
  height:100%;
  margin:0;
  padding:0;
}
ul,li {
  list-style: none;
}
img {
  border: none;
}
.clear {
  clear: both;
  font-size: 0px;
}
.clearfix:after{
	display:block;
	content:'clear';
	clear:both;
	height: 0;
	overflow: hidden;
	*zoom:1;
	visibility: hidden;
}
/*一般链接*/
a {
  text-decoration: none;
  color: #555;
}
a:hover {
  color: #007583;
  text-decoration: none;
}
.text-market{color:#007583;font-weight: bold;}

.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align: center;}
.tr{text-align:right;}

.clearfix {
    clear: both;
}

nav {
    font-family: Helvetica;
    text-align: right;
    text-transform: uppercase;  
    background-color: #000;
	height:50px;
	opacity:0.8;
	filter:alpha(opacity=80);
	position:fixed;
	width:100%;
	z-index: 999;
	margin-bottom: 10px;
	top: 0px;
}

nav ul {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    list-style-type: none;
	padding-right:25%;
	padding-top: 5px;
}

nav ul li {
    display: inline-block;
}

nav ul li a {
    color: #9d9d9d;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
	font-size:15px;
    padding: 10px;
    box-sizing: border-box;
}

nav ul li a:hover {
    color: white;
}

.current_page {
    background-color: black;
}

.current_page a {
    color: white;
}

#menu_button_wrapper{
    display: none;
}

.hidden {
    display: none;
}
/* Responsive for smaller screens */
@media (max-width: 760px) {
    #menu_button_wrapper{
        display: block;
        padding-top: 6px;
		padding-left: 6px;
        color: #9d9d9d;
        border-bottom: 1px solid #101010;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
        box-shadow: 0 1px 0 rgba(255,255,255,.1);
        margin-bottom: .5em;
    }
    
    #menu_button {
        box-sizing: border-box;
        float: left;
        padding: .5em 1em;
        border: 1px solid #333;
        border-radius: 5px;
        color: white;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    #menu_button:hover {
        cursor: pointer;
        background-color: #333;
    }
    
    #hamburger {
        float: right;
        padding-top: .15em;
    }
    
    #menu_button span{
        display: block;
        background-color: #fff;
        width: 1.2em;
        height: .15em;
        border-radius: 1px;
        margin-bottom: .2em;
    }
    
    nav ul {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
		background:#000;
		text-align: left;
		z-index:999;
    }

    nav ul li {
		line-height:20px;
		width: 100%;
		border-bottom: 1px solid #101010;
		margin-top: -8px;
		margin-left:5px;
    }
    
    nav ul li a {
        width: 100%;
		line-height: 20px;
    }

}
.home-header{background-image:url(/pic/83.jpg); background-repeat:no-repeat;margin-top:50px;background: width:100% height:100%;background-position: center center;background-attachment: fixed;background-size: cover;}
.header{padding:50px 0px;}
.menu{margin-top:40px;}
.home-header .menu a{color:#fff;}
.menu span{display:inline-block;position:relative;}
.menu  a{font-size: 16px;display:inline-block;margin:0px 12px 10px;}
.menu a.active{color:#007583;}
.menu span ul{position:absolute;top:30px;left:-50%;width:125px;text-align: center;background:rgba(255,255,255,0.9);box-shadow: 0px 1px 3px #ccc;padding:20px 0px;z-index:9;display:none;}
.home-header .menu span ul li a{color:#555;}
.home-header .order-border{border:1px solid #fff;}
.order-border{display:inline-block;padding:0px 10px;border:1px solid #007583;vertical-align: middle;}
/*banner*/
.fullSlide{width:100%;position:relative;height:410px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:410px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:410px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
.banner-responsive {display: inline-block;height: auto;max-width: 100%;padding-top:50px;}
/*首页作品图片展示*/
/* Reset */
.introuced{
	width: 100%;
	margin-top: 10px;
	background-color: #ededef;
}
.introuced .content {
    width: 90%;
    height: 200px;
    margin: 0 auto;
    padding-top: 42px;
}
.introuced .content h3 {
    font-size: 18px;
    font-weight: 700;
    color: #353535;
	text-align: center;
}
.splitLine {
    width:520px;
	height: 13px;
    margin: 20px auto;
    background-image: url(../pic/sep.png);
    background-repeat: no-repeat;
	background-position:center center;
}
}
.text {
    width: 90%;
    margin: 0 auto;
	padding-bottom: 10px;
	padding-top:10px;
    font-size: 14px;
    line-height: 30px;
    color: #8c9398;
	text-align: right;
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.demo{padding: 2em 0}
	.product-grid{
		font-family: 'Roboto', sans-serif;
		position: relative;
	}
	.product-grid .product-image{
		overflow: hidden;
		position: relative;
	}
	.product-grid .product-image:before{
		content: "";
		width: 100%;
		height: 100%;
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		transition: all 0.4s ease-out 0s;
	}
	.product-grid:hover .product-image:before{ opacity: 1; }
	.product-grid .product-image a{ display: block; }
	.product-grid .product-image img{
		width: 100%;
		height: auto;
	}
	.product-image .pic-1{
		opacity: 1;
		backface-visibility: hidden;
		transition: all 0.4s ease-out 0s;
	}
	.product-grid:hover .product-image .pic-1{ opacity: 0; }
	.product-image .pic-2{
		width: 100%;
		height: 100%;
		opacity: 0;
		backface-visibility: hidden;
		transform: scale(3);
		position: absolute;
		top: 0;
		left: 0;
		transition: all 0.4s ease-out 0s;
	}
	.product-grid:hover .product-image .pic-2 {
		opacity: 1;
		transform: scale(1);
	}
	.product-image .product-trend-label,
	.product-image .product-discount-label{
		content: "";
		color: #fff;
		background-color: #2ecc71;
		font-size: 12px;
		line-height: 28px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		padding: 0 7px;
		position: absolute;
		top: 12px;
		left: 12px;
		z-index: 3;
	}
	.product-image .product-discount-label{
		background-color: #e74c3c;;
		left: auto;
		right: 12px;
	}
	.product-grid .social {
		padding: 0;
		margin: 0;
		list-style: none;
		transform: translateY(-50%);
		position: absolute;
		top: 50%;
		left: 10px;
		z-index: 4;
	}
	.product-grid .social li {
		margin: 0 0 12px;
		opacity: 0;
		transform: translateX(-60px);
		transition: transform .3s ease-out 0s;
	}
	.product-grid:hover .social li {
		opacity: 1;
		transform: translateX(0);
	}
	.product-grid:hover .social li:nth-child(2){ transition-delay: 0.1s; }
	.product-grid:hover .social li:nth-child(3){ transition-delay: 0.2s; }
	.product-grid:hover .social li:nth-child(4){ transition-delay: 0.3s; }
	.product-grid .social li a {
		color: #fff;
		font-size: 22px;
		transition: all 0.3s;
	}
	.product-grid .social li a:hover { color: #e74c3c;; }
	.product-grid .social li a:before,
	 .product-grid .social li a:after{
		content: attr(data-tip);
		color: #000;
		background: #fff;
		font-size: 14px;
		padding: 5px 10px;
		white-space: nowrap;
		display: none;
		transform: translateY(-50%);
		position: absolute;
		left: 33px;
		top: 50%;
		transition: all 0.3s;
	}
	.product-grid .social li a:after{
		content: '';
		background: linear-gradient(-45deg, #fff 49%, transparent 50%);
		width: 10px;
		height: 10px;
		top: 40%;
		left: 20px;
	}
	.product-grid .social li a:hover:before,
	.product-grid .social li a:hover:after{
		  display: block;
	}
	.product-grid .product-content{ padding-top: 5px; text-align: center; padding-bottom: 12px;}
	.product-grid .title{
		font-size: 15px;
		font-weight: 400;
		text-transform: capitalize;
		margin: 0 0 5px;
	}
	.product-grid .title a{ color: #959595; }
	.product-grid .title a:hover{ color: #e74c3c;; }
	.product-grid .price{
		color: #333;
		font-size: 14px;
		font-weight: 400;
	}
	.product-grid .price span{
		color: #333;
		text-decoration: line-through;
		margin-right: 3px;
	}
	.product-grid .price.discount{ color: #e74c3c;; }
	@media only screen and (max-width:990px){
		.product-grid{ margin-bottom: 30px; }
	}

/* 服务流程 */
.service-flow h2{font-size: 24px;font-weight: normal;color:#007583;padding:50px 0px;}
.flow-box ul{text-align: center}
.flow-box ul li{display:inline-block;text-align: center;margin:0px 40px;}
.flow-box ul li span{display:inline-block;width:100%;padding:15px 0px;}
.flow-box ul li p{color:#007583;}

.case{position: relative;margin:40px auto 40px;}
.case-bj{position:relative;width:100%;z-index:1;}
.case-bj img{width:100%;}
.mask{position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,117,131,0.8);z-index:2;}
.case-box{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:2;}
.case-box .container{height:100%;display:table;}
.case-cont{color:#fff;text-align: center;display:table-cell;vertical-align: middle;margin:0 auto;}
.case-cont h2{line-height:46px;}
.case-cont p span{display:inline-block;margin:20px;font-size: 20px;}
.case-cont p .more-case{display:inline-block;font-size: 18px;width:150px;height:50px;line-height:50px;position: relative; color: transparent;text-align: center;}
.case-cont p .more-case:before{content: attr(title);color:#fff;border:2px solid #fff;display:inline-block;    top: 0; right: 0;bottom: 0; left: 0;position: absolute;}
.case-cont p .more-case:after{content: attr(title);color:#000;background:#fff;display:none;top: 0; right: 0;bottom: 0; left: 0;position: absolute;transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);}
.case-cont p .more-case:before,.case-cont p .more-case:after{transform-origin: 50% 50% -25px;-webkit-transform-origin: 50% 50% -25px;transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);display: block;}
.case-cont p .more-case:hover:before{transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);}
.case-cont p .more-case:hover:after{transform: rotateX(0deg);-webkit-transform: rotateX(0deg);}

.partner img{max-width: 100%;}

.pic-brief{background:#f7f6f6;margin:20px auto;overflow:hidden}
.pic-bj,.pic-brief .container{position:relative;}
.pic-bj{width:40%;}
.brief-box{width:55%;position:absolute;top:100px;}
.brief-box p{padding:5px 0px;line-height: 42px;text-align: justify;}
.brief-icon{margin-top:100px;}
.brief-icon ul li{float:left;margin:0px 15px;}
.brief-icon ul li p{text-align: center}
.pic-advantage{position:absolute;bottom:10%;left:20%;width:40%;color:#fff;z-index: 3;}
.pic-advantage h3:after{content:"";border-bottom:2px solid #fff;width:50px;display:block;padding-top:10px;}
.pic-advantage .pic-adicon{text-align: center;margin:80px 0px;}
.pic-advantage  p{line-height:32px;padding-top:10px;}

.help .title{color:#007583;margin:30px auto;}
.help-box{margin:30px auto;overflow:hidden;}
.help-box ul li{padding-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.help-box ul li a{position:relative;}
.help-box ul li a:hover{color:#007583;}
.help-box ul li a:after{content:"";border-bottom:2px solid #fff;width:50%;display:block;padding-top:5px;position:absolute;left:0px;}
.help-box ul li a:hover:after{border-bottom:2px solid #007583;}

.video-box{margin:0px auto;}
.video-box .col{padding:0px;}
.video-slide .swiper-slide{background:#eeeeee;}
.video-list-item{padding:0px;}
.allcase-box .video-list-item{padding:5px;}
.video-list-item a{display:block;position:relative;overflow:hidden;}
.video-list-item a .video-mask{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.5);transition:all 0.3s linear;-webkit-transform:translate(-50%,-50%) scale(0.5);-webkit-transition:all 0.3s linear;z-index:3;}
.video-list-item img{width:100%;transform:scale(1);transition:all 0.3s linear;}
.video-list-item a .mask{display:none;}
.video-list-item a:hover .mask{display:block;}
.video-list-item a:hover>img{transform:scale(1);}
.video-list-item a:hover .video-mask{opacity:1;transformnav:translate(-50%,-50%) scale(1);}

.footer .row{height:460px;margin:0px;}
.footer .code-bj{background-color: #00677d;padding:100px 50px 0px;height:100%;text-align: right;}
.footer .foot-box{background-color: #007583;padding:40px 0px;height:100%;color:#fff;}
.footer .code-bj p span{display:inline-block;margin:0px 10px;text-align: center;color:#fff;}
.footer .foot-box p{padding-bottom:10px;}
.footer .foot-link{padding-left:100px;}
.footer .foot-link h4:after{content:"";border-bottom:2px solid #fff;width:50px;display:block;padding-top:10px;}
.footer .foot-link-list{margin-top:25px;}
.footer .foot-link-list ul{float:left;margin-right:30px;}
.footer .foot-link-list ul li{padding:5px 0px;}
.footer .foot-link-list ul li a{color:#fff;}
.footer .copyright{margin-top:50px;}

.talkbar{position: fixed; top: 20%; right: 0; z-index: 999; width: 76px;}
.talkbar a{width: 76px; height: 76px; padding-top: 46px; position: absolute; right: 0; background: #00677d url(../images/talk.png) no-repeat center 10px; transition: all 1s ease; color: #fff; text-align: center; border: rgba(255,255,255,0) 1px solid;}
.talkbar a:nth-child(1){top: 0;}
.talkbar a:nth-child(2){top: 86px;}
.talkbar a:nth-child(3){top: 182px;}
.talkbar a:nth-child(4){top: 268px;}
.talkbar a:nth-child(5){top: 354px;}
.talkbar a span{display: none;}
.talkbar a:hover{background-color: #007583; border: rgba(255,255,255,.5) 1px solid;}
.talkbar a:hover span{display: block;}

.partner-premise{margin:50px 0px;}
.partner-premise h3{padding-top:10px;color:#007583;}
.partner-premise p{padding-top:10px;line-height: 26px;}
.partner-r0{line-height:0px;position:relative;}
.partner-r1{background:url("../images/partner-bj.jpg") no-repeat top center;text-align: center;line-height:0px;position:relative;}
.partner-r2{background:#73bccb;line-height:0px;position:relative;}
.partner-r3{background:#f7f6f6;line-height:0px;position:relative;padding-bottom:100px;}
.ani-flow{ stroke-dasharray: 1300;stroke-dashoffset: 1300;animation: dash 2s linear  forwards; }
.partner-font{position:absolute;width:100%;height:100%;top:0px;left:0px;line-height: 26px;color:#fff;}


.partner-font1{top:12px;color:#007583;}
.partner-font2_0{position:relative;margin-top:100px;margin-left:60%;}
.partner-font2_0 h4{font-size: 20px;padding-top:15px;}
.partner-font2_1{width:225px;position:relative;height:180px;margin:80px auto 0px;}
.partner-pic2_1{position:relative;margin-top:110px;}
.partner-pic2_2{position:relative;margin-top:-25px;margin-left:625px;}
.partner-pic2_3{position:relative;margin-top:135px;margin-right:385px;}
.partner-font2_2{text-align: left;width:350px;position:relative;margin-top:-100px;margin-left:60%;}

.partner-pic3_1{position:relative;margin-top:250px; margin-right: 28px;}
.partner-pic3_2{position:relative;margin-top:65px; margin-right: 225px;}
.partner-pic3_3{position:relative;margin-top:-105px; margin-left: 175px;}
.partner-font3_1{position:absolute;top:90px;left:50px;text-align: left}
.partner-font3_1 h4{font-size: 20px;padding-top:15px;}
.partner-font3_2{position:relative;width:300px;margin-bottom:90px;margin-left:50px;text-align: left}
.partner-font4{height:auto;}
.partner-pic4_1{position:relative;top:215px;color:#007583;margin-right: 30px;font-size: 16px;}
.partner-pic4_1 p{margin-top: 10px;}
.partner-font5{line-height: 32px;}
.partner-font5 h3{color:#238aa0;}
.partner-font5 p{padding-top: 10px;color:#53b3c7;}
.partner-font5 h4{padding-top: 20px;color:#2aacc7;font-size: 24px;}

/*分页*/
.pageinfo {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;
}
.pageinfo A {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ffffff 1px solid; COLOR: #007583; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid; TEXT-DECORATION: none
}
.pageinfo A:hover {
	BORDER-RIGHT: #007583 1px solid; BORDER-TOP: #007583 1px solid; BORDER-LEFT: #007583 1px solid; COLOR: #000; BORDER-BOTTOM: #007583 1px solid
}
.pageinfo A:active {
	BORDER-RIGHT: #007583 1px solid; BORDER-TOP: #007583 1px solid; BORDER-LEFT: #007583 1px solid; COLOR: #000; BORDER-BOTTOM: #007583 1px solid
}
.pageinfo SPAN.thisclass {
	BORDER-RIGHT: #007583 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #007583 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #007583 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #007583 1px solid; BACKGROUND-COLOR: #007583
}
.pageinfo SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}
DIV.black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 10px; MARGIN: 3px; COLOR: #a0a0a0; PADDING-TOP: 10px; BACKGROUND-COLOR: #000; TEXT-ALIGN: center
}
DIV.black A {
	BORDER-RIGHT: #909090 1px solid; PADDING-RIGHT: 5px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #909090 1px solid; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(bar.gif); PADDING-BOTTOM: 2px; BORDER-LEFT: #909090 1px solid; COLOR: #c0c0c0; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #909090 1px solid; TEXT-DECORATION: none
}
DIV.black A:hover {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND-IMAGE: url(invbar.gif); BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040
}
DIV.black A:active {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND-IMAGE: url(invbar.gif); BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040
}
DIV.black SPAN.thisclass {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #606060
}
DIV.black SPAN.disabled {
	BORDER-RIGHT: #606060 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #606060 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #606060 1px solid; COLOR: #808080; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #606060 1px solid
}
/* 案例 */
.swiper-wrapper{
  align-items: center;
}
.allcase{min-height: 500px;padding-bottom:100px;}
.allcase-link{margin:50px auto;}
.mask-font{color:#fff;font-size: 18px;}
.mask-font p{margin:5px 0px;}
.mask-font p.line{width:50px;height:3px;background-color: #fff;margin:10px 0px;}
.caseDetail{padding:50px 0px 100px;}
.caseDetail img{max-height: 100%;max-width: 100%;}
.caseDetail .swiper-slide{text-align: center;display: flex; justify-content: center; align-items: center;}
.caseDetail .gallery-top {
        width: 90%;
       
    }
.caseDetail .gallery-top .swiper-slide{ padding:0px 80px;}
.caseDetail .gallery-top .swiper-slide img{position: relative; }
.caseDetail .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
        margin-top:20px;
    }
.caseDetail .gallery-thumbs img {height: 300px; max-width: auto;}
.caseDetail .gallery-thumbs .swiper-slide {
        width: auto;
        height: 100%;
        opacity: 0.4;
    }
.caseDetail .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }
.more-case-blue{display:inline-block;font-size: 18px;width:150px;height:50px;line-height:50px;position: relative; color: #007583;text-align: center;border:3px solid #007583;}
#map{height:580px;}
.contact-box-left{padding:80px 40px 100px 20px;height:650px;}
.contact-box-left .line{border-bottom: 3px solid #007583;width:50px;margin:20px 0px;}
.contact-box-left p{padding-top: 10px;line-height: 26px;}
.contact-box-right{background-color: #ebf5f7;height:650px;padding:60px 60px 0px 150px;}
.form-cont .form-group{padding-top:40px;}
.form-cont .input-control{border:2px solid #bebebe;padding:10px 15px;font-size: 16px;width:100%;}
.form-cont .input-control:focus{border:2px solid #25aacc;}
.btn-blue{background-color: #007583;color:#fff;border:0px;padding:5px 30px;border-radius: 5px;font-size: 18px;}
.btn-blue:hover{background-color: #048fb3;}

.order-header{padding:100px 0px 150px;}
.order-header h3{color:#fff;line-height: 32px;}
.order-header h3 span{margin:0 20px;}
.code-box{width:225px;height:250px;background-color: #fff;margin:0 auto;margin-top:60px;border:2px #dfdfdf inset;}
.order-box{margin-top:-40px;padding-bottom:50px;}
.order-box span{display:inline-block;width:85px;height:85px;background-color: #fff;border-radius: 50%;border:2px solid #007583;text-align: center;line-height: 85px;color:#007583;font-size: 30px;}
.order-box p{padding:20px;}
.order-box p img{width:100%;}

.help-tab{margin-top: 50px;}
.help-tab{margin-bottom: 50px;}
.help-tab a{font-size: 16px;margin-right: 55px;}
.help-tab a.active{color:#007583;}
.help-tab-case a{color: #fff;}
.help-tab-case a.active{color:#a7dfed;}

.allhelp{min-height: 500px;margin-top:50px;}
.helpcont-list{margin-bottom:50px;}
.helpcont-list-tit{height:60px;background:#f7f6f6;}
.tit-left h3{padding-left:30px;line-height: 60px;color:#007583;}
.tit-right{line-height: 60px;}
.tit-right span{padding:0px 10px;}
.tit-right a{display:inline-block;background-color: #007583;color:#fff;font-size: 18px;padding:0px 20px;}
.helpcont-list-cont{padding:20px 10px;line-height: 26px;text-align: justify;}
.helpcont-list-cont img{width: 100%; max-width: 720px; height: auto;}
.help-location{margin-bottom: 20px;}
.help-location a{font-size: 16px;}
.help-location a.active{color:#007583;}

.pageDetail a{color:#007583;font-size: 16px;font-weight: bold;}
.pageDetail div{margin:10px 0px;}
/*详情页样式*/
.contentnr{
	width:95%;
	align-content: center;
	margin: 0 auto;
	border-top: 1px solid #007583;
	margin-bottom:40px;
	height:90px;
}
.contentnr .rosw{
	text-align: center;
}
.contentnr .rosw span {
    line-height: 42px;
    border-bottom: 1px solid #007583;
	border-left: 1px solid #007583;
	box-sizing: border-box;
    float: left;
    width: 33.33%;
    font-size: 0.875em;
    color: #007583;
}
.headline {
    font-size: 1.25em;
    margin: 0;
    padding: 0;
	margin-top:10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #007583;
    color: #007583;
	font-weight:bold
}
.sub_headline {
    font-size: 0.875em;
    padding: 20px 0 10px 0;
    color: #007583;
    margin-bottom: -30px;
}

@media (min-width: 1900px) {
.photo_desc{
	width:1910px;
	height:120px;
	background-color:#007583 ;
    margin:0 auto;
    overflow: hidden;
    position: relative;
	left:50%;
    margin-left:-960px;
	top:20px;
    vertical-align: middle;
    text-align: center;
	overflow: hidden ;
}
}
@media (min-width: 1366px) and (max-width: 1920px) {
	.photo_desc{
		width:1356px;
		height:120px;
		background-color:#007583 ;
	    margin:0 auto;
	    overflow: hidden;
	    position: relative;
		left:50%;
	    margin-left:-684px;
		top:20px;
	    vertical-align: middle;
	    text-align: center;
		overflow: hidden ;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
.photo_desc{
	width:100%;
	height:120px;
	background-color:#007583 ;
    margin:0 auto;
    overflow: hidden;
    position: relative;
	top:20px;
    vertical-align: middle;
    text-align: center;
	overflow: hidden ;
}
}
.photo_txt{
	position: absolute;
    margin-top: 50px;
	color: #fff;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
}
/*留言板内容*/
.k1120{
	max-width:1120px;
	margin:0 auto;
	}
.message{
	padding:55px 10px;
	}
.messageRow_1{
	width:40%;
	float:left;
	}
.messageRow_2{
	width:23%;
	float:left;
	}
.messageRow_3{
	width:37%;
	float:left;
	}
.messageRow_1 h3{
	font-size:20px;
	color:#000;
	}
.messageRow_1 h4{
	font-size:14px;
	color:#666;
	line-height: 30px;
	}
.messageRow_1 p{
 	font-size:12px;
	line-height:20px;
	}
.messageRow_1 .messageBox{
	position:relative;
	padding-left:100px;
	}
.messageRow_1 .messageBox:before{
	width:80px;
	height:80px;
	display:block;
	position:absolute;
	content:'';
	background-image:url(../pic/icon.png);
	background-position: -110px 27px;
	background-repeat:no-repeat;
	background-size:228px 61px;
	left:0;
	top:35px;
	border:2px solid #333;
	border-radius:100%;
 	}
.fromList input{
	width:100%;
	border:1px solid #ccc;
	padding:5px;
	box-sizing:border-box;
	height:34px;
	line-height:34px;
	color:#666;
	border-radius:0;
	box-shadow:none;
	}
.fromList textarea{
	width:100%;
	border:1px solid #ccc;
	padding:5px;
	box-sizing:border-box;
	font-size:12px;
	resize:none;
	height:131px;
	color:#666;
	border-radius:0;
	box-shadow:none;
	}
.fromList{
	padding-bottom:15px;
	}
.messageRow_3 .messageBox{
	padding-left:25px;
	}
.fromBtn{
	display:inline-block;
	padding:0 32px;
	line-height:32px;
	font-size:12px;
	color:#fff;
	text-align:center;
	background:#c11e2b;
	vertical-align:middle;
	-webkit-transition:  0.2s ease-in 0s;
	-moz-transition:  0.2s ease-in 0s;
	-ms-transition:  0.1s ease-in 0s;
	-o-transition:  0.2s ease-in 0s;
	}
.fromBtn:hover{
	color:#fff;
	opacity:0.8;
	}
.fromListInfo{
	display:inline-block;
	padding-left:5px;
	font-size:12px;
	color:#999;}
 @media (max-width: 1024px) {  
 .ad_2,.ad_3{
	 height:auto;
	 }
   .ab_3{
		background-size:auto 150%;
   }
   .messageRow_1{
	   padding-bottom:20px;
	   width:auto;
	   }
   .messageRow_2{
	    clear:both;
	   float:left;
	   width:40%;
		}
	.messageRow_3{
 	   width:60%;
	   float:left;
		}
 }
@media (max-width: 767px) {
	.servicesBox li{
	width:50%;
	position:relative;
	text-align:center;
	padding-bottom:20px;
	}
	.servicesBox:before{
		display:none;
	}
	.servicesBox li:before{
	width:100%;
	height:1px;
	background:#eee;
	position: absolute;
	left:0;
	right:0;
	content:'';
 	top:47px;	 
	}
	.introuced{
		width: 100%;
		height:230px;
		margin-top: 10px;
	}
	.splitLine {
	    width:  300px;
		height: 7px;
	    margin: 10px auto;
	    background-image: url(../pic/sep.png);
	    background-repeat: no-repeat;
		background-position:center center;
		z-index: 2;
		margin-bottom: 10px;
	}
	.fromList{
		padding-bottom:15px;
		}
	.ad_1{
		margin-top:20px;
		background-size:auto 260%;
		height:140px;
 		}
	.ad_1Text{
		font-size:30px;
		line-height:140px;
		background-size:auto 100%;
		}
	.caseNav{
		padding-top:20px;}
	.caseNav li{
		
		}
	.caseNav li a{
		font-size:12px;
		height:24px;
		line-height:24px;
		padding:0 5px;
		margin:0;
		}
	.case{
		padding-top:0;
		}
	.case li{
	width:33.333333333%;
 	}
	#about{
 	padding:20px 0;
	}
	.aboutBox{
	position:relative;
	margin:0 10px;
	}
.aboutBox:before,
.aboutBox:after{
	display:none;
	
	}
	.aboutBox h4{
	font-size:16px;
	 
	padding:10px 0;
	}
.aboutBox{
	text-align:center;
	line-height:180%;
	}
 .newsList li{
	width:50%;
 	padding:20px 0;
	}
.newsList ul{
	margin-left:-30px;
	}
.newsListBox{
	margin-left:30px;
	}
	.ad_2{
 	
	padding:40px 10px;
	margin-top:50px;
	background-size:auto 260%;
	}
	.ab_3{
	background-size:auto 150%;
	padding:40px 10px;
	margin-top:50px;
	overflow:hidden;	
	}
.ab_3 h3{
	font-size:24px;
 	line-height:120%;
	padding-bottom:20px;
	}
	.contactFoot{
		position:relative;
		}
	.contactFoot dl{
	width:auto;
	float:none;
	padding:10px 0;
	}
	 .title span{
		display:block;
		margin:0 10px;
		font-size:24px;
		}
	.title b{
		margin:0 0 5px 0;}
	.paging{
		text-align:center;
		padding:20px 0;
		}
	.paging a{
 		height:30px;
		padding:0 20px;
		line-height:30px;
		margin:0 2px;
		font-size:12px;
		border-width:2px !important;
		}
}
@media (max-width: 480px) {
	.messageRow_1,
	.messageRow_2,
	.messageRow_3{
		float:none;
		padding:10px 0;
 	   width:auto;
	   }
	   .messageRow_3 {
		   padding-top:0;}
		  .messageRow_2 {
		   padding-bottom:0;}
	  .messageRow_3 .messageBox{
	padding-left:0;
	}
	.fromBtn{
		display:block;
		margin-bottom:5px;
		}
	.message{
		padding:0 10px;
		}
	.fromList{
		padding-bottom:15px;
		}
  
}
.allabout{margin:30px auto;border-bottom:1px solid #d1e8ec;}
.about-tit{color:#007583;}
.about-tit p{font-size:18px;padding-bottom: 10px;}
.about-box{margin-top:10px;}
.about-cateify p{padding-bottom:20px;line-height: 26px;}
.about-cateify p span{display:block;font-size: 24px;vertical-align: bottom;text-align: left;padding-top:20px;}
.about-cateify  ul li{padding-bottom:10px;}
.about-cateify div{padding:20px 40px;}
.about-brief{margin-top:50px;position:relative;}
.about-brief .bj img{width:100%;}
.about-brief-font1{position:absolute;top:10%;left:10%;width:90%;color:#fff;}
.about-brief-font1 h3{margin-top: 10px;}
.about-brief-font2{width:50%;position:absolute;top:40%;left:40%;color:#fff;}
.about-brief-font2 p{font-size: 15px;line-height: 32px;}
.about-cont-list{margin-top:0px;}
.about-cont-list .media-left{width:50%;text-align: center;padding:5px;}
.about-cont-list .media-left img{max-width: 100%;}
.about-cont-list .media-body{padding:100px;background-color: #ebf5f7;line-height: 26px;}
.about-cont-list .media-heading{padding-bottom:10px;}
.about-cont-list .media-heading span{color:#2c7685;display:block;font-size: 14px;padding-top:10px;}
  @keyframes dash {
     to {
        stroke-dashoffset: 0;
      }
  }
   @keyframes dash2 {
    from{stroke-dashoffset: 810;opacity:0;}
     to {
        stroke-dashoffset: 0;opacity:1;
      }
  }
  @keyframes shade {

     to{opacity:1;}
  }
  @keyframes shade2 {
     from{opacity:0;transform:translateY(-8px);}
     to{opacity:1;transform:translateY(8px);}
  }

@media(min-width:1000px)
{
  .logo img{max-width: 300px;}
}
@media(max-width:767px)
{ 
  .header{padding: 80px 0px 20px;}
  .menu{width:100%;text-align: center;}
  .logo img{max-width: 60%;margin-top:-20px;}
  .service-flow h2{ padding: 15px 0px;}
  .flow-box ul li{margin:0 -30px; font-size:6px ;width: 30%;}
  .flow-box ul li img{width: 25%;}
  .brief-box{width:100%;padding:20px 10px;position:relative;top:0px;}
  .brief-box p{line-height: 42px;text-align: justify;}
  .brief-icon{margin-top:20px;}
  .brief-icon ul li{float:left;width:10%}
  .brief-icon ul li img{width:60%}
  .brief-icon ul li p{text-align: center;font-size:10px;width: 80%;}
  .footer .row{height:auto;}
  .footer .code-bj{text-align: center;padding:20px 0px;}
  .foot-cont{margin-top:20px;padding-left:50px ;}
  .footer .foot-link{padding-left:50px ;}
  .footer .foot-box p img{width:50%;}
  .footer .copyright{margin-top:20px;}
  .video-list-item a .mask{display:block;}
  .video-list-item a .video-mask{opacity:1;transform:translate(-50%,-50%) scale(1)}
  .help-tab{margin: 20px;}
  .help-tab{margin-bottom: 20px;}
  .help-box ul li{width:100%;text-align: center}
  .menu  a{font-size: 10px;display:inline-block;margin: -5px;}
  .pic-bj{width:100%;}
  .pic-bj>img{width:600px;}
  .pic-advantage{width:60%;}
  .pic-advantage{position:absolute;bottom:5%;left:20%;width:40%;color:#fff;z-index: 3;}
  .pic-advantage .pic-adicon{text-align: center;margin:40px 0px;}
  #map{height:280px;}
  .contact-box-left{height:auto;padding:20px 40px 40px 20px;}
  .contact-box-right{height:auto;padding:20px;}
  .form-cont .input-control{width:100%;margin-bottom:10px;}
  .form-cont .form-group{padding-top:20px;}
  .order-header {padding: 0px 0px 120px;}
  .help-tab a{margin-right: 12px;font-size: 12px;}
  .tit-left h3{font-size: 14px;}
  .tit-right{width:100%;text-align: right;}
  .tit-right a{font-size: 14px;padding:0px 10px;line-height: 30px;}
  .about-brief-font1{position:absolute;}
  .about-brief-font2{width:100%;margin:0px;margin-top:20px;position:relative;color:#333;left:0px;}
  .about-cont-list .media-left{width:20%;}
  .about-cont-list .media-body{padding:10px;}
  .partner-font{position:relative;top:0px;left:0px;}
  .partner-font2_0{margin-top: 20px;margin-left:10%;text-align: left;}
  .partner-font2_1{margin: 20px 10% 10px;text-align: left;height:auto;}
  .partner-font2_2{margin: 20px 10% 10px;text-align: left;width:auto}
  .partner-font3_2{width:auto;margin-bottom: 20px;margin-left: 10%;margin-top:20px;}
  .partner-r3{padding:20px 10px;}
  .allcase{padding-bottom: 0px;}
  .partner-premise{margin:10px auto;}
  .partner-premise h3{font-size: 16px;}
  .about-tit h2{font-size: 18px;}
  .tit-right span{float:left;}
  .pageDetail div{width:100%;text-align: left;}
  .about-cateify p span{display:inline-block;}
  .caseDetail .gallery-top .swiper-slide{ padding:0px;}
}