/* basic */
body {background: url(../images/images.html) no-repeat;}
.head, .foot, .light, .menu {width: 100%;}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}
.main {width:100%;max-width: 1200px;margin: 0 auto;position: relative;}
.side {width: ;}
.contant {width: ;}

/* head */
.head {height: 163px;background: url(../images/menu-bg.png) center top no-repeat;position: absolute;top: 0;z-index: 99;}
.logo {width: 180px;height: 163px;background: url(../images/logo.png) no-repeat;}
@media (max-width:470px){.logo {width: 96px;height: 120px; background-size: contain;}}
.nav{position:absolute;top: 15px;right: 0; display:block;font-size:14px;}
.nav-list{text-align:left;overflow: hidden;margin: 15px 0 0;}
.nav-item{float:left;*display:inline;zoom:1;position:relative;}
.nav-item a {width: 100px;height: 36px; text-align: center;line-height: 36px; display:block;color:#fff;margin: 0 5px 0;}
.nav-item a:hover, .nav-item a.active {background:url(../images/menu-hover.png) no-repeat;}
.nav-item:hover .nav-submenu{display:block;}
.nav-submenu{display:none;position:absolute;left:0;width:180px;}
.nav-submenu-item a{background:#8B2770;border-bottom:1px solid #9A337E;display:block;padding:15px;}
.nav-submenu-item a:hover{background:#932C77;}
.nav-mobile{display:none;cursor:pointer;position:absolute;top:0;right:0;background: url(../images/nav.png) no-repeat center;background-size:18px;height:50px;width:50px;}
.nav-click{position:absolute;top:0;right:0;display:none;border-left:1px solid #8B2870;height:49px;width:50px;cursor:pointer;}
.nav-click i{display:block;height:48px;width:48px;background:url(../images/drop.svg) no-repeat center center;background-size:20px;}
.nav-click:hover{background-color:#6E1656;}
.nav-rotate{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
@media only screen and (min-width: 320px) and (max-width: 920px){
    .nav-mobile{display:block;}
    .nav{width:100%;padding:50px 0 0;}
    .nav-list{display:none;background: rgba(0,0,0,.8);margin: 25px 0 0;}
    .nav-item{width:100%;float:none;}
    .nav-item > a{padding:15px;width: 100%;color: white;}
    .nav-item a:hover, .nav-item a.active {background: #333;} 
    .nav-click{display:block;}
    .nav-mobile-open{border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}
    .nav-item:hover .nav-submenu{display:none;}
    .nav-submenu{position:static;width:100%;}
}

/* foot */
.foot {width: 100%;overflow: hidden;background: url(../images/foot-bg.png);}
.foot-lie {background: url(../images/foot-tip.png) center no-repeat;width: 100%;height: 30px;margin: 0 auto 20px;}
.foot-logo {width: 192px;height: 60px;background: url(../images/foot-logo.png) no-repeat;}
.foot-sns {width: 240px;height: 60px;}
.foot-sns a {width: 80px;height: 60px;background: url(../images/foot-sns.png) no-repeat;display: block;float: left; }
.foot-sns a.qq {background-position: 0 0;}
.foot-sns a.wx {background-position: -80px 0;}
.foot-sns a.wb {background-position: -160px 0;}
.foot-sns a.qq:hover {background-position: 0 -60px;}
.foot-sns a.wx:hover {background-position: -80px -60px;;}
.foot-sns a.wb:hover {background-position: -160px -60px;;}
.foot-nav {text-align: center;padding: 25px 0;}
.foot-nav a {padding:0 10px;font-size: 14px;color: #ccc;}
.foot-nav a:hover {color: #fff;}
.copyright {border-top: 1px #333 solid;height: 50px;line-height: 50px;text-transform: uppercase;width: 100%;font-family: arial;margin: 20px 0 0;color: #ccc;}
.copyright a {float: right;}
.copyright a:hover {color: #ccc;}
@media (max-width:990px){.foot-logo, .foot-sns {display: none;}}
@media (max-width:580px){.foot-nav {display: none;}}
@media (max-width:470px){
    .copyright {text-align: center;height: 40px;line-height: 20px;padding: 10px 0;}
    .copyright a {float: none;display: block;}
}

/* im */
.im {width: 129px;height: 134px;background: url(../images/im.png) no-repeat;display: block;position: fixed;top: 10%;right: 50px;z-index: 999;}
.im:hover {background-image: url(../images/im-hover.png);}
.telbtn { width:80px; height:80px; display:block; position:fixed; right:0; bottom:0; background:url(../images/tel.png) no-repeat; display:none;}
@media (max-width:920px){.im {display: none;}.telbtn { display:block;}}

/* title */
.title {text-align: center;padding: 30px 0;}
.title a {border-bottom: 1px #eee solid;padding: 0 20px 8px;font-size: 36px;color: #333;font-weight: bold;}
.title span {width: 100%;text-align: center;font-size: 24px;color: #0c6;text-transform: uppercase;display: block;line-height: 200%;font-weight: normal;}

/* light */
.indexw_flash_ul {position: absolute; width: 1920px; height: 750px;}
.indexw_flash_ul li {position: absolute; width: 1920px; left: 0px; top: 0px; display: none;}
.indexw_flash_bg {width:100%;height:750px;overflow:hidden;position:relative;clear:both;z-index:0;background: #eee;}
.indexw_flash_bg .btn {width:50px;height:60px;position:absolute;top:380px;background:url(../images/light-btn.png) no-repeat;z-index:2;display: block !important;}
.indexw_flash_bg .prev{left:50px;background-position:left top;}
.indexw_flash_bg .prev:hover {background-position:right top;}
.indexw_flash_bg .next{right: 50px;background-position:right bottom;}
.indexw_flash_bg .next:hover{background-position:left bottom;}
.indexw_content_1_p1_bg{width:217px;height:18px;float:left;clear:left;}
.indexw_content_1_p2_bg{width:467px;height:18px;float:left;clear:left;}
.indexw_flash_bg_img{position:absolute;left:50%;margin-left:-960px;top:0px;z-index:0;}
.indexw_flash_ul {position:absolute;left:50%;margin-left:-960px;top:0px;z-index:1;}
.light-lie {width: 100%;height: 50px; background: url(../images/light-white.png) center no-repeat;position: absolute;bottom: 0;left: 0;z-index: 99;}
@media (max-width:920px){
    .indexw_flash_ul {height: 600px;}
    .indexw_flash_bg {height: 600px;}
    .indexw_flash_bg .btn {top:290px;}
    .indexw_flash_li img {height: 600px;margin: 0 auto;display: block;}
}
@media (max-width:620px){
    .indexw_flash_ul {height: 400px;}
    .indexw_flash_bg {height: 400px;}
    .indexw_flash_bg .btn {top:190px;}
    .indexw_flash_li img {height: 400px;margin: 0 auto;display: block;}
    .indexw_flash_bg .prev{left:20px;}
    .indexw_flash_bg .next{right:20px;}
}
@media (max-width:470px){
    .indexw_flash_ul {height: 300px;}
    .indexw_flash_bg {height: 300px;}
    .indexw_flash_bg .btn {top:150px;}
    .indexw_flash_li img {height: 300px;margin: 0 auto;display: block;}
    .indexw_flash_bg .btn {width:25px;height:30px;background-size:50px;}
    .indexw_flash_bg .prev {left:10px;}
    .indexw_flash_bg .next {right:10px;}
}

/* home-about */
.home-about {width: 100%;overflow: hidden;}
.home-about-txt {width: 50%;float: left;}
.home-about-txt p {text-indent: 2em;line-height: 250%;font-size: 14px;padding: 20px 0;}
.home-about img, .home-about video {width: 45%;float: right;}
.home-about video { padding:20px 0 0;}
@media (max-width:920px){
    .home-about-txt {width: 90%;margin: 0 5%;}
    .home-about img, .home-about video {width: 90%;display: block;margin: 0 auto;float: none;}
}

/* home-five */
.home-five {width: 100%;height: 220px; margin:70px 0 30px; padding:30px 0; background: url(../user/five-bg.jpg) center no-repeat;position: relative;}
.home-five > span {width: 100%;height: 70px;background: url(../images/five-white.png) center no-repeat;position: absolute;left: 0; display:none;}
.home-five > span.top {top: 0;}
.home-five > span.bottom {bottom: 0;transform:rotate(180deg);}
.home-five-group {width: 25%;display: block;overflow: hidden;cursor: pointer;}
.home-five-group em {width: 135px;height: 135px;background: rgba(255,255,255,.2);padding: 8px;overflow: hidden;border-radius: 100%;display: block;margin: 0 auto 20px;}
.home-five-group i {width: 100%;height: 100%;background:#fff url(../images/five-ico.png) no-repeat;border-radius: 100%;display: block;}
.home-five-group i.fi1 {background-position: -10px -8px;}
.home-five-group i.fi2 {background-position: -155px -8px;}
.home-five-group i.fi3 {background-position: -310px -8px;}
.home-five-group i.fi4 {background-position: -460px -8px;}
.home-five-group i.fi5 {background-position: -610px -8px;}
.home-five-group:hover i {background-color: #ffed00;}
.home-five-group:hover i.fi1 {background-position: -10px -158px;}
.home-five-group:hover i.fi2 {background-position: -155px -158px;}
.home-five-group:hover i.fi3 {background-position: -310px -158px;}
.home-five-group:hover i.fi4 {background-position: -460px -158px;}
.home-five-group:hover i.fi5 {background-position: -610px -158px;}
.home-five-group span {width: 80%; height: 38px;line-height: 38px; text-align: center;color: #ffffcc;margin: 0 auto;display: block;display: block;border-radius: 19px;background: #00cc66;}
@media (max-width:920px){
    .home-five {margin: 50px 0 0;padding: 50px 0;height: 480px;}
    .home-five > span {display: none;}
    .home-five-group {width: 33.3%;margin: 15px 0;}
}
@media (max-width:620px){
    .home-five {height: 700px;}
    .home-five-group {width: 50%;}
}
@media (max-width:470px){
    .home-five {height: 1200px;}
    .home-five-group {width: 100%;}
}

/* home-new */
.home-new {width: 100%;overflow: hidden;}
.home-new-bg {background: #f3f3f3;padding: 20px 0;overflow: hidden;margin: 0 0 30px;}
.home-new-group {width: 48%;margin: 15px 1%;height: 90px; background: #fff;box-shadow: 0 2px 5px #ccc;display: block;}
.home-new-group > span {width: 70%;width: calc(100% - 130px); height: 50px;overflow: hidden;float: left;display: block;padding: 20px 0 0 30px;line-height: 25px;margin: 0 0 0 10px;background: url(../images/home-new-ico.png) 0 23px no-repeat;}
.home-new-group > span em {font-style: normal;color: #ccc;width: 100%;display: block;}
.home-new-group-time {width: 50px;height: 50px;padding: 20px; background: url(../images/home-new-time.png) center no-repeat;font-size: 14px;color: #ccc;}
.home-new-group-time > span {color: #ccc;width: 100%;display: block;padding: 10px 0 0 30px;}
.home-new-group:hover {background: #ffd400;}
.home-new-group:hover .home-new-group-time {background-image: url(../images/home-new-time-hover.png);color: white;}
.home-new-group:hover .home-new-group-time > span {color: white;}
.home-new-group:hover > span em {color: white;}
.home-new-group:hover > span {background-image: url(../images/home-new-ico-hover.png);color: #874002;}
@media (max-width:620px){.home-new-group {width: 98%;margin: 10px 1%;}}

/* home-product */
.home-product {overflow: hidden;}
.home-product a {width: 23%;margin: 0 1%;display: block;float: left;text-align: center;padding: 0 0 50px;}
.home-product a i {width: 100%;border-radius: 6px;position: relative;margin: 0 0 30px;display: block;background: rgba(0,0,0,.8);}
.home-product a:hover {transform:translateY(-10px);}
.home-product a i img {width: 100%;z-index: 99;border-radius: 5px;}
.home-product a > span {padding:10px 40px;background: #333;color: #999; border-radius: 20px;font-size: 14px;}
.home-product a:hover > span {background: #00cc66;color: #ffffe2;}
@media (max-width:800px){.home-product a {width: 48%;}}
@media (max-width:400px){.home-product a {width: 98%;}}

/* honor */
.honor {overflow: hidden;margin: 0 0 50px;}
.honor-title {width: 223px;height: 375px;background: url(../images/honor-bg.png) 0 -20px no-repeat;}
.honor-list {width: calc(100% - 223px);padding: 35px 0 0;}
.honor-list a {width: 48%;margin: 0 1% 10px;display: block;float: left;height: 45px;background: #eee;line-height: 45px;font-size: 14px;}
.honor-list a:hover {background: #ccc;}
.honor-list a span {background: url(../images/honor-list.png) no-repeat;text-align: center;font-size: 20px;color: white;width: 50px;height: 45px;padding: 0 20px 0 0; display: block;float: left;font-family:Microsoft YaHei, '\9ed1\4f53';}
@media (max-width:1000px){.honor-title {display: none;}.honor-list {width: 100%;}}
@media (max-width:800px){.honor-list a {width: 98%;}.honor-title {display: block;width: 100%;background-position: center -20px;}}

/* home-btn */
.home-btn {overflow: hidden;margin-bottom: 70px;}
.home-btn a {width: 31.3%;margin: 0 1%;height: 140px;display: block;float: left;overflow: hidden;}
.home-btn a:hover {transform: rotateX(360deg);}
.home-btn a img {width: 100%;}
@media (max-width:900px){.home-btn {margin-bottom: 10px;}.home-btn a:hover {transform: rotateX(0deg);}}
@media (max-width:400px){.home-btn a {width: 98%;}}

/* banner */
.banner {width: 100%;height: 350px;text-align: center;background: url(../user/banner.jpg) center no-repeat;position: relative;}
@media (max-width:900px){.banner {height: 300px;background-size: auto 300px;}}
@media (max-width:700px){.banner {height: 260px;background-size: auto 260px;}}
@media (max-width:580px){.banner {height: 220px;background-size: auto 220px;}}

/* label */
.label {width: 140px;padding: 0 20px 0 0; height: 40px;line-height: 38px;text-align: center;font-weight: bold;font-size: 18px;display: block;background: url(../images/title-bg.png) no-repeat;color: white;margin: 0 0 20px;}

/* about */
.about {width: 100%;overflow: hidden;margin: 0 0 50px;}
.about-txt {width:calc(100% - 600px);}
.about-txt p {line-height: 250%;text-indent: 2em;font-size: 14px; padding:10px 0;}
.about-img {width: 600px;overflow: hidden;}
.about-img > a {width: 183px;height: 183px;display: block;float: right;}
.about-img > a:hover {transform: scale(.97);}
.about-img a.ai1 {background: url(../user/about-img-1.jpg);}
.about-img a.ai2 {background: url(../user/about-img-2.jpg);}
.about-img a.ai3 {background: url(../user/about-img-3.jpg);}
.about-img a.ai4 {background: url(../user/about-img-4.jpg);}
.about-img a.ai5 {background: url(../user/about-img-5.jpg);}
.about-img a.ai6 {background: url(../user/about-img-6.jpg);}
.modal{position: fixed;top: 0;bottom: 0;left: 0;right: 0;padding: 20px;color: white;z-index: 9999;visibility: hidden;opacity: 0;pointer-events: none;transition: 200ms ease;}
.modal.show{opacity: 1;visibility: visible;pointer-events: auto;}
.dialog{background: #fff;min-width: 300px;left: 50%;right: auto;top: 10%;bottom: auto;box-shadow: 0 0 0 3000px rgba(0,0,0,.8);-webkit-transform: translateX(-50%);transform: translateX(-50%); z-index:999;}
@media (max-width:1000px){
    .about-txt {width:100%;}
    .about-txt p {padding: 0 10px;}
    .about-img {display: none;}}

/* star */
.star {width: 100%;height: 656px; margin: 0 0 30px;    overflow: hidden;background: url(../images/about-five.png) no-repeat;}
.star-group {width: 380px;height: 216px; overflow: hidden;}
.star-group-list {width: 50%;}
.star-group-list-right {padding: 110px 0 0;}
.star-group h5 {padding:20px 15px 10px; font-size: 20px;color: #ffffcc;font-weight: bold;}
.star-group p {padding:0 15px;line-height: 250%;text-indent: 2em;}
.star-group p.sp1 {color: #796600;}
.star-group p.sp2 {color: #0e7c4d;}
.star-group p.sp3 {color: #7a93c1;}
.star-group p.sp4 {color: #89410b;}
.star-group p.sp5 {color: #54700c;}
@media (max-width:1200px){
    .star {background: none;height: auto;}
    .star-group {width: 98%;height: auto;padding: 0 0 30px; margin: 0 1% 10px;float: left !important;}
    .star-group-list-right {padding: 0;}
    .sg-bg-1 {background: #ffcb00;}
    .sg-bg-2 {background: #00cd68;}
    .sg-bg-3 {background: #2a4270;}
    .sg-bg-4 {background: #f0732b;}
    .sg-bg-5 {background: #adcb49;}
}
@media (max-width:520px){.star-group-list {width: 100%;}}

/* team */
.team {width: 100%;overflow: hidden;margin: 0 0 100px;}
.team p {width: 100%;font-size: 14px;line-height: 250%;text-indent: 2em;}
.team-list {width: 100%;margin: 30px 0 0;}
.team-img {width: 23%;margin: 0 1% 10px;border-radius: 100%;overflow: hidden;position: relative;float: left;}
.team-img img {width: 100%;}
.team-img span {display: block;border: 5px #fff solid;opacity: .5;width:calc(100% - 10px);height: calc(100% - 10px);position: absolute;top: 0;left: 0;border-radius: 100%;}
@media (max-width:720px){.team-img {width: 48%;}}
@media (max-width:360px){.team-img {width: 98%;}}

/* new */
.new {width: 100%; overflow:hidden; margin: 0 0 60px;}
.new-group {width: 100%;overflow: hidden;margin: 0 0 35px;display: block;}

.new-group img {float: right;width: 360px;height: 200px;border-radius: 5px;}
.new-group-txt {width: calc(100% - 390px);overflow: hidden;}
.new-group-txt h4 {border-bottom: 1px #ccc dashed;height: 64px;line-height: 64px;overflow: hidden;font-size: 24px;padding:0 0 0 25px;background: url(../images/new-list.png) 0 26px no-repeat;color: #333;font-weight: normal;}
.new-group:hover img {opacity: .8;}
.new-group:hover .new-group-txt h4 {color: #ffba00;}
.new-group-txt h4 span {font-size: 12px;color: #ccc;float: right;line-height: 65px;}
.new-group-txt span, .new-group-txt p {color: #999;text-indent: 2em;line-height: 250%;}
.new-group-txt > span {height: 120px;width: 100%;overflow: hidden;padding: 10px 0 0;}
@media (max-width:760px){.new-group img {display: none;}.new-group-txt {width: 98%;margin: 0 1%;}}
@media (max-width:630px){.new-group-txt h4 {font-size: 18px;}}

/* page */
.page {width: 100%;text-align: center;padding: 20px 0 50px;}
.page a {width: 40px;height: 40px;line-height: 40px; border-radius: 100%;color: black;margin: 0 5px;font-family:Microsoft YaHei, '\9ed1\4f53';font-weight: bold;font-size: 20px;vertical-align: middle;}
.page a:hover, .page a.active {background-color: #00cc66;color:white;}
.page a.pre, .page a.nex {background: url(../images/page-btn.png) no-repeat;display:inline-block;}
.page a.pre {background-position: left top;}
.page a.nex {background-position: right bottom;}
.page a.pre:hover {background-position: right top;}
.page a.nex:hover {background-position: left bottom;}
.numb {display:inline-block;}
@media (max-width:470px){.numb {display: none;}}

/* product */
.product {width: 100%;overflow: hidden;margin: 0 0 100px;}
.product-tab {width: 100%;overflow: hidden;margin: 0 0 30px;}
.product-tab a {width: 25%;height: 60px;line-height: 60px; text-align: center;font-family:Microsoft YaHei, '\9ed1\4f53';font-size: 20px;font-weight: bold;color: #333;display: block;float: left;border-top: 3px #333 solid;}
.product-tab a:hover, .product-tab a.active {background: #333;color: white;}
.product-list {width: 100%;overflow: hidden;}
.product-list a {width: 22%; margin-left:1.5%; margin-right:1.5%;height: 270px; margin-bottom:10px;background-position: center;background-size:cover;background-repeat: no-repeat; display: block;float: left;position: relative;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    /*filter: gray;*/}
.product-list a:hover {
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    filter:none;}
.product-list a span {width: 100%;height: 64px;line-height: 64px;text-align: center;color: #999;position: absolute;bottom: 0;left: 0;display: none;background: url(../images/product-span.png) center no-repeat;}
.product-list a:hover span {display: block;}
.con { color:#666 !important;}
.show { width:90%; max-width:900px;}
.show img {width:100%; height:100%;}
.proinfo { width:100%; overflow:hidden; background:url(../images/close.png) right center no-repeat; padding:10px 0;}
.proinfo a, .proinfo span { padding:0 15px;line-height:30px; font-size:14px; color:#ccc; display:block;}
.proinfo span {font-size:12px; color:#666; }
@media (max-width:900px){
    .product-list a {width: 31.3%;margin-left:1%; margin-right:1%;margin-bottom:10px;}
    .product-list a span {display: block;}
    .product-list a {-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    filter:none;}
    .product-tab a {font-size: 18px;}
}
@media (max-width:600px){.product-list a {width: 48%;margin-left:1%; margin-right:1%;margin-bottom:10px;}.product-tab a {width: 50%;}}
@media (max-width:330px){.product-list a {width: 100%;}}

/* job */
.job {width: 100%;overflow: hidden;margin: 0 0 30px;}
.job-group {width: 100%;overflow: hidden;border-bottom: 1px #ccc dashed;margin: 0 0 30px;}
.job-group span.headpic {width: 300px;height: 160px;display: block;float: left;background: url(../images/job.png) no-repeat;}
.job-group span.headpic:hover {transform: translateX(-10px);}
.job-group span.js1 {background-position: 0 0;}
.job-group span.js2 {background-position: -300px 0;}
.job-group span.js3 {background-position: -600px 0;}
.job-group span.js4 {background-position: -900px 0;}
.job-group span.js5 {background-position: -1200px 0;}
.job-group-txt {width: calc(100% - 300px);float: right;overflow: hidden;margin: 0 0 20px;font-size: 14px;line-height: 250%;color: #999;}
.job-group-txt h5 {font-size: 28px;font-weight: normal;color: #333;line-height: 200%;}
.job-group-txt h5:hover {color: #00cc66;transition: .5s all;}
.job-group-txt p {font-size: 14px;line-height: 250%;color: #999;}
.job-contact { width:100%; overflow:hidden; background:#eee; margin: 0 0 100px;font-family:Microsoft YaHei, '\9ed1\4f53';}
.job-contact p {line-height:250%; padding:15px; font-size:18px; text-align:center;}
.job-contact p span { background:#0c6; padding:10px; margin:0 15px; color:#fff; border-radius:3px;}
@media (max-width:780px){.job-group span {display: none;}.job-group-txt {width: 98%;margin: 0 1% 10px;}}

/* contact */
.contact {width: 100%;overflow: hidden;}
.contact-list {width: 50%;overflow: hidden;display: block;float: left;height: 50px;line-height: 50px;font-size: 14px;overflow: hidden;background: #eee url(../images/contact-list.png) left top no-repeat;margin: 0 0 20px;}
.contact-list span {width: 80px;height: 50px;background: url(../images/contact-ico.png) no-repeat;display: block;float: left;margin: 0 20px 0 0;}
.contact-list span.add {background-position: 15px 0;}
.contact-list span.tel {background-position: 15px -50px;}
.contact-list span.mail {background-position: 15px -100px;}
.contact-list span.fax {background-position: 15px -150px;}
@media (max-width:850px){.contact-list {width: 100%;}}

/* platform */
.platform {width: 100%;overflow: hidden;}
.platform a {width: 25%;margin: 0 0 20px;height: 260px;background-position: center;background-repeat: no-repeat;display: block; float: left;background-color: #eee;}
.platform a:hover {background-size: contain;}
.platform a.qq {background-image: url(../images/contact-sns-qq.png);}
.platform a.wx {background-image: url(../images/contact-sns-wx.png);background-color: #fafafa;}
.platform a.wb {background-image: url(../images/contact-sns-wb.png);}
.platform a.tb {background-image: url(../images/contact-sns-tb.png);background-color: #fafafa;}
.platform a.qq:hover {background-size:120px;}
.platform a.wx:hover {background-image: url(../images/code.png);}
.platform a.wb:hover {background-size:120px;}
.platform a.tb:hover {background-size:120px;}
@media (max-width:660px){.platform a {width: 50%;}}
@media (max-width:380px){.platform a {width: 100%;}}

/* map */
.contact-map {margin: 0 0 50px;width: 100%;height: 400px;overflow: hidden;}
.anchorBL {display: none;}

/* article */
.article {width: 100%;overflow:hidden;margin: 0 0 50px;}
.article h2 a {font-size: 30px;color:#0c6; }
.article h2 span {font-size: 12px;font-weight: normal;color: #ccc;padding: 10px 0;font-family: arial;}
.article-txt, .article-txt p {width: 100%;overflow: hidden;line-height: 250%;font-size: 14px;}
.article-txt span { font-weight:bold;}
.article-txt embed {width: 800px; height:500px;}
@media (max-width:900px){.article-txt img {width: 100%;}}
@media (max-width:800px){.article-txt embed {width: 600px; height:360px;}}
@media (max-width:600px){
	.article-txt embed {width: 400px; height:280px;}
	.article h2 a { font-size:24px;}}
@media (max-width:400px){
	.article-txt embed {width: 300px; height:200px;}
	.article h2 a { font-size:18px;}}

/* business */
.business-list {width: 100%;overflow: hidden;padding: 10px 0 25px;}
.business-list li {width: 100%;background: #eee;margin: 0 0 5px;transition: .5s all;}
.business-list li:hover {background: #ccc;}
.business-list li p {padding: 0 20px;line-height: 40px;font-size: 14px;}
.business-list li span {width: 10px;height: 40px;display: block;float: left;background: #666;}
.business-group {width: 25%;float: left;}
.business-group:hover {transform: translateY(-10px);transition: .5s all;}
.business-group p {margin: 5px;padding: 15px;font-size: 14px;color: white;border-radius: 5px;}
.bsg1 p {background: #0c6;}
.bsg2 p {background: #f68c1a;}
.bsg3 p {background: #22abd9;}
.bsg4 p {background: #b1367f;}
.process {width: 100%;overflow: hidden;margin: 0 0 50px;}
.process img {width: 100%;}
@media (max-width:800px){.business-group {width: 50%;}}
@media (max-width:490px){.business-group {width: 100%;}}

/* video */
.video {width: 100%;}
.video .new-group-txt {width: 100%;}
.video .new-group {margin: 0 0 20px;}

/* talent */
.talent {width: 100%;overflow: hidden;margin: 0 0 60px;}
.talent-group {overflow: hidden;margin: 0 0 30px;}
.talent-avter {width: 160px;height: 160px;margin: 20px 20px 20px 0;border-radius: 100%;overflow: hidden;background: url(../images/avter-bg.png) center no-repeat;background-size: contain;}
.talent-avter img {width: 100%;}
.talent-txt {width: calc(100% - 200px);overflow: hidden;border-bottom: 1px #ccc dashed;}
.talent-txt h5 {font-size: 28px;font-weight: normal;color: #333;line-height: 200%;}
.talent-txp {width: 100%;height: 80px;overflow: hidden;font-size:14px; display:block;}
.talent-txp p {line-height:40px;}
.talent-txt a {width: 90px;height: 30px;line-height: 30px; border-radius: 3px;background: #0c6;font-size: 14px;color: white;text-align: center;display: block;float: right;margin: 10px 0;cursor: pointer;}
.talent-txt a:hover {background: #ffba00;}
.talent-block {display: none;width: 100%;overflow: hidden;box-sizing: border-box;padding: 15px;background: #333;color: #999;}
.talent-block p {color: #999;font-size: 14px;line-height: 36px;}
@media (max-width:800px){
    .talent-avter{margin: 20px auto;float: none !important;}
    .talent-txt {width: 100%;}}