@charset "UTF-8";


#wrapper {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	width: 100%;
	max-width: 2560px;
	position: relative;
	z-index: 1;
	margin: auto;
	overflow: hidden
}

.header {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1999;
	background-color: #333;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.header .logo {
	float: left;
	display: block;
    height: 50px;
	margin-bottom: 10px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.header .logo a {
	display: block;
	padding: 10px 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.header .logo a img {
	display: block;
	height: 38px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
.header .logo a b {
	display: block;
}
.header .logo a small {
	display: none;
}
.header .info {
	display: none;
	float: right;
	overflow: hidden;
	text-align: right;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.header .info .key {
	height: 30px;
	line-height: 30px;
	text-align: right;
}

.header .info .key h1 {
	display: inline;
	font-size: 12px;
	padding-right: 3px;
	color: #999;
	padding-left: 10px
}

.header .info .key h1 a {
	color: #fff
}

.header .info .key h1 a:hover {
	color: #ffd800
}

.header .info .key h3 {
	display: inline;
	font-size: 12px;
	padding-right: 3px;
	color: #999;
	padding-left: 10px
}

.header .info .key h3 a {
	color: #fff
}

.header .info .key h3 a:hover {
	color: #ffd800
}

.header .info .key .mapbtns {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	margin-left: 5px;
	background: url(../images/mapbtns.png) no-repeat center;
	cursor: pointer
}

.header .info .tel {
	display: inline-block;
	color: #fff;
	padding-left: 28px;
	height: 30px;
	line-height: 30px;
	background: url(../images/common_icons1.png) no-repeat 0 7px;
}

.header .info .tel h2 {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: #009966;
	line-height: 1;
}

.header .info .tel i {
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	margin: 0 2px;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}
.header .nav-menu {
	display: block;
	position: relative;
	float: right;
	top: 15px;
	right: 0px;
	margin: 0;
	padding: 2px 5px;
	cursor: pointer
}

.header .nav-menu span {
	display: block;
	background: #fff;
	margin: 4px 0;
	width: 25px;
	height: 4px;
	font-size: 1px;
	color: #fff;
	border-radius: 2px;
	text-indent: -99999px
}
.header .nav-menu span:nth-child(2) {
	display: block;
	background: #fff;
	margin: 4px 0;
	width: 20px;
	height: 4px;
	font-size: 1px;
	color: #fff;
	border-radius: 2px;
	text-indent: -99999px
}

.header .navmap {
	display: none;
	float: left;
	color: #fff;
	height: 30px;
	line-height: 30px;
	margin-top: 30px;
	margin-left: 30px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.header .navmap i {
	display: block;
	width: 20px;
	height: 20px;
	margin: 5px;
	float: left;
	background: url(../images/navmap.png) no-repeat center / 20px 20px
}

.header .navmap span {
	font-size: 16px
}

.header .navmap em {
	font-size: 12px;
	cursor: pointer;
	position: relative
}

.header .navmap em:after {
	content: '';
	display: none;
	width: 36px;
	height: 1px;
	background-color: #e6e6e6;
	position: absolute;
	left: 6px;
	top: 18px
}

.header .navmap em:hover:after {
	display: block
}

.header.bgblack {
	background: rgba(0, 0, 0, 0.65);
}

.header.header-navbar-mouse {
	background: rgba(0, 0, 0, 0.65);
}

.header .navbar ul {
	position: absolute;
	left: 0;
	top: 130px;
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box
}

.header .navbar>ul>li {
	display: block;
    width: 100%;
    position: relative;
}

.header .navbar>ul>li>a {
    display: block;
    align-items: center;
	text-align: center;
    width: 100%;
  	height: 48px;
  	line-height: 48px;
    color: #fff;
    font-size: 18px;
    padding: 0px 15px;
    transition: all .4s ease;
}

.header .navbar>ul>li>a:hover {
	margin-top: 0 !important
}

.header .navbar>ul>li .header-arrow {
    position: absolute;
    width: 100%;;
    display: block;
    height: 48px;
    background: url(../images/dropArrow.png) no-repeat;
	background-position: 70%;
    background-size: 16px;
    top: 0;
    right: 0;
    z-index: 4;
    display: none;
}

.header .navbar>ul>li .header-arrow.active {
    background: url(../images/dropArrowup.png) no-repeat;
	background-position: 70%;
    background-size: 16px;
}

.header .navbar .menuclos {
	display: none;
	position: fixed;
	z-index: 11;
	left: 50%;
	bottom: 0;
	margin: 0 0 0 -50px;
	width: 100px
}

.header .navbar .menuclos p {
	position: relative;
	z-index: 2;
	background: #fff;
	margin: 0 0 20px;
	padding: 6px 10px;
	color: #666;
	text-align: center;
	font-size: 1em;
	border-radius: 15px;
	line-height: 100%;
	cursor: pointer
}

.header .navbar .menuclos:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	background: rgba(255, 255, 255, 0.3);
	margin: 14px 0 0 -140px;
	width: 280px;
	height: 1px
}

/*移动端导航*/
.header .navbar {
	display: none;
	float: none;
	margin: 0;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	z-index: 59;
	background: #59b38d url(../images/navbarbg.jpg) no-repeat scroll center center / cover;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-ms-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease
}

.header .navbarlogo {
	margin: 20px 0px 30px;
	width: 100%;
	text-align: center;
	opacity: 0
}

.header .navbarlogo a {
	display: block;
	height: auto;
	color: #fff
}

.header .navbarlogo img {
	height: 50px
}

.header .navbarlogo a h2 {
	margin: 10px 0 0;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 100%
}

.header .navbarlogo a p {
	margin: 5px 0 0;
	font-size: 1rem;
	line-height: 100%
}

.channel_content.pro_detail {
    padding: 0;
}

.channel_content {
	position: relative;
	z-index: 10;
	padding: 55px 0 70px;
}
.wrap {
    width: 1520px;
    margin-right: auto;
    margin-left: auto;
}
.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}
.pro_detail01 .left {
    float: left;
    width: 54.5%;
    height: 475px;
    overflow: hidden;
}
#owl-demos .item img {
    display: block;
    width: 100%;
    height: auto;
}
#owl-demos .owl-controls .owl-pagination {
    bottom: 10px;
    text-align: center;
    z-index: 999;
}

.pro_detail01 {
    background: #f6f6f6;
    padding: 45px 0 65px;
}
.pro_detail01 .right {
    float: right;
    width: 38%;
}
.pro_detail01 .right .intro .t {
    font-size: 22px;
    color: #666;
    line-height: 52px;
    margin-bottom: 5px;
}
.pro_detail01 .right .intro .c span {
    font-size: 64px;
    color: #666;
    line-height: 1;
    font-family: Impact;
}
.pro_detail01 .right .content {
    position: relative;
    margin-top: 30px;
}
.pro_detail01 .right .content:before {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    width: 20%;
    height: 2px;
    background: #00cc66;
    z-index: 2;
}
.pro_detail01 .right .content .text {
    margin: 20px 0 30px;
}
.pro_detail01 .right .content .text .con2 {
    font-size: 13px;
    color: #666;
    line-height: 26px;
    margin: 20px 0;
}
.pro_detail01 .right .content .text1 .tel {
    color: #666;
    font-size: 18px;
}
.pro_detail01 .right .content:after {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    width: 90%;
    height: 1px;
    background: #b1b1b1;
}
.pro_detail01 .right .content .text1 .tel .icon {
    display: inline-block;
    width: 28px;
    height: 23px;
    background: url(../images/pro_detail01_icon.png) no-repeat left;
    background-position: -28px 0;
    vertical-align: -4px;
    margin-right: 5px;
}
.pro_detail01 .right .btn {
    padding-left: 0;
    box-shadow: none;
}
.pro_detail01 .right .btn>a {
    display: inline-block;
    background: #00cc6680;
    transition: .3s ease;
    font-size: 18px;
    color: #4f4f4f;
    font-weight: bold;
    line-height: 33px;
    padding: 10px 25px;
}
.pro_detail01 .right .btn .icon {
    width: 28px;
    height: 23px;
    background: url(../images/pro_detail01_icon.png) no-repeat left;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 20px;
}
.pro_detail02 .hd {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #d6d8db;
}
.pro_detail02 .hd.fixed {
    position: fixed;
    width: 100%;
    top: 84px;
    left: 0;
    z-index: 5;
}
.pro_detail02 .hd .list dt, .pro_detail02 .hd .list dd {
    cursor: pointer;
    position: relative;
    width: 12%;
    float: left;
    line-height: 70px;
    font-size: 20px;
    color: #666;
    font-weight: bold;
}
.pro_detail02 .hd .list .item.active:after{content:''; position:absolute; width:90px; height:5px; bottom:0; left:0; background:#00cc66;}
.pro_detail02 .hd .list dt.active{color:#00cc66; font-weight:bold;}
.pro_detail02 .hd dd.order {
	width: 8%;
    background: #00cc66;
    font-size: 18px;
    color: #FFF;
    transition: all 0.5s ease;
}
.pro_detail02 .hd dd.order a {width: 100%;}
.pro_detail02 .hd dd .icon {
    width: 28px;
    height: 23px;
	left: 20px;
	background: url(../images/back.png) no-repeat;
    background-size: 30px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 28px;
}

.pro_detail02 .bd {
    position: relative;
    padding-top: 40px;
}
.pro_detail02 .bd .selection1 .content {
    padding-bottom: 50px;
    border-bottom: 1px solid #cccccc;
}
.pro_detail02 .bd .selection1 .content .left {
    width: 60%;
    float: left;
}
.pro_detail02 .bd .selection1 .content .t {
    font-size: 40px;
    color: #666;
    font-weight: bold;
}
.pro_detail02 .bd .selection1 .content .c {
    font-size: 14px;
    line-height: 1.8;
    color: #666;
    margin-top: 30px;
}
.pro_detail02 .bd .selection2 {
    margin: 50px 0;
}
.pro_detail02 .bd .selection2{margin:50px 0;}
.pro_detail02 .bd .selection2 .tit{font-size:36px; color:#666; font-weight:bold; margin-bottom:30px;}
.pro_detail02 .bd .selection2 .down{font-size:14px; color:#666; margin-top:25px;}
.pro_detail02 .bd .selection2 .down .iconfont{font-size:18px;}
.pro_detail02 .bd .selection3{padding:0 0 50px 0;}
.pro_detail02 .bd .selection3 .cases-list-ul a{
	display: block;
    float: left;
    width: 32.3%;
    height: auto;
    position: relative;
    overflow: hidden;
	padding:unset;
    margin-right: 1%;
    margin-bottom: 1%;
    margin-left: unset;
}
.pro_detail02 .bd .selection3 .cases-list-ul a:nth-child(3n){
	margin-right: unset;
}
.pro_detail02 .bd .selection3 .item{background:#f6f6f6;width:100%; margin-top:34px; display:block; position:relative;}
.pro_detail02 .bd .selection3 .owl-item .item{display:block;}
.pro_detail02 .bd .selection3 .item .li_line{width:0; height:5px; background:#ffcb2d; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.pro_detail02 .bd .selection3 .item:hover .li_line{width:100%;}
.pro_detail02 .bd .selection3 .item:hover{box-shadow:-4px 2px 20px 1px rgba(0,0,0,0.2)}
.pro_detail02 .bd .selection3 .item.three_item {margin-right: 0;}
.pro_detail02 .bd .selection3 .item .box{padding:30px;}
.pro_detail02 .bd .selection3 .item .box .tit{width:80%; font-size:22px; color:#666; font-weight:bold; line-height:34px; height:68px; overflow:hidden;}
.pro_detail02 .bd .selection3 .item .box .list{font-size:14px; color:#8b8b8b; line-height:28px; margin:10px 0; }
.pro_detail02 .bd .selection3 .item .box .list ul li{float:left; margin-right:20px; border:1px solid #8b8b8b; padding:0 5px;}
.pro_detail02 .bd .selection3 .item .box .con{font-size:16px; color:#353333; line-height:28px; height:56px; height:0; overflow:hidden;}
.pro_detail02 .bd .selection3 .item .box .more{float:right; color:#353333;}
.pro_detail02 .bd .selection3 .infor{font-size:36px; color:#666; font-weight:bold; position:relative;}
.pro_detail02 .bd .selection3 .infor .line{width:1px; height:23px; background:#fff; background:#666; position:absolute; right:22px; top:36px; display:none}
.pro_detail02 .bd .selection3 .infor .btn_all{position:absolute; top:35px; right:0; width:60px; height:15px;}
.pro_detail02 .bd .selection3 .infor .btn_all>div{width:9px; height:13px; position:absolute; top:50%; margin-top:-6px; z-index:2; font-size:14px; color:#666; cursor:pointer; }
.pro_detail02 .bd .selection3 .infor .btn_all .owl-prev {left:0;}
.pro_detail02 .bd .selection3 .infor .btn_all .owl-next {right:0;}

.pro_detail03{background:#00a1e9; padding:50px 0;}
.pro_detail03 .tit{font-size:36px; color:#fff; font-weight:bold; text-align:center; margin-bottom:70px; position:relative;}
.pro_detail03 .tit:after{content:''; position:absolute; bottom:-20px; width:40px; height:5px; background:#fff; left:50%; margin-left:-20px;}
.pro_detail03 .con ul li{float:left; width:25%; text-align:center;}
.pro_detail03 .con ul li .icon{background:url(../img/pro_detail03_1.png) no-repeat; width:78px; height:78px; display:inline-block; margin-bottom:20px;}
.pro_detail03 .con ul li .t{font-size:20px; color:#fff; line-height:24px;}
.pro_detail03 .con ul li.li1 .icon{background-position:0 0;}
.pro_detail03 .con ul li.li2 .icon{background-position:-78px 0;}
.pro_detail03 .con ul li.li3 .icon{background-position:-156px 0;}
.pro_detail03 .con ul li.li4 .icon{background-position:-234px 0;}
.pro_detail03 .con ul li.li1:hover .icon{background-position:0 -78px;}
.pro_detail03 .con ul li.li2:hover .icon{background-position:-78px -78px;}
.pro_detail03 .con ul li.li3:hover .icon{background-position:-156px -78px;}
.pro_detail03 .con ul li.li4:hover .icon{background-position:-234px -78px;}
.pro_detail03 .con ul li:hover .t{color:#fff;}
#demo2 .container .row:before, .row:after {
    display: table;
    clear: both;
    content: '';
}
.pro_detail04{padding:60px 0;}
.pro_detail04 .tit{text-align:center; margin-bottom:30px;}
.pro_detail04 .tit .t{font-size:36px; line-height:1.2; color:#666; font-weight:bold;}
.pro_detail04 .tit .c{font-size:16px; line-height:24px; color:#666; margin:5px 0;}
.pro_detail04 .content{padding:0 19%;}
.pro_detail04 .content .inp_box{float:left; width:46%; margin:0 2% 20px;  position:relative;}
.pro_detail04 .content .inp_box .type{font-size:14px; color:#353333; margin-bottom:5px;}
.pro_detail04 .content .inp_box .input_area{width:100%; height:40px; line-height:40px; border:1px solid #cccccc; border-radius:0}
.pro_detail04 .content .inp_box textarea.input_area{height:100px;}
.pro_detail04 .content .inp_box span.stars{color:#ff0000; position:absolute; right:20px; top:55%;}
.pro_detail04 .content .inp_box span.Validform_checktip{right:28px;; position:absolute; top:55%;}
.pro_detail04 .content .choose .xz i {display: inline-block;*display: inline;*zoom: 1;width: 11px;height: 11px;margin-right: 10px;vertical-align: middle;background: url(../img/service_case02_1.png) no-repeat 0 0;}
.pro_detail04 .content .choose .xz.cur i{background-position:0 -11px;}
.pro_detail04 .content .yzm .input_area{width:46%; margin:0 4% 0 2%; height:44px; line-height:44px; border:1px solid #cccccc; padding-left:10px; box-sizing:border-box; overflow:hidden;}
.pro_detail04 .content .yzm .yzmImg{height:44px;}
.pro_detail04 .content .con{font-size:13px; color:#454545; margin-top:40px; padding-top:20px; border-top:1px solid #999999;}
.pro_detail04 .content .send{cursor:pointer; float:right; background:#00a1e9; border:none; outline:none; font-size:16px; -webkit-transition:color 0.3s; transition:color 0.3s;  color:#fff; width:220px; line-height:45px; line-height:45px; border-radius:3px;}
.pro_detail04 .content .send:hover{background:#038dcc;}
.pro_detail04 .content .t{line-height:50px;}
.pro_detail04 .content .t a{color:#00a1e9; text-decoration:underline;}



/*拓展窗口*/
.fixd-box {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5999;
	display: none
}
.fixd-box:after {
    width: 200px;
    height: 200px;
    content: '';
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #f8f8f8;
    display: block;
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 0px;
    -webkit-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
}
.admission:after {
    width: 4000px;
    height: 4000px;
    right: -500px;
    top: -1500px;
}

.fixd-box .wrap {
	padding: 40px 60px 80px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
    opacity: 0;
    -webkit-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.admission .wrap {
	opacity: 1;
}

.fixd-box .wrap h2 {
	font-size: 52px;
	font-weight: normal;
	padding: 0 0 50px 168px
}

.fixd-box .txt .left {
	float: left;
	width: 55%
}

.fixd-box .left dl {
	font-size: 18px
}

.fixd-box .left dl:first-child {
	margin-bottom: 3em
}

.fixd-box .left dl dt {
	float: left
}

.fixd-box .left dl dt img {
	width: 127px;
	height: 127px
}

.fixd-box .left dl dd {
	overflow: hidden;
	line-height: 2;
	padding: 0 0 0 40px
}

.fixd-box .left dl:first-child+dl dd {
	padding-top: 10px
}

.fixd-box .left dl dd a {
	display: inline-block;
	margin: 0 .5em 0 0;
	color: #555;
}

.fixd-box .txt .right {
	overflow: hidden;
	line-height: 1.3
}

.fixd-box .txt .right p {
	font-size: 42px
}

.fixd-box .txt .right p:first-child {
	margin-bottom: 1em
}

.fixd-box .txt .right span {
	font-size: 56px;
	font-family: Arial
}

.fixd-box .close {
	background: url(../images/close.png) no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 20px;
	top: 40px
}

/* 下拉 */
.header-wrapper.Header-navbar-mouse {
	background: rgba(0, 0, 0, 0.5);
}

.header-drop {
	max-height: 0;
	transition: all .2s ease;
	position: absolute;
	width: 100%;
	background: #fff;
	left: 0;
	z-index: 99;
	overflow: hidden;
}

.header-drop .container {
	position: relative;
	padding-top: 48px;
}

.header-info {
	width: 480px;
	min-height: 300px;
	padding-right: 10px;
	float: left;
	display: flex;
	text-align: left;
	position: relative;
    flex-direction: column;
}

.header-info .header-info-title {
	width: 100%;
	color: #009966;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}

.header-info .header-info-title span {
	display: block;
	/*text-indent: 3em;*/
}

.header-info .header-info-subtitle {
	color: #666666;
	font-size: 14px;
}

.header-info-img {
	width: 100%;
	position: relative;
	display: flex;
    /* flex-direction: column-reverse; */
    justify-content: flex-end;
}

.header-info-img img {
	max-width: 100%;
	position: absolute;
    vertical-align: bottom;
}

.header-navbox {
	width: calc(100% - 480px);
	float: right;
	position: relative;
    min-height: 300px;
    padding-bottom: 30px;
    padding-left: 58px;
}
.header-navbox::before {
    content: "";
    position: absolute;
    width: 2px;
    left: 0;
    top: -5%;
    height: 105%;
    background: linear-gradient(to bottom,#fff,#e9e9eb);
}
.header-navbox .navbox-link {
	float: left;
	display: block;
	width: 30.33333%;
	margin-right: 20px;
	margin-top: 20px;
	padding: 30px;
	height: 120px;
	border: 1px solid #dedede;
	border-radius: 6px;
	transition: all .4s ease;
}

.header-navbox .navbox-link:hover {
	background-color: #009966;
	border-color: #009966;
	box-shadow: 3px 0px 12px rgba(212, 35, 29, 0.3)
}

.header-navbox .navbox-link .link-img {
	width: 30px;
	height: 30px;
	margin-right: 15px;
	float: left;
	background-image: url(../images/link-img-link.png);
	background-repeat: no-repeat;
}

.header-navbox .navbox-link .link-cont {
	float: left;
	text-align: left;
}

.header-navbox .navbox-link .link-cont .link-cont-h2 {
	color: #333;
	font-size: 18px;
	margin-bottom: 5px;
}

.header-navbox .navbox-link .link-cont p {
	color: #999999;
	font-size: 14px;
}

.header-navbox .navbox-link:hover .link-cont .link-cont-h2 {
	color: #fff;
}

.header-navbox .navbox-link:hover .link-cont p {
	color: #fff;
}

.header-drop.toHeight {
	height: auto;
	max-height: 1000px;
	box-shadow: 0px 4px 4px 6px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.header-info-default .header-navbox .navbox-link .link-img.link-img-1 {
	background-position: 0px 0px;
}

.header-info-default .header-navbox .navbox-link .link-img.link-img-2 {
	background-position: -30px 0px;
}

.header-info-default .header-navbox .navbox-link .link-img.link-img-3 {
	background-position: -60px 0px;
}

.header-info-default .header-navbox .navbox-link .link-img.link-img-4 {
	background-position: -90px 0px;
}

.header-info-default .header-navbox .navbox-link .link-img.link-img-5 {
	background-position: -120px 0px;
}

.header-info-default .header-navbox .navbox-link .link-img.link-img-6 {
	background-position: -150px 0px;
}

.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-1 {
	background-position: 0px -30px;
}

.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-2 {
	background-position: -30px -30px;
}

.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-3 {
	background-position: -60px -30px;
}

.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-4 {
	background-position: -90px -30px;
}

.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-5 {
	background-position: -120px -30px;
}

.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-6 {
	background-position: -150px -30px;
}

.header-info-default .header-navbox .navbox-link .link-img.link-img-7 {
	background-position: 0px -60px;
}

.header-info-default .header-navbox .navbox-link .link-img.link-img-8 {
	background-position: -30px -60px;
}

.header-info-default .header-navbox .navbox-link .link-img.link-img-9 {
	background-position: -60px -60px;
}

.header-info-default .header-navbox .navbox-link .link-img.link-img-10 {
	background-position: -90px -60px;
}

.header-info-default .header-navbox .navbox-link .link-img.link-img-11 {
	background-position: -120px -60px;
}

.header-info-default .header-navbox .navbox-link .link-img.link-img-12 {
	background-position: -150px -60px;
}
.header-info-default .header-navbox .navbox-link .link-img.link-img-13 {
	background-position: 0px -120px;
}
.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-7 {
	background-position: 0px -90px;
}

.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-8 {
	background-position: -30px -90px;
}
.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-9 {
	background-position: -60px -90px;
}

.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-10 {
	background-position: -90px -90px;
}

.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-11 {
	background-position: -120px -90px;
}

.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-12 {
	background-position: -150px -90px;
}
.header-info-default .header-navbox .navbox-link:hover .link-img.link-img-13 {
	background-position: 0px -150px;
}

.header-rows{padding-left: 58px;padding-top: 40px;display: flex;justify-content: space-between;}
.header-rows .rows-link{display: block;width: 20%;padding: 0 1%;float: left;transition: all .6s ease;}
.header-rows .rows-img{max-width: 100%;overflow: hidden;text-align: center;}
.header-rows .rows-img img{height: auto;}
.header-rows .rows-cont{width: 100%;margin-top: 10px;}
.header-rows .rows-cont h2, .header-rows .rows-cont-h2{font-size: 18px;color: #333;transition: all .4s ease;}
.header-rows .rows-cont p{font-size: 14px;color: #999;margin-top: 4px;}
.header-rows .rows-link:hover {transform: translateY(-20px);}
.header-rows .rows-link:hover .rows-cont h2, .header-rows .rows-link:hover .rows-cont-h2{color: #009966;}

.header-list {
    padding-left: 58px;padding-top: 10px;
}
.header-list .list-link{width: 30%;overflow: hidden;float: left;margin: 15px 0px;}
.header-list .list-img{width: 50px;float: left;}
.header-list .list-img img{height: auto;}
.header-list .list-cont{width: calc(100% - 50px);float: right;text-align: left;}
.header-list .list-cont h2, .list-cont-h2{font-size: 16px;color: #333;line-height: 50px;transition: all .4s ease;}
.header-list .list-cont p{font-size: 14px;color: #999;margin-top: 6px;}
.header-list .list-link:hover .list-cont h2, .list-link:hover .list-cont-h2{color: #de1c31;}
.header-info-solution .list-cont-h2 {padding-left:10px;}
.header-menu {
    padding-left: 58px
}
.header-menu .list-link{width: 25%;overflow: hidden;float: left;padding: 40px 10px 0px;transition: all .6s ease;}
.header-menu .list-img{width: 60px;margin: auto;}
.header-menu .list-img img{height: auto;width: 100%;}
.header-menu .list-cont{text-align: center;}
.header-menu .list-cont h2, .list-cont-h2{font-size: 16px;color: #333;line-height: 50px;transition: all .4s ease;}
.header-menu .list-cont p{font-size: 14px;color: #999;margin-top: 6px;}
.header-menu .list-link:hover {transform: translateY(-20px);}
.header-menu .list-link:hover .list-cont h2, .list-link:hover .list-cont-h2{color: #de1c31;}


/*子栏目导航*/



/*底部*/


.footer .index_main .footer_fl {float: left;width: 160px;border-right: 1px solid #fff;margin-right: 50px;}
.footer .index_main .footer_fl:nth-last-of-type(1) {border-right: 0px;}
.footer .index_main .footer_fl dt a {color: #fff;font-size:18px;margin-bottom: 8px;line-height:40px;}
.footer .index_main .footer_fl dd a {display: block;color: #fff;font-size: 14px;line-height: 28px;}
.footer .index_main .footer_fr {float: right;}
.footer .index_main .footer_fr p {color: #fff;font-size: 18px;margin-bottom: 8px;text-align: center;line-height:40px;}
.footer .index_main .footer_fr img {display: block;width: 130px;height: 130px;}

.footer {
	color:#fff;
	background:url(../images/bg.gif);
	/* background:rgba(0,22,12,.95); */
	/* background-size: cover;*/
    background-attachment: fixed;
}

.footer .footer_title {
	padding: 60px 0px 40px;
	position: relative;
	z-index: 9;
}

.footer .footer_title p {
	font-size: 50px;
	font-weight: 700;
	/* color: #353535; */
}
.footer .footer_title .subtitle {
	/* color: #888; */
    font-size: 15px;
    position: relative;
    z-index: 2;
}
.footer .footer_about {
	border-top: 1px solid #eeeeee;
	padding-top: 30px;
	padding-bottom: 10px;
	position: relative;
	z-index: 9;
}

.footer .footer_about ul li {
	float: left;
	width: 45%;
	padding-bottom: 20px;
}

.footer .footer_about ul li.footer_different {
	float: right;
}

.footer .footer_about ul li h4 {
	/* color: #6a6d73; */
	font-size: 16px;
	font-weight: 700;
}

.footer .footer_about ul li h4:after {
	content: '';
	width: 20px;
	height: 2px;
	background-color: #fff;
	display: block;
	margin-top: 15px;
}

.footer .footer_about ul li p {
	font-size: 13px;
	/* color: #6a6d73; */
	padding-top: 25px;
	line-height: 22px;
}

.footer .footer_about ul li p a {
	color: #fff;
}

.footer_linkbox h4 {
	/* color: #6a6d73; */
	font-size: 16px;
	font-weight: 700;
	position: relative;
}

.footer_linkbox h4:after {
	content: '';
	width: 20px;
	height: 2px;
	background-color: #fff;
	display: block;
	margin-top: 15px;
}

.footer_linkbox h4 span {
	cursor: pointer;
	font-weight: normal;
	right: 0px;
	top: 0px;
	display: block;
	padding: 0 10px;
	font-size: 14px;
	line-height: 22px;
	/* color: #666; */
	border: 1px solid #fff;
	position: absolute;
}

.footer_linkbox .footer_links {
	font-size: 13px;
	padding-top: 20px;
	display: none;
}

.footer_linkbox .footer_links a {
	color: #fff;
	font-size: 13px;
	margin-right: 19px;
	display: inline-block;
	margin-top: 5px;
}

.footer_linkbox .footer_links a:hover {
	color: #fff;
}
/*首页关于德森开始*/
.about_linkbox h4 {
	/* color: #6a6d73; */
	font-size: 16px;
	font-weight: 700;
	position: relative;
}

.about_linkbox h4:after {
	content: '';
	width: 20px;
	height: 2px;
	background-color: #fff;
	display: block;
	margin-top: 15px;
}

.about_linkbox h4 span {
	cursor: pointer;
	font-weight: normal;
	right: 0px;
	top: 0px;
	display: block;
	padding: 0 10px;
	font-size: 14px;
	line-height: 22px;
	/* color: #666; */
	border: 1px solid #fff;
	position: absolute;
}

.about_linkbox .about_links {
	font-size: 13px;
	min-height: 200px;
	padding-top: 20px;
	display: none;
}

.about_linkbox .about_links a {
	color: #fff;
	font-size: 13px;
	margin-right: 19px;
	display: inline-block;
	margin-top: 5px;
}

.about_linkbox .about_links a:hover {
	color: #fff;
}
/*首页关于德森结束*/

.footer .footer_center {
	padding-top: 20px;
}

.footer .footer_center li {
	width: 22%;
	float: left;
	margin-right: 2.6%;
	/* color: #6a6d73; */
}

.footer .footer_center li:last-child {
	margin-right: 0;
}

.footer .footer_center li .f-ewm {
	width: 100px;
	margin-right: 10px;
	float: left;
}

.footer .footer_center li .tbox {
	display: inline-block;
	line-height: 28px;
}

.footer .footer_center li .tbox.ewm {
	padding-top: 22px;
}

.footer .footer_center li .tbox.tel {
	padding: 6px 0 0 45px;
	background: url(../images/dianhua.png) left 8px no-repeat;
}

.footer .footer_center li .tbox.mail {
	padding: 6px 0 0 45px;
	background: url(../images/f-icon2.png) left 8px no-repeat;
}

.footer .footer_center li .tbox.addr {
	padding: 8px 0 0 45px;
	background: url(../images/dizhi.png) left 4px no-repeat;
}


.footer .footer_center li .tbox .tit {
	font-size: 16px;
}


.footer .copyright {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	padding: 20px 0px;
	border-top: 1px solid #fff;
}

.footer .copyright span {
	color: #fff;
}

.footer .copyright span a {
	color: #fff;
	margin-left: 10px
}

.footer .copyright span a:hover {
	text-decoration: underline;
}

#KFLOGO {
	z-index: 10085;
	right: 2px;
	top: 40%;
	width: 131px;
	padding: 4px;
	height: 46px;
	overflow: hidden;
	position: fixed;
	background-color: #009966;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

#KFLOGO .Lelem {
	display: block;
	cursor: pointer
}



.footer-topbar {
	padding: 60px 0px 30px;
	border-bottom: 1px solid #dedede;
}

.footer-topbar .footer-topbar-content {
	margin: 0 auto;
}

.footer-topbar .footer-topbar-content .footer-topbar-item {
	width: 18%;
	float: left;
	cursor: pointer;
	margin-left: 2%;
	border-right: 1px solid #dedede;
}

.footer-topbar .footer-topbar-content .footer-topbar-item:last-child {
	border-width: 0;
}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img {
	float: left;
}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .icon {
	display: block;
	width: 80px;
	height: 80px;
	background-image: url(../images/footer-topbar.png);
	background-repeat: no-repeat;
}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon1 {
	background-position: 0px 0px;
}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon2 {
	background-position: -80px 0px;
}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon3 {
	background-position: -160px 0px;
}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon4 {
	background-position: -240px 0px;
}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon5 {
	background-position: -320px 0px;
}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content {
	float: left;
	margin-top: 12px
}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content .h4 {
	font-size: 20px;
	color: #333;
}

.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content p {
	font-size: 14px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.footer-topbar .footer-topbar-content .footer-topbar-item:hover .f-top-img .f-t-icon1 {
	background-position: 0px -80px;
}

.footer-topbar .footer-topbar-content .footer-topbar-item:hover .f-top-img .f-t-icon2 {
	background-position: -80px -80px;
}

.footer-topbar .footer-topbar-content .footer-topbar-item:hover .f-top-img .f-t-icon3 {
	background-position: -160px -80px;
}

.footer-topbar .footer-topbar-content .footer-topbar-item:hover .f-top-img .f-t-icon4 {
	background-position: -240px -80px;
}

.footer-topbar .footer-topbar-content .footer-topbar-item:hover .f-top-img .f-t-icon5 {
	background-position: -320px -80px;
}

.footer-topbar .footer-topbar-content .footer-topbar-item:hover .f-top-content,
.footer-topbar .footer-topbar-content .footer-topbar-item:hover .f-top-content p {
	color: #009966;
}

.footer .footer_link {
	color: #999999;
	font-size: 15px;
	line-height: 30px;
	padding: 30px 0px 50px;
}

.footer .footer_link a {
	color: #999999
}

.footer .footer_link a:hover {
	color: #666;
	text-decoration: underline;
}

.footer .footer_links {
	padding-bottom: 40px;
}

.footer .footer_links span,
.footer .footer_links ul,
.footer .footer_links ul li {
	display: inline-block;
	vertical-align: middle;
	color: #999999;
	font-size: 14px
}

.footer .footer_links ul li {
	height: 20px;
	line-height: 20px;
	margin-bottom: 6px
}

.footer .footer_links ul li span {
	display: block;
	margin-right: 5px
}

.footer .footer_links ul li a {
	color: #999999;
	margin-right: 12px
}

.footer .footer_links ul li a:hover {
	color: #666;
	text-decoration: underline;
}

.footer .footer_links ul li a:hover:after {
	color: #666
}

.footer .footer_links ul li a:after {
	content: '¦';
	display: inline;
	margin-left: 12px;
	font-size: 10px;
	position: relative;
	top: -1px
}

.footer .footer_links ul li:last-of-type a:after {
	display: none
}



.wx_pop {
	position: fixed;
	right: 10px;
	bottom: 320px;
	z-index: 999;
	visibility: visible;
	animation-delay: 10s
}

.wx_pop .wx_content a {
	width: 50px;
	height: 50px;
	display: block;
	background-color: #009966 !important;
	background-image: url(../images/email-tell2.png) !important;
	border-radius: 100%;
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	z-index: 100;
	transition: .3s;
	visibility: visible;
	animation-delay: 10s
}

.wx_pop .wx_content a:hover {
	margin-bottom: 4px
}

.wx_pop .wx_content .num {
	font-weight: 700 !important;
	line-height: 20px !important;
	position: absolute !important;
	top: -3px !important;
	right: -3px !important;
	width: 20px !important;
	height: 20px !important;
	text-align: center !important;
	color: #FFF !important;
	border-radius: 100% !important;
	background: none repeat scroll 0 0 #f00 !important;
	font-family: Helvetica, Arial
}

.wx_pop .wx_content .wx_ewm {
	width: 130px;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	position: absolute;
	right: 90px;
	top: -60px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	text-align: center
}

.wx_pop .wx_content .wx_ewm img {
	width: 130px;
	height: 130px
}

.wx_pop .wx_content .wx_ewm:before {
	top: 55% !important;
	transform: translateY(-50%) !important;
	right: -16px !important;
	bottom: auto !important;
	left: auto !important;
	border-color: transparent transparent transparent rgba(0, 0, 0, 0.8) !important;
	margin: 0 !important;
	border-width: 8px !important;
	border-style: solid !important;
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	position: absolute !important;
	z-index: 500 !important;
	content: "" !important;
	background: none repeat scroll 0 0 transparent !important
}

.cbh-ph-circle {
	width: 120px;
	height: 120px;
	top: -35px;
	left: -35px;
	position: absolute !important;
	background-color: transparent;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid #009966;
	opacity: .5;
	-webkit-animation: cbh-circle-anim 2.2s infinite ease-in-out;
	animation: cbh-circle-anim 2.2s infinite ease-in-out;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.cbh-ph-circle-fill {
	width: 70px;
	height: 70px;
	top: -10px;
	left: -10px;
	position: absolute !important;
	background-color: #009966;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: .75;
	-webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
	animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-box-shadow: 0 0 2px 0 #009966 !important;
	box-shadow: 0 0 2px 0 #009966 !important;
	-webkit-transition: all .5s;
	transition: all .5s
}

@-webkit-keyframes cbh-circle-anim {
	0% {
		-webkit-transform: rotate(0) scale(.5) skew(1deg);
		transform: rotate(0) scale(.5) skew(1deg);
		opacity: .01
	}

	30% {
		-webkit-transform: rotate(0) scale(.7) skew(1deg);
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .01
	}
}

@keyframes cbh-circle-anim {
	0% {
		-webkit-transform: rotate(0) scale(.5) skew(1deg);
		transform: rotate(0) scale(.5) skew(1deg);
		opacity: .01
	}

	30% {
		-webkit-transform: rotate(0) scale(.7) skew(1deg);
		transform: rotate(0) scale(.7) skew(1deg);
		opacity: .5
	}

	100% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .01
	}
}

@-webkit-keyframes cbh-circle-fill-anim {

	0%,
	100% {
		-webkit-transform: rotate(0) scale(.6) skew(1deg);
		transform: rotate(0) scale(.6) skew(1deg);
		opacity: .2
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
}

@keyframes cbh-circle-fill-anim {

	0%,
	100% {
		-webkit-transform: rotate(0) scale(.6) skew(1deg);
		transform: rotate(0) scale(.6) skew(1deg);
		opacity: .2
	}

	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg);
		transform: rotate(0) scale(1) skew(1deg);
		opacity: .2
	}
}

/*新闻资讯*/
.wrapper_news .floor-title {
	text-align: left;
	position: relative;
	margin-left:10px;
	margin-bottom: 60px;
}

.wrapper_news .floor-title p {
	color: #353535;
	font-size: 30px;
	font-weight: bold;
	position: relative;
	z-index: 2;
}

.wrapper_news .floor-title .subtitle {
	color: #353535;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	z-index: 2;
}

.news_search {
	margin-top: 0;
	margin-left: 30px;
	bottom: 0;
	z-index: 2;
}

.container_nav {
	padding-top: 80px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.container_nav .row {
	width: 100%;
	padding: 54.5px 0;
	text-align: center
}

.container_nav .row ul li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 25px
}

.container_nav .row ul li a {
	display: block
}

.container_nav .row ul li a i {
	display: block;
	width: 100px;
	height: 100px;
	border: 2px solid #fff;
	margin: 0 auto;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-transition: background-color .4s ease;
	-moz-transition: background-color .4s ease;
	-ms-transition: background-color .4s ease;
	-o-transition: background-color .4s ease;
	transition: background-color .4s ease
}

.container_nav .row ul li:hover a i,
.container_nav .row ul li.on a i {
	background-color: #fff;
	background-position: 0 -100px
}

.container_nav .row ul li a span {
	display: block;
	color: #fff;
	font-size: 18px;
	margin-top: 15px
}

.container_nav .row ul li a i.anniu {
	background-position: 0 -100px;
	background-color: #fff
}

.location {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 40px
}

.location .location_wrap {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	padding-left: 18px;
	background: url(../images/common_icons.png) no-repeat -792px -48px;
	box-sizing: border-box
}

.location .location_wrap a {
	display: block;
	margin-right: 12px;
	float: left;
	color: #555;
	font-size: 12px
}

.location .location_wrap a:hover {
	color: #009966
}

.location .location_wrap a:after {
	content: '>';
	display: block;
	float: right;
	margin-left: 12px;
	font-family: "Sunsim";
	line-height: 42px
}

.location .location_wrap a:hover:after {
	color: #555
}

.location .location_wrap a:last-of-type:after {
	display: none
}

.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.suspension {
	width: 60px;
	position: fixed;
	right: 10px;
	bottom: 150px;
	z-index: 999;
    min-height: 60px;
    border-radius: 60px;
    /* background: #fff;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.25); */
}

.suspension li {
	position: relative;
	width: 60px;
	height: 60px;
	margin-top: 3px;
}

.suspension li:hover {
	cursor: pointer
}

.suspension .rexian:hover .connect-us {
	display: block
}

.suspension .public_left:hover .qrcode {
	display: block
}

.connect-us,
.qrcode {
	position: absolute;
	bottom: 0;
	z-index: 30
}

.suspension li:first-child {
	margin-top: 0
}
.suspension li:hover>span {
	background-color: #99CC99;
}

.pop-qrcode,
.pop-tel,
.to-top {
	display: block;
	width: 48px;
	height: 48px;
	margin: 6px;
	float: left;
	box-shadow: 0 2px 15px 0 rgba(0,0,0,.25);
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/suspend_icon.png)
}

.pop-tel {
	border-color: #009966;
	background-color: #009966;
	background-position: 0 0
}
/* .suspension li:hover>.pop-tel {
	background-color: #009966;
} */

.pop-qrcode {
	border-color: #009966;
	background-color: #009966;
	background-position: 0px -48px;
}

.to-top {
	border-color: #009966;
    background-color: #009966;
	background-position: 0px -96px;
	cursor: pointer
}

.hottag {
	position: absolute;
	width: 200px;
	height: 200px;
	border: 1px solid silver;
	/* background-image: linear-gradient(to bottom right, #06e15e, #65cceb); */
	left: 0;
	top: 100px;
	z-index: 9999;
	transition: 0.2s ease-out;
}
.hottag:hover {
    /* background-image: linear-gradient(to bottom right, #65cceb, #06e15e); */
}

.hottag .hot-tag {
	cursor: move;
	width: 100%;
	height: 100%;
	background-image: url(../images/26.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
	font-size: 10px;
}

#oDiv {
	position: absolute;
	width: 200px;
	height: 200px;
	left: 0px;
	top: 100px;
	z-index: 9999;
	/* transition: 0.2s ease-out; */
}

#move {
	/* cursor: move; */
	width: 100%;
	height: 100%;
	background-image: url(../images/26.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
	font-size: 10px;
}

#close {
	float: right;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	cursor: hand;
	background-color: #cc3333;
	color: White;
	font-size: 15px;
}

.connect-us {
	width: 240px;
	right: 70px;
    bottom: -75px;
	display: none;
}
.connect-us:before {
	top: 50% !important;
	transform: translateY(-50%) !important;
	right: -16px !important;
	bottom: auto !important;
	left: auto !important;
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.8) !important;
	margin: 0 !important;
	border-width: 8px !important;
	border-style: solid !important;
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	position: absolute !important;
	z-index: 500 !important;
	content: "" !important;
	background: none repeat scroll 0 0 transparent !important
}
.connect-us ul {
	padding: 10px 24px;
	background: #fff;
	-webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .15)
}

.connect-us li {
	display: list-item;
	width: 100%;
	height: auto;
	padding: 16px 0;
	overflow: hidden;
	margin-top: 0;
	border-top: 1px solid #f4f4f4
}

.connect-us li:first-child {
	border-top: 0
}

.connect-us li.feedback-item {
	padding-bottom: 0
}

.connect-us li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0 0
}

.service-phone {
	background-image: url(../images/suspend_icon_01.png)
}

.service-phone:hover {
	background-image: url(../images/suspend_icon_01_blue.png)
}

.service-mobile {
	background-image: url(../images/mobile2.png)
}

.service-mobile:hover {
	background-image: url(../images/mobile1.png)
}

.service-online {
	background-image: url(../images/suspend_icon_03.png)
}

.service-online:hover {
	background-image: url(../images/suspend_icon_03_blue.png)
}

.service-feedback:hover .info-name,
.service-online:hover .info-name {
	color: #009966
}

.service-feedback {
	background-image: url(../images/suspend_icon_02.png)
}

.service-feedback:hover {
	background-image: url(../images/suspend_icon_02_blue.png)
}

.info-name,
.info-value {
	display: block;
	padding-left: 52px
}

.info-name {
	font-size: 14px;
	color: #333
}

.info-value {
	font-size: 18px;
	font-weight: 700;
	color: #009966
}

.service-feedback .info-value {
	font-size: 12px;
	font-weight: inherit;
	color: #999
}

.qrcode {
	width: 130px;
	right: 70px;
	bottom: -48px;
	padding: 10px;
	background-color: rgba(0, 168, 65, 0.8);
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	display: none
}

.qrcode:before {
	top: 50% !important;
	transform: translateY(-50%) !important;
	right: -16px !important;
	bottom: auto !important;
	left: auto !important;
	border-color: transparent transparent transparent rgba(0, 168, 65, 0.8) !important;
	margin: 0 !important;
	border-width: 8px !important;
	border-style: solid !important;
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	position: absolute !important;
	z-index: 500 !important;
	content: "" !important;
	background: none repeat scroll 0 0 transparent !important
}

.corner {
	border: 10px solid transparent;
	border-top: 10px solid #fff;
	position: absolute;
	bottom: -20px;
	right: 50%;
	margin-right: -10px;
	z-index: 10;
	*height: 0
}

.page_box {
	overflow: hidden;
	text-align: center;
	font-size: 0;
	margin: 80px 0
}
.page_box .page-num-current{
	border-color: #009966;
	color: #fff;
	background: #009966
}

.page_box a {
	display: inline-block;
	vertical-align: top;
    min-width: 37px;
    height: 37px;
    text-align: center;
    line-height: 35px;
    margin: 0px 5px;
    padding: 0px 10px;
    color: #636363;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
}

.page_box a i {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	margin-right: 5px
}

.page_box a em {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	margin-left: 5px
}

.page_box span {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #8e8e8e;
	line-height: 35px;
}

.page_box input {
	width: 56px;
	height: 34px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 35px;
	color: #636363;
	font-size: 16px;
	border-radius: 3px;
	margin-left: 5px
}

.page_box .submit {
	width: 56px;
	height: 37px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #ccc;
	background: #fff;
	color: #636363;
	font-size: 16px;
	margin-right: 9px;
	border-radius: 3px;
	margin-left: 10px
}

.page_box a.on,
.page_box a:hover {
	border-color: #009966;
	color: #fff;
	background: #009966
}

.page_box a.on span {
	color: #fff
}

/*内页导航*/


.Tpiaochuan {
	width: 613px;
	height: 285px;
	background: url(../images/bgx-1.png) no-repeat center center;
	background-size: 100% 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999;
	display: none
}

.Tpiaochuan .button {
	width: 100%;
	position: absolute;
	bottom: 54px;
	left: 0;
	text-align: center
}

.Tpiaochuan .button .zixun {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8%;
	cursor: pointer;
	color: #009966;
	font-size: 16px;
	width: 130px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #fff;
	background-color: #fff;
	border-radius: 30px
}

.Tpiaochuan .button .close {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8%;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	width: 100px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 30px
}

.pop_ups {
	position: fixed;
	left: 50%;
	margin-left: -340px;
	top: 50%;
	margin-top: -165px;
	background: rgba(0, 168, 65, 0.9);
	width: 660px;
	height: 310px;
	padding: 10px;
	z-index: 1000;
	display: none
}

.pop_ups .close {
	position: absolute;
	right: -18px;
	top: -18px;
	background: rgba(0, 168, 65, 0.9);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	z-index: 10;
	width: 36px;
	height: 36px
}

.pop_ups .close img {
	width: 36px
}

.pop_ups .content {
	border: 1px #fff solid;
	height: 288px;
	padding: 40px
}

.pop_ups .content .title {
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	color: #fff
}

.pop_ups .content .pop_ewm {
	float: left;
	width: 50%;
	text-align: center;
	color: #fff;
	font-size: 18px
}

.pop_ups .content .pop_ewm img {
	margin: 25px 0 15px
}

.pop_ups .content .pop_info {
	float: left;
	width: 50%;
	margin-top: 30px;
	text-align: center
}

.pop_ups .content .pop_info a {
	display: inline-block;
	width: 160px;
	height: 38px;
	line-height: 38px;
	border: 1px #fff solid;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	margin-bottom: 15px
}

.pop_ups .content .pop_info a:hover {
	color: #009966;
	background-color: #fff
}

.pop_ups .content .pop_info strong {
	font-size: 28px;
	color: #fff;
	display: block
}


.lineLink {
  display: inline-block;
  width: 206px;
  height: 50px;
  line-height: 48px;
  position: relative;
  font-size: 16px;
  color: #009966;
  border: 1px solid #009966;
  padding: 0 12px 0 26px;
  text-align: left;
  transition: all .4s ease .2s;
  border-radius: 30px;
}

.lineLink span {
  display: inline-block;
  position: relative;
  width: 100%;
}
.lineLink span::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #fff;
  right: -6px;
  top: 7px;
  transform: scale(0.4);
  transition: all .4s ease .2s;
  opacity: 0;
}
.lineLink span::after {
  	content: "";
  	position: absolute;
    width: 8px;
    height: 8px;
    border-top: 1px solid #009966;
    border-left: 1px solid #009966;
    transform: rotate(135deg);
  	right: 9px;
  	top: 50%;
  	margin-top: -4px;
}
@media (min-width: 1280px) {


	.lineLink:hover {
	  background-color: #009966;
	  color: #fff;
	  border-radius: 30px;
	}

	.lineLink:hover span::before {
	  transform: scale(1);
	  opacity: 1;
	}
	.lineLink:hover span::after {
		border-color: #fff;
	}
}
@media (max-width: 1280px) {
	.lineLink {
		width: 140px;
		height: 40px;
		line-height: 38px;
	}

	.lineLink::before {
		right: 125px;
	}
}

.index-floor.foot-contact {
	padding: 0px;
	background-image: url(../images/index_contact.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.foot-contact .experience {
	float: left;
	padding: 30px 0px;
	width: 480px;
	text-align: center;
	position: relative;
	background: #009966;
}

.foot-contact .experience .num {
	font-size: 68px;
	line-height: 70px;
	color: #fff;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.foot-contact .experience .num i {
	font-size: 100px;
	line-height: 80px;
	font-weight: bold;
	display: inline-block;
}
.foot-contact .experience p {
	font-size: 50px;
	color: #fff
}

.foot-contact .foot_contact_cont {
	float: left;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: -webkit-calc(100% - 480px);
	width: calc(100% - 480px);
	padding: 20px 0px 0px;
	position: relative;
	z-index: 9;
}

.foot-contact .foot_contact_cont dl {
	float: left;
	position: relative;
	padding-bottom: 80px;
	padding-left: 50px;
	text-align: left;
}

.foot-contact .foot_contact_cont dl dt h4 {
	font-size: 42px;
	color: #fff;
}

.foot-contact .foot_contact_cont dl dt .desc {
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	padding-top: 10px;
}

.foot-contact .foot_contact_cont dl dd {
	width: 375px;
	max-width: inherit;
	position: absolute;
	bottom: 0px;
	left: 50px;
}

.foot-contact .foot_contact_cont dl dd a {
	display: block;
	width: calc(50% - 5px);
	height: 54px;
	line-height: 46px;
	font-weight: 700;
	border-radius: 40px;
	border: 4px solid #009966;
	float: left;
	margin-left: 10px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	transition: all .6s ease;
	position: relative;
}

.foot-contact .foot_contact_cont dl dd a.cur,
.foot-contact .foot_contact_cont dl dd a:hover {
	background-color: #009966;
	border-color: #009966;
	color: #fff;
}

.foot-contact .foot_contact_cont dl dd a:nth-child(1) {
	margin-left: 0px;
}

.foot-contact .foot_contact_cont dl dd a ul {
	position: absolute;
	text-align: center;
	width: 130px;
	left: 0;
	right: 0;
	bottom: 130%;
	margin: 0 auto;
	display: none;
	background: #fff;
	border-radius: 5px;
	overflow: visible;
	z-index: 99;
}

.foot-contact .foot_contact_cont dl dd a ul li {
	margin: 5px;
}

.foot-contact .foot_contact_cont dl dd a:hover ul {
	display: block;
	box-shadow: 0 0 4px #a9a9a9
}

.foot-contact .foot_contact_cont .right_form {
	float: right;
	width: 520px;
}

.foot-contact .foot_contact_cont .right_form .tit {
	font-size: 16px;
	color: #ffffff;
	text-align: right;
	margin-bottom: 16px;
}

.foot-contact .foot_contact_cont .right_form form {
	width: 100%;
}

.foot-contact .foot_contact_cont .right_form form label {
	display: block;
	position: relative;
}

.foot-contact .foot_contact_cont .right_form form label span {
	font-size: 14px;
	line-height: 48px;
	color: #999;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.foot-contact .foot_contact_cont .right_form form label {
	width: 360px;
	height: 48px;
	padding: 0 16px;
	box-sizing: border-box;
	float: left;
	background-color: rgba(240, 240, 240, 0.9);
}

.foot-contact .foot_contact_cont .right_form form .input {
	width: 100%;
	font-size: 14px;
	color: #333;
	line-height: 20px;
	padding: 14px 0;
	background-color: rgba(0, 0, 0, 0);
	border: none;
}

.foot-contact .foot_contact_cont .right_form form .btn {
	width: 160px;
	display: block;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
	float: left;
	background-color: #009966;
	border: none;
	color: #fff;
	font-size: 16px;
	transition: all 0.6s ease;
}

.foot-contact .foot_contact_cont .right_form form .btn:hover {
	background-color: #009966;
}

@media (min-width: 480px) {

}

@media (min-width: 768px) {


}

@media (min-width: 992px) {
	.header {
		background-color: rgba(0,0,0,0);
	}

	.header .logo {
	    height: auto;
	}

	.header .logo a {
		padding: 15px 0;
	}

	.header .logo a img {
		height: auto;
	}
	.header .info {
		display: block;
	}
	.header .navbar {
		display: block;
		float: right;
	    margin-right: 30px;
	    background: none;
		position: initial;
		width: auto;
	    text-align: center;
	    -webkit-transition: all .4s ease;
	    -moz-transition: all .4s ease;
	    -ms-transition: all .4s ease;
	    -o-transition: all .4s ease;
	    transition: all .4s ease;
	}
	.header .navbarlogo,
	.header .navbar .menuclos {
		display: none
	}
	.header .navbar>ul {
		font-size: 0;
		position: initial;
	    left: 0px;
	    top: 0px;
	    bottom: 0px;
	    right: 0px;
	    padding: 0px;
	}

	.header .navbar>ul>li {
		display: inline-block;
		list-style: none;
		overflow: hidden;
	    margin: 0;
	    width: auto;
	    border: none;
	    position: static;
	}

	.header .navbar>ul>li>a {
		display: block;
		width: 100%;
		height: 84px;
		line-height: 94px;
		font-size: 16px;
		color: #fff;
		padding: 0 12px;
		transition: all .4s ease;
	}


	.header .navbar>ul>li:hover>a,
	.header .navbar>ul>li.on a {
		color: #009966
	}

	.header .nav-menu {
		display: none;
	}
	.header .logo {
		height: 60px
	}

	#oDiv {
	    width: 200px;
	    height: 150px;
	}

}

@media (min-width: 1280px) {

	.header .navmap {
		display: block;
	}
	.header .navbar {
		margin-right: 50px;
	}
	.header .navbar>ul>li>a {
		padding: 0 20px;
	}
}
@media (min-width: 1660px) {

}


@media(max-width:1110px) {


	.fixd-box {
		height: 100%
	}

	.fixd-box .wrap {
		padding: 20px 0;
		position: relative;
		height: 100%;
		overflow-x: scroll;
		box-sizing: border-box;
		position: relative;
		z-index: 2;
	}

	.fixd-box .wrap h2 {
		font-size: 20px;
		padding: 10px
	}

	.fixd-box .txt .left {
		float: left;
		width: 100%
	}

	.fixd-box .left dl {
		font-size: 15px;
		padding: 10px
	}

	.fixd-box .left dl:first-child {
		margin-bottom: 3em
	}

	.fixd-box .left dl dt {
		float: left
	}

	.fixd-box .left dl dt img {
		width: 100px;
		height: 100px
	}

	.fixd-box .left dl dd {
		padding: 0 0 0 10px
	}

	.fixd-box .txt .right {
		width: 100%;
		line-height: 1.5;
		padding: 20px 10px 10px;
		box-sizing: border-box;
		text-align: right
	}

	.fixd-box .txt .right p {
		font-size: 16px
	}

	.fixd-box .txt .right span {
		font-size: 30px;
		font-family: Arial
	}

	.fixd-box .close {
		width: 40px;
		height: 40px;
		background-size: 100% 100%
	}
}

@media(max-width:768px) {
	.channel_content {
	    padding: 15px 0;
	}
	.wrap {
	    padding-left: 2%;
	    padding-right: 2%;
	    width: auto;
	}
	.pro_detail01{padding-bottom:15px; padding-top:15px;}
    .pro_detail01 .left{width:100%;height:auto;}
    .pro_detail01 .left .intro .t{font-size:20px; line-height:1; margin-bottom:15px;}
    .pro_detail01 .left .intro .c{font-size:30px; font-weight:bold; font-family:Arial;}
    .pro_detail01 .left .content ul li{font-size:16px;}
    .pro_detail01 .left .activity{font-size:14px;}
    .pro_detail01 .left .down .t{font-size:14px;}
    .pro_detail01 .left .down .icon{height:42px;}
    .pro_detail01 .right{margin-top:15px;}
    .pro_detail01 .right .content:before{top:-15px;}
    .pro_detail01 .right .content:after{top:-15px;}
    .pro_detail01 .right .content .text .con .con_c{font-size:13px;}
    .pro_detail01 .right .content .text .con2{margin:15px 0;}
    .pro_detail01 .right .content .text{margin:15px 0 0 0;}
    .pro_detail01 .right .btn .icon{margin-right:12px;}
    .pro_detail01 .right .down{font-size:13px; margin-top:15px;}
    .pro_detail01 .right .intro .t{font-size:20px; line-height:40px;}
    .pro_detail01 .right .intro .c span{font-size:20px;}
    .pro_detail01 .right .intro .c .share{font-size:13px;}
    .pro_detail01 .right .img_list{width:100%;}
    .pro_detail01 .right .btn>a{font-size:13px; padding:5px 10px;}
    .pro_detail02 .hd .order{display:none;}
    .pro_detail02 .hd.fixed .search{display:none;}
    .pro_detail02 .bd .selection1 .content .right .t{font-size:20px;}
    .pro_detail02 .bd .selection1 .content .right .c{margin-top:15px; font-size:13px; height:auto;}
    .pro_tc .top .tit{font-size:13px;}
    .pro_tc .top .con{font-size:20px;}

    .pro_detail02 .hd{margin-bottom:15px;}
    .pro_detail02 .hd.fixed {
        position: fixed;
        width: 100%;
        top: 63px;
        left: 0;
        z-index: 5;
    }
    .pro_detail02 .hd .list dt,
    .pro_detail02 .hd .list dd{font-size:18px; line-height:50px;width:30%;}
	.pro_detail02 .hd dd.order {
		width: 8%;
		background: #00cc66;
		font-size: 18px;
		color: #FFF;
		transition: all 0.5s ease;
	}
    .pro_detail02 .hd .list .item.active:after{width:100%; height:2px;}
    .pro_detail02 .bd{padding-top:0;}
    .pro_detail02 .bd .selection1 .content .t{width:100%; font-size:16px;}
    .pro_detail02 .bd .selection1 .content .con_bott{font-size:14px;}
    .pro_detail02 .bd .selection1 .owl-dots{bottom:10px;}
    .pro_detail02 .bd .selection1 .content .con_top{padding:15px 0;}
    .pro_detail02 .bd .selection1 .content .t{font-size:20px;}
    .pro_detail02 .bd .selection1 .content .c{font-size:13px; margin-top:15px;}
    .pro_detail02 .bd .selection1{padding-bottom:15px;}
    .pro_detail02 .bd .selection2{margin:15px 0;}
    .pro_detail02 .bd .selection2 .down{display:none;}
    .pro_detail02 .bd .selection2 .tit{font-size:20px; margin-bottom:15px;}

    .pro_detail02 .bd .selection3{padding:0 0 15PX 0;}
    .pro_detail02 .bd .selection3 .item .box .tit{font-size:18px; height:auto;}
    .pro_detail02 .bd .selection3 .infor .btn_all{top:6px;}
    .pro_detail02 .bd .selection3 .infor {margin-bottom:15px;}
    .pro_detail02 .bd .selection3 .infor .line{top:6px; right:27px;}
    .pro_detail02 .bd .selection3 .infor .btn_all .owl-next{right:10px;}
    .pro_detail02 .bd .selection3 .item{margin-top:0;}
    /*.pro_detail02 .bd .selection3 .item .box .list ul li{font-size:13px;}*/
    .pro_detail02 .bd .selection3 .item .box .list ul li{font-size:12px;}
    .pro_detail02 .bd .selection3 .item .box .list{font-size:12px;}
    .pro_detail02 .bd .selection3 .item .box{padding:15px;}
    .pro_detail03{padding:15px 0;}
    .pro_detail03 .tit{font-size:20px;}
    .pro_detail03 .con ul li .t{font-size:13px;}

	.hidden-xs {
		display: none !important
	}

	/* .full-crumbs .nav-channel{
		display: none !important;
	}
	.full-crumbs{
		display: block !important;
	} */

	.hidden-lg {
		display: block !important
	}

	.suspension {
		display: none
	}


	.container_nav {
		padding-top: 50px
	}

	.container_nav .row {
		padding: 20px 0
	}

	.container_nav .row ul li {
		margin: 0 20px 10px
	}

	.container_nav .row ul li a i {
		width: 80px;
		height: 80px;
		background-size: 80px auto
	}

	.container_nav .row ul li:hover a i,
	.container_nav .row ul li.on a i {
		background-color: #fff;
		background-position: 0 -80px
	}

	.location {
		margin-bottom: 20px;
		width: auto;
		padding: 0 5px
	}

	.container_nav .row ul li a i.anniu {
		background-position: 0 -80px;
		background-color: #fff
	}

	.Tpiaochuan {
		display: none !important
	}

	.Tpiaochuan {
		width: 350px;
		height: 163px
	}

	.Tpiaochuan .button {
		bottom: 20px
	}

	.Tpiaochuan .button .zixun {
		font-size: 13px;
		width: 100px;
		height: 28px;
		line-height: 28px
	}

	.Tpiaochuan .button .close {
		font-size: 13px;
		width: 80px;
		height: 28px;
		line-height: 28px
	}
	.footer .index_main .footer_fl {width: 100%; overflow: hidden; max-height: 50px; border-bottom: 1px solid #fff; border-right: 0px; -webkit-transition: max-height .3s cubic-bezier(.33,0,0,1); transition: max-height .3s cubic-bezier(.33,0,0,1); }
	.footer .index_main .footer_fl.active {max-height: 205px;will-change: transform,max-height;}
	.footer .index_main .footer_fl dt {width: auto; margin-bottom: 0; padding: 14px 0px; position: relative; }
	.footer .index_main .footer_fl dt:after {content: "+";display: block;float: right;color: #fff;font-size: 30px;height: 21px;line-height: 21px; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all .3s ease;transition: all .3s ease; }
	.footer .index_main .footer_fl.active dt:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
	.footer .index_main .footer_fl dt a {margin: 0px;font-size: 15px;height: 21px;line-height: 21px;}
	.footer .index_main .footer_fl dd a {text-indent: 1em;}
	.footer .index_main .footer_fl dd:last-child {margin-bottom: 20px;}
	.footer .index_main .footer_fr {width: 100%;text-align: center;padding: 15px 0px 0px;}
	.footer .index_main .footer_fr img {width: 150px;height: 150px;margin:0 auto;}
	.footer .index_main .footer_fr p{font-size:15px;line-height:30px;}
	#oDiv {
	    width: 150px;
	    height: 172px;
	}
}

@media(max-width:540px) {
	.container_nav .row ul li {
		margin: 0 20px 10px
	}

	.container_nav .row ul li a i {
		width: 56px;
		height: 56px;
		background-size: 56px auto
	}

	.container_nav .row ul li:hover a i,
	.container_nav .row ul li.on a i {
		background-color: #fff;
		background-position: 0 -56px
	}

	.container_nav .row ul li a span {
		margin-top: 5px;
		font-size: 15px
	}

	.ny_header .ny_head_c {
		display: none
	}

	.ny_header .ny_head_l li,
	.ny_header .ny_head_l li a {
		width: 40px
	}

	.ny_header .ny_head_l li.ny_head_l_n {
		background-position: -205px 0
	}

	.ny_header .ny_head_l li.ny_head_l_n:hover {
		background-position: -205px -40px
	}

	.ny_header .ny_head_l li.ny_head_l_h {
		background-position: -3px 0
	}

	.ny_header .ny_head_l li.ny_head_l_h:hover {
		background-position: -3px -40px
	}

	.ny_header .ny_head_l li.ny_head_l_nx {
		background-position: -55px 0
	}

	.ny_header .ny_head_l li.ny_head_l_nx:hover {
		background-position: -55px -40px
	}

	.ny_header .ny_head_r {
		margin: 0
	}

	.container_nav .row ul li a i.anniu {
		background-position: 0 -55px;
		background-color: #fff
	}

	#KFLOGO {
		display: none
	}

	.wx_pop {
		display: none
	}

	.mobile_icon_div>div {
		display: none
	}
	.footer .index_main .footer_fl {width: 100%; overflow: hidden; max-height: 50px; border-bottom: 1px solid #fff; border-right: 0px; -webkit-transition: max-height .3s cubic-bezier(.33,0,0,1); transition: max-height .3s cubic-bezier(.33,0,0,1); }
	.footer .index_main .footer_fl.active {max-height: 205px;will-change: transform,max-height;}
	.footer .index_main .footer_fl dt {width: auto; margin-bottom: 0; padding: 14px 0px; position: relative; }
	.footer .index_main .footer_fl dt:after {content: "+";display: block;float: right;color: #fff;font-size: 30px;height: 21px;line-height: 21px; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all .3s ease;transition: all .3s ease; }
	.footer .index_main .footer_fl.active dt:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
	.footer .index_main .footer_fl dt a {margin: 0px;font-size: 15px;height: 21px;line-height: 21px;}
	.footer .index_main .footer_fl dd a {text-indent: 1em;}
	.footer .index_main .footer_fl dd:last-child {margin-bottom: 20px;}
	.footer .index_main .footer_fr {width: 100%;text-align: center;padding: 15px 0px 0px;}
	.footer .index_main .footer_fr img {width: 150px;height: 150px;margin:0 auto;}
	.footer .index_main .footer_fr p{font-size:15px;line-height:30px;}
}


.ny-banner {
	width:100%;
	height:388px;
	position:relative;
	background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
	transition:all ease .5s;
}
.ny-banner .img {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	left:0;
	top:0;
}
.ny-banner .img img {
	max-width:initial;
	width:auto;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
.ny-banner .container {
	position: relative;
	height: 100%;
}
.ny-banner .cont {
	position:absolute;
	bottom: 120px;
	max-width:1600px;
	z-index:2;
	margin:auto;
	color:#fff;
}
.ny-banner .cont.text-center {
	width: 100%;
	text-align: center;
}
.ny-banner .cont h2 {
	font-size:36px;
	font-weight:bold;
	line-height:1;
}
.ny-banner .cont .cont-space {
	font-size:18px;
	line-height:30px;
	margin-top:20px;
}
.ny-banner .nb-menu {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: rgba(0,0,0,.35);
}
.ny-banner .nb-menu .breadcrumbs {
    position: absolute;
    right: 15px;
    bottom: 0;
    line-height: 60px;
    font-size: 14px;
    color: #dcdcdc;
    letter-spacing: 2px;
    padding-left: 25px;
    background: url(../images/breadcrumbs.png) left center no-repeat;
}
.ny-banner .nb-menu .breadcrumbs a {
	color:#dcdcdc;
	transition:all ease .3s;
}
.ny-banner .nb-menu .breadcrumbs a:hover {
	color:#fff;
}
.ny-banner .nb-menu .breadcrumbs span {
	color:#fff;
}

.full-crumbs {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 70px;
	margin-top:-70px;
    box-sizing: content-box;
    background-color: rgba(0,0,0,.5);
}
.full-crumbs .crumbs {
    float: left;
	font-size: 16px;
    padding: 14px 0px;
    line-height: 42px;
    color: #fff;
}
.full-crumbs .crumbs .home {
    padding-left: 36px;
    background: url(../images/crumbhome.png) no-repeat 0 10px;
}
.full-crumbs .crumbs a, .full-crumbs .crumbs i, .full-crumbs .crumbs span {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 16px;
    line-height: 42px;
	margin: 0 10px;
}
.full-crumbs .crumbs i {
    padding: 0 1em;
    font-family: consolas;
    font-style: normal;
}
.full-crumbs .crumbs span {
    color: #009966;
}
.full-crumbs .nav-channel {
    position: relative;
    float: right;
    z-index: 10;
    font-size: 16px;
    line-height: 70px;
    color: #666;
}
.full-crumbs .nav-channel ul li {
	float: left;
	margin-left: 40px;
}
.full-crumbs .nav-channel ul li a {
	display: block;
	color: #fff;
	height: 70px;
	line-height: 70px;
}
.full-crumbs .nav-channel ul li a:hover {
	color: #009966;
}
.full-crumbs .nav-channel ul li.active a {
	color: #009966;
	border-bottom: 2px solid #009966;
}
/*内页标题*/
.son-floor {
	padding: 70px 0px;
}
.son-floor.bg {
	background-color: #f5f5f5;
}
.son-floor .floor-title {
	text-align: center;
	position: relative;
	margin-bottom: 60px;
}
.son-floor .floor-title p {
	color: #353535;
	font-size: 50px;
	font-weight: bold;
	position: relative;
	z-index: 2;
}

.son-floor .floor-title span.subtitle {
	color: #888;
	font-size: 15px;
	position: relative;
	z-index: 2;
}


/*案例*/
.cases-list {
	width: 100%;
	overflow: hidden;
}

.cases-list-ul {
	margin-left: 0;
}
.cases-list-ul a{
	display: block;
	float: left;
	width:32.65%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin-right: 1%;
	margin-bottom: 1%;
}
.cases-list-ul a:nth-child(3n){
	margin-right: unset;
}
.cases-list-ul a img{
	width: 100%;
	height: 100%;
    transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
}
.cases-list-ul a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.cases-list-ul a p{
	display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    position: absolute;
    bottom: -50px;
    width: 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cases-list-ul a:hover p {
    bottom: 0;
}


.cases-link {
	display: block;
	width: 23.5%;
	float: left;
	margin-left: 1.5%;
	padding-bottom: 10px;
}

.cases-link-item {
	width: 100%;
    max-height: 298px;
	position: relative;
	overflow: hidden;
	transition: all .6s ease;
}

.cases-link-img {
	width: 100%;
}

.cases-link-img img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}

.cases-link-cont {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	padding: 0 36px;
	z-index: 4;
}

.cases-link-cont-center {
	width: 100%;
}

.cases-link-shade {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	top: 0;
	left: 0;
	margin: auto;
	overflow: hidden;
	transition: all .6s ease;
}
.cases-link-shade::after{content:'';width: 0;height: 90%;border-bottom: 1px solid #fff;border-top: 1px solid #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:2;transition: all 0.8s ease;}
.cases-link-shade::before{content:'';width: 90%;height: 0;border-left: 1px solid #fff;border-right: 1px solid #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:2;transition: all 0.8s ease;}


.cases-link-cont h4,
.cases-link-cont-h4 {
	font-size: 24px;
	color: #fff;
	line-height: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.cases-link-cont h6,
.cases-link-cont-h6 {
	font-size: 16px;
	color: #fff;
	opacity: 0.6;
	line-height: 24px;
	margin-top: 16px;
}

.cases-link-cont p {
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-top: 30px;
	height: 72px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.cases-link-cont label {
	margin-top: 32px;
	display: block;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	opacity: 0.6;
	line-height: 18px;
	padding-left: 26px;
	background: url('../images/case-link.png') no-repeat left center;
}

.cases-link-cont label i {
	display: inline-block;
	width: 12px;
}

.cases-link-name {
	width: 100%;
	margin-top: 15px;
	height: 40px;
	transition: all .6s ease;
}

.cases-link-name-h4 {
	font-size: 24px;
	color: #333;
	line-height: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all .4s ease;
}

.cases-link-name h6,
.cases-link-name-h6 {
	font-size: 14px;
	color: #888;
	line-height: 20px;
	min-height: 40px;
}

.cases-link.cases-link-large {
	width: 48.5%;
}

.cases-link.cases-link-large .cases-link-img img {
	height: 545px;
}

.cases-link.cases-link-large .cases-link-cont {
	padding: 0 108px;
}

.cases-link.cases-link-large .cases-link-cont label {
	margin-top: 60px;
}

.cases-link.cases-link-large:nth-child(2n) {
	float: right;
}

/*.cases-link:hover .cases-link-item{transform: translateY(-16px);}*/
/*.cases-link:hover .cases-link-name{transform: translateY(-16px);}*/
.cases-link:hover .cases-link-shade {
	opacity: 0.8;
}

.cases-link:hover .cases-link-name h4,
.cases-link:hover .cases-link-name-h4 {
	color: #009966;
}

.cases-link-cont h4,
.cases-link-cont-h4,
.cases-link-cont h6,
.cases-link-cont-h6,
.cases-link-cont p,
.cases-link-cont label {
	opacity: 0;
	transform: translateY(20px);
	transition: all .4s ease;
}

.cases-link:hover .cases-link-cont h4,
.cases-link:hover .cases-link-cont-h4 {
	opacity: 1;
    text-align: center;
	transform: translateY(0);
	transition: all .4s ease 0.2s;
}

.cases-link:hover .cases-link-cont h6,
.cases-link:hover .cases-link-cont-h6 {
	opacity: 1;
	transform: translateY(0);
	transition: all .4s ease 0.3s;
}

.cases-link:hover .cases-link-cont p {
	opacity: 1;
	transform: translateY(0);
	transition: all .4s ease 0.4s;
}

.cases-link:hover .cases-link-cont label {
	opacity: 1;
	transform: translateY(0);
	transition: all .4s ease 0.4s;
}

@media all and (max-width:1599px) {
	.foot-contact .foot_contact_cont {
		flex-direction: column;
		padding: 35px 0px 0px;
	}
	.foot-contact .foot_contact_cont dl {
		width: 100%
	}
	.foot-contact .foot_contact_cont dl dt h4 {
		font-size: 34px;
	}
	.foot-contact .foot_contact_cont .right_form {
		width: 100%;
		padding-left: 50px;
	}
	.foot-contact .foot_contact_cont .right_form .tit {
		text-align: left;
		margin-top: 15px;
	}

	/*案例*/
	.cases-link-img img {
		height: 187px;
	}
	.cases-link-name-h4 {
		font-size: 20px;
	}
	.cases-link.cases-link-large .cases-link-img img {
		height: 439px;
	}
}
@media all and (max-width:1280px) {
	/*底部*/
	.footer .footer_title p {
		font-size: 42px;
	}
	.foot-contact .experience {
		width: 100%;
		padding: 20px 0px;
	}

	.foot-contact .experience p {
	    font-size: 20px;
	}
	.foot-contact .foot_contact_cont {
		width: 100%;
		display: block;
	    padding: 20px 15px ;
	}
	.foot-contact .foot_contact_cont dl {
		padding: 0;
		width: 100%;
		text-align: center;
	}
	.foot-contact .foot_contact_cont dl dd {
		position: static;
		width: 100%;
		margin-top: 40px;
	}
	.foot-contact .foot_contact_cont .right_form {
		width: 100%;
		margin-top: 40px;
		padding: 0;
	}
	.foot-contact .foot_contact_cont dl dt h4 {
		font-size: 32px;
	}

	.foot-contact .foot_contact_cont .right_form .tit {
		text-align: left;
	}
	.foot-contact .foot_contact_cont .right_form form label {
		width: calc(100% - 140px);
	}
	.foot-contact .foot_contact_cont .right_form form .btn {
		width: 140px;
	}


	/*案例*/
	.cases-link-img img {
		height: 160px;
	}
	.cases-link.cases-link-large .cases-link-img img {
		height: 385px;
	}

}
@media all and (max-width:1024px) {
	.wrap {
		width: 100%;
		margin-right: 15px;
		margin-left: 15px;
	}
	.pro_detail02 .hd .list dt, .pro_detail02 .hd .list dd {
		margin-right: 15px;
	}
	.pro_detail02 .hd dd .icon {
		left: 0px;
		margin-right: 10px;
	}
	.pro_detail02 .hd dd.order {
		width: 12%;
		text-align: center;
	}
}
@media all and (max-width:992px) {
	.header .navbar {
		height: 100vh;
		padding-bottom: 50px;
		overflow-x: hidden;
    	overflow-y: auto;
	}
	.header .navbar ul {
		padding: 0;
		position: static;
	}
	.header .navbar>ul>li .header-arrow {
	    display: block;
		height: 52px;
		background-size: 16px;
	}
	.header-drop {
	    position: relative;
	    background: #f8f8f8;
	    height: auto;
	    max-height: none;
	    display: none;
	    transition: all 0s ease 0s;
	    box-shadow: none;
	}
	.header-drop .container {
		max-width: 100%;
		padding-top: 0px;
	}
	.header-info {
		display: none;
	}
	.header-navbox::before {
		display: none;
	}
	.header-navbox {
		width: 100%;
	    min-height: 100px;
	    padding-top: 0px;
	    padding-bottom: 20px;
    	padding-left: 0px;
	}
	.header-navbox .navbox-link {
		width: calc(33% - 20px);
	    margin-right: 10px;
	    margin-left: 10px;
	    margin-top: 20px;
	    padding: 20px 15px;
        height: 100px;
	    background-color: #fff;
	}
	.header-navbox .navbox-link .link-cont .link-cont-h2 {
		font-size: 16px;
	}
	.header-rows {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.header-rows .rows-link {
		width: 33%;
		margin-top: 20px;
	}
	.header-rows .rows-cont {
		text-align: center;
		margin-top: 10px;
	}
	.header-rows .rows-img {
		height: auto;
	}
	.header-rows .rows-cont h2, .header-rows .rows-cont-h2 {
		font-size: 16px;
	}
	.wrap {
	    width: auto;
		margin-right: 10px;
    	margin-left: 10px;
	}
	.pro_detail01{padding-top:30px; background-size:cover;}
    .pro_detail01 .left{width:100%;height:unset;}
    .pro_detail01 .left .content .text .txt{height:auto;}
    .pro_detail01 .left .intro .t{font-size:25px;}
    .pro_detail01 .left .intro .c{font-size:48px;}
    .pro_detail01 .left ul.service li{width:15%;}
    .pro_detail01 .right{width:100%; margin-top:20px;}
    .pro_detail02 .hd .list dt, .pro_detail02 .hd .list dd{font-size:18px;}
    .pro_detail02 .bd .selection1 .content .left{width:100%;}
    .pro_detail02 .bd .selection1 .content .right{width:100%; margin-right:0;}
    .pro_detail02 .hd .list dt, .pro_detail02 .hd .list dd{
		width: auto;
    	margin-right: 15px;
	}
	.pro_detail02 .hd .list dd:last-child{margin-right: 0;}
	.pro_detail02 .hd dd.order a {padding-right: 10px;}
	.pro_detail02 .hd dd .icon {left: 10px;margin-right: 12px;}
    .pro_detail02 .hd.fixed .search{width:20%;}
    .pro_detail02 .bd .selection3 .infor{font-size:25px;}
    .pro_detail04 .tit .t{font-size:25px;}
    .pro_detail04 .content{padding:0 6%;}
    .pro_detail02 .bd .selection1 .content{padding-left:0;}
    .pro_detail02 .bd .selection1 .content .t{float:none; font-size:25px;}
    .pro_detail02 .bd .selection1 .content .c{width:100%;}
    .pro_detail02 .bd .selection2 .tit{font-size:25px; margin-bottom:30px;}
    .pro_detail02 .bd .selection3{padding:30px 0;}
    .pro_detail02 .bd .selection3 .intro .tit{font-size:25px;}
    .pro_detail02 .bd .selection3 .content .infor .t{font-size:18px;}
    .pro_detail03{padding:30px 0;}
    .pro_detail03 .tit{font-size:25px;}

	/*底部*/
	.footer .footer_title {
		padding: 30px 0px 20px;
	}
	.footer .footer_title p {
		font-size: 32px;
	}
	.footer .footer_title .subtitle {
		font-size: 14px;
	}

	.foot-contact .experience .num {
		font-size: 40px;
	    line-height: 100%;
	}
	.foot-contact .experience .num i {
		font-size: 48px;
		line-height: 40px;
	}
	.foot-contact .foot_contact_cont dl dt h4 {
		font-size: 24px;
	}

	.cases-link-cont, .cases-link-shade {
		display: none;
	}

	.cases-link-name {
		height: 30px;
	}
	.cases-link-name-h4 {
		font-size: 18px;
	}


	.footer .footer_about ul li {
		width: 100%;
	}

	.footer .footer_center li:nth-child(2) {
		display: none;
	}
	.footer .footer_center li {
		width: 30%;
	}
	.footer .footer_center li .tbox .tit {
		font-size: 14px;
	}
	.footer .footer_center li .tbox .p,.footer .footer_center li .tbox .t2 {
		font-size: 13px;
	}


	.ny-banner .cont h2 {
		font-size: 24px;
	}
	.ny-banner .cont .cont-space {
		font-size: 14px;
	}
	.footer .index_main .footer_fl {width: 100%; overflow: hidden; max-height: 50px; border-bottom: 1px solid #fff; border-right: 0px; -webkit-transition: max-height .3s cubic-bezier(.33,0,0,1); transition: max-height .3s cubic-bezier(.33,0,0,1); }
	.footer .index_main .footer_fl.active {max-height: 205px;will-change: transform,max-height;}
	.footer .index_main .footer_fl dt {width: auto; margin-bottom: 0; padding: 14px 0px; position: relative; }
	.footer .index_main .footer_fl dt:after {content: "+";display: block;float: right;color: #fff;font-size: 30px;height: 21px;line-height: 21px; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all .3s ease;transition: all .3s ease; }
	.footer .index_main .footer_fl.active dt:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
	.footer .index_main .footer_fl dt a {margin: 0px;font-size: 15px;height: 21px;line-height: 21px;}
	.footer .index_main .footer_fl dd a {text-indent: 1em;}
	.footer .index_main .footer_fl dd:last-child {margin-bottom: 20px;}
	.footer .index_main .footer_fr {width: 100%;text-align: center;padding: 15px 0px 0px;}
	.footer .index_main .footer_fr img {width: 150px;height: 150px;margin:0 auto;}
	.footer .index_main .footer_fr p{font-size:15px;line-height:30px;}
	.foot-contact .foot_contact_cont dt{
		display: none;
	}
	.foot-contact .foot_contact_cont dd{
		display: none;
	}
	.foot-contact .foot_contact_cont .right_form{
		margin-top: 0px;
	}
	.foot-contact .experience {
		display: none;
	}
	.wx_pop{bottom: 170px;}

	.hottag {
		top: 4rem;
	}
	.hottag .hot-tag {
		width: 7rem;
    	height: 7rem;
	}

}
@media all and (max-width:768px) {
	.gg_full {
		display: none;
	}
	.header .navbar>ul>li>a{
		height: 76px;
		font-size: 28px;
		line-height: 56px;
	}
	.header-rows .rows-link:hover {
		transform: translateY(-5px);
	}
	.header .navbar .menuclos {
		margin: 0 0 50px 0px;
        background: #ffffff80;
        width: 100%;
        left: 0;
	}
	.header .navbar .menuclos p {
		width: 200px;
		font-size: 1.5em;
		margin: 20px auto;
		padding: 10px 10px;
	}
	/*底部*/
	.footer .footer_title {
		padding: 30px 0px 20px;
	}
	.footer .footer_title p {
		font-size: 24px;
	}
	.footer .footer_title .subtitle {
		font-size: 14px;
	}

	/*案例*/
	.case_detail .caes_related .cases-link {
		width: 50%;
		height:auto;
	}
	.cases-link.cases-link-large {
		width: 100%;
	}
	.cases-link.cases-link-large .cases-link-img img {
		height: 300px;
	}
	.cases-link-img img {
		/*height: 120px;*/
	}

	.cases-link-name-h4 {
		font-size: 16px;
		font-weight: bold;
	}
	.cases-link-name h6, .cases-link-name-h6 {
		min-height: 16px;
	}

	.footer .footer_center li {
		width: 100%;
		padding: 3px 0px;
	}

	.footer .copyright {
		font-size: 12px;
		padding: 15px 0px;
	}

	.ny-banner .nb-menu {
		height: 40px;
	}
	.ny-banner .nb-menu .breadcrumbs {
		line-height: 40px;
	}
	.footer .index_main .footer_fl {width: 100%; overflow: hidden; max-height: 50px; border-bottom: 1px solid #fff; border-right: 0px; -webkit-transition: max-height .3s cubic-bezier(.33,0,0,1); transition: max-height .3s cubic-bezier(.33,0,0,1); }
	.footer .index_main .footer_fl.active {max-height: 205px;will-change: transform,max-height;}
	.footer .index_main .footer_fl dt {width: auto; margin-bottom: 0; padding: 14px 0px; position: relative; }
	.footer .index_main .footer_fl dt:after {content: "+";display: block;float: right;color: #fff;font-size: 30px;height: 21px;line-height: 21px; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all .3s ease;transition: all .3s ease; }
	.footer .index_main .footer_fl.active dt:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
	.footer .index_main .footer_fl dt a {margin: 0px;font-size: 15px;height: 21px;line-height: 21px;}
	.footer .index_main .footer_fl dd a {text-indent: 1em;}
	.footer .index_main .footer_fl dd:last-child {margin-bottom: 20px;}
	.footer .index_main .footer_fr {width: 100%;text-align: center;padding: 15px 0px 0px;}
	.footer .index_main .footer_fr img {width: 150px;height: 150px;margin:0 auto;}
	.footer .index_main .footer_fr p{font-size:15px;line-height:30px;}
	.foot-contact .foot_contact_cont dt{
		display: none;
	}
	.foot-contact .foot_contact_cont dd{
		display: none;
	}
	.foot-contact .foot_contact_cont .right_form{
		margin-top: 0px;
	}
	.foot-contact .experience {
		display: none;
	}
	.wx_pop{bottom: 170px;}
	#oDiv {
	    width: 150px;
	    height: 172px;
	}
}

@media all and (max-width:640px) {
	.foot-contact .foot_contact_cont dl dt h4 {
		font-size:24px;
	}
	.foot-contact .foot_contact_cont dl dd a {
		width: calc(50% - 30px);
		height: 48px;
		line-height: 40px;
		margin-left: 30px;
	}

	.ny-banner {
		height: 300px;
	}
	.ny-banner .cont {
		width: 100%;
		bottom: 60px;
		left: 0px;
		padding: 0 15px;
	}
/*	.ny-banner .cont h2 {
		font-size: 18px;
	}
	.ny-banner .cont .cont-space {
		font-size: 12px;
	}*/

	.header-navbox .navbox-link {
		width: calc(50% - 20px);
		padding: 10px;
	}
	.header-menu .list-link {
		width: 33%;
	    padding: 20px 10px 0px;
	}
	.header-menu .list-img {
		width: 40px;
		margin-bottom: 10px;
	}
	.header-list .list-link {
		width: calc(50% - 20px);
		margin-left: 10px;
		margin-right: 10px;
		display: flex;
		align-items: center;
	}
	.header-rows .rows-cont h2, .header-rows .rows-cont-h2 {
		font-size: 16px;
		padding-left: 0px;
	}
	.header-menu .list-cont h2, .list-cont-h2 {
		font-size: 14px;
		line-height: 1.5;
	}

	.header-rows .rows-img img {
		/*height: 70px;*/
	}
	.footer .index_main .footer_fl {width: 100%; overflow: hidden; max-height: 50px; border-bottom: 1px solid #fff; border-right: 0px; -webkit-transition: max-height .3s cubic-bezier(.33,0,0,1); transition: max-height .3s cubic-bezier(.33,0,0,1); }
	.footer .index_main .footer_fl.active {max-height: 205px;will-change: transform,max-height;}
	.footer .index_main .footer_fl dt {width: auto; margin-bottom: 0; padding: 14px 0px; position: relative; }
	.footer .index_main .footer_fl dt:after {content: "+";display: block;float: right;color: #fff;font-size: 30px;height: 21px;line-height: 21px; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all .3s ease;transition: all .3s ease; }
	.footer .index_main .footer_fl.active dt:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
	.footer .index_main .footer_fl dt a {margin: 0px;font-size: 15px;height: 21px;line-height: 21px;}
	.footer .index_main .footer_fl dd a {text-indent: 1em;}
	.footer .index_main .footer_fl dd:last-child {margin-bottom: 20px;}
	.footer .index_main .footer_fr {width: 100%;text-align: center;padding: 15px 0px 0px;}
	.footer .index_main .footer_fr img {width: 150px;height: 150px;margin:0 auto;}
	.footer .index_main .footer_fr p{font-size:15px;line-height:30px;}
	.foot-contact .foot_contact_cont dt{
		display: none;
	}
	.foot-contact .foot_contact_cont dd{
		display: none;
	}
	.foot-contact .foot_contact_cont .right_form{
		margin-top: 0px;
	}
	.foot-contact .experience {
		display: none;
	}
	.wx_pop{bottom: 170px;}
	#oDiv {
	    width: 110px;
	    height: 125px;
	}
}
@media all and (max-width:400px) {
	.header-navbox .navbox-link {
		height: 110px;
	}
	.header-navbox .navbox-link .link-img {
		margin-bottom: 10px;
	}
	.header-navbox .navbox-link .link-cont {
		width: 100%;
	}

	.cases-link.cases-link-large .cases-link-img img {
		height: 220px;
	}
	.cases-link-img img {
		height: 110px;
	}
	.footer .index_main .footer_fl {width: 100%; overflow: hidden; max-height: 50px; border-bottom: 1px solid #fff; border-right: 0px; -webkit-transition: max-height .3s cubic-bezier(.33,0,0,1); transition: max-height .3s cubic-bezier(.33,0,0,1); }
	.footer .index_main .footer_fl.active {max-height: 205px;will-change: transform,max-height;}
	.footer .index_main .footer_fl dt {width: auto; margin-bottom: 0; padding: 14px 0px; position: relative; }
	.footer .index_main .footer_fl dt:after {content: "+";display: block;float: right;color: #fff;font-size: 30px;height: 21px;line-height: 21px; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all .3s ease;transition: all .3s ease; }
	.footer .index_main .footer_fl.active dt:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
	.footer .index_main .footer_fl dt a {margin: 0px;font-size: 15px;height: 21px;line-height: 21px;}
	.footer .index_main .footer_fl dd a {text-indent: 1em;}
	.footer .index_main .footer_fl dd:last-child {margin-bottom: 20px;}
	.footer .index_main .footer_fr {width: 100%;text-align: center;padding: 15px 0px 0px;}
	.footer .index_main .footer_fr img {width: 150px;height: 150px;margin:0 auto;}
	.footer .index_main .footer_fr p{font-size:15px;line-height:30px;}
	.foot-contact .foot_contact_cont dt{
		display: none;
	}
	.foot-contact .foot_contact_cont dd{
		display: none;
	}
	.foot-contact .foot_contact_cont .right_form{
		margin-top: 0px;
	}
	.foot-contact .experience {
		display: none;
	}
	.wx_pop{bottom: 170px;}
}