@charset "utf-8";
body{
	font-family: "微软雅黑";
	background-color: #e9e9e9;
}
ul,li{
	list-style: none;
	margin: 0;	padding: 0;
	vertical-align: middle;
}
img{
	max-width: 100%;
	vertical-align: middle;
}
a{
	color: #333333;
}
a:hover{
	color: #67bfcb;
	text-decoration: none;
}
p{
	margin-bottom: 0;
}
h2,h3,h4,h1{
	margin: 0;
	font-weight: normal;
}
.scale{
	display: block;
	overflow: hidden;
}
.scale img{
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transform: all .7s;
}
.scale:hover img{
	-webkit-transition: scale(1.1);
    -moz-transition: scale(1.1);
    -ms-transition: scale(1.1);
    -o-transition: scale(1.1);
    transform: scale(1.1);
}
.main{
	margin: 0 auto;
	width: 1200px;
}
.swiper-banner{
	height: 500px;
}
.swiper-inbanner{
	height: 300px;
}
.swiper-banner .swiper-slide{
	height: 500px;
	background-repeat: no-repeat;
	background-position: center;
}
.swiper-banner .swiper-slide a{
	display: block;
	height: 100%;
}
.section{
	background-color: #FFFFFF;
	padding: 80px 0;
	overflow: hidden;
}
.section.bg{
	background-color: #fbfbfb;
}
.sec-header{
	position: relative;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 60px;
	line-height: 1;
	font-weight: bold;
	font-size: 36px
}
.sec-header:after{
	content: '　';
	width: 74px;
	height: 2px;
	background-color: #67bfcb;
	position: absolute;
	left: 50%;
	margin-left: -37px;
	bottom: 0;
}
.lx-box{
	display: block;
}
.lx-box .lx-pic{
	position: relative;
	width: 200px;
	height: 200px;
}
.lx-pic:after{
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	opacity: 0;
	transition: .4s all;
}
.lx-box:hover .lx-pic:after{
	opacity: .6;
}
.lx-box .lx-pic img{
	width: 200px;
	height: 200px;
}
.lx-icon{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 72px;
	height: 72px;
	text-align: center;
	margin-left: -36px;
	margin-top: -36px;
	visibility: hidden;
	opacity: 0;
	transition: .4s all;
	transform: translateY(10px);
}
.lx-box:hover .lx-icon{
	transform: translateY(0px);
	visibility: visible;
	opacity: 1;
}




.lx-box .lx-icon img{
	width: 72px;
	height: 72px;
}
.lx-box .lx-title{
	margin-top: 20px;
	font-size: 20px;
	text-align: center;
}
.sec-footer{
	margin-top: 25px;
	text-align: center;
}
.sec-footer .sec-link{
	display: inline-block;
	line-height: 1;
	width: 375px;
	padding: 12px 0;
	border: 1px solid #747474;
	color: #555555;
	font-size: 0;
}
.sec-footer .sec-link span{
	display: inline-block;
	font-size: 20px;
	line-height: 22px;
	padding-right: 30px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(../images/hand.png);
}
.sec-footer .sec-link:hover{
	background-color: #67bfcb;
	border: 1px solid #67bfcb;
	color: #FFFFFF;
}
.sec-footer .sec-link:hover span{
	background-image: url(../images/hand2.png);
	
}
.adv-box{
	position: relative;
	display: block;
	width: 370px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
.adv-box:hover{
	background-color: #67bfcb;
	color: #FFFFFF;
	box-shadow: 0 0 0 2px #67bfcb;
}

.adv-box img{
	width: 370px;
	height: 246px;
}
.adv-box:hover img{
	box-shadow: 0 0 0 2px #67bfcb;
}
.adv-box .adv-title{
	text-align: center;
	height: 54px;
	line-height: 54px;
	font-size: 20px;
}
.adv-row>div{
	padding: 20px 15px;
}
.real-box{
	position: relative;
	display: block;
	transition: .4s all;
}
.real-box .rel-pic{
	position: relative;
	width: 285px;
	height: 285px;
	overflow: hidden;
}
.real-box .rel-title{
	height: 54px;
	line-height: 54px;
	text-align: center;
	font-size: 18px;
	background-color: #f8f8f8;
	color: #333333;
}
.real-box .rel-pic .rel-span{
	font-size: 16px;
	background-color: rgba(0,0,0,.8);
	color: #FFFFFF;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 3px 10px;
}
.real-box .rel-pic:nth-child(2) .rel-span{
	font-size: 16px;
	background-color: #67bfcb;
	color: #FFFFFF;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 3px 10px;
}
.swiper-pagination-bullet{
	width: 16px;
	height: 16px;
	opacity: 1;
	background-color: #999999;
	border: 1px solid #FFFFFF;
}
.swiper-pagination-bullet-active{
	background-color: #67bfcb;
}
.lx-swiper .swiper-pagination{
	position: static;
	margin-top: 20px;
}
.about-pic{
	position: relative;
	border: 2px solid #67bfcb;
	width: 484px;
	height: 365px;
	float: left;
}
.about-pic img{
	position: absolute;
	left: 30px;
	top: 30px;
	padding: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	background-color: #FFFFFF;
}
.about-main{
	width: 622px;
	float: right;
}
.about-text{
	padding-top: 20px;
}
.about-text p{
	font-size: 16px;
	line-height: 2;
	margin-bottom: 20px;
}
.know-box{
	display: block;
	height: 180px;
	border: 1px solid transparent;
	overflow: hidden;
}
.know-box:hover{
	border: 1px solid #67bfcb;
}
.know-box .know-pic{
	float: left;
	width: 275px;
	height: 180px;
	margin-right: 20px;
}
.col{
	overflow: hidden;
}
.know-box .know-title{
	font-size: 20px;
	color: #333333;
	margin: 15px 0;
}
.know-box:hover .know-title{
	color: #67bfcb;
}
.know-box .know-desc{
	color: #787878;
	line-height: 1.8;
}
.know-row>div{
	padding:15px;
}
.real-row{
	margin-left: -5px;
	margin-right: -5px;
}
.real-row>div{
	padding: 15px;
}
.real-box:hover{
	background-color: #67bfcb;
	color: #FFFFFF;
	box-shadow: 0 0 0 3px #67bfcb;
}
.real-box:hover .rel-title{
	background-color: #67bfcb;
	color: #FFFFFF;
}

.footer{
	background-color: #ffffff;
}
.foot-navbar{
	height: 60px;
	background-color: #67bfcb;
}
.foot-navbar .main{
	height: 60px;
}
.foot-nav{
	height: 60px;
}
.foot-nav li{
	position: relative;
	padding: 0 10px;
	float: left;
}
.foot-nav li a{
	display: block;
	padding: 20px 15px;
	line-height: 20px;
	color: #FFFFFF;
	font-size: 18px;
}
.foot-nav li:after{
	content: '|';
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
}
.foot-nav li:last-child:after{
	display: none;
}
.foot-main{
	padding: 25px 0;
}
.end-logo{
	float: left;
}
.wx-group{
	float: right;
	overflow: hidden;
}
.wx-group li{
	width: 50%;
	float: left;
	text-align: center;
	padding: 0 5px;
}
.wx-group li img{
	width: 150px;
	height: 150px;
}
.wx-group li p{
	font-size: 16px;
	color: #666
}
.foot-info{
	position: relative;
	width: 510px;
	font-size: 16px;
	float: left;
	padding: 30px 0 0 20px;
	margin-left: 20px;
}
.foot-info p{
	margin-bottom: 30px;
}
.foot-info:before,
.foot-info:after{
	background: url(../images/line.png) center no-repeat;
	width: 1px;
	height: 222px;
	position: absolute;
	top: 50%;
	margin-top: -111px;
	content: ' ';
}
.foot-info:before{
	left: 0;
}
.foot-info:after{
	right: 0;
}
.topbar{
	height: 40px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #efefef;
}
.wel-text{
	float: left;
	line-height: 38px;
	color: #666
}
.menu-list{
	height: 39px;
	float:right;
}
.menu-list li a{
	display: block;
	padding: 9px 0;
	line-height: 20px;
	color: #666666;
}
.menu-list li{
	position: relative;
	float: left;
	padding: 0 10px;
}
.menu-list li:after{
	width: 1px;
	height: 12px;
	background-color: #c9c9c9;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	content: '　';
}
.menu-list li:last-child:after{
	display: none;
}
.header{
	background-color: #FFFFFF;
}
.navbar{
	border-radius: 0;
	margin-bottom: 0;
	border: 0;
}
.header-main{
	padding: 15px 0;
}
.header-main .logo{
	display: block;
	float: left;
}
.header-main .tel{
	float: right;
	padding: 16px 0;
}
.navbar{
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #efefef;
	background: #54a9b5;
}
.navbar-nav{
	height: 54px;
}
.navbar-nav li{
	position: relative;
	float: left;
	width: 133px;
	text-align: center;
}
.navbar-nav li a{
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	padding: 15px;
	color:#ffffff;
}
.navbar-nav li.active a,
.navbar-nav li a:hover{
	background: url(../images/cur.png) no-repeat;
	background-size: 100% 100%;
	color: #FFFFFF;
}
.navbar-nav li:after{
	content: '　';
	display: block;
	position: absolute;
	background-color: #e7e7e7;
	width: 1px;
	height: 16px;
	right: 0;
	top: 50%;
	margin-top: -8px;
	transform: rotate(6deg);
}
.navbar-nav li:last-child:after{
	display: none;
}
.navbar .main{
	height: 54px;
}

.right-side-nav{
	position: fixed;
	right:8px;
	top: 28%;
	z-index: 999;

}
.side-list li{
	position: relative;
	margin-bottom: 10px;
}
.side-list li .side-box{
	display: block;
	width: 70px;
	height: 70px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 10px;
	box-shadow: 0 0 5px 2px rgba(0,0,0,.2);
}
.zx-box .side-box{
	background-color: #02dac3;
}
.qq-box .side-box{
	background-color: #f9842d;
}
.wx-box .side-box{
	background-color: #52bf40;
}
.tel-box .side-box{
	background-color: #96a8f8;
}
.zx-box .side-box:hover{
	background-color: #00d1bb;
}
.qq-box .side-box:hover{
	background-color: #ff6d01;
}
.wx-box .side-box:hover{
	background-color: #46af35;
}
.tel-box .side-box:hover{
	background-color: #7088f2;
}
.side-popover{
	position: absolute;
	right: 70px;
	top: 0;
	visibility: hidden;
	opacity: 0;
	transition: .4s all;
	transform: translateX(-10px);
}

.side-popover .inner{
	position: relative;
	background-color: #FFFFFF;
	width: 300px;
	box-shadow: 0 2px 2px 1px #dddddd;
	padding: 10px 20px;
	border-radius: 5px;
	margin-right: 20px;
	border-top: 3px solid #f9842d;
}
.wx-box .side-popover .inner{
	border-top: 3px solid #46af35;
}
.side-popover .inner:after{
	content: " ";
    display: inline-block;
    height: 12px;
    width: 12px;
    border-width: 1px 1px 0 0;
    border-color: #dddddd;
    background-color: #FFFFFF;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    top: 35px;
    position: absolute;
    margin-top: -5px;
    right: -8px;
}
.pop-header{
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
}

.pop-header span{
	font-size: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	line-height: 25px;
}
.pop-header .qq-txt{
	background-image: url(../images/qqicon.png);
}
.inner .tips{
	color: #f90909;
	font-size: 12px;
	margin-bottom: 10px;
}
.qq-list{
	overflow: hidden;
}
.qq-list li{
	float: left;
	width: 50%;
}
.qq-list li a{
	display: inline-block;
	background: url(../images/qqpic.png) left center no-repeat;
	padding-left: 32px;
	line-height: 30px;
	font-size: 13px;
}

.side-list li:hover .side-popover{
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}
.wx-cell{
	text-align: center;
}

/*内页*/
.inwrap{
	padding-bottom: 30px;
	padding-top:20px;
	background: #fff;
}
.breadcrumb{

	border: 1px solid #e2e2e2;
	padding: 10px 20px;
}
.bread-cell{
	background: url(../images/home.png) left center no-repeat;
	padding-left: 20px;
	line-height: 20px;
	color: #747474;
}
.bread-cell a{
	color: #747474;
}
.sidebar{
	width: 320px;
	float: left;
}
.col-main{
	width: 842px;
	float: right;
}
.side-box{
	border: 1px solid #e2e2e2;
	margin-bottom: 30px;
}
.side-box:last-child{
	margin-bottom: 0;
}
.side-body{
	padding: 20px;
}
.side-hd{
	font-size: 24px;
	background: url(../images/hhbg.png) center no-repeat;
	color: #FFFFFF;
	height: 80px;
	line-height: 80px;
	text-align: center;
}
.side-nav li{
	margin-bottom: 15px;
}
.side-nav li:last-child{
	margin-bottom: 0;
}
.side-nav li a{
	display: block;
	border: 1px solid #e2e2e2;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-image: url(../images/dot.png);
	background-position: 20px center;
	background-repeat: no-repeat;
}
.side-nav li a:hover,
.side-nav li.active a{
	background-image: url(../images/dot_h.png);
	background-color: #67bfcb;
	color: #FFFFFF;
}
.cp-box{
	display: block;
	position: relative;
}
.cp-box img{
	height: 200px;
}
.cp-box .pic{
	width: 267px;
	height: 200px;
	overflow: hidden;
	text-align: center;
}

.cp-box .cp-tit{
	background-color: #f6f6f6;
	font-size: 18px;
	text-align: center;
	height: 56px;
	line-height: 56px;
}
.cp-box:hover .cp-tit{
	background-color: #67bfcb;
	color: #FFFFFF;
}

.cc-body{
	background-color: #f6f6f6;
	border-top: 1px solid #E2E2E2;
}
.company-tit{
	font-size: 16px;
	color: #67bfcb;
	font-weight: bold;
	margin-bottom: 15px;
}
.company-list li{
	overflow: hidden;
	padding-left: 25px;
	color: #747474;
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	line-height: 18px;
}
.company-list .hd{
	width: 60px;
	float: left;
}
.company-list .bd{
	overflow: hidden;
}
.company-list .c-tel{
	background-image: url(../images/gdtel.png);
}
.company-list .c-fax{
	background-image: url(../images/fax.png);
}
.company-list .c-mob{
	background-image: url(../images/mm.png);
}
.company-list .c-pp{
	background-image: url(../images/user.png);
}
.company-list .c-address{
	background-image: url(../images/dizhi.png);
}
.col-header{
	position: relative;
	border-bottom: 1px solid #e2e2e2;
	height: 50px;
	margin-bottom: 20px;
}
.col-title{
	position: relative;
	height: 50px;
	float: left;
	font-size: 18px;
	line-height: 50px;
}
.col-header .col-more{
	float: right;
	display: block;
	color: #797979;
}
.col-title:after{
	content: '　';
	position: absolute;
	left: 0;
	height: 3px;
	background-color: #67bfcb;
	right: 0;
	bottom: -2px;
}
.case-list li{
	padding: 10px;
	float: left;
}
.case-list .case-box{
	width: 267px;
}
.case-list ul{
	margin: 0 -10px;
}
.pictext-list {
	margin-top: 20px;
}
.pictext-list li{
	overflow: hidden;
	padding: 25px 10px;
	border-bottom: 1px dotted #E2E2E2;
}
.pictext-list li:hover{
background: #F0F0F0;
}
.pictext-list .pic{
	float: left;
	width: 210px;
	height: 140px;
	margin-right: 20px;
} 
.pictext-list .title a{
	font-weight: bold;
	font-size: 20px;
}
.pictext-list .title{
	margin-bottom: 10px;
}
.pictext-list .time{
	color:#797979;
	line-height: 20px;
	padding-left: 20px;
	background: url(../images/time.png) left center no-repeat;
	margin-bottom: 10px;
}
.pictext-list .desc{
	line-height: 1.8;
	color:#797979;
}
.pictext-list .desc a{
	color: #02a8f3;
}

.pictext-info{}
.pictext-info .title{ text-align: center;}
.pictext-info .title h1{ text-align: center; line-height: 48px; font-size: 22px;}
.pictext-info .item{ text-align: center; line-height: 35px; border-bottom: dashed 1px #ccc;border-top: dashed 1px #ccc; margin: 10px auto;}

.contacta{font-size:14px; line-height:200%;}
.contacta img{ max-width:880px;}

.page-cell{
	text-align: center;
	font-size: 0;
	padding: 20px 0;
}
.page-cell a{
	display: inline-block;
	font-size: 14px;
	color:#6e6e6e;
	width: 36px;
	height: 36px;
	border: 1px solid #E2E2E2;
	text-align: center;
	line-height: 36px;
	margin: 0 2px;
}
.page-cell a:hover{
	background-color: #0a84d9;
	color: #FFFFFF;
}
.page-cell a.cur{
	background-color: #67bfcb;
	color: #FFFFFF;
}
.newslist{}
.newslist ul{}
.newslist ul li{ line-height: 38px; border-bottom: dashed 1px #ccc;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}
.mt15{ margin-top:30px; clear: both;}

.pre,.next{line-height:30px;height:30px;}
.infodot{border-top:1px dashed #ccc;margin:15px 0;}





.form-cells{
	overflow: hidden;
	border: 1px solid #E2E2E2;
	padding: 30px 10px;
}
.col-6{
	float: left;
	width: 50%;
}
.col-12{
	width: 100%;
	float: left;
}
.form-cells>div{
	margin-bottom: 20px;
}
.form-row{
	position: relative;
	padding-left: 125px;
}
.form-row .txt{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 36px;
	text-align: right;
	width: 115px;
}
.form-input{
	border: 1px solid #E2E2E2;
	width: 230px;
	outline: none;
	text-indent: 10px;
	height: 36px;
	line-height: 36px;
	box-shadow: inset 0 0 10px rgba(0,0,0,.04)
}
textarea.form-input{
	height: 95px;
	padding:5px 10px;
	width: 640px;
	text-indent: 0;
	box-sizing: border-box;
}
.btn-submit{
	width: 120px;
	height: 36px;
	cursor: pointer;
	line-height: 36px;
	background: #0a84d9;
	color: #FFFFFF;
	padding:0;
}
.code-link{
	display: block;
	top: 0;
	left: 370px;
	position: absolute;
}
.col-video{
	width: 800px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
}
.video-js .vjs-big-play-button{
	width: 2em;
	height: 2em;
	border-radius: 2em;
	line-height: 2em;
    margin-top: -1em;
    margin-left: -1em;
}
.mr0{
	margin-bottom: 0!important
}
.section{
	padding: 70px 0;
}
.sec-header{
	position: relative;
	line-height: 1;
	text-align: center;
	margin-bottom: 30px;
	padding-bottom: 50px;
	background-image: url(../images/tt.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.sec-header .en{
	font-size: 70px;
	color: #e9e9e9;
	font-weight: bold;
	font-family: impact;
}
.sec-header .ch{
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 36px;
	font-weight: bold;
	bottom: 55px
}
.section.bg{
	background-color: #f6f6f6;
}
.ly-main{
	text-align: center;
}
.sec-content{
	margin-bottom: 20px;
}
.sec-content:last-child{
	margin-bottom: 0;
}
.gn-cell{
	overflow: hidden;
	margin-bottom: 20px;
}
.gn-cell ul{
	margin: 0 -10px;
}
.gn-cell li{
	float: left;
	padding: 0 10px;
}
.gn-box{
	position: relative;
	display: block;
	width: 285px;
	overflow: hidden;
}
.gn-box img{
	width: 285px;
	height: 285px;
}
.gn-box .gn-popover{
	background-color: rgba(10,132,217,.8);
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	bottom: 0;
	transition: .4s all;
	height: 56px;
}
.gn-box .gn-title{
	text-align: center;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 56px;
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	margin-top: -28px;
}
.gn-box:hover .gn-popover{
	height: 100%;
}