@charset "utf-8";
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
@font-face {
	font-family: 'siyuan';
	 src: url('../fonts/siyuan.otf'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'eng';
	 src: url('../fonts/eng.ttf'); 
	font-weight: normal;
	font-style: normal;
}

html {
    margin: 0 auto;
}

body {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight: normal;
    margin: 0;
    line-height: 1;
  	word-break:normal;
}

p {
    line-height: 1.5;
}

a,
a:visited {
    text-decoration: none;
}

li {
    list-style: none;
}

ul,
li,
ol {
    margin: 0;
    padding: 0;
}

fieldset,
input,
button,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    -webkit-appearance: none;
}

input[type='checkbox'] {
    -webkit-appearance: checkbox;
}

input[type='radio'] {
    -webkit-appearance: radio;
}

.p0{
	padding: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.img {
    max-width: 100%;
    height: auto;
    display: block;
}

.img2 {
    max-height: 100%;
    width: auto;
}

.trans {
    -moz-transition: all ease .8s;
    -webkit-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;
}

.trans04 {
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

.trans2 {
    -moz-transition: all ease 2s;
    -webkit-transition: all ease 2s;
    -o-transition: all ease 2s;
    transition: all ease 2s;
}

.transcalxzero {
    transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

.transcaletop {
    transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
}

.bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 31%;
}

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

.absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.abs {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.flex {
    display: box;
    /* OLD - Android 4.4- */
    display: flexbox;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-items: center;
    overflow: hidden;
}


/*公共*/
.fl{float: left;}
.fr{float: right;}
.cb{clear: both;}
.c12{width: 1200px;margin:auto;}
.cover{background-repeat: no-repeat;background-position: center;background-size: cover;}
.contain{background-repeat: no-repeat;background-position: center;background-size: contain;}
a,.tran,img{transition: all 0.3s;-webkit-transition:all 0.3s;}
.tran5{transition: all 0.5s;-webkit-transition:all 0.5s;}
.pic{transition: all 2s;-webkit-transition:all 2s;}
.contain{background-size: contain;background-position: center;background-repeat: no-repeat;}
/*图片放大*/
.big-img{
    width: 100%;
    height: 100%;
    animation: changeBiger 10s cubic-bezier(0, 0, 0, 0.34) forwards;
    transform: scale(1.08);
}
.slide_nav{background: #0e6eb8;overflow: auto;padding-bottom: 30px;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;width: 100%;position:fixed;left: -100%;top: 0;height: 100%;z-index: 99999999;}
.slide_nav.left_active{left: 0;}
.slide_nav .slide_logo{background:#fff; text-align: center; padding: 15px 0;}
.slide_nav .slide_logo a{display: block;}
.slide_nav .slide_logo a img{max-width: 30%;}
.slide_nav .slide_nav_ul{margin-top: 8%;}
.slide_nav .slide_nav_ul li{ text-align: center; position: relative; width: 100%;line-height: 50px;}
.slide_nav .slide_nav_ul .slideJA{font-size: 16px;}
.slide_nav .slide_nav_ul .slideNavSecon{display: none;overflow: hidden;background: #4bc0a5;}
.slide_nav .slide_nav_ul .slideNavSecon a{display: block;}
.slide_nav .slide_nav_ul .slideNavSecon.active{height: 100%;}
.slide_nav .slide_nav_ul li a{font-size: 15px; color: #fff; height: 50px; display: block;}
.slide_nav .slide_nav_ul .slide_nav_ulLast a{display: inline-block;}
.slide_nav .slide_nav_ul .slide_nav_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: none;}
.slide_nav .slide_nav_ul .slide_nav_bg span{background: #fff;height: 50px;}
.slide_nav .slide_nav_ul .slide_nav_wz{width: 100%;height: 50px;position: absolute;left: 0;top: 0;z-index: 10;}
.phone_back{width: 60%; height: 40px; display: block; font-size: 14px; margin: 0 auto; margin-top: 20px; border: 0; background: #fff; color: #000; text-align: center; line-height: 40px;}

.menu{ float: right;width: 30px; height: 12px;  display: none; cursor:pointer;position: relative;margin-top: 6.5%;}
.menu .menu_mark{width: 100%; height: 100%;position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.menu .menu_line{width: 100%;  height: 2px; display: block; background: #0e6eb8; position: relative; top: 0; }
.menu .menu_line2{top: 5px;}
.menu .menu_line3{top: 10px;}

.search-page{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 9999;
	background-image: url(../images/sbg.jpg);
	background-size: cover;
	padding: 4.5%;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(-100%);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.search-page .logo{
	float: left;
	width: 204px;
	height: 75px;
	background-image: url(../images/logo4.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.search-page .close{
	float: right;
	width: 51px;
	height: 51px;
	background-image: url(../images/close.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.search-page .close:hover{
	transform: rotate(90deg);
}
.search-page .txt{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-75%);
	width: 49%;
	text-align: center;
}
.search-page .txt p{
	font-family: "siyuan";
	margin-bottom: 4.5%;
	width: 82%;
}
.search-page .txt h1{
	overflow: hidden;
}
.search-page .txt input{
	width: 82%;
	float: left;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	text-indent: 10%;
	border:none;
}
.search-page .txt button{
	background: #368ac1;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	width: 12.5%;
	border-radius: 30px;
	cursor: pointer;
}
.search-page .txt button:hover{
	color: #368ac1;
	background: #fff;
}
.search-page .bot{
	position: absolute;
	bottom: 4.5%;
	left: 4.5%;
	right: 4.5%;
	font-size: 12px;
}

.search-page .links{
	float: right;
	overflow: hidden;
}

.search-page .links a {
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	margin-left: 25px;
	opacity: .8;
}
.search-page .links a:hover{
	opacity: 1;
}

.search-page .links a {
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	margin-left: 25px;
	opacity: .8;
	border:1px solid #fff;
	position: relative;
	border-radius: 50%;
	background: none !important;
}
.search-page .links a:before{
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 16px;
}
.search-page a.wx{
	/*background-image: url(../images/wx2.png);*/
	background-size: cover;
}
.search-page a.yk{
	/*background-image: url(../images/youku2.png);*/
	background-size: cover;
}
.search-page a.ins{
	/*background-image: url(../images/in2.png);*/
	background-size: cover;
}
header {
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
header .header-top{
	padding:0 4.5%;
	background: #0e6eb8;
	color: #fff;
	font-family: "simsun";
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
header .header-top p{
	line-height: 50px;
}
header .header-top .search-icon{
	width: 19px;
	height: 19px;
	background-image: url(../images/search.png);
	display: block;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 15.5px;
}
header .header-top span{
	position: relative;
}
header .header-top span:last-child{
	margin-left: 20px;
	padding-left: 20px;
}
header .header-top span:last-child:after{
	content: "";
	width: 1px;
	height: 6px;
	background: #fff;
	opacity: .6;
	position: absolute;
	top: 4px;
	left: 0;
	z-index: 1;
}
header .header-bot{
	padding: 0 4.5%;
	position: relative;
}

header .header-bot .logo{
	height: 145px;
	width: 204px;
	position: relative;
	z-index: 10;
}

header .header-bot nav h1{
	float: left;
	height: 145px;
	text-align: center;
	padding: 0 15px;
	line-height: 145px;
	position: relative;
}
header .header-bot nav h1 a{
	color: #b5b5b5;
	font-family: "siyuan";
}
header .header-bot nav h1>a{
	position: relative;
	z-index: 10;
}
header .header-bot nav h1:hover a,header .header-bot nav h1.on>a{
	color: #000;
}
header .header-bot nav h1:after{
	content:"";
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 4px;
	width: 0;
	background: #0ca59e;
	transform: translateX(-50%);
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
header .header-bot nav h1:hover:after,header .header-bot nav h1.on:after{
	width: 100%;
}
header .header-bot:after{
	content: "";
	display: block;
	clear: both;
}
header .header-bot nav h1 .min-nav{
	position: absolute;
	top: 140%;
	left: 0;
	z-index: 9;
	width: 100%;
	/*transition: all 1s;
	-webkit-transition: all 1s;*/
	/*opacity: 0;*/
	z-index: -1;
	top: 140%;
	display: none;
}
header .header-bot .header-bg{
	border-top: 1px solid #b6b7b8;
	position: absolute;
	z-index: 8;
	top: 100%;
	height: 160%;
	background: #fff;
	left: 0;
	width: 100%;
	/*transition: all 1s;
	-webkit-transition: all 1s;*/
	/*opacity: 0;*/
	/*z-index: -1;*/
	top: 100%;
	display: none;
}
header .header-bot nav h1 .min-nav.on{
	top: 140%;
	z-index: 9;
	opacity: 1;
	/*display: block;*/
}
header .header-bot .header-bg.on{
	top: 100%;
	z-index: 8;
	opacity: 1;
}

header .header-bot nav h1 .min-nav a{
	display: block;
	height: 20px;
	margin-bottom: 25px;
	line-height: 20px;
	text-align: center;
	padding: 0;
	width: 100%;
}
header .header-bot nav h1 .min-nav a:hover{
	color: #000;
}

header.on .header-top{
	display: none;
}
header.on .header-bot .logo{
	height: 65px;
	width: 100px;
}
header.on .header-bot nav h1{
	height: 65px;
	line-height: 65px;
}
header.on .header-bot nav a{
	font-size: 16px;
}
header.on .header-bot .header-bg{
	height: 290%;
}


footer{
	padding: 4.5%;
	/* overflow: hidden; */
}
footer .top{
	/* overflow: hidden; */
}
footer .top:after{
	content:"";
	display: block;
	clear: both;
}
footer .top .left{
	width: 70%;
}

footer .top .navs{
	overflow: hidden;
}
footer .top .navs a{
	float: left;
	font-family: "siyuan";
	color: #b5b5b5;
	margin-right: 5%;
}
footer .top .navs a:hover{
	color: #000;
	margin-left: 5px;
}
footer .top .right {
	width: 18%;
}
footer .top .right .box{
	float: left;
	width: 42%;
	margin-left: 8%;
	text-align: center;
}
footer .top .right .box p{
	margin-top: 10px;
}
footer .top .right img{
	width: 100%;
}


footer .link{
	width: 350px;
	height: 52px;
	text-indent: 15px;
	color: #000;
	position: relative;
	margin-top: 7%;
	font-size: 12px;
	font-family: "simsun";
	border:1px solid #090909;
}
footer .link .button{
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	cursor: pointer;
	height: 50px;
	overflow: hidden;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	text-indent: 0px;
}
footer .link p{
	opacity: .5;
	height: 50px;
	line-height: 50px;
}
footer .link .button img{
	width: 100%;
	top: 0;
}
footer .link ul{
	position: absolute;
	z-index: 1;
	width: 100%;
	background: #0e6eb8;
	bottom: 100%;
	left: 0;
	display: none;
}
footer .link ul li{
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	cursor: pointer;
}
footer .link ul li a{
	color: #fff;
}
footer .link ul li:hover{
	background: #4bc0a5;
}
footer .line{
	width: 100%;
	background: #b5b5b5;
	height: 1px;
	margin:5% 0;
}
footer .bot{
	overflow: hidden;
}

footer .bot .right .links{
	float: right;
	overflow: hidden;
	margin-bottom: 5%;
}

footer .bot .right .links a {
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	margin-left: 25px;
	opacity: .8;
	border:1px solid #666;
	position: relative;
	border-radius: 50%;
	background: none !important;
}
footer .bot .right .links a:before{
	color: #666;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 16px;
}
footer .bot .right a.wx{
	/*background-image: url(../images/wx.png);*/
	background-size: cover;
}
footer .bot .right a.yk{
	/*background-image: url(../images/yk.png);*/
	background-size: cover;
}
footer .bot .right a.ins{
	/*background-image: url(../images/ins.png);*/
	background-size: cover;
}
footer .bot .right a:hover{
	opacity: 1;
}
footer .bot .right .copy{
	font-size: 12px;
	opacity: .7;
	font-family: arial;
	color: #000;
	display: block;
	margin-top: 3%;
	display: block;
	clear: both;
	text-align: right;
}
.inner-banner{
	width: 100%;
	overflow: hidden;
	padding-bottom: 37%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.rot{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg);
}



section .swiper_01{
	overflow: hidden;
	width: 100%;
	position: relative;
}
section .swiper_01 .swiper-pagination{
	position: absolute;
	z-index: 2;
	top: 40%;
	padding-left: 4.5%;
}
section .swiper_01 .swiper-pagination .swiper-pagination-bullet{
	float: left;
	opacity: 1;
	background: #fff;
	width: 5px;
	height: 5px;
	margin: 0;
	margin-top: 2.5px;
	margin-right: 30px;
}
section .swiper_01 .swiper-pagination .swiper-pagination-bullet-active{
	width: 10px;
	height: 10px;
	margin-top: 0;
}
.swiper_01 .swiper-slide{
	position: relative;	
	width: 100%;
	overflow: hidden;
	padding: 0% 4.5%;
	padding-bottom: 46.5%;
}
.swiper_01 .swiper-slide .pic{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.swiper_01 .swiper-slide .txt{
	position: absolute;
	z-index: 2;
	left: 4.5%;
	top: 50%;
	color: #fff;
}
.swiper_01 .swiper-slide .txt h1{
	font-family: "siyuan";
	margin-bottom: 4%;
	letter-spacing: 5px;
	font-weight: normal;
}
.swiper_01 .swiper-slide .txt h2{
	font-family: arial;
	letter-spacing: 2px;
}
.swiper_01 .buttons{
	position: absolute;
	z-index: 2;
	bottom: 10%;
	right: 4.5%;
}
.swiper_01 .buttons div{
	float: left;
	width: 50px;
	height: 50px;
	opacity: .6;
	margin-left: 40px;
	outline: none;
	cursor: pointer;
}
.swiper_01 .buttons .prev{
	background-image: url(../images/prev.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.swiper_01 .buttons .next{
	background-image: url(../images/next.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.swiper_01 .buttons div:hover{
	opacity: 1;
}
.swiper_01 .go-down{
	width: 19px;
	height: 53px;
	background-image: url(../images/go-down.png);
	background-size: cover;
	position: absolute;
	left: 4.5%;
	bottom: 11%;
	z-index: 2;
	cursor: pointer;
	animation: linkmove 0.5s ease-in-out infinite alternate;
	-webkit-animation: linkmove 1s ease-in-out infinite alternate;
}

@keyframes linkmove{
  0%{transform:translateY(0);}
  100%{transform:translateY(15px);}
}
@-webkit-keyframes linkmove{
  0%{transform:translateY(0);}
  100%{transform:translateY(15px);}
}

section .index-top{
	overflow: hidden;
}
section .index-top .left{
	width: 30.4%;
	padding: 4.5%;
	overflow: hidden;
	float: left;
}
section .index-top .left h1{
	font-family: "siyuan";
	margin-bottom: 10px;
	line-height: 40px;
}
section .index-top .left p{
	font-size: 12px;
	opacity: .5;
	transform: scale(0.9) translateX(-5%);
	font-family: arial;
}
section .index-top .left .line{
	width: 416px;
	height: 11px;
	background: url(../images/line.png);
	margin-top: 70%;
}
section .index-top .right{
	float: right;
	width: 69.6%;
	padding: 4.5%;
	font-family:"simsun";
	padding-top: 7%;
}
section .index-top .right p{
	opacity: .7;
	line-height: 25px;
	margin-bottom: 4%;
}
section .index-top .right p:last-child{
	margin-bottom: 0;
}
section .index-mid{
	overflow: hidden;
	position: relative;
}
section .index-mid .top{
	overflow: hidden;
}
section .index-mid .top .left{
	width: 30.4%;
	float: left;
	top: 0;
	bottom: 0;
	position: absolute;
	border-bottom: 1px solid #000;
}
section .index-mid .top .left .txt{
	position: absolute;
	bottom: 0;
	background: rgba(255,255,255,.6);
	z-index: 4;
	left: 0;
	right: 0;
}
section .index-mid .top .left .txt div{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
section .index-mid .left .pic-w{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 3;
}
section .index-mid .left .pic-w .pic{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
section .index-mid .left .pic-w:hover .pic{
	transform: scale(1.2);
}
section .index-mid .top .right{
	width: 69.6%;
	float: right;
	overflow: hidden;
}
section .index-mid .top .right .swiper_02{
	width: 100%;
	overflow: hidden;
}
section .index-mid .top .right .swiper_02 .swiper-slide{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 50%;
}
section .index-mid .top .right .swiper_02 .swiper-slide .pic{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
section .index-mid .top .right .swiper_02 .swiper-slide:hover .pic{
	transform: scale(1.2);
}
section .index-mid .bot{
	overflow: hidden;
	border-bottom: 1px solid #848484;
	position: relative;
}
section .index-mid .bot .right{
	float: right;
	width: 69.4%;
	padding: 4.5%;
}
section .index-mid .bot .right ul{
	display: flex;
	justify-content: space-between;
}
section .index-mid .bot .right ul li{
	opacity: .4;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	cursor: pointer;
}
section .index-mid .bot .right ul li a{
	color: #000;
}
section .index-mid .bot .right ul li h1{
	font-family: "siyuan";
	
}
section .index-mid .bot .right ul li h2{
	font-family:arial;
}
section .index-mid .bot .right ul li p{
	width: 10px;
	height: 2px;
	background: #000;
	margin:20px 0;
	transition: all 0.5s;
	-webkit-transiiton:all 0.5s;
}
section .index-mid .bot .right ul li:hover,section .index-mid .bot .right ul li.on{
	opacity: 1;
}
section .index-mid .bot .right ul li:hover p,section .index-mid .bot .right ul li.on p{
	width: 100%;
}
section .index-mid .bot .left{
	position: absolute;
	left: 0;
	top: 0;
	width: 30.4%;
	height: 100%;
	background: #0e6eb8;
}
section .index-mid .bot .pic{
	width: 416px;
	height: 11px;
	background: url(../images/line2.png);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
section .index-news{
	overflow: hidden;
	position: relative;
}
section .index-news .right{
	width: 69.4%;
	padding: 4.5%;
	float: right;
}
section .index-news .right li{
	overflow: hidden;
	padding-bottom: 3%;
	border-bottom: 1px solid #b2b2b2;
	margin-top: 3%;
	opacity: .5;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	position: relative;
}
section .index-news .right li a{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
section .index-news .right li:first-child{
	margin-top: 0;
}
section .index-news .right li .num{
	float: left;
	font-family: "siyuan";
	text-align: center;
}
section .index-news .right li .num h1{
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
section .index-news .right li .num h2{
	margin-top: 5px;
}
section .index-news .right li .txt{
	float: right;
	width: 80%;
}
section .index-news .right li .txt h1{
	font-family: "siyuan";
	margin-top: 1.5%;
}
section .index-news .right li .txt p{
	font-family: "simsun";
	line-height: 30px;
	opacity: .5;
	margin-top: 3%;
}
section .index-news .right li:hover{
	opacity: 1;
}
section .index-news .right li:hover .num h1{
	color: #0e6eb8;
}
section .index-news .left{
	position: absolute;
	width: 30.4%;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
section .index-news .left .pic{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
section .index-news .left:hover .pic{
	transform: scale(1.3);
}
section .index-us{
	overflow: hidden;
}
section .index-us .left{
	width: 30.4%;
	float: left;
	overflow: hidden;
	padding: 6% 4.5% 2.7% 4.5%;
}
section .index-us .left h1{
	font-family: "siyuan";
	line-height: 40px;
}
section .index-us .left h2{
	font-size: 12px;
	font-family: arial;
	opacity: .5;
	transform: scale(0.9) translate(-5.5%,-15%);
	margin-top: 10px;
	width: 110%;
}
section .index-us .left .line{
	width: 100%;
	height: 1px;
	background: #b2b2b2;
	margin:19% 0;
}
section .index-us .left .des{
	font-family: "simsun";
	font-size: 14px;
	opacity: .7;
}
section .index-us .left .des p{
	line-height: 30px;
	/*margin-bottom: 30px;*/
	margin-bottom: 10%;
}
section .index-us .left .des p:last-child{
	margin-bottom: 0;
}
section .index-us .left .focus{
	margin-top: 20%;
	overflow: hidden;
	height: 38px;
	line-height: 38px;
	font-family: "siyuan";
}
section .index-us .left .focus p{
	opacity: .5;
	height: 38px;
	line-height: 38px;
}
section .index-us .left .focus a {
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	margin-left: 30px;
	opacity: .6;
	border:1px solid #666;
	position: relative;
	border-radius: 100%;
}
section .index-us .left .focus a:before{
	color: #666;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
section .index-us .left .focus a.wx{
	/*background-image: url(../images/wx.png);*/
	background-size: cover;
}
section .index-us .left .focus a.yk{
	/*background-image: url(../images/yk.png);*/
	background-size: cover;
}
section .index-us .left .focus a.ins{
	/*background-image: url(../images/ins.png);*/
	background-size: cover;
}
section .index-us .left .focus a:hover{
	opacity: 1;
}
section .index-us .right{
	width: 69.4%;
	float: left;
	position: relative;
	overflow: hidden;
	padding-bottom: 41%;
}
section .index-us .right .pic{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
section .index-us .right:hover .pic{
	transform: scale(1.3);
}
section .index-us .right .txt{
	position: absolute;
	z-index: 2;
	background: #0e6eb8;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 4.5% 8%;
	color: #fff;
	font-family: "siyuan";
}
section .index-us .right .txt a{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
section .index-us .right .txt .line{
	float: right;
	width: 416px;
	height: 11px;
	background: url(../images/line2.png);
	margin-top:15px;
}
section .index-us .right:hover .txt{
	background: #4bc0a5;
}
section .index-us .right:hover .txt .line{
	transform: translateX(10%);
}

.index-pic .pic-w{
	position: relative;
	padding-bottom: 47%;
	overflow: hidden;
}
.index-pic .pic-w .pic{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.index-pic .pic-w:hover .pic{
	transform: scale(1.3);
}
.index-pic .txt{
	overflow: hidden;
}
.index-pic .txt .left{
	width: 30.6%;
	float: left;
	background: #0e6eb8;
	padding: 2.6% 4.5%;
	color: #fff;
	position: relative;
}
.index-pic .txt p{
	font-family: "siyuan";
}
.index-pic .txt .left .line{
	float: right;
	width: 123px;
	height: 11px;
	background: url(../images/line3.png);
	margin-top:10px;
}
.index-pic .txt .right{
	width: 69.4%;
	float: left;
	background: #4bc0a5;
	padding: 2.6% 4.5%;
	color: #fff;
	position: relative;
}
.index-pic .txt .left a,.index-pic .txt .right a{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.index-pic .txt p{
	font-family: "siyuan";
}
.index-pic .txt .right .line{
	float: right;
	width: 415px;
	height: 11px;
	background: url(../images/line2.png);
	margin-top:10px;
}
.index-pic .txt .left:hover{
	background:#4bc0a5 ;
}
.index-pic .txt .left:hover .line{
	transform: translateX(10%);
}
.index-pic .txt .right:hover{
	background:#0e6eb8 ;
}
.index-pic .txt .right:hover .line{
	transform: translateX(10%);
}

/*视频*/
.video-box{
	position: relative;
	overflow: hidden;
}
.video-box video{
	object-fit:fill;
}
.video-box .play{
	width: 94px;
    height: 94px;
    position: absolute;
    z-index: 3;
    background: url(../images/play.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/*治疗领域*/
.therapeutic-area{
	overflow: hidden;
}
.therapeutic-area .top{
	padding: 4.5%;
	overflow: hidden;
	font-family: "siyuan";
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.therapeutic-area .top ul{
	display: flex;
	justify-content: space-between;
}
.therapeutic-area .top li{
	float: left;
	border:1px solid #7f7f7f;
	padding: 8% 6%;
	position: relative;
	overflow: hidden;
}
.therapeutic-area .top li:after{
	content:"";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: #0e6eb8;
	transform: translate(-100%,-100%);
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.therapeutic-area .top li h1{
	position: relative;
	z-index: 2;
	text-align: center;
	width: 100%;
}
.therapeutic-area .top li .line{
	width: 120px;
	margin:20px auto;
	height: 1px;
	background: #7f7f7f;
	position: relative;
	z-index: 2;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.therapeutic-area .top li .pic{
	width: 45px;
	height: 45px;
	margin:auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.therapeutic-area .top li .pic.zl{
	background-image: url(../images/zl.png);
}
.therapeutic-area .top li .pic.pf{
	background-image: url(../images/pf.png);
}
.therapeutic-area .top li .pic.kgr{
	background-image: url(../images/kgr.png);
}
.therapeutic-area .top li .pic.myl{
	background-image: url(../images/myl.png);
}
.therapeutic-area .top li .pic.yank{
	background-image: url(../images/yank.png);
}
.therapeutic-area .top li:hover .pic.zl,.therapeutic-area .top li.on .pic.zl{
	background-image: url(../images/zl2.png);
}
.therapeutic-area .top li:hover .pic.pf,.therapeutic-area .top li.on .pic.pf{
	background-image: url(../images/pf2.png);
}
.therapeutic-area .top li:hover .pic.kgr,.therapeutic-area .top li.on .pic.kgr{
	background-image: url(../images/kgr2.png);
}
.therapeutic-area .top li:hover .pic.myl,.therapeutic-area .top li.on .pic.myl{
	background-image: url(../images/myl2.png);
}
.therapeutic-area .top li:hover .pic.yank,.therapeutic-area .top li.on .pic.yank{
	background-image: url(../images/yank2.png);
}
.therapeutic-area .top li:hover:after,.therapeutic-area .top li.on:after{
	transform: translate(0,0);
	opacity: 1;
}
.therapeutic-area .top li:hover h1,.therapeutic-area .top li.on h1{
	color: #fff;
}
.therapeutic-area .top li:hover .line,.therapeutic-area .top li.on .line{
	background: #fff;
}
.therapeutic-area .main{
	overflow: hidden;
}
.therapeutic-area .main li{
	display: none;
}
.therapeutic-area .main li.on{
	display: block;
}
.therapeutic-area .main .txt{
	padding: 0 15%;
}
.therapeutic-area .main .txt h1{
	font-family: "siyuan";
}
.therapeutic-area .main .txt h2{
	font-size: 12px;
	transform: scale(0.9) translate(-5.5%,-15%);
	opacity: .5;
	margin-top: 15px;
}
.therapeutic-area .main .txt .des{
	margin-top: 5%;
	opacity: .7;
	font-family: "simsun";
	line-height: 30px;
}
.therapeutic-area .main .txt .des p{
	line-height: 30px;
}
.therapeutic-area .main .more{
	width: 100%;
	text-align: center;
	height: 90px;
	line-height: 90px;
	background: #0e6eb8;
	font-family: "siyuan";
	color: #fff;
	margin:3% 0;
}
.therapeutic-area .main .more p{
	line-height: 90px;;
}
.therapeutic-area .main .more span{
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/more.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	margin-top: -5px;
	margin-right: 10px;
}
/*产品介绍*/
.product-info{
	padding: 4.5%;
	overflow: hidden;
}
.product-info .top{
	overflow: hidden;
}
.product-info .left{
	width: 38%;
	float: left;
	overflow: hidden;
}
.product-info .top .pic-w{
	overflow: hidden;
	width: 100%;
	padding-bottom: 78%;
	position: relative;
}
.product-info .top .pic-w .pic{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.product-info .top .right{
	width: 53.5%;
	float: right;
	overflow: hidden;
}
.product-info .top h1{
	border-top: 3px solid #7f7f7f;
	padding: 3.8% 0;
	font-family: "siyuan";
}
.product-info .top .des{
	border-top: 1px solid #7f7f7f;
	padding: 10% 0;
}
.product-info .top .des h2{
	margin-bottom: 3%;
	font-family: "siyuan";
}
.product-info .top .des p{
	line-height: 30px;
	font-family: "simsun";
	opacity: .5;
	padding-left: 30px;
	position: relative;
}
.product-info .top .des p:after{
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #666666;
	left: 0;
	top: 13px;
}
.product-info .top .detail{
	font-size: 14px;
	font-family: "simsun";
	border-top: 1px solid #7f7f7f;
	opacity: .6;
	padding-top: 6%;
}
.product-info .top .detail p{
	line-height: 30px;
}
.product-info .mid{
	margin-top: 3%;
	overflow: hidden;
}
.product-info .mid .left{
	width: 38%;
	float: left;
	overflow: hidden;
	border-top: 3px solid #7f7f7f;
	padding: 3% 0;
}
.product-info .mid .right{
	width: 53.5%;
	float: right;
	overflow: hidden;
	border-top: 3px solid #7f7f7f;
	padding: 3% 0;
}

.product-info .bot .left{
	width: 38%;
	float: left;
	overflow: hidden;
}
.product-info .bot .right{
	width: 53.5%;
	float: right;
	overflow: hidden;
}
.product-info .mid h1{
	font-family: "siyuan";
	margin-bottom: 3%;
	overflow: hidden;
}
.product-info .mid p{
	font-size: 14px;
	font-family: "simsun";
	opacity: .5;
	padding-left: 30px;
	position: relative;
	line-height: 30px;
	overflow: hidden;
}
.product-info .mid p:after{
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #666666;
	left: 0;
	top: 13px;
}
.product-info .mid .right .box{
	width: 50%;
	float: left;
}
.product-info .mid .right .box p{
	font-size: 14px;
    font-family: "simsun";
    opacity: .5;
    padding-left: 30px;
    position: relative;
    line-height: 30px;
    overflow: hidden;
}
.product-info .bot div{
	border-top: 1px solid #7f7f7f;
	padding-top: 4.5%;
}
.product-info .bot p{
	font-size: 14px;
	font-family: "simsun";
	opacity: .6;
	line-height: 30px;
}
/*大事记*/
.inside-nav{
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.inside-nav a{
	display: block;
	width: 50%;
	color: #000;
	text-align: center;
	height: 85px;
	line-height: 85px;
	border-top: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
	border-right: 1px solid #b7b7b7;
	font-family: "siyuan";
	font-size: 18px;
}
.inside-nav a:last-child{
	border-right:none;
}
.inside-nav a:hover,.inside-nav a.on{
	background: #0e6eb8;
	color: #fff;
	border-color: #0e6eb8;
}
.com-time{
	overflow: hidden;
	padding: 5%;
	border-bottom: 1px solid #b5b5b5;
	position: relative;
}
.com-time .time-swiper{
	margin:0 10%;
}
.com-time .time-swiper .swiper-slide{
	width: 33.33%;
	padding:3% 5%;
	position: relative;
}
.com-time:after{
	content: "";
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 44.5%;
	background: #000;
	opacity: .4;
}
.com-time .time-swiper .swiper-slide h1{
	color: #ababab;
	text-align: center;
}
.com-time .time-swiper .swiper-slide .point{
	height: 30px;
	margin:25px 0;
	position: relative;
}
.com-time .time-swiper .swiper-slide .point:after{
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: -3px;
	margin-left: -1.5px;
	width: 3px;
	height: 3px;
	background: #000;
	border-radius: 100%;
}
.com-time .time-swiper .swiper-slide .point:before{
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 4px;
	width: 1px;
	height: 20px;
	background: #000;
	/*opacity: .5;*/
	display: none;
}
.com-time .time-swiper .swiper-slide .des{
	/*opacity: .5;*/
	font-family: "simsun";
	text-align: center;
	line-height: 30px;
	height: 60px;
}
.com-time .time-swiper .swiper-slide .box{
	width: 90%;
	margin:auto;
	padding:25% 8%;
}
.com-time .time-swiper .swiper-slide.swiper-slide-active{
	/* background: #0e6eb8; */
	/* box-shadow: 0 0 30px 0 #ccc; */
}
.com-time .time-swiper .swiper-slide.swiper-slide-active .box{
	background: #0e6eb8;
	box-shadow: 0 0 30px 0 #333;
}
.com-time .time-swiper .swiper-slide.swiper-slide-active h1{
	color: #fff;
}
.com-time .time-swiper .swiper-slide.swiper-slide-active .des{
	color: #fff;
	/*opacity: .8;*/
}
.com-time .time-swiper .swiper-slide.swiper-slide-active  .point:after{
	background: none;
	width: 9px;
	height: 9px;
	margin:-4.5px 0 0 -4.5px;
	border:1px solid #000;
	opacity: .5;
}
.com-time .time-swiper .swiper-slide.swiper-slide-active .point:before{
	display: block;
}
.maps{
	padding: 4.5% 0;
	overflow: hidden;
	border-bottom: 1px solid #7F7F7F;
}
.maps .left{
	width: 72%;
	text-align: center;
	float: left;
	padding:0 6%;
}
.maps .right{
	width: 28%;
	float: left;
	margin-top: 8%;
	padding-right: 10%;
	
}
.maps .right li{
	padding-left: 18%;
	margin-bottom: 10%;
	position: relative;
	/* opacity: .5; */
}
.maps .right li h1{
	font-family: "siyuan";
	margin-bottom: 10px;
}
.maps .right li p{
	font-family: "simsun";
	font-size: 14px;
	opacity: .7;
	line-height: 30px;
}
.maps .right li:after{
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
}
.maps .right li:nth-child(1):after{
	background-image: url(../images/star.png);
}
.maps .right li:nth-child(2):after{
	background-image: url(../images/local.png);
}
.maps .right li:nth-child(3):after{
	background-image: url(../images/ys.png);
}
.maps .right li:nth-child(4):after{
	background-image: url(../images/local2.png);
}
/* .maps .right li.on,.maps .right li:hover{
	opacity: 1;
} */
/*概论*/
.com-des{
	padding: 4.5% 13%;
	border-bottom: 1px solid #7F7F7F;
}
.com-des h1{
	font-family: "siyuan";
}
.com-des h2{
	font-size: 12px;
	font-family: arial;
	transform: scale(0.9) translate(-5.5%,-10%);
	opacity: .5;
	margin-top: 10px;
}
.com-des .des{
	margin-top: 5%;
	font-family: "simsun";
	opacity: .7;
}
.com-des .des p{
	line-height: 30px;
	margin-bottom: 2%;
}
.com-des .des p:last-child{
	margin-bottom: 0;
}
/*公司文化*/
.culture{
	padding: 4.5%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.culture .box{
	width: 25%;
	position: relative;
}
.culture .box .pic-w{
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 110%;
}
.culture .box .pic-w .pic{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.culture .box h1{
	font-family: "siyuan";
	position: absolute;
	z-index: 2;
	top: 43%;
	width: 100%;
	text-align: center;
	color: #fff;
	letter-spacing: 2px;
}
.culture .box p{
	font-family: arial;
	position: absolute;
	z-index: 2;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #fff;
	letter-spacing: 2px;
}
.culture .box a{
	display: block;
	width: 270px;
	height: 60px;
	line-height: 56px;
	border-radius: 30px;
	position: absolute;
	bottom: 15%;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	border: 2px solid #fff;
	color: #fff;
}
.culture .box a:hover{
	background: #0e6eb8;
	color: #fff;
	border-color: #0e6eb8;
}
.culture .box:last-child a{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	border:none;
	width: auto;
	height: auto;
	transform: translate(0);
	border-radius: 0;
}
/*logo介绍*/
.cul-info{
	padding:0 4.5% 4.5% 4.5%;
}
.cul-info .top{
	border:1px solid #0b0b0b;
	padding: 3% 8%;
	overflow: hidden;
	margin-top: -4%;
	background: #fff;
}
.cul-info .top.bn{
	border:none;
}
.cul-info .top .left{
	float: left;
}
.cul-info .top .left h1{
	font-family: "siyuan";
	margin-bottom: 10px;
}
.cul-info .top .left p{
	font-size: 12px;
	opacity: .7;
	font-family: arial;
}

.cul-info .top .links{
	float: right;
	overflow: hidden;
	margin-top: 0.5%;
}

/*.cul-info .top .links a {
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	margin-left: 25px;
	opacity: .8;
}*/

.cul-info .top .links a {
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	margin-left: 25px;
	opacity: .8;
	border:1px solid #666;
	position: relative;
	border-radius: 50%;
	background: none !important;
}
.cul-info .top .links a:before{
	color: #666;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 16px;
}
.cul-info .top a.wx{
	/*background-image: url(../images/wx.png);*/
	background-size: cover;
}
.cul-info .top a.yk{
	/*background-image: url(../images/yk.png);*/
	background-size: cover;
}
.cul-info .top a.ins{
	/*background-image: url(../images/ins.png);*/
	background-size: cover;
}
.cul-info .top a:hover{
	opacity: 1;
}
.cul-info .des{
	padding: 0 8%;
	overflow: hidden;
	margin-top: 5%;
}
.cul-info .des h1{
	font-family: "siyuan";
}
.cul-info .des h2{
	font-size: 12px;
	opacity: .7;
	margin-top: 15px;
	margin-bottom: 10%;
}
.cul-info .des .left{
	width: 41%;
	float: left;
}
.cul-info .des .left img{
	display: block;
	margin-bottom:15%;
}
.cul-info .des .left p{
	font-size: 16px;
	font-family: "siyuan";
	line-height: 25px;
	margin-bottom: 3%;
}
.cul-info .des .right{
	width: 32.5%;
	float: right;
}
.cul-info .des .right li{
	padding: 7% 0;
}
.cul-info .des .right p{
	font-family: "siyuan";
	opacity: .6;
	line-height: 30px;
}
.cul-info .des .right li:nth-child(1){
	border-bottom: 3px solid #00ae92;
}
.cul-info .des .right li:nth-child(2){
	border-bottom: 3px solid #70c94d;
}
.cul-info .des .right li:nth-child(3){
	border-bottom: 3px solid #066fb9;
}
.cul-info .des .right li:nth-child(4){
	border-bottom: 3px solid #02c0d4;
}
.cul-info .bot{
	padding: 0 8%;
	padding-top: 5%;
	position: relative;
}
.cul-info .bot:after{
	content: "";
	position: absolute;
	left: -50%;
	top: 0;
	width: 200%;
	height: 1px;
	background: #b2b2b2;
}
.cul-info .bot h1{
	font-family: "siyuan";
}
.cul-info .bot h2{
	font-size: 12px;
	opacity: .7;
	margin-top: 15px;
	margin-bottom: 6%;
}
.cul-info .bot p{
	font-size: 14px;
	font-family: "simsun";
	line-height: 30px;
	opacity: .7;
}
.cul-info .bot img{
	display: block;
	margin:auto;
	margin-top: 5%;
	max-width: 100%;
}

.cul-info .goback{
	width: 150px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 12px;
	color: #fff;
	letter-spacing: 5px;
	margin-top: 120px;
	cursor: pointer;
	outline: none;
	transition: all 0.3s;
	-webkit-transition:all 0.3s;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-top: 3%;
	display: block;
}
.cul-info .goback span{
	position: relative;
	z-index: 2;
	color: #fff;
}
.cul-info .goback:after{
	content:"";
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
	background: #0e6eb8;
	z-index: 1;
	transition: opacity .35s ease-out .03s, -webkit-transform .35s ease-out;
    transition: transform .35s ease-out, opacity .35s ease-out .03s;
    transition: transform .35s ease-out, opacity .35s ease-out .03s, -webkit-transform .35s ease-out;
}
.cul-info .goback:before{
	content:"";
	position: absolute;
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	background: #0e6eb8;
	z-index: 1;
	transition: opacity .35s ease-out .03s, -webkit-transform .35s ease-out;
    transition: transform .35s ease-out, opacity .35s ease-out .03s;
    transition: transform .35s ease-out, opacity .35s ease-out .03s, -webkit-transform .35s ease-out;
}

.cul-info .goback:hover{
	background: #fff;
	color: #5a1c87;
}
.cul-info .goback:hover:before{
	-webkit-transform: translate3d(-100%, 0, 0) rotate(-45deg);
    transform: translate3d(-100%, 0, 0) rotate(-45deg);
}
.cul-info .goback:hover:after{
	-webkit-transform: translate3d(100%, 0, 0) rotate(-45deg);
    transform: translate3d(100%, 0, 0) rotate(-45deg);
}
.cul-info .goback:hover span{
	color: #0e6eb8;
}
/*迈乐团队*/
.team{
	padding: 4.5% 13.5%;
}
.team h1{
	font-family: "siyuan";
	margin-bottom: 3%;
}
.team h2{
	font-size: 14px;
	font-family: "simsun";
	line-height: 30px;
	opacity: .7;
}
.team img{
	display: block;
	margin:10% 0;
	width: 100%;
}
.team .box{
	overflow: hidden;
}
.team .box li{
	padding: 3% 0;
	border-bottom: 1px solid #b2b2b2;
}
.team .box li:last-child{
	border:none;
}
.team .box li p{
	font-family: "simsun";
	color: #7b7b7b;
	margin:7px 0;
}
.team .box li h3{
	font-family: "siyuan";
	margin-bottom: 20px;
}
/*联系我们*/
.contact{
	/*overflow: hidden;*/
}

.contact .top{
	border:1px solid #0b0b0b;
	padding: 3% 8%;
	margin: 0 4.5%;
	overflow: hidden;
	margin-top: -4%;
	background: #fff;
}
.contact .top.bn{
	border:none;
}
.contact .top .left{
	float: left;
}
.contact .top .left h1{
	font-family: "siyuan";
	margin-bottom: 10px;
}
.contact .top .left p{
	font-size: 12px;
	opacity: .7;
	font-family: arial;
}
.contact .top .right{
	float: right;
	font-family: "siyuan"
}
.contact .des{
	padding: 4.5% 12.5%;
	border-top: 1px solid #b2b2b2;
}
.contact .des h1{
	font-family: "siyuan";
}
.contact .des h2{
	font-size: 12px;
	opacity: .7;
	margin-top: 15px;
	margin-bottom: 6%;
}
.contact .des p{
	font-family: "simsun";
	opacity: .7;
	line-height: 30px;
	margin-bottom: 2%;
	  -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}
.contact .map-info{
	overflow: hidden;
}
.contact .map-info .map{
	min-height: 300px;
	overflow: hidden;
}
.contact .add-list{
	overflow: hidden;
}
.contact .add-list .box{
	float: left;
	width: 50%;
	padding: 3% 5%;
	  -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}
.contact .add-list .box li{
	overflow: hidden;
	margin-bottom: 3%;
}
.contact .add-list .box span{
	display: block;
	width: 24px;
	height: 24px;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	  -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}
.contact .add-list .box span.star{
	background-image: url(../images/local3.png);
}
.contact .add-list .box span.local{
	background-image: url(../images/local4.png);
}
.contact .add-list .box span.tel{
	background-image: url(../images/tel.png);
}
.contact .add-list .box p.mid{
	float: left;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	font-family: "simsun";
	margin:0 28px ;
}
.contact .add-list .box p:last-child{
	font-family: "siyuan";
	line-height: 24px;
}
.contact .add-list .box p.sun{
	font-family: "simsun";
}
.contact .add-list .box.on{
	background: #0e6eb8;
	color: #fff;
}
.contact .add-list .box.on span.star{
	background-image: url(../images/local3w.png);
}
.contact .add-list .box.on span.local{
	background-image: url(../images/local4w.png);
}
.contact .add-list .box.on span.tel{
	background-image: url(../images/telw.png);
}
.contact .bot{
	padding: 5% 12.5%;
}
.contact .bot ul{
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	margin-bottom: 5%;
}
.contact .bot ul li{	
	width: 42%;
}
.contact .bot h2{
	font-family: "siyuan";
}
.contact .bot input{
	display: block;
	width: 100%;
	border:1px solid #b2b2b2;
	margin-top: 5%;
	font-size: 14px;
	font-family: "simsun";
	padding:4% 6%;
}
.contact .bot textarea{
	padding: 2% 3%;
	border:1px solid #b2b2b2;
	margin-top: 2%;
	font-size: 14px;
	font-family: "simsun";
	width: 100%;
	resize: none;
}
.contact .bot button{
	margin-top: 5%;
	width: 100%;
	border:1px solid #0e6eb8;
	color: #fff;
	background: #0e6eb8;
	height: 90px;
	line-height: 88px;
	display: block;
	font-family: "siyuan";
}
.contact .bot button span{
	display: inline-block;
	width: 29px;
	height: 29px;
	background-image: url(../images/msg.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -2px;
}
.contact .bot button:hover{
	background: #fff;
	color: #0e6eb8;
}
.contact .bot button:hover span{
	background-image: url(../images/msg2.png);
}
/*新闻列表*/
.news-list{
	overflow: hidden;
}
.news-list li{
	overflow: hidden;
	position: relative;
}
.news-list li .right{
	width: 50%;
	float: right;
	padding: 4.5%;
	color: #000;
	font-family: "simsun";
	position: relative;
}
.news-list li .right h2{
	font-family: "siyuan";
	margin-bottom: 4%;
}
.news-list li .right p{
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height: 30px;
  height: 60px;
}
.news-list li .right .time{
	float: right;
	margin-top: 13%;
}
.news-list li .pic-w{
	width: 50%;
	position: absolute;
	height: 100%;
	overflow: hidden;
	left: 0;
	top: 0;
}
.news-list li .right .line{
	position: absolute;
	bottom: 22%;
	left: 10%;
	height: 11px;
	width: 20%;
	background: url(../images/line.png) right center no-repeat;
	z-index: 1;
}
.news-list li .pic-w .pic{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.news-list li:hover .pic{
	transform: scale(1.2);
}
.news-list li:hover .right{
	background: #0e6eb8;
	color: #fff;
}
.news-list li:hover .right .line{
	background: url(../images/line2.png) right center no-repeat;
	width: 40%;
}
.news-list.onlyW{}
.news-list.onlyW li .right{
	width: 100%;
	padding: 4.5% 12%;
}
.news-list.onlyW li .right h2{
	margin-bottom: 1%;
}
.news-list.onlyW li .right .time{
	margin-top: 3%;
}
.news-list.onlyW li .right .line{
	left: 12%;
}

.load-more{
	width: 100%;
	border:1px solid #0e6eb8;
	color: #fff;
	background: #0e6eb8;
	height: 90px;
	line-height: 88px;
	display: block;
	font-family: "siyuan";
	text-align: center;
}
.load-more span{
	display: inline-block;
	width: 23px;
	height: 24px;
	background-image: url(../images/more.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-right: 20px;
	margin-top: -6px;
}
.load-more:hover{
	background: #fff;
	color: #0e6eb8;
}
.load-more:hover span{
	background-image: url(../images/more2.png);
}
/*新闻详情*/
.news-detail{
	/*overflow: hidden;*/
	padding:0 4.5%;
}
.news-detail .title{
	/*border: 1px solid #0b0b0b;*/
    padding: 3% 8%;
    overflow: hidden;
    margin-top: -4%;
    background: #fff
}
.news-detail .title .left{
	float: left;
}
.news-detail .title h1{
	font-family: "siyuan";
	margin-bottom: 10px;
}
.news-detail .title p{
	font-size: 12px;
	opacity: .7;
	font-family: arial;
}
.news-detail .right{
	/*font-family: "simsun";*/
	float: right;
	text-align: right;
}
.news-detail .right h2{

	margin-top: 6%;
}
.news-detail .right h2:last-child{
	display: flex;
}
.news-detail .right span{
	margin-left: 20px;
}
.news-detail .detail{
    margin: 0% 8%;
    padding-bottom: 4%;
    border-bottom: 1px solid #b2b2b2;
}
.news-detail .detail img{
	display: block;
	margin:2% auto;
	max-width: 100%;
	height: auto !important;
}
.news-detail .detail p{
	/*opacity: .7;*/
	font-family: "simsun";
	line-height: 30px;
	margin-bottom: 2%;
	font-size: 14px;
}
.news-detail .bot{
	padding: 0% 8%;
	margin-top: 4%;
	overflow: hidden;
	margin-bottom: 4%;
}
.news-detail .bot .left{
	float: left;
	overflow: hidden;
}
.news-detail .bot .left a{
	display: block;
	font-size: 14px;
	color: #000;
	font-family: "simsun";
	line-height: 30px;
}

.news-detail .bot .links{
	float: right;
	overflow: hidden;
	margin-top: 1%;
}


.news-detail .bot .links  a {
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	margin-left: 25px;
	opacity: .8;
	border:1px solid #666;
	position: relative;
	border-radius: 50%;
	background: none !important;
}
.news-detail .bot .links a:before{
	color: #666;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 16px;
}
.news-detail .bot a.wx{
	/*background-image: url(../images/wx.png);*/
	background-size: cover;
}
.news-detail .bot a.yk{
	/*background-image: url(../images/yk.png);*/
	background-size: cover;
}
.news-detail .bot a.ins{
	/*background-image: url(../images/ins.png);*/
	background-size: cover;
}
.news-detail .bot a:hover{
	opacity: 1;
}

.respons{
	padding: 4.5% 12.5%;
}
.respons .title{
	overflow: hidden;
	margin-bottom: 5%;
}
.respons .title h1{
	font-family: "siyuan";
	margin-bottom: 10px;
}
.respons .title p{
	font-size: 12px;
	opacity: .7;
	font-family: arial;
}
.respons .des.scdx{
	overflow: hidden;
}
.respons .des.scdx .word{
	width: 70%;
	float: left;
}
.respons .des.scdx .pic{
	width: 20%;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	right: 0;
}
.respons .des.scdx .pic img{
	width: 100%;
}
.respons .des h1{
	margin-bottom: 1%;
}
.respons .des p{
	font-family: "simsun";
	opacity: .7;
	line-height: 30px;
	margin-bottom: 3%;
}
.respons .des p:last-child{
	margin-bottom: 0;
}
.gbaz{
	margin-top: 2%;
}
.respons .des{
	position: relative;
}

.respons .des img{
	display: block;
	margin:auto;
	margin-bottom: 3%;
	max-width: 100%;
}

.respons .gbaz .g-box{
	width: 100%;
	overflow: hidden;
	margin-bottom: 2%;
}
.respons .gbaz .g-box .pic-w{
	position: relative;
	width: 45%;
	padding-bottom: 20%;
	overflow: hidden;
	float: left;
}
.respons .gbaz .g-box .pic-w .pic{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.respons .gbaz .g-box  .txt{
	width: 50%;
	float: right;
	margin-top: 3%;
}
.respons .gbaz .g-box  .txt h2{
	margin-bottom: 3%;
}

/*圆环*/
.three-box{
	width: 590px;
	height: 590px;
	margin:10% auto;
	position: relative;
	margin-bottom: 20%;
}
.three-box .box{
	opacity: 0;
	transition: all 1s;
	-webkit-transition:all 1s;
}
.three-box .one{
	width: 288px;
	height: 435px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/sj1.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 1s;
	-webkit-transition:all 1s;
}
.three-box .one:hover,.three-box .two:hover,.three-box .three:hover{
	transform: scale(1.05);
}

.three-box .two{
	width: 288px;
	height: 435px;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(../images/sj2.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.three-box .three{
	width: 500px;
	height: 240px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -250px;
	background-image: url(../images/sj3.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.three-box .one h1{
	color:#fff;
	position: absolute;
	left: 40%;
	top: 45%;
	z-index: 1;
	transform: translate(-50%,-50%);
}
.three-box .two h1{
	color:#fff;
	position: absolute;
	right: 40%;
	top: 45%;
	z-index: 1;
	transform: translate(50%,-50%);
}
.three-box .three h1{
	color:#fff;
	position: absolute;
	right: 50%;
	top: 60%;
	z-index: 1;
	transform: translate(50%,-50%);
}
.three-box .box{
	position: absolute;
}
.three-box .box h2{
	font-family: "siyuan";
	margin-bottom: 30px;
}
.three-box .box p{
	font-family: "simsun";
	line-height: 25px;
	margin-bottom: 20px;
	padding-left: 30px;
	position: relative;
	opacity: .7;
}
.three-box .box p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 100%;
}
.three-box .one .box{
	left: -200%;
	width: 180%;
	top: 40%;
}
.three-box .one:hover .box{
	opacity: 1;
	top: 10%;
}
.three-box .one .box:after{
	content: "";
	position: absolute;
	width: 195px;
	height: 111px;
	background: url(../images/t-line.png);
	z-index: 1;
	right: -20%;
	top: 10%;
}
.three-box .two .box{
	right: -200%;
	width: 180%;
	top: 40%;
}

.three-box .two:hover .box{
	opacity: 1;
	top: 10%;
}
.three-box .two .box:after{
	content: "";
	position: absolute;
	width: 145px;
	height: 111px;
	background: url(../images/t-line2.png);
	z-index: 1;
	left: -32%;
	top: 8%;
}
.three-box .three .box{
	bottom: -70%;
	left: -50%;
	width: 215%;
}
.three-box .three .box:after{
	content: "";
	position: absolute;
	height: 125px;
	width: 1px;
	background: #000000;
	opacity: .4;
	z-index: 1;
	top: -70%;
	left: 46.5%;
}
.three-box .three:hover .box{
	opacity: 1;
	bottom: -100%;
}

.yf-box{
	overflow: hidden;
}
.yf-box li{
	overflow: hidden;
	border-bottom: 1px solid #c1c1c1;
	padding: 2% 0;
}
.respons .des .yf-box li p{
	float: left;
	height: 25px;
	line-height: 25px;
	font-family: "simsun";
	opacity: .8;
	margin-bottom: 0 ;
}
.yf-box li p:nth-child(1){
	font-family: arial;
	width: 26%;
}
.yf-box li p:nth-child(2){
	width: 21%;
}
.yf-box li p:nth-child(3){
	width: 32%;
}
.yf-box li p:nth-child(4){
	width: 21%;
}
/*工作*/
.works{
	padding: 4.5%;
	position: relative;
}
.works:after{
	content: "";
	display: block;
	clear: both;
}
.works .left{
	float: left;
	overflow: hidden;
	width: 61.5%;
}
.works .left .work-list{
	overflow: hidden;
}
.works .work-list h1{
	font-family: "siyuan";
	margin-bottom: 5%;
} 
.works .work-list h2{
	font-size: 14px;
	font-family: "simsun";
	line-height: 30px;
	opacity: .7;
}
.works .work-list ul{
	margin-top: 5%;
}
.works .work-list ul li{
	padding:3% 5%;
	font-family: "siyuan";
}
.works .work-list ul li h3{
	color: #000;
	margin-bottom: 5px;
}
.works .work-list ul li span{
	font-size: 13px;
	color: #000;
	opacity: .5;
	margin-right: 15px;
}
.works .work-list ul li:hover{
	background: #0e6eb8;;
}
.works .work-list ul li:hover h3,.works .work-list ul li:hover span{
	color: #fff;
}
.works .right,.in-ml .right-box{
	width: 29%;
	float: right;
	/* display: none; */
}

.in-ml .right-box {
    top: -30%;
    /* margin-right: 7%; */
    position: absolute;
    right: 7.5%;
	padding: 1.8% 4.7%;
	background: #fff;
	border:1px solid #d0d0d0;
	margin-top: -12%;
	/* display: none; */
}
.join-us .right-box{
	top: -15%;
}
.works .right h1,.in-ml .right-box h1{
	font-family: arial;
	font-weight: bold;
	letter-spacing: 3px;
}
.works .right h1 span,.in-ml .right-box h1 span{
	color: #0e6eb8;
}
.works .right h2,.in-ml .right-box h2{
	font-weight: bold;
	margin-top: 5%;
}
.works .right input,.in-ml .right-box input{
	display: block;
	width: 100%;
	background: #efefef;
	height: 55px;
	line-height: 55px;
	border-radius: 27.5px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 15%;
	-moz-box-shadow:0px 5px 15px #aaa inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:0px 5px 15px #aaa inset;            /* For Chrome5+, Safari5+ */
	box-shadow:0px 5px 15px #aaa inset;                    /* For Latest Opera */
}
.works .right button,.in-ml .right-box button{
	display: block;
	width: 100%;
	background: #efefef;
	height: 55px;
	line-height: 55px;
	border-radius: 27.5px;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 15%;   
	color: #fff;
	background: #0e6eb8;
	border:1px solid #0e6eb8;
}
.works .right button:hover,.in-ml .right-box button:hover{
	color: #0e6eb8;
	background: #fff;
}
.works .right  h3,.in-ml .right-box h3{
	font-family: "simsun";
	opacity: .7;
	line-height: 30px;
	margin-top: 11%;
}
.lxwm{
	position: relative;
	overflow: hidden;
	padding-bottom: 25%;
	clear: both;
}
.lxwm .pic{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.lxwm a{
	display: block;
	position: absolute;
	width: 510px;
	height: 60px;
	border:2px solid #fff;
	text-align: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	line-height: 58px;
	color: #fff;
	letter-spacing: 2px;
	border-radius: 30px;
}
.lxwm a:hover{
	background: #0e6eb8;
	border-color: #0e6eb8;
}

.work-detail h1{
	font-family: "siyuan";
	color: #0e6eb8;
	margin-bottom: 1%;
}
.work-detail h2{
	font-family: arial;
	color: #0e6eb8;
}
.work-detail .href{
	margin:6% 0;
	overflow: hidden;
	display: none;
}
.work-detail .href a{
	display: inline-block;
	height: 60px;
	border-radius: 30px;
	line-height: 54px;
	border:2px solid #0e6eb8;
	text-align: center;
	letter-spacing: 2px;
	color: #fff;
	background: #0e6eb8;
	padding:0 3%;
	font-family: "siyuan";
	margin-right: 3%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.work-detail .href a:hover{
	background: #fff;
	color: #0e6eb8;
}
.work-detail .detail-list{
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	padding: 20px 0;
	overflow: hidden;
	margin:10% 0;
}
.work-detail .detail-list li{
	float: left;
	position: relative;
	font-family: "siyuan";
	padding: 0 30px;
}
.work-detail .detail-list li p{
	color: #0e6eb8;
	margin-top: 10px;
}
.work-detail .detail-list li:first-child{
	padding-left: 0;
}
.work-detail .detail-list li:after{
	content: "";
	position: absolute;
	right: 0;
	height: 36px;
	width: 2px;
	background: #ccc;
	top: 50%;
	z-index: 1;
	margin-top: -18px;
}
.work-detail .detail-list li:last-child:after{
	display: none;
}
.work-detail .des{
	margin-top: 6%;
}
.work-detail .des p{
	font-family: "simsun";
	color: #838383;
	line-height: 30px;
}
.work-detail .des h1{
	font-family: "eng";
	color: #000;
	opacity: .7;
	font-size: 14px;
	line-height: 20px;
	margin-top: 3%;
	
}
.join-us {
	/* overflow: hidden; */
	padding: 4.5% 4.5% 0 4.5%;
	position: relative;
}
.join-us:after{
	content: "";
	display: block;
	clear: both;
}
.join-us .box{
	width: 31%;
	position: relative;
	float: left;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
}
.join-us .box:nth-child(3n){
	margin-right: 0;
}
.join-us .box .pic-w{
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 110%;
}
.join-us .box .pic-w .pic{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.join-us .box h1{
	font-family: "siyuan";
	position: absolute;
	z-index: 2;
	top: 32%;
	width: 100%;
	text-align: center;
	color: #fff;
	letter-spacing: 2px;
}
.join-us .box p{
	font-family: arial;
	position: absolute;
	z-index: 2;
	top: 40%;
	width: 100%;
	text-align: center;
	color: #fff;
	letter-spacing: 2px;
}
.join-us .box a{
	display: block;
	width: 270px;
	height: 60px;
	line-height: 56px;
	border-radius: 30px;
	position: absolute;
	bottom: 35%;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	border: 2px solid #fff;
	color: #fff;
}
.join-us .box a:hover{
	background: #0e6eb8;
	color: #fff;
	border-color: #0e6eb8;
}

.join-href .left{
	width: 50%;
	float: left;
	background: #0e6eb8;
	padding: 2.6% 4.5%;
	color: #fff;
}
.join-href p{
	font-family: "siyuan";
}
.join-href .left .line{
	float: right;
	width: 123px;
	height: 11px;
	background: url(../images/line3.png) right center no-repeat;
	margin-top:10px;
}
.join-href .left:hover{
	background:#fff;
	color: #000;
}
.join-href .left:hover .line{
	margin-left: -5%;
	background: url(../images/line.png) right center no-repeat;
}
.four-box{
	margin: 4.5%;
	border:1px solid #d1d1d1;
	margin-top: -4.5%;
	overflow: hidden;
	background: #fff;
}
.four-box li{
	float: left;
	width: 25%;
	padding: 2%;
	position: relative;
}
.four-box li:after{
	content: "";
	width: 1px;
	height: 300%;
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	background: #d1d1d1;
}
.four-box li:last-child:after{
	display: none;
}
.four-box li h1{
	font-family: "siyuan";
}
.four-box li p{
	font-family: "simsun";
	margin-top: 7%;
	opacity: .6;
	line-height: 25px;
}
.four-box li .more{
	display: inline-block;
	width: 270px;
	height: 45px;
	line-height: 43px;
	background: #0e6eb8;
	color: #fff;
	text-align: center;
	border:1px solid #0e6eb8;
	margin-top: 7%;
	border-radius: 23px;
}
.four-box li .more:hover{
	background: #fff;
	color: #0e6eb8;
}

.four-box li.right{
	width: 25%;
	background: #fff;
}
.four-box li.right h1{
	font-family: arial;
	font-weight: bold;
	letter-spacing: 3px;
}
.four-box li.right h1 span{
	color: #0e6eb8;
}
.four-box li.right h2{
	font-weight: bold;
	margin-top: 5%;
}
.four-box li.right input{
	display: block;
	width: 100%;
	background: #efefef;
	height: 55px;
	line-height: 55px;
	border-radius: 27.5px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 15%;
	-moz-box-shadow:0px 5px 15px #aaa inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:0px 5px 15px #aaa inset;            /* For Chrome5+, Safari5+ */
	box-shadow:0px 5px 15px #aaa inset;                    /* For Latest Opera */
}
.four-box li.right button{
	display: block;
	width: 100%;
	background: #efefef;
	height: 55px;
	line-height: 55px;
	border-radius: 27.5px;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 15%;   
	color: #fff;
	background: #0e6eb8;
	border:1px solid #0e6eb8;
}
.four-box li.right button:hover{
	color: #0e6eb8;
	background: #fff;
}
.four-box li.right  h3{
	font-family: "simsun";
	opacity: .7;
	line-height: 30px;
	margin-top: 11%;
}
.in-ml h1{
	font-family: "siyuan";
}
.in-ml h2{
	font-size: 12px;
	transform: scale(0.9) translateX(-5.5%);
	margin-top: 5px;
	font-family: arial;
	opacity: .5;
}
.in-ml .des{
	padding: 4.5%;
	overflow: hidden;
	border-bottom: 1px solid #b2b2b2;
}
.in-ml .des p{
	font-family: "simsun";
	opacity: .7;
	line-height: 30px;
	margin-top: 4%;
}
.in-ml .liuc{
	padding: 4.5% 4.5% 4.5% 0;
	overflow: hidden;
	border-bottom: 1px solid #b2b2b2;
}
.in-ml .liuc li{
	padding: 25px 0;
	position: relative;
}
.in-ml .liuc li:after{
	content: "";
	display: block;
	clear: both;
}
.in-ml .liuc li .right{
	float: right;
	width: 35%;
	overflow: hidden;
}
.in-ml .liuc li .line{
	width: 33%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #1081d1;
	z-index: 1;
}
.in-ml .liuc li:nth-child(2) .line{
	background: #4ebe6f;
	width: 48%;
}
.in-ml .liuc li:nth-child(3) .line{
	background: #54b09b;
}
.in-ml .liuc li:nth-child(4) .line{
	background: #59c1d4;
	width: 48%;
}
.in-ml .liuc li .num{
	position: absolute;
	font-size: 48px;
	font-weight: bold;
	font-family: "eng";
	background: #fff;
	left: 30%;
	top: 0;
	border-radius: 100%;
	border:15px solid #107ac7;
	padding: 1.5%;
	margin-top: -1%;
	z-index: 3;
	color: #107ac7;
}
.in-ml .liuc li:nth-child(2) .num{
	left: 43%;
	border-color: #49b167;
	color: #49b167;
}
.in-ml .liuc li:nth-child(3) .num{
	border-color: #53b09a;
	color: #53b09a;
}
.in-ml .liuc li:nth-child(4) .num{
	left: 43%;
	border-color: #58c0d2;
	color: #58c0d2;
}
.in-ml .liuc li .right h1{
	width: 50%;
	float: left;
	font-weight: normal;
	margin-top: 1.5%;
	font-family: "microsoft yahei";
}
.in-ml .liuc li .right .txt{
	float: left;
	font-family: "simsun";
	opacity: .7;
}
.in-ml .liuc li .right .txt p{
	line-height: 25px;
}
.in-ml .five{
	padding: 4.5% 12%;
	overflow: hidden;
	border-bottom: 1px solid #b2b2b2;
	position: relative;
}
.in-ml .five li{
	width: 20%;
	float: left;
	text-align: center;
}
.in-ml .five li .pic{
	margin:auto;
	margin-top: 15%;
}
.in-ml .five li .txt{
	font-family: "simsun";
	margin-top: 15%;
	font-size: 14px;
}
.in-ml .five li .box{
	width: 110%;
	background: #257dbf;
	padding: 50% 0;
	margin-left: -5%;
	border-radius: 100%;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
	opacity: .9;
}
.in-ml .five li:nth-child(2) .box{
	background: #5eae99;
}
.in-ml .five li:nth-child(3) .box{
	background: #a3c660;
}
.in-ml .five li:nth-child(4) .box{
	background: #67c3d5;
}
.in-ml .five li:nth-child(5) .box{
	background: #4cae68;
}
.in-ml .hex{
	padding: 4.5% 18%;
	overflow: hidden;
	position: relative;
}
.in-ml .hex li{
	float: left;
	width: 49%;
	padding-top: 11%;
	position: relative;
}
/* .in-ml .hex li:nth-child(3){
	margin-top: 10%;
	padding-bottom: 8%;
}
.in-ml .hex li:nth-child(4){
	margin-top: 10%;
	padding-bottom: 8%;
} */
.in-ml .hex li:nth-child(3),.in-ml .hex li:nth-child(4){
	padding-bottom: 12%;
    padding-top: 9%;
}
.in-ml .hex li .txt{
	overflow: hidden;
	display: inline-block;
	width: 50%;
	clear: right;
}
.in-ml .hex li:nth-child(even){
	margin-left: 1%;
}
.in-ml .hex li:nth-child(3){
	clear: both;
}
.in-ml .hex li:nth-child(even) .txt{
	float: right;
}
.in-ml .hex li:nth-child(3) .txt,.in-ml .hex li:nth-child(4) .txt{
	  word-break:break-all;
	  display:-webkit-box;
	  -webkit-line-clamp:3;
	  -webkit-box-orient:vertical;
	  overflow:hidden;
}
.in-ml .hex li h1{
	font-size: 38px;
	color: #8db75c;
	font-family: "siyuan";
}
.in-ml .hex li p{
	font-family: "simsun";
	line-height: 30px;
	height: 100px;
	font-size: 18px;
	opacity: .7;
	margin-top: 2%;
	padding-left: 5%;
	position: relative;
}
.in-ml .hex li p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 100%;
}
.in-ml .hex li img{
	position: absolute;
	right: 0;
	top: 0;
}
.in-ml .hex li:nth-child(even) img{
	left: 0;
}
.in-ml .hex li:nth-child(3) img{
	bottom: 0;
	top: auto;
}
.in-ml .hex li:nth-child(4) img{
	bottom: 0;
	top: auto;
}
.in-ml .hex .mid{
	font-size: 55px;
	text-align: center;
	position: absolute;
	font-family: "siyuan";
	color: #1370b5;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	line-height: 1;
}
.in-ml .hex .mid p{
	line-height: 1.2;
}
.in-ml .top{
	padding: 4.5% 7.5%;
	border-bottom: 1px solid #b2b2b2;
	position: relative;
}
.in-ml .top h3{
	font-family: "simsun";
	margin-top: 4%;
	opacity: .7;
}
.in-ml .top .main{
	margin-top: 2%;
	overflow: hidden;
	padding: 5% 0;
	position: relative;
}
.in-ml .top .main .box{
	width: 50%;
	float: left;
	position: relative;
	min-height: 75px;
}
.in-ml .top .main .box .txt{
	font-size: 16px;
	font-family: "simsun";
	line-height: 25px;
	width: 50%;
}
.in-ml .top .main .box:nth-child(3) .txt{
	width: 35%;
}
.in-ml .top .main .box .txt p{
	line-height: 25px;
	opacity: .7;
}
.in-ml .top .main .box:nth-child(odd) .txt{
	float: right;
}
.in-ml .top .main .box:nth-child(4){
	margin-top: 7%;
}
.in-ml .top .main .box:nth-child(5){
	margin-top: 9%;
}
.in-ml .top .main .box .line{
	position: absolute;
}
.in-ml .top .main .box .line p{
	font-family: "siyuan";
}
.in-ml .top .main .box:nth-child(2) .line{
	right: 30%;
	top: 0;
}
.in-ml .top .main .box:nth-child(2) .line p{
	padding-left: 10%;
	color: #1370b5;
}
.in-ml .top .main .box:nth-child(3) .line{
	right: 30%;
	top: -30%;
}
.in-ml .top .main .box:nth-child(3) .line p{
	padding-left: 50%;
	color: #8ac04e;
}
.in-ml .top .main .box:nth-child(4) .line{
	right: 32%;
	top: -30%;
}
.in-ml .top .main .box:nth-child(4) .line p{
	padding-left: 10%;
	color: #40bf84;
}
.in-ml .top .main .box:nth-child(5) .line{
	left: 25%;
	top: -50%;
}
.in-ml .top .main .box:nth-child(5) .line p{
	padding-left: 40%;
	color: #59cddc;
}


.in-ml .top .main .pic-box{
	width: 55%;
	/*height: 420px;*/
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 10%;
	transform: translateX(-45%);
}

.in-ml .top .main .pic-box .pic{
	position: absolute;
}
.in-ml .top .main .pic-box .pic:nth-child(1){
	z-index: 2;
	top: 0;
	left: 5%;
}
.in-ml .top .main .pic-box .pic:nth-child(2){
	z-index: 2;
	top: 13%;
	right: 0%;
}
.in-ml .top .main .pic-box .pic:nth-child(3){
	z-index: 3;
	left: 0;
	bottom: 20%;
}
.in-ml .top .main .pic-box .pic:nth-child(4){
	z-index: 1;
	right: 10%;
	bottom: 0;
}
.in-ml .top .main .pic-box1{
	width: 100%;	
}
.in-ml .top .main .pic-box1 img{
	width: 100%;
}
.pic-box2,.pic-box3,.pic-box4{
	display: none;
}

.three-pic{
	display: none;
}
@media screen and (max-width: 1680px){
	.join-us .right-box{
		top: -20%;
	}
	.in-ml .hex li .txt{
		width: 55%;
	}
	.in-ml .hex li h1{
		font-size: 26px;
	}
	.in-ml .hex li p{
		line-height: 25px;
		font-size: 16px;
	}
	.in-ml .hex li img{
		width: 290px;
	}
	.in-ml .hex li{
		padding-top: 11%;
	}
	section .index-us .left .des p{
		line-height: 20px;
	}
	section .index-us .left .line{
		margin:15% 0;
	}
	section .index-us .left .focus{
		margin-top: 15%;
	}
	section .index-top .right{
		padding-top: 4.5%;
	}
	.maps .left{
		width: 70%;
	}
	.maps .left img{
		width: 100%;
	}
	.video-box video{
		width: 100%;
		height: auto;
	}
	.three-box .one .box{
		width: 100%;
		left: -110%;
	}
	.three-box .one .box:after{
		right: -45%;
	}
	.three-box .two .box{
		width: 100%;
		right: -110%;
	}
	.three-box .two .box:after{
		left: -60%;
	}
	.in-ml .top .main .pic-box .pic{
		display: none;
	}
	.in-ml .top .main .box .txt{
		font-size: 12px;
		height: 100px;
	}
	.in-ml .top .main .pic-box{
		top: 15%;
	}
	/*.in-ml .top .main .box{
		display: none;
	}*/
	/*.pic-box2{
		display: block;
		width: 100%;
	}*/
	/*.pic-box2 img{
		width: 100%;
	}*/
	/*.in-ml .top .main .pic-box{
		position: relative;
		width: 100%;
		transform: translate(0);
		left: 0;
	}*/
}
@media screen and (max-width: 1440px){
	.in-ml .top .main .box .txt{
		height: 100px;
	}
	.in-ml .top .main .box:nth-child(5){
		margin-top: 5%;
	}
	.in-ml .top .main .box:nth-child(4){
		margin-top: 4%;
	}
	header .header-bot .logo{
		height: 100px;
	}
	.respons .des.scdx .pic{
		width: 25%;
	}
	header .header-bot nav h1{
		height: 100px;
		line-height: 100px;
	}
	section .index-mid .bot .right{
		padding: 3% 4.5%;
	}
	section .index-mid .bot .pic{
		width: 250px;
		background: url(../images/line2.png) center right no-repeat;
	}
	section .index-us .left .des p{
		font-size: 14px;
	}
	section .index-us .right{
		padding-bottom: 44%;
	}
	.maps .right li{
		margin-bottom: 5%;
	}
	.video-box .play{
		height: 60px;
		width: 60px;
	}
	.in-ml .hex li .txt{
		width: 52%;
	}
	.in-ml .hex{
		padding: 4.5% 16%;
	}
	.in-ml .five li .box{
		font-size: 22px;
	}
	footer .top .right{
		width: 20%;
	}
	.works .right input, .in-ml .right-box input,.works .right button, .in-ml .right-box button{
		margin-top: 5%;
	}
}
@media screen and (max-width: 1366px){
	.join-us.in-ml .right-box{
		top: -18%;
	}
	
	section .index-us .right{
		padding-bottom: 46%;
	}
	section .index-mid .bot .right{
		padding: 2.5%;
	}
	section .index-top .left{
		padding-right: 0;
	}
	section .index-news .right li .txt p{
		line-height: 25px;
		margin-top: 2%;
	}
	section .index-news .right li .txt h1{
		margin-top: 2%;
	}
	section .index-news .right{
		padding: 3% 4.5%;
	}
	section .index-us .left .des p{
		font-size: 13px;
	}
	section .index-top .right p{
		font-size: 13px;
	}
	footer{
		padding: 3% 4.5%;
	}
	footer .top .right img{
		width: 100px;
	}
	footer .link{
		margin-top: 3%;
	}
	footer .line{
		margin: 3% 0;
	}
	header .header-bot .logo{
		width: 150px;
	}
	.cul-info .top{
		padding: 2% 5%;
	}
	.cul-info .des{
		padding: 0 5%;
	}
	.culture .box a{
		width: 70%;
		height: 50px;
		line-height: 46px;
	}
	.three-box .one .box{
		left: -110%;
	}
	.three-box .one .box:after{
		transform: scale(0.8);
	}
	.three-box .two .box{
		right: -110%;
	}
	.three-box .two .box:after{
		transform: scale(0.8);
	}
	.four-box li.right input{
		font-size: 14px;
	}
	.four-box li .more{
		width: 80%;
		margin:auto;
		display: block;
		margin-top:8%;
	}
	.join-us .box a{
		height: 40px;
		border:1px solid #fff;
		line-height: 38px;
	}
	.works .right, .in-ml .right-box{
		padding: 1.8% 2.7%;
	}
	.in-ml .right-box{
		top: -41%;
	}
}
@media screen and (max-width: 1200px){
  .join-us.in-ml .right-box{
    	top:-22%;
  }
	.in-ml .top .main .box .line{
		display: none;
	}
	.in-ml .top .main .pic-box{
		display: block;
	}
	.pic-box3,.pic-box4{
		display: block;
		width: 100%;
	}
	.pic-box4{
		margin-bottom: 3%;
	}
	.in-ml .top .main .pic-box{
		height: auto;
		margin-bottom: 3%;
	}
	.in-ml .top .main .box{
		display: block;
	}
	.pic-box2{
		display: none;
	}
	.pic-box3 img,.pic-box4 img{
		width: 100%;
	}
	
	.in-ml .top .main .pic-box{
		position: relative;
		width: 100%;
		transform: translate(0);
		left: 0;
	}
	.in-ml .top .main .pic-box .pic-box1{
		display: none;
	}
	

	section .index-us .left .focus a{
		margin-left: 10px;
	}
	section .index-us .left .des p{
		margin-bottom: 10px;
	}
	section .index-us .left h1{
		line-height: 30px;
	}
	footer .top .left{
		width: 80%;
	}
	.cul-info .des .left{
		width: 100%;
		float: none;
	}
	.cul-info .des .left img{
		margin-bottom: 5%;
	}
	.cul-info .des .right{
		width: 100%;
		float:none;
		margin-top: 5%;
	}
	.cul-info .des .right li{
		padding: 3% 0;
	}
	.respons .des .yf-box li p{
		width: 100%;
	}
	.four-box li{
		width: 100%;
		border-bottom: 1px solid #d1d1d1 ;
		padding: 5% 3%;
	}
	.four-box li p{
		line-height: 20px;
	}
	.four-box li.right{
		width: 100%;
	}
	.four-box li h1{
		font-size: 16px;
	}
	.four-box li p{
		margin-top: 3%;
	}
	.four-box li.right input,.four-box li.right button{
		width: 80%;
		margin:auto;
		margin-top: 5%;
	}
	.four-box li .more{
		width: 60%;
		height: 35px;
		line-height: 33px;
	}
	
	.four-box li.right h3{
		line-height: 20px;
	}
	.works .right, .in-ml .right-box{
		width: 32%;
		padding: 1.8% 2.7%;
	}
	.three-box .one,.three-box .two,.three-box .three{
		background: none;
		width: 100%;
		position: relative;
		margin: 0;
		padding: 0;
		height: auto;
		left: 0;
	}
	.three-box .two .box:after,.three-box .one .box:after,.three-box .three .box:after{
		display: none;
	}
	.three-box .box{
		width: 100% !important;
		position: relative;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		margin-top: 3%;
	}
	.three-box .three h1,.three-box .two h1,.three-box .one h1{
		display: none;
	}
	.three-box .box p {
		padding-left: 15px;
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 5px;
		font-size: 12px;
	}
	.three-box .box p:after{
		top: 7px;
		width: 3px;
		height: 3px;
	}
	.three-box.az .three-pic{
		display: block;
		width: 100%;
	}
	.three-box.az .three-pic img{
		display: block;
		width: 100%;
	}
	.three-box.az{
		height: auto;
	}
	.three-box .box h2{
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 960px){
	.join-us .box{
		width: 49%;
		margin:0 2% 2% 0;
	}
	.respons .des.scdx .word{
		width: 100%;
	}
	.respons .des.scdx .pic{
		width: 80%;
		margin:auto;
		position: relative;
		padding-bottom: 40%;
		clear: both;
		margin-top: 5%;
	}
	.three-box{
		width: 80%;
		height: auto;
		margin:auto;
	}
	.three-box.dx div{
		display: none;
		width: auto;
		height: auto;
		overflow: hidden;
	}
	.three-box.dx .three-pic{
		display: block;
		width: 100%;
	}
	.three-box .three-pic img{
		width: 100%;
	}
	.join-us .box:nth-child(3n){
		margin:0 2% 2% 0;
	}
	.join-us .box:nth-child(2n){
		margin-right: 0;
	}
	.join-href .left{
		width: 100%;
	}
	.works .left{
		width: 100%;
	}
	.works .right, .in-ml .right-box{
		margin-top: 5%;
		width: 100%;
	}
	.works .work-list h2{
		font-size: 12px;
		line-height: 20px;
	}
	.works .right input, .in-ml .right-box input,.works .right button, .in-ml .right-box button{
    	width: 80%;
	    margin: auto;
	    margin-top: 5%;
	}
	.works .right h3, .in-ml .right-box h3{
		line-height: 20px;
	}
	.in-ml .five li{
		width: 50%;
		margin-bottom: 3%;
	}
	.in-ml .five li .box{
		font-size: 16px;
	}
	.in-ml .five li .pic img{
		width: 60px;
	}
	.in-ml .five li p{
		font-size: 12px;
	}
	.in-ml .five li:last-child{
		float:none;
		margin:auto;
		clear: both;
	}
	footer .top .right{
		float: none;
		width: 100%;
	}
	footer .top .left{
		width: 100%;
	}
	footer .top .right .box{
		width: 90px;
		margin: 0;
		margin-right: 10px;
	}
	footer .top .right .box p{
		margin-top: 5px;
	}
}
@media screen and (max-width: 960px){
	.work-detail .href a{
		font-size: 12px;
		height: 40px;
		line-height: 38px;
	}
	.work-detail .detail-list{
		padding: 0;
	}
	.work-detail .detail-list li{
		float:none;
		padding: 3% 0;
		border-bottom: 1px solid #ccc;
	}
	.work-detail .detail-list li:last-child{
		border:none;
	}
	.work-detail .href a{
		margin-bottom: 2%;
	}
	.work-detail .detail-list li:after{
		display: none;
	}
	.work-detail .des p{
		line-height: 20px;
	}

	section .index-top .right p{
		line-height: 20px;
		margin-bottom: 2%;
	}
	section .index-us .left{
		width: 100%;
	}
	section .index-us .left .line{
		margin:3% 0;
	}
	section .index-us .left .focus{
		margin-top: 3%;
	}
	section .index-us .right{
		width: 100%;
	}
	header nav{
		display: none;
	}
	header .header-bot .logo{
		height: 60px;
		width: 100px;
	}
	footer .bot img{
		width: 100px;
	}
	footer .bot .right .links{
		margin-bottom: 1%;
	}
	footer .bot .right .links a{
		width: 20px;
		height: 20px;
	}
	section .index-us .left .focus a{
		width: 20px;
		height: 20px;
	}
	footer .bot .right .copy{
		margin-top: 5%;
	}
	footer .link{
		height: 32px;
		line-height: 30px;
	}
	footer .link p{
		height: 30px;
		line-height: 30px;
	}
	footer .link .button img{
		height: 30px;
	}
	footer .link .button{
		height: 32px;
		top: -1px;
	}
	footer .link ul li{
		height: 30px;
		line-height: 30px;
	}
	footer .top{
		overflow: auto;
		position: relative;
	}
	footer .top:after{
		content: "";
		display: block;
		clear: both;
	}
	footer{
		overflow: auto;
	}
	.index-pic .txt .right .line{
		width: 30%;
		background: url(../images/line3.png) center right no-repeat;
	}
	.index-pic .txt .left .line{
		width: 20%;
		background: url(../images/line3.png) center right no-repeat;
	}
	section .index-mid .bot .pic{
		width: 50%;
	}
	.cul-info .des .left img{
		width: 100%;
	}
	.cul-info .des .left p{
		line-height: 25px;
		font-size: 14px;
	}
	.cul-info .top .links a{
		width: 20px;
		height: 20px;
		margin-left: 10px;
		margin-top: 5px;
	}
	.cul-info .top .left h1{
		margin-bottom: 2%;
	}
	.cul-info .des h2{
		margin-top: 5px;
	}
	.maps .left{
		width: 100%;
		float:none;
	}
	.maps .right{
		width: 100%;
		margin-top: 3%;
		padding-left: 10%;
	}
	.maps .right li{
		padding-left: 10%;
	}
	.maps .right li h1{
		margin-bottom: 0;
	}
	.inside-nav a{
		height: 40px;
		line-height: 40px;
		font-size: 13px;
	}
	.com-des{
		padding: 3%;
	}
	.com-des .des p{
		line-height: 20px;
		margin-bottom: 2%;
	}
	footer .link{
		display: none;
	}
	.culture{
		display: block;
	}
	.culture .box{
		width: 50%;
		float: left;
	}
	.culture .box a{
		height: 35px;
		line-height: 33px;
		border:1px solid #fff;
	}
	.culture{
		padding:3%;
	}
	.team{
		padding: 3%;
	}
	.team h2{
		line-height: 20px;
		font-size: 13px;
	}
	.team img{
		margin:5% 0;
	}
	.team .box li h3{
		margin-bottom: 10px;
	}
	.contact .top{
		padding: 2% 5%;
	}
	.contact .des{
		padding: 4.5% 9%;
	}
	.contact .des p{
		line-height: 20px;
		margin-bottom: 1%;
	}
	.contact .add-list .box{
		width: 100%;
	}
	.contact .add-list .box p.mid{
		margin:0 10px;
	}
	.contact .add-list .box span{
		width: 15px;
		height: 15px;
		margin-top: 5px;
	}
	.contact .bot button{
		height: 40px;
		line-height: 40px;
	}
	.contact .bot button span{
		width: 20px;
		height: 20px;
	}
	.contact .bot{
		padding: 5% 9%;
	}
	.therapeutic-area .main .txt .des p{
		line-height: 20px;
	}
	.therapeutic-area .main .txt .des{
		margin-top: 3%;
	}
	.therapeutic-area .top li{
		padding:5% 3%;
	}
	.therapeutic-area .top li .line{
		width: 60%;
	}
	.therapeutic-area .top ul{
		display: block;
	}
	.therapeutic-area .top li{
		width: 33%;
		float: left;
	}
	.therapeutic-area .top li .pic{
		width: 35px;
		height: 35px;
	}
	.therapeutic-area .main .txt{
		padding: 5%;
	}
	footer .top .navs a{
		margin-right: 2%;
		margin-bottom: 1%;
	}
	.therapeutic-area .main .more p,.therapeutic-area .main .more{
		height: 40px;
		line-height: 40px;
	}
	.therapeutic-area .main .more span{
		width: 20px;
		height: 20px;
	}
	.product-info .left,.product-info .mid .left,.product-info .mid .right,.product-info .bot .left,.product-info .bot .right{
		width: 100%;
	}
	.product-info .top .right{
		width: 100%;
		margin-top: 3%;
	}
	.product-info .top .des{
		padding:3% 0;
	}
	.product-info .top .detail p,.product-info .mid p,.product-info .bot p{
		line-height: 20px;
		font-size: 12px;
	}
	
	.product-info .bot .left,.product-info .bot .right{
		padding-top: 3%;
		padding-bottom: 3%;
	}
	.video-box .play{
		height: 40px;
		width: 40px;
	}
	.news-list li .pic-w{
		width: 100%;
		position: relative;
		padding-bottom: 40%;
	}
	.news-list li .right{
		width: 100%;
	}
	.news-list li .right p{
		line-height: 20px;
		height: auto;
	}
	.news-list li .right .time{
		margin-top: 5%;
	}
	.news-list li .right .line{
		bottom: 15%;
	}
	.load-more{
		height: 40px;
		line-height: 40px;
	}
	.load-more span{
		width: 20px;
		height: 20px;
	}
	.cul-info .bot p{
		font-size: 12px;
		line-height: 20px;
	}
	.cul-info .bot{
		padding: 5%;
	}
	.respons{
		padding: 3%;
	}
	.respons .des p{
		line-height: 20px;
		font-size: 12px;
	}
	.news-detail .detail p{
		font-size: 12px;
		line-height: 20px;
	}
	.news-detail .bot .left a{
		font-size: 12px;
		line-height: 20px;
	}
	.news-detail .bot .links{
		margin-top: 5%;
	}
	.news-detail .bot .links a{
		width: 25px;
		height: 25px;
		margin-left: 10px;
	}
	.news-detail .right{
		float: none;
		clear: both;
		padding-top: 3%;
	}
	.join-us .box{
		width: 100%;
		margin:0 0 2% 0;
	}
	.join-us .box a,.lxwm a{
		width: 60%;
		font-size: 12px;
		height: 35px;
		line-height: 33px;
		border:1px solid #fff;
	}
	.lxwm{
		padding-bottom: 50%;
	}
	.join-href .left .line{
		width: 80px;
		margin-top: 5px;
	}
	.join-href .left{
		padding: 4.5%;
	}
	.in-ml .liuc li:nth-child(2n) .line{
		width: 23%;
	}
	.in-ml .liuc li .line{
		width: 13%;
		height: 50px;
	}
	.in-ml .liuc li .num{
		left: 7%;
		font-size: 28px;
		border:8px solid #107ac7;
	}
	.in-ml .liuc li:nth-child(2n) .num{
		left: 17%;
	}
	.in-ml .liuc li .right{
		width: 60%;
	}
	.in-ml .liuc li .right h1{
		width: 100%;
		margin-bottom: 3%;
	}
	.in-ml .liuc li .right .txt p{
		line-height: 20px;
	}
	.in-ml .liuc li{
		padding: 15px 0;
	}
	.in-ml .liuc li .line{
		top: 20px;
	}
	.in-ml .liuc li .num{
		top: 20px;
	}
	.in-ml .des p{
		font-size: 12px;
		line-height: 20px;
	}
	.in-ml .right-box{
		position: relative;
		right: auto;
		margin:3% 0;
	}
	.works .right input, .in-ml .right-box input,.works .right input, .in-ml .right-box input, .works .right button, .in-ml .right-box button{
		height: 40px;
		line-height: 40px;
	}
	.in-ml .hex li img{
		display: none;
	}
	.in-ml .hex .mid{
		display: none;
	}
	.in-ml .hex li{
		width: 100%;
		padding: 0;
		margin-bottom: 3%;
	}
	.in-ml .hex li:nth-child(even){
		margin: 0;
		margin-bottom: 3%;
	}
	.in-ml .hex li .txt{
		width: 100%;
	}
	.in-ml .hex li h1{
		font-size: 16px;
	}
	.in-ml .hex li p{
		font-size: 12px;
		line-height: 20px;
	}
	.in-ml .hex li p:after{
		width: 3px;
		height: 3px;
		top: 7px;
	}
	.in-ml .hex li:nth-child(3){
		margin: 0;
		padding: 0;
		margin-bottom: 3%;
	}
	.in-ml .top .main .box .line{
		display: none;
	}
	.in-ml .top .main .pic-box{
		display: block;
	}
	.pic-box3,.pic-box4{
		display: block;
		width: 100%;
	}
	.pic-box4{
		margin-bottom: 3%;
	}
	.in-ml .top .main .pic-box{
		height: auto;
		margin-bottom: 3%;
	}
	.in-ml .top .main .box{
		display: block;
	}
	.pic-box2{
		display: none;
	}
	.pic-box3 img,.pic-box4 img{
		width: 100%;
	}
	.in-ml .top .main .box{
		width: 100%;
		float:none;
		min-height: 20px;
		margin-bottom: 3%;
	}
	.in-ml .top h3{
		line-height: 20px;
	}
	.in-ml .top .main .box:nth-child(odd) .txt{
		float: none;
	}
	.in-ml .top .main .box:nth-child(5),.in-ml .top .main .box:nth-child(4){
		margin-top: 0;
	}
	header .header-top span:last-child{
		display: none;
	}
	.search-page .logo{
		width: 100px;
		height: 37px;
		background-size: contain;
	}
	.search-page .close{
		width: 30px;
		height: 30px;
	}
	.search-page .txt{
		width: 70%;
	}
	.search-page .txt button{
		width: 22.5%;
		height: 40px;
		line-height: 40px;
	}
	.search-page .txt input{
		width: 72%;
		height: 40px;
		line-height: 40px;
	}
	.search-page .links{
		display: none;
	}
	.menu{
		display: block;
	}
}
@media screen and (max-width: 560px){
	.in-ml .top .main .box .txt{
		width: 100%;
		font-size: 12px;
	}
	.in-ml .top .main .box .txt p span{
		font-size: 14px !important;
	}
	.in-ml .top .main .box{
		margin-bottom: 5%;
	}
	.in-ml .top .main .box:nth-child(3) .txt{
		width: 100%;
		height: auto;
	}
	.in-ml .top .main .box .txt{
		width: 100%;
		height: auto;
	}
	.therapeutic-area .main .txt .des img{
		width: 100% !important;
		height: auto !important;
	}
	.index-pic .txt .line{
		display: none;
	}
	.index-pic .txt .left{
		width: 40%;
	}
	.index-pic .txt .right{
		width: 60%;
	}
	section .index-us .right .txt .line{
		display: none;
	}
	section .index-us .right{
		padding-bottom: 60%;
	}
	section .index-news .left{
		position: relative;
		width: 100%;
		padding-bottom: 40%;
	}
	section .index-news .right{
		width: 100%;
		padding: 3%;
	}
	section .index-news .right li .txt{
		width: 70%;
	}
	section .index-news .right li .txt p{
		line-height: 20px;
		word-break:break-all;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		overflow:hidden;
		font-size: 12px;
		line-height: 16px;
	}
	section .index-news .right li .num{
		margin-top: 3%;
	}
	section .index-mid .top .left,section .index-mid .bot .left{
		display: none;
	}
	section .index-mid .top .right,section .index-mid .bot .right{
		width: 100%;
	}
	section .index-mid .bot .right{
		padding: 3%;
	}
	section .index-mid .bot .right ul li p{
		margin:10px 0;
	}
	section .index-top .left{
		width: 100%;
		padding-bottom: 0;
	}
	section .index-top .left .line{
		margin-top: 3%;
	}
	section .index-top .right{
		width: 100%;
	}
	.swiper_01 .swiper-slide{
		padding-bottom: 70%;
	}
	.swiper_01 .buttons div{
		width: 30px;
		height: 30px;
		margin-left: 20px;
	}
	footer .top .right{
		float: left;
		margin-top: 3%;
	}
	footer .top .right img{
		width: 80px;
	}
	footer .bot .right .links{
		display: none;
	}
	footer .bot .right{
		float: left;
	}
	.culture .box a{
		height: 25px;
		line-height: 23px;
		border:1px solid #fff;
	}
	.contact .bot ul li{
		width: 100%;
		margin-bottom: 5%;
	}
	.contact .bot ul{
		display: block;
		margin-bottom: 0;
	}
	.contact .top .right{
		font-size: 14px;
		line-height: 1.3;
	}
	.contact .map-info .map{
		min-height: 200px
	}
	.respons .gbaz .g-box .pic-w{
		width: 100%;
		padding-bottom: 50%;
	}
	.respons .gbaz .g-box .txt{
		width: 100%;
	}
	.respons .gbaz .g-box{
		margin-bottom: 5%;
	}
  section .index-mid .bot .right ul li h1{
  	font-size:12px;
  }
  section .index-mid .bot .right ul li h2{
  	font-size:12px;
  	transform: scale(0.8) translateX(-10%);
  }
}