/* reset */
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font:14px/1.5 "arial","Microsoft YaHei",Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif; color: #999; }
html, body{ min-width: 1200px; overflow-x: hidden;}
img,button{border:none;}
img{display: block;}
em,strong{font-style:normal;font-weight:normal;}
li{list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:24px; color: #333; font-weight: normal;}
h4, h5, h6{font-size:100%;font-weight: normal;}
q:before,q:after{content:'';}/* 消除q前后的内容 */
button,input,select,textarea{font-size:100%;outline:none;border:none;}/* 使得表单元素在 ie 下能继承字体大小 */
textarea{resize:none;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */
a{color:#999;text-decoration:none;}
a:hover{/*color:#ff8d17;*/text-decoration:none;}


.left{ display: inline; float: left; }
.right{ display: inline; float: right; }
.clearFix{ zoom: 1; }
.clearFix:after{ display: block; content: ""; clear: both; }
.main{ width: 1200px; margin: auto; }

/*header*/
header{ z-index: 99; position: fixed; width: 100%; height: 91px; background:#ffffff; top:0; }
header .nav{ margin-top: 40px; transition-duration: .3s; }
header .logo img{ height: 78px; width: 126px; transition-duration: .3s; }
header .logo a{ position: relative; display: block; width: 126px; margin-top: 5px; overflow: hidden; transition-duration: .3s; }
header.active{z-index: 1000; width: 100%; height: 91px; background:white; transition-duration: .3s; transition-timing-function:linear; }
header.active .nav{ margin-top: 40px;}
header.active .nav li a{ font-size: 16px;}
header.active .logo a{ margin-top: 5px;}
header.active .logo img{width: 126px; height: 78px;}
header .nav li{ display: inline; margin-left: 32px; font-size: 16px; }
header .logo .alt-logo{ position: absolute; z-index: -1; top: 0; left: 0; font-size: 25px; opacity: 0; filter: alpha(opacity=0); }
header .header-shadow{ position: absolute; z-index: 1000; bottom: -16px; left: 0; width: 100%; height: 16px; background: url(../images/header_shadow_bg.png) repeat-x; }
.nav li a{ font-size: 16px; padding: 0 2px 5px; transition: all .2s ease; color: #3f3e3e;}
.nav li a.active,
.nav li a:hover{ color: #e58016; }
.menu-btn, .mask{ display: none; }
.header-block{ height: 50px; transition: .3s height linear; }


/*pagenation*/
.pagenation{ text-align: center; }
.pagenation li{ display: inline-block; margin: 15px 5px; border: 1px solid #b0b0b0; border-radius: 3px; }
.pagenation li:hover{ border: 1px solid #f5a100; }
.pagenation li a{ padding: 3px 10px; display: block; }
.pagenation li.page-more{ border: none; margin: 0; }
.pagenation li.page-more:hover a{ color: #999; }
.pagenation li.active{ background: #f5a100; border: 1px solid #f5a100; }
.pagenation li.active a{ color: #fff; }
.pagenation li.disabled{ border: none; }
.pagenation li.disabled a{ cursor: default; }
.pagenation .previous.disabled, .pagenation .next.disabled{ display: none; }

/*网站首页*/


/*公司业务*/
.content, footer{ background: #f4f4f4; }
.content .banner{ height: 470px; background: #7F7B7C url("../images/business_bg.jpg") no-repeat; background-position: 50% 0; color: #ffffff; }
.content .banner .p1{ font-size: 25px; line-height: 30px; padding-top: 142px; letter-spacing: 3px; }
.content .banner .p2{ font-size: 56px; line-height: 56px; margin: 16px 0 10px; }
.content .banner .p3{ font-size: 18px; line-height: 27px; color: #adadad; margin-top: 15px; text-shadow: 0 0 4px #000000; }
.content .banner .content-text{ text-align: center; }
.content .model-title{ margin: 58px auto 43px; text-align: center; }
.content .model-title h3{ font-size: 40px; line-height: 48px; color: #555555; }
.content .model-title p{ position: relative; font-size: 12px; margin-top: 8px; text-align: center; display: inline-block; margin-bottom: 10px; }
.content .model-title .line{ position: absolute; width: 22px; height: 2px; background: #ffa343; bottom: -10px; left: 50%; margin-left: -11px; }
.content .model-title img{ margin: auto; }
.content .business-ul{ width: 980px; margin: auto; padding-bottom: 1px; }
.business-ul li{ height: 233px; margin-bottom: 56px; border: 1px solid gainsboro; box-shadow: 0 0 7px 2px gainsboro; background: #ffffff; }
.business-ul .li-img{ overflow: hidden; position: relative; display: inline; float: left; height: 233px; width: 561px; }
.business-ul a{ display: block; width: 100%; height: 100%; box-shadow: 0 0 7px 2px gainsboro; transition-duration: .4s; transition-timing-function: ease-in; }
.business-ul .li-box{ opacity: 0; filter: alpha(opacity=0); transition-duration: .3s; transition-timing-function: ease-in; }
.business-ul .li-mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0; filter: alpha(opacity=0); transition-duration: .4s; transition-timing-function: ease-in; }
.business-ul .li-det{ position: absolute; left: 50%; top: 50%; margin-left: -74px; margin-top: -24px; width: 148px; height: 48px; text-align: center; line-height: 48px; color: #ffffff; background: #ff6905; opacity: 0; filter: alpha(opacity=0); border-radius: 3px; font-size: 19px; transition-duration: .4s; transition-timing-function: ease-in; }
.business-ul .li-img img{ width: 100%; height: 100%; transition-duration: .4s; transition-timing-function: ease-out; }
.business-ul a:hover{ box-shadow: 0 0 7px 2px #ffa343; }
.business-ul a:hover .li-box{ opacity: 1; filter: alpha(opacity=100); }
.business-ul a:hover .li-mask{ opacity: .4; filter: alpha(opacity=40); }
.business-ul a:hover .li-det{ opacity: 1; filter: alpha(opacity=100); }
.business-ul a:hover img{ transform: scale(1.1); }
.business-ul .li-txt{ padding: 23px 26px 36px 592px; }
.business-ul .li-txt h3{ font-size: 26px; color: #555555; padding-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.business-ul .li-txt p{ font-size: 12px; color: #999999; line-height: 22px; }

/*IP明星*/
.content-ipstar .swiper-container{ width: 100%; height: 39%; }
.content-ipstar .swiper-slide{ width: 100%; height: 100%;}
.content-ipstar .swiper-slide img{ max-width: 100%; display: block;}
.content-ipstar .swiper-pagination-bullet{ width: 10px; height: 10px; background-color: white; margin-right: 15px; opacity: 1;}
.content-ipstar .swiper-pagination-bullet-active{ background: #ea5404; }

.content-ipstar .banner-wrap{ color: #ffffff; padding-top: 94px; }
.content-ipstar .banner-wrap h3{ font-size: 60px; line-height: 66px; color: #ffffff; }
.content-ipstar .banner-wrap .b-author{ font-size: 26px; line-height: 22px; margin: 12px 0 36px; }
.content-ipstar .banner-wrap .b-brief{ font-size: 14px; line-height: 30px; }
.ip-wrap{ width: 1200px; margin: auto; }
.ip-wrap .model-title{ zoom: 1; margin: 50px auto 44px; }
.ip-wrap .model-title:after{ display: block; content: ""; clear: both; }
.ip-wrap .ip-title1{ position: relative; display: inline; float: left; font-size: 40px; line-height: 42px; color: #636363; }

.ip-wrap .ip-title2{ position: relative; display: inline; float: right; margin-top: 20px; font-size: 14px; line-height: 16px; }

.ip-ul{ zoom: 1; margin-right: -50px;}
.ip-ul:after{ display: block; content: ""; clear: both; }
.ip-ul a{ display: block; width: 100%; height: 100%; }
.ip-ul li{ position: relative; top: 0; text-align: center; display: inline;float: left; width: 280px; height: 490px; margin-right: 50px; padding: 0 43px; 
 margin-bottom: 52px; background:white; box-shadow: 0 2px 6px 3px #ebebeb; transition-duration: .3s; }
.ip-ul li:hover{ top: -8px; box-shadow: 0 2px 6px 3px #dcdcdc; }
.ip-ul li .ip-img{ width: 100%; height: 300px; display: block; }
.ip-ul li .det-box{ padding: 26px 20px 26px; }
.ip-ul li h3{ font-size: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555555; }
.ip-ul li p{ overflow: hidden; font-size: 12px; line-height: 18px; height: 36px; text-align: left; margin-top: 5px; }
.ip-ul li .ip-det{ cursor: pointer; display: inline-block; width: 124px; height: 35px; line-height: 35px; text-align: center; background: #ffa343; color: #ffffff; margin-top: 16px; border-radius: 3px; }
.swiper-pagination{ position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center; }
.swiper-pagination-switch{ display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #ffffff; margin: 0 5px; opacity: 0.8; cursor: pointer; }
.swiper-active-switch{ background: #ffa343; }


/*观点资讯*/
.content-news{ background: #f7f7f7; }
.content-news .content-wrap{ width: 950px; margin: auto; }
.cont-box{ background: #f7f7f7; width: 750px; overflow: hidden; }
.cont-list, .cont-des{ padding: 0 62px; margin-bottom: -1px; }
.cont-list{ margin-left: 30px; padding: 0; }
.cont-list li{ padding: 32px 0 44px; border-bottom: 1px solid #e2e2e2; }
.cont-list li:hover .title{ text-decoration: underline; }
.cont-list h3{ line-height: 68px; }
.cont-list .title{ width: 520px; height: 68px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cont-list .date{ font-size: 14px; color: #999; }
.cont-list .cont-brief{ font-size: 14px; line-height: 26px; color: #666; }
.cont-none{ text-align: center; position: absolute; top: 50%; transform: translateY(-50%); right: 400px; }

/*左侧菜单*/
.menu-asd{ width: 100%; margin-right: -750px; background: #f7f7f7; }
.menu-ul{ padding-right: 750px; margin-top: 38px; }
.menu-asd .menu-cur{ color: #fff; }
.menu-asd .menu-chid{ font-size: 14px; }
.menu-chid li{ height: 44px; line-height: 44px; margin-top: 0px; color: #666666; text-align: center; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.menu-chid li a{ margin-left: -30px; }
.menu-chid .triangle{ display: inline-block; margin-left: 5px; width: 0; height: 0; border-width: 5px 0 5px 4px; border-style: solid; border-color: transparent; }
.menu-chid li.active{ background: #f4742e; border: none; }
.menu-chid li.active a{ color: #ffffff; }
.menu-chid li.active .triangle{ border-color: transparent transparent transparent #f5a100; }

/*文章详情*/
.cont-art{ line-height: 28px; color: #666; padding: 22px 0 52px; }
.cont-des-box{ width: 100%; }
.cont-des h3{ padding: 24px 0 28px; line-height: 60px; border-bottom: 1px solid #e2e2e2; color: #555; text-align: center;}
.cont-des .cont-title{ color: #555555; }
.cont-des .date{ font-size: 14px; line-height: 16px; color: #999; }
.cont-art img{ display: inline-block; }

/*关于我们*/
.content-about .banner{ height: 530px; background: #6B6B6A url("../images/aboutus_bg.jpg") no-repeat; background-position: 50% 0; }
.content-about .banner-letter{ width: 778px; text-align: center; color: #ffffff; margin: auto; padding-top: 100px; }
.content-about h3{ line-height: 60px; font-size: 40px; color: #555555; }
.content-about .en{ position: relative; font-size: 12px; }
.content-about .en .line{ position: absolute; left: 50%; margin-left: -15px; bottom: -14px; width: 30px; height: 2px; background: #ffa343; }
.banner-letter h2{ font-size: 62px; font-weight: normal; letter-spacing: 1px; }
.banner-letter .letter1{ font-size: 12px; line-height: 24px; padding: 29px 0 22px; }
.banner-letter .letter2{ font-size: 26px; letter-spacing: 2px; }
.banner-letter .btn-det{ display: inline-block; width: 158px; height: 50px; margin-top: 24px; line-height: 48px; background: #ea5404; color: #ffffff; font-size: 20px; border-radius: 3px; }
.banner-letter .btn-det:hover{ background: #cb4b07; }
.culture-title{ text-align: center; margin-top: 54px; }
.culture-title .culture-img{ margin: 30px auto 70px; }
.culture-ul{ zoom: 1; margin-right: -52px; margin-bottom: 84px; }
.culture-ul:after{ content: ""; clear: both; display: block; }
.culture-ul li{ width: 292px; display: inline; float: left; margin-right: 21px; }
.culture-ul li img{ width: 100%; display: block; }
.culture-ul li p{ text-align: center; font-size: 14px; line-height: 24px; color: #999999; margin-top: 20px; }
.joyful { padding-bottom: 100px; text-align: center; background: #ececec; }
.joyful .joyful-title{ padding: 78px 0 86px; }
.joyful .joyful-box{ width: 950px; height: 359px; margin: 0 auto 75px; background: url("../images/about_joyful.jpg") no-repeat; background-size: contain; }
.joyful .joyful-hover{ height: 100%; }
.joyful .joyful-hover li{ position: relative; display: inline; float: left; height: 100%; cursor: pointer; }
.joyful .joyful-hover .person{ display: none; position: absolute; /*right: -319px;top: -242px;display: none;*/left: 90px; bottom: -71px; width: 318px; height: 673px; }
/*.joyful .joyful-hover .person.show{ width: 319px; display: block; }*/
.joyful .joyful-hover .photo{ position: absolute; width: 318px; height: 100%; }
.joyful .joyful-hover .introduction{ position: absolute; bottom: 0; left: 0; right: 0; height: 250px; width: 275px; padding: 18px 22px 0; background: rgba(234,84,4,0.8); color: #ffffff; text-align: left; font-size: 12px; }
.joyful .introduction em{ font-size: 32px; }
.joyful .introduction .resume{ line-height: 20px; margin-top: 28px; }
.joyful .person .link{ position: absolute; left: -60px; bottom: 68px; }

.partner{ width: 1200px; margin: 0 auto; padding-bottom: 85px;}
.partner .partner-title{ text-align: center; padding: 80px 0 85px; }
.partner .hez{ width: 100%}
.partner .hez .swiper-container {width: 100%;height: 100%;}
.partner .hez .swiper-slide {text-align: center;font-size: 18px; background: white;}
.partner .hez .swiper-slide .li-wrap{  width: 100%;  background: white; }
.partner .hez .swiper-slide .li-wrap img{ width: 100%; height: 167px; }
.partner .hez .swiper-slide .li-wrap p{ font-size: 12px; line-height: 18px; height: 36px; overflow: hidden; color: #999999; margin: 14px 14px 20px; }

.partner .hez-wap{ width: 100%; display: none;}
.partner .hez-wap .swiper-container {width: 100%;height: 100%;}
.partner .hez-wap .swiper-slide {text-align: center;font-size: 18px; background: white;}
.partner .hez-wap .swiper-slide .li-wrap{  width: 100%;  background: white; }
.partner .hez-wap .swiper-slide .li-wrap img{ width: 100%; height: 167px; }
.partner .hez-wap .swiper-slide .li-wrap p{ font-size: 12px; line-height: 18px; height: 36px; overflow: hidden; color: #999999; margin: 14px 14px 20px; }




.contact { background: #ececec; }
.contact .contact-title{ text-align: center; padding: 76px 0 60px; }
.contact .contact-box{ zoom: 1; }
.contact .contact-box:after{ display: block; content: ""; clear: both; }
.contact .contact-l{ display: inline; float: left; width: 460px; padding: 16px 70px 0; margin-right: 14px; font-size: 14px; }
.contact .contact-r{ display: inline; float: left; width: 276px; height: 372px; padding: 34px 36px; border: 1px solid #dbdbdb; border-bottom: none; background: #eeeeee; }
.contact .contact-r p{ margin-bottom: 10px; }
.contact .contact-r input, .contact .contact-r textarea{ width: 258px; font-size: 14px; line-height: 16px; background: #f4f4f4; border: 1px solid #dddddd; padding: 11px 8px; margin-bottom: 20px; color: #666666; }
.contact .contact-r input::-webkit-input-placeholder, .contact .contact-r input:-moz-placeholder, .contact .contact-r input::-moz-placeholder, .contact .contact-r input:-ms-input-placeholder,
.contact .contact-r textarea::-webkit-input-placeholder, .contact .contact-r textarea:-moz-placeholder, .contact .contact-r textarea::-moz-placeholder, .contact .contact-r textarea:-ms-input-placeholder{ color: #cccccc; }
.contact .contact-r input{ height: 18px; }
.contact .contact-r textarea{ height: 120px; }
.contact .contact-r .send{ width: 100%; height: 40px; line-height: 40px; text-align: center; background: #ea5404; color: #ffffff; cursor: pointer; }
.contact .contact-add{ padding: 0 0 15px 25px; width: 366px; margin-bottom: 28px; background: url("../images/about_address.png") no-repeat; border-bottom: 1px solid #dbdbdb; }
.contact dl{ padding-top: 22px; }
.contact dt, .contact dd{ line-height: 24px; }
.contact .contact-way{ margin: 60px 0 66px; }
.contact .contact-way a{ margin-right: 24px; }
.contact .contact-way img{ display: inline-block; }
.contact .contact-way .wx-box{ position: relative; float: left; width: 43px; height: 43px; margin-right: 26px; cursor: pointer; }
.contact .contact-way .wx-qr{ width: 128px; display: none; z-index: 10; position: absolute; left: 0px; top: 52px; }

.author{ height: 103px; background: url("../images/about_author_bg.jpg") repeat-x; overflow: hidden; }
.author-a{ display: block; }
.author .author-box{ overflow: hidden; position: relative; height: 100%; width: 850px; margin: auto; color: #ffffff; }
.author .author-wrap{ margin: 0 3px 0 20px; }
.author .author-enter{ font-size: 40px; line-height: 42px; font-weight: bold; margin-top: 22px; }
.author .author-slogan{ font-size: 16px; line-height: 18px; margin-top: 8px; }
.author .author-narrow{ margin-top: 32px; }
.send-msg{ display: none; position: fixed; left: 50%; top: 50%; background: gray; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); padding: 15px 20px; color: #ffffff; font-size: 16px; }


.online { background: #ececec; padding-bottom: 50px;}
.online .contact-title{ text-align: center; padding: 76px 0 60px; }
.online .contact-box{ zoom: 1; }
.online .contact-box:after{ display: block; content: ""; clear: both; }
.online .contact-r{width: 50%; padding: 34px 25%; border: 1px solid #dbdbdb;
 border-bottom: none; background: white; }
.online .contact-r p{ margin-bottom: 10px; }
.online .contact-r input{width: 97%; font-size: 14px; line-height: 16px; background: #f4f4f4; border: 1px solid #ddd; padding: 11px 8px; margin-bottom: 20px; color: #666; }
.online .contact-r select{ width: 100%; font-size: 14px; line-height: 16px; background: #f4f4f4; border: 1px solid #ddd; padding: 11px 8px; margin-bottom: 20px; color: #666; }
.online .contact-r input::-webkit-input-placeholder, 
.online .contact-r input:-moz-placeholder, 
.online .contact-r input::-moz-placeholder, 
.online .contact-r input:-ms-input-placeholder,
.online .contact-r input{ height: 18px; }
.online .contact-r .send{ width: 100%; height: 40px; line-height: 40px; text-align: center; background: #ea5404; color: #ffffff; cursor: pointer; }

/*u-title*/
.u-title{ text-align: center;}
.u-title h1{ font-size: 42px; color: black; padding-top: 65px;}
.u-title h2{ font-size: 16px; color: #a3a3a3; font-weight: 300; padding-top: 5px;}

.i-banner{ width: 100%; height:68%;}
.i-banner .swiper-container { width: 100%; height: 100%; }
.i-banner .swiper-slide {font-size: 18px;background: #fff;}
.i-banner .swiper-slide a img{width: 100%; display: block;}
.i-banner .swiper-pagination-bullet{ width: 10px; height: 10px; background-color: white; margin-right: 15px; opacity: 1;}
.i-banner .swiper-pagination-bullet-active{ background: #ea5404; }


.i-box-1{ padding-bottom: 65px;}
.i-box-1 .bd{width: 1080px; margin: 80px auto 0;/* background: url(../images/i-box-1-bg.jpg) no-repeat 215px top; min-height: 483px;*/ padding-bottom: 30px; position: relative;}
.i-box-1 .bd img{ margin: 0 auto; max-width: 100%; display: block}
.i-box-1 .bd .txt{ position: absolute; font-size: 20px; color: black;}
.i-box-1 .bd .absolute-1{ top: 38px; left: 86px;}
.i-box-1 .bd .absolute-2{ top: 166px; left: 140px;}
.i-box-1 .bd .absolute-3{ top: 285px; left: 0;}
.i-box-1 .bd .absolute-4{ top: 56px; right: 82px;}
.i-box-1 .bd .absolute-5{ top: 186px; right: 157px;}
.i-box-1 .bd .absolute-6{ top: 283px; right: 0;}
.i-box-1 .bd .pc{ display: block;}
.i-box-1 .bd .wap{ display: none;}




.i-box-2{ width: 100%; min-height: 840px; background: url(../images/i-box-2-bg.jpg) no-repeat center top; background-size: cover;}
.i-box-2 .u-title h1{ color: white;}
.i-box-2 .u-title h2{color: white;}
.i-box-2 .bd{ background: url(../images/i-box-2-n-bg.png) no-repeat; width: 710px; height: 593px; margin: 50px auto 0; position: relative;}
.i-box-2 .bd .radius{position: absolute;}
.i-box-2 .bd .radius span{ border-radius: 50%; color: white; text-align: center; font-weight: 600;  display: inline-block;
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
.i-box-2 .bd .radius span:hover{
-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
       transform: scale(1.1);}
.i-box-2 .bd .radius-1{top: 0; left: 274px;}
.i-box-2 .bd .radius-1 span{ width: 100px; height: 100px; line-height: 100px; background-color: #f5a415; font-size: 19px;}
.i-box-2 .bd .radius-2{ top: 94px; left: 94px;}
.i-box-2 .bd .radius-2 span{ width: 100px; height: 100px; line-height: 100px; background-color: #6ac2b1; font-size: 17px;}
.i-box-2 .bd .radius-3{top: 264px; left: 0;}
.i-box-2 .bd .radius-3 span{ width: 100px; height: 100px; line-height: 100px; background-color: #29bade; font-size: 19px; }
.i-box-2 .bd .radius-4{top: 425px; left: 80px;}
.i-box-2 .bd .radius-4 span{ width: 112px; height: 112px; line-height: 112px; background-color: #656565; font-size: 20px;}
.i-box-2 .bd .radius-5{top: 452px; left: 315px;}
.i-box-2 .bd .radius-5 span{ width: 142px; height: 142px; line-height: 142px; background-color: #8a6d53; font-size: 24px;}
.i-box-2 .bd .radius-6{top: 340px; right:20px;}
.i-box-2 .bd .radius-6 span{ width: 105px; height: 105px; line-height: 105px; background-color: #00b7ed; font-size: 19px;}
.i-box-2 .bd .radius-7{ top: 146px; right: 0;}
.i-box-2 .bd .radius-7 span{ width: 142px; height: 142px; line-height: 142px; background-color: #7fabdb; font-size: 26px;}


.benefit{padding-bottom: 65px;}
.benefit .bd{ width: 1200px; margin: 0 auto;}
.col-list{ width: 560px;}
.col-list li{ width: 100%; position: relative; padding-top: 42px;}
.col-list li span{ width: 81px; height: 81px; line-height: 81px; text-align: center; display: block; font-size: 56px; font-weight: 600;
position: absolute; top: 30px; left: 0;background-color: white;}
.col-list li.yellow span{ border: 8px solid #ffa218; border-radius: 50%; color: #ffa218; }
.col-list li.blue span{ border: 8px solid #008ecf; border-radius: 50%; color: #008ecf;}
.col-list li .txt{ font-size: 20px; font-weight: 600; width: 458px; color: white; line-height: 80px; border-radius: 48px; padding-left: 100px;}
.col-list li.yellow div{ background-color: #ffa218;}
.col-list li.blue div{ background-color: #008ecf;}

.i-box-3{ background-color: #ffab2f; padding-bottom: 65px;}
.i-box-3 .bd{ width: 1150px; min-height: 515px; margin: 0 auto; background: url(../images/i-box-3-bg.png) no-repeat; margin-top: 65px; position: relative;}
.i-box-3 .bd .txt{ position:relative; color: white; background-color: #7236e1;}
.i-box-3 .bd .txt dl dt{ font-size: 24px;}
.i-box-3 .bd .txt dl dd{}
.i-box-3 .bd .absolute-1{ position: absolute; top: 187px; left: -68px; width: 205px; padding: 8px; border-radius: 20px;}
.i-box-3 .bd .absolute-1:after{ content: ''; position: absolute; top: -17px; right: -7px;
width:0; height:0; 
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:50px solid #7236e1;
transform: rotate(50deg);}

.i-box-3 .bd .absolute-2{ position: absolute; top: -28px; left: 371px; width: 157px; padding: 8px; border-radius: 20px; z-index: 9;}
.i-box-3 .bd .absolute-2:after{ content: ''; position: absolute; bottom: -18px; right: -4px;
width:0; height:0; 
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:50px solid #7236e1;
transform: rotate(-35deg);}

.i-box-3 .bd .absolute-3{ position: absolute; top: 340px; right: 288px; width: 130px;  padding: 8px; border-radius: 20px;}
.i-box-3 .bd .absolute-3:after{ content: ''; position: absolute; top: -29px; right: -22px;
width:0; height:0; 
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:50px solid #7236e1;
transform: rotate(50deg);}

.i-box-3 .bd .absolute-4{ position: absolute; top: 190px; right: -78px; width: 170px; padding: 8px; border-radius: 20px; z-index: 9;}
.i-box-3 .bd .absolute-4:after{ content: ''; position: absolute; top: -22px; left: -13px;
width:0; height:0; 
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:50px solid #7236e1;
transform: rotate(-44deg);}


.advantage{ padding-bottom: 65px;}
.advantage .bd{ width: 1360px; margin: 0 auto; padding-top: 50px;}
.advantage .bd li{ float: left; width: 286px; border-radius: 5px; margin-right: 42px;}
.advantage .bd li:last-child{ margin-right: 0;}
.advantage .bd li > a{ width: 100%; display: block;}
.advantage .bd li > a img{ max-width: 100%; height: auto; display: block;}
.advantage .bd li .tCont{ min-height: 270px; padding: 0 23px;}
.advantage .bd li .tCont dl dt{ padding-top: 40px;}
.advantage .bd li .tCont dl dt > a{ width: 100%; font-size: 20px; font-weight: 600; color: black; display: inline-block; overflow: hidden; text-align: center;}
.advantage .bd li .tCont dl dd{ min-height: 130px; font-size: 14px; color: #787777; line-height: 25px;}
.advantage .bd li .tCont p{ text-align: center;}
.advantage .bd li .tCont p a{ padding: 12px 28px; font-size: 16px; border-radius: 25px;  transition-duration: .2s;}
.advantage .bd li .tCont p a:hover{ color: white !important;}
.advantage .bd li.borderColor-1{border:10px solid #85c688;}
.advantage .bd li.borderColor-2{border:10px solid  #ffa218;}
.advantage .bd li.borderColor-3{border:10px solid  #008ecf;}
.advantage .bd li.borderColor-4{border:10px solid  #cddc39;}
.advantage .bd li.borderColor-1 .tCont p a{ border: 1px solid #85c688; color: #85c688}
.advantage .bd li.borderColor-2 .tCont p a{ border: 1px solid #ffa218; color: #ffa218}
.advantage .bd li.borderColor-3 .tCont p a{ border: 1px solid #008ecf; color: #008ecf}
.advantage .bd li.borderColor-4 .tCont p a{ border: 1px solid #cddc39; color: #cddc39}
.advantage .bd li.borderColor-1 .tCont p a:hover{ background-color: #85c688;}
.advantage .bd li.borderColor-2 .tCont p a:hover{ background-color: #ffa218;}
.advantage .bd li.borderColor-3 .tCont p a:hover{ background-color: #008ecf;}
.advantage .bd li.borderColor-4 .tCont p a:hover{ background-color: #cddc39;}


/******** EnvironmentPart ********/
.EnvironmentPart{ background-color: #ededed; padding-bottom: 65px; position:relative}
.EnvironmentPart .bd{ margin-top: 40px;}
.EnvironmentImg{margin-top:10px;margin-bottom:70px}
.singleCaros{width:100%;height:auto;outline:0;transition:all ease .7s;-moz-transition:all ease .7s;-webkit-transition:all ease .7s;-ms-transition:all ease .7s;-o-transition:all ease .7s}
.singleCaros img{margin:60px 0;outline:0}
.singleCaros.slick-slide.slick-current.slick-active.slick-center{
-moz-transform:scale(1.5);
-webkit-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);z-index:9}
.slick-list{-moz-user-select:none;box-sizing:border-box;display:block;position:relative}
.singleCaros.slick-slide.slick-current.slick-active.slick-center img{ }
.center .slick-center img{color:#E67E22;opacity:1;transition:all ease .7s;-moz-transition:all ease .7s;-webkit-transition:all ease .7s;-ms-transition:all ease .7s;-o-transition:all ease .7s}
.slick-prev.slick-arrow{background:#404040;border:0 none;margin:0 auto;padding:0;top:auto;right:0;bottom:-95px;left:-50px;height:40px;width:40px;display:inline-block;position:absolute;text-indent:-9999px;z-index:10;outline:0;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}
.slick-next.slick-arrow{background:#404040;border:0 none;margin:0 auto;padding:0;top:auto;right:-50px;bottom:-95px;left:0;height:40px;width:40px;display:inline-block;position:absolute;text-indent:-9999px;z-index:10;outline:0;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}
.slick-prev.slick-arrow:before{content:"<";font-size:20px;color:#FFF;font-family:FontAwesome;top:6px;left:14px;text-indent:0;position:absolute}
.slick-next.slick-arrow:before{content:">";font-size:20px;color:#FFF;font-family:FontAwesome;top:6px;right:13px;text-indent:0;position:absolute}
.slick-next.slick-arrow:hover,.slick-prev.slick-arrow:hover{background:#0060B7}

.commonSection{padding:116px 0 118px;position:relative;background:#FFF}
img{max-width:100%;height:auto}
.commonTittle{font-size:50px;text-transform:capitalize;padding-bottom:13px}
.commonTittle span{font-weight:300;text-transform:capitalize;display:inline-block;padding-left:8px}
.commonTittle.white{color:#FFF}
.subTittle{font-size:20px;line-height:.9;margin-bottom:55px}

/*footer*/
footer{ font-size: 16px; color: black; background-color: #ffa218; font-family: "Microsoft YaHei"; padding: 40px 0;}
footer .footer-wrap .addres{ width: 290px; padding: 30px 75px 0 75px;  line-height: 35px;}
footer .footer-wrap .footerm{ width: 208px; text-align: center;}
footer .footer-wrap .footerm p{ padding-top: 15px;}
footer .footer-wrap .footRight{ padding-right: 58px; line-height: 40px; padding-top: 60px;}
footer .m-footer-wap{ display: none}

.create .m-create-p,
.m-det-p, .m-share-icon,
.m-letter1, .m-author-a, .m-joyful-box, .news-fixed-narrow{ display: none; }

/*移动端*/
@media screen and (max-width:767px){
    /*common*/
    html, body{ min-width: inherit; font-size: 100%; }
    .main, .cont-box, .cont-list .title{ width: auto; }
    .ip-ul li{ position: relative; top: 0; text-align: center; display: inline;float: left; width: 280px; height: 490px; margin-right: 50px; padding: 0 0; margin-bottom: 52px; background:white; box-shadow: 0 2px 6px 3px #ebebeb; transition-duration: .3s; }
    .content{ background: none;}
	.content, .cont-box{ padding-top: 0 !important;}
    .header-block{ height: 10px; margin-top: 55px;}
    .ip-ul li .ip-det{ cursor: pointer; display: inline-block; width: 100%; height: 35px; 
    line-height: 35px; margin: 0 auto; text-align: center; background: #ffa343; color:white; margin-top: 16px; border-radius: 3px;}
    .ip-wrap .model-title{ margin: 10px 0;}
    /*header*/
    header{ position: fixed; top: 0; left: 0; height: 64px;  border-bottom: none; background: #ffffff; }
    header.active .logo a{ width: 133px; height: 42px; margin-top: 13px; margin-left: 15px; }
    header.active{ position: fixed; top: 0; left: 0; height: 64px;border-bottom: none; }
    header.active .logo img{ width: 63%; height: 100%;}
    header.active .nav{ margin-top: 16px; }
    header .menu-btn{ display: block; float: right; cursor: pointer; margin-top: 22px; margin-right: 10px; }
    header .menu-btn li{ width: 24px; height: 2px; background: #E95505; margin-bottom: 5px; transition-duration: .2s; }
    header .menu-btn.active li{ transition-timing-function: ease-out; }
    header .menu-btn.active li:nth-child(1){ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 3px 5px; -ms-transform-origin: 3px 5px; -o-transform-origin: 3px 5px; transform-origin: 3px 5px; }
    header .menu-btn.active li:nth-child(2){ background: transparent; }
    header .menu-btn.active li:nth-child(3){ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 4px -2px; -ms-transform-origin: 4px -2px; -o-transform-origin: 4px -2px; transform-origin: 4px -2px; }
    header .nav{ display: none; position: absolute; top: 48px; left: 0; z-index: 3; background: #ffffff; width: 100%; margin-top: 16px; }
    header .nav li{ margin-left: 0; display: block; border-bottom: 1px solid #DDDDDD; }
    header .nav li:last-child{ border-bottom: none; }
    header .logo a{ width: 133px; height: 42px; margin-top: 13px; margin-left: 15px; }
    header .logo img{ width: 63%; height: 100%; }
    header.active .nav li a{ font-size: 16px; }
    .nav li a{ display: block; height: 46px; line-height: 46px; border-left: 3px solid transparent; padding: 0; padding-left: 12px; color: #666666; }
    .nav li a.active{ color: #E95505; border-bottom: none; border-left: 3px solid #E95505; }
    .mask{ position: fixed; left: 0; top: 64px; right: 0; bottom: 0; background: #000000; opacity: .7; filter: alpha(opacity=70); z-index: 1; }
    .content, .cont-box{ padding-top: 64px; }
    /*footer*/
    footer .footer-wrap{ display: none;}
	footer .m-footer-wap{ display:block; text-align: center; padding: 0 20px;}
	
	
	/*u-title*/
	.u-title{ text-align: center; padding:0 20px;}
	.u-title h1{ font-size: 30px; color: black; padding-top: 65px;}
	.u-title h2{ font-size: 16px; color: #a3a3a3; font-weight: 300; padding-top: 5px;}
	
	
	.i-box-1{ padding-bottom: 65px;}
	.i-box-1 .bd{width: 100%; margin: 80px auto 0;/* background: url(../images/i-box-1-bg.jpg) no-repeat center top; 
	background-size: 100% 100%; min-height: 250px; */position: relative;}
	
	.i-box-1 .bd .txt{ position: absolute; font-size: 12px; color: black;}
	.i-box-1 .bd .absolute-1{ top: 20px; left: 0px;}
	.i-box-1 .bd .absolute-2{ top: 76px; left: 20px;}
	.i-box-1 .bd .absolute-3{ top: 130px; left: 0;}
	.i-box-1 .bd .absolute-4{ top: 0px; right: 0px;}
	.i-box-1 .bd .absolute-5{ top: 86px; right: 40px;}
	.i-box-1 .bd .absolute-6{ top: 203px; right: 0;}
	
	.i-box-1 .bd .pc{ display: none;}
	.i-box-1 .bd .wap{ display: block;}
	
	.i-box-2{ width: 100%; min-height: 840px; background: url(../images/i-box-2-bg.jpg) no-repeat center top; background-size: cover;}
	.i-box-2 .u-title h1{ color: white;}
	.i-box-2 .u-title h2{color: white;}
	.i-box-2 .bd{ background: none; width: auto; padding: 0 20px; height: auto; padding-bottom: 65px; margin: 50px auto 0; position: relative;}
	.i-box-2 .bd .radius{position:initial; float: left; width: 50%; text-align: center; margin-bottom: 20px;}
	.i-box-2 .bd .radius span{ border-radius: 50%; color: white; text-align: center; font-weight: 600;  display: inline-block;
	-webkit-transition: all .3s ease-out;
	   -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	        transition: all .3s ease-out;}
	.i-box-2 .bd .radius span:hover{
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	       transform: scale(1.1);}
	.i-box-2 .bd .radius-1{top: 0; left: 0;}
	.i-box-2 .bd .radius-1 span{ width: 142px; height: 142px; line-height: 142px; background-color: #f5a415; font-size: 19px;}
	.i-box-2 .bd .radius-2{top: 0; left: 0;}
	.i-box-2 .bd .radius-2 span{ width: 142px; height: 142px; line-height: 142px; background-color: #6ac2b1; font-size: 19px;}
	.i-box-2 .bd .radius-3{top: 0; left: 0; display: none;}
	.i-box-2 .bd .radius-3 span{ width: 142px; height: 142px; line-height: 142px; background-color: #29bade; font-size: 19px;}
	.i-box-2 .bd .radius-4{top: 0; left: 0;}
	.i-box-2 .bd .radius-4 span{ width: 142px; height: 142px; line-height: 142px; background-color: #656565; font-size: 19px;}
	.i-box-2 .bd .radius-5{top: 0; left: 0;}
	.i-box-2 .bd .radius-5 span{ width: 142px; height: 142px; line-height: 142px; background-color: #8a6d53; font-size: 19px;}
	.i-box-2 .bd .radius-6{top: 0; left: 0; display: none;}
	.i-box-2 .bd .radius-6 span{ width: 142px; height: 142px; line-height: 142px; background-color: #00b7ed; font-size: 19px;}
	.i-box-2 .bd .radius-7{ top: 0; left: 0;}
	.i-box-2 .bd .radius-7 span{ width: 142px; height: 142px; line-height: 142px; background-color: #7fabdb; font-size: 19px;}

	
	.i-box-3{ background-color: #ffab2f; padding-bottom: 65px;}
	.i-box-3 .bd{ width: 96%; padding: 0 20px; min-height: auto; margin: 0 auto; background:none; margin-top: 65px; position: relative;}
	.i-box-3 .bd .txt{ float: left; position:relative; color: white; background-color: #7236e1; margin-bottom: 20px;}
	.i-box-3 .bd .txt dl dt{ font-size: 24px;}
	.i-box-3 .bd .txt dl dd{ font-size: 14px;}
	.i-box-3 .bd .absolute-1{ position:initial; top: 0; left: 0; width: 86%; padding: 8px; border-radius: 20px;}
	.i-box-3 .bd .absolute-1:after{ content: ''; position:initial; top: 0; right: 0;
	width:0; height:0; 
	border-left:0 solid transparent;
	border-right:0 solid transparent;
	border-bottom:0 solid #7236e1;
	transform: rotate(50deg);}
	
	.i-box-3 .bd .absolute-2{ position:initial; top: 0; left: 0; width: 86%; padding: 8px; border-radius: 20px; z-index: 9;}
	.i-box-3 .bd .absolute-2:after{ content: ''; position:initial; top: 0; right: 0;
	width:0; height:0; 
	border-left:0 solid transparent;
	border-right:0 solid transparent;
	border-top:0 solid #7236e1;
	transform: rotate(-35deg);}
	
	.i-box-3 .bd .absolute-3{ position:initial; top: 0; left: 0; width: 86%;  padding: 8px; border-radius: 20px;}
	.i-box-3 .bd .absolute-3:after{content: ''; position:initial; top: 0; right: 0;
	width:0; height:0; 
	border-left:0 solid transparent;
	border-right:0 solid transparent;
	border-bottom:0 solid #7236e1;
	transform: rotate(50deg);}
	
	.i-box-3 .bd .absolute-4{ position:initial; top: 0; left: 0; width: 86%; padding: 8px; border-radius: 20px; z-index: 9;}
	.i-box-3 .bd .absolute-4:after{ content: ''; position:initial; top: 0; right: 0;
	width:0; height:0; 
	border-left:0 solid transparent;
	border-right:0 solid transparent;
	border-bottom:0 solid #7236e1;
	transform: rotate(-44deg);}
	

	.benefit{padding-bottom: 65px;}
	.benefit .bd{ width: 100%; padding: 0 20px; margin: 0 auto;}
	.col-list{ width: 100%;}
	.col-list li{ width: 100%; position:relative; padding-top: 30px;}
	.col-list li span{ width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; font-size: 26px; font-weight: 600;
	position: absolute; top: 25px; left: 0;background-color: white;}
	.col-list li.yellow span{ border: 8px solid #ffa218; border-radius: 50%; color: #ffa218; }
	.col-list li.blue span{ border: 8px solid #008ecf; border-radius: 50%; color: #008ecf;}
	.col-list li .txt{ font-size: 12px; font-weight: 300; height: 40px; padding-top: 10px; line-height: 40px; width: 60%; color: white; line-height: 15px; border-radius: 48px; padding-left: 60px; padding-right: 20px;}
	.col-list li.yellow div{ background-color: #ffa218;}
	.col-list li.blue div{ background-color: #008ecf;}
	
	.advantage{ padding-bottom: 65px; }
	.advantage .bd{ width: 86%; padding: 0 20px; margin: 0 auto; padding-top: 0;}
	.advantage .bd li{ float: left; width: 95%; border-radius: 5px; margin-right: 0; margin-top: 25px;}
	.advantage .bd li:last-child{ margin-right: 0;}
	.advantage .bd li > a{ width: 100%; display: block;}
	.advantage .bd li > a img{ width: 100%; height: auto; display: block;}
	.advantage .bd li .tCont{ min-height: 250px; padding: 0 23px;}
	.advantage .bd li .tCont dl dt{ padding-top: 40px;font-size: 100%;}
	.advantage .bd li .tCont dl dt > a{ width: 100%; font-size: 20px; font-weight: 600; color: black; display: inline-block; overflow: hidden; text-align: center;}
	.advantage .bd li .tCont dl dd{ min-height: 100px; font-size: 14px; color: #787777; line-height: 25px;}
	.advantage .bd li .tCont p{ text-align: center;}
	.advantage .bd li .tCont p a{ padding: 12px 28px; font-size: 16px; border-radius: 25px;  transition-duration: .2s;}
	.advantage .bd li .tCont p a:hover{ color: white !important;}
	.advantage .bd li.borderColor-1{border:10px solid #85c688;}
	.advantage .bd li.borderColor-2{border:10px solid  #ffa218;}
	.advantage .bd li.borderColor-3{border:10px solid  #008ecf;}
	.advantage .bd li.borderColor-4{border:10px solid  #cddc39;}
	.advantage .bd li.borderColor-1 .tCont p a{ border: 1px solid #85c688; color: #85c688}
	.advantage .bd li.borderColor-2 .tCont p a{ border: 1px solid #ffa218; color: #ffa218}
	.advantage .bd li.borderColor-3 .tCont p a{ border: 1px solid #008ecf; color: #008ecf}
	.advantage .bd li.borderColor-4 .tCont p a{ border: 1px solid #cddc39; color: #cddc39}
	.advantage .bd li.borderColor-1 .tCont p a:hover{ background-color: #85c688;}
	.advantage .bd li.borderColor-2 .tCont p a:hover{ background-color: #ffa218;}
	.advantage .bd li.borderColor-3 .tCont p a:hover{ background-color: #008ecf;}
	.advantage .bd li.borderColor-4 .tCont p a:hover{ background-color: #cddc39;}
	
	.online { background: #ececec; padding-bottom: 50px;}
	.online .contact-title{ text-align: center; padding: 76px 0 60px; }
	.online .contact-box{ zoom: 1; }
	.online .contact-box:after{ display: block; content: ""; clear: both; }
	.online .contact-r{width: 96%; padding: 34px 25px; border: 1px solid #dbdbdb;
	 border-bottom: none; background: white; }
	.online .contact-r p{ margin-bottom: 10px; }
	.online .contact-r input{width: 80%; font-size: 14px; line-height: 16px; background: #f4f4f4; border: 1px solid #ddd; padding: 11px 8px; margin-bottom: 20px; color: #666; }
	.online .contact-r select{ width: 85%; font-size: 14px; line-height: 16px; background: #f4f4f4; border: 1px solid #ddd; padding: 11px 8px; margin-bottom: 20px; color: #666; }
	.online .contact-r input::-webkit-input-placeholder, 
	.online .contact-r input:-moz-placeholder, 
	.online .contact-r input::-moz-placeholder, 
	.online .contact-r input:-ms-input-placeholder,
	.online .contact-r input{ height: 18px; }
	.online .contact-r .send{ width: 85%; height: 40px; line-height: 40px; text-align: center; background: #ea5404; color: #ffffff; cursor: pointer; }

	/*index-add*/

    /*pagenation*/
    .pagenation ul{ float: left; position: relative; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); }
    .pagenation li{ float: left; }
    .pagenation li a{ font-size: .13rem; }
    .pagenation .disabled{ display: none; }

    /*news fixed*/
    .news-fixed-narrow, .menu-ul{ z-index: 10; display: block; height: 34px; line-height: 34px; border: 1px solid #D5D5D5; position: fixed; bottom: 32px; right: -1px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background: #ffffff; }
    .news-fixed-narrow{ width: 25px; }
    .news-fixed-narrow .narrow{ width: 10px; margin: 8px auto 0; }
    .menu-ul{ width: auto; padding: 0; margin: 0; right: -100%; }
    .menu-ul .menu-cur, .menu-chid .triangle{ display: none; }
    .menu-ul .menu-chid{ margin-right: -1px; }
    .menu-chid li{ float: left; color: #555555; height: 14px; line-height: 14px; border: none; margin: 10px 0 10px 15px; padding-right: 15px; border-right: 1px solid #D5D5D5; }
    .menu-chid li:last-child{ border-right: none; }
    .menu-chid li a{ margin: 0; }
    .menu-chid li.active{ background: none; border-right: 1px solid #D5D5D5; }
    .menu-chid li.active a{ color: #FC8109; }

    /*公司首页*/
    .index h3{ font-size: .3rem; line-height: .3rem; padding-bottom: .11rem; }
    .index .en{ font-size: .12rem; margin-top: 0; margin-bottom: .54rem; }
    .index em{ font-size: .15rem; line-height: .15rem; color: #999999; padding: 60px 0 22px; }
    .index .btn-det{ /*position: absolute;*/ font-size: .15rem; }
    .create{ position: relative; height: 603px; background: url("../images/m_index_create.jpg") no-repeat center; background-size: contain; }
    .create .m-create-p{ display: block; position: absolute; width: 100%; text-align: center; bottom: 50px; font-size: .15rem; }
    .achieve{ height: 575px; /*background: #0f1010 url("../images/m_index_achieve.jpg") no-repeat top center;*/ background-size: cover; }
    .achieve .achieve-ul h4{ font-size: .3rem; line-height: .3rem; margin: 0; margin-bottom: .07rem; letter-spacing: 2px; }
    .achieve .achieve-ul p{ font-size: .1rem; line-height: .1rem; }
    .achieve .achieve-ul{ width: 166px; margin: auto; }
    .achieve .achieve-ul li{ width: 100%; margin-bottom: .6rem; /*display: flex; display: -webkit-flex; -webkit-box-align: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between;*/ }
    .achieve .achieve-ul li.center{ margin: 0 auto .6rem; }
    .achieve-ul li img{ width: 59px; float: left; }
    .achieve-ul li .m-dest{ width: 84px; float: right; text-align: left; margin-top: 6px; }
    .share{ height: 560px; }
    .share .btn-det{ position: absolute; top: 168px; left: 50%; transform: translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); }
    .share .m-det-p{ display: block; font-size: .15rem; width: 242px; margin: auto; text-align: center; line-height: .3rem; margin-top: -25px; }
    .share .share-icon{ width: 100%; background-position: center; margin-top: 0; }
    .share .icon-small{ width: 234px; margin-left: -117px; }
    .share .icon-small-shadow{ width: 234px; margin-left: -117px; }
    .share .m-share-icon{ display: block; width: 234px; margin: auto; padding-top: 37px; }
    .youth{ height: 600px; z-index: 1; height: 588px; background: url("../images/m_index_youth.jpg") no-repeat; background-size: cover; }
    .youth .en{ margin-bottom: .3rem; color: #A3A3A3; }
    .youth .m-det-p{ display: block;  text-align: center; font-size: .15rem; color: #BBBBBB; letter-spacing: 1px; line-height: .28rem; }
    .youth .mktg-cate{ width: 78%; margin-top: 0; }
    .youth .mktg-cate li{ width: 50%; background-size: 26%; margin-top: 22px; background-position-y: 5px; }
    .youth .mktg-cate li:nth-child(1){ background-image: url("../images/m_index_icon_animation.png"); background-size: 24%; }
    .youth .mktg-cate li:nth-child(2){ background-image: url("../images/m_index_icon_event.png"); }
    .youth .mktg-cate li:nth-child(3){ background-image: url("../images/m_index_icon_acg.png"); }
    .youth .mktg-cate li:nth-child(4){ background-image: url("../images/m_index_icon_fans.png"); background-position-y:10px; }
    .youth .mktg-name{ color: #ffffff; font-size: 15px; }
    .youth .mktg-en{ color: #5E5E5E; margin-top: 2px; }

    .blf{ padding-bottom: 30px; }
    .blf .blf-ul{ width: 255px; margin: 30px auto 0; }
    .blf .blf-ul li{ margin-right: 0; }
    .blf .blf-ul .blf-center{ width: 101px; margin: 0 4px; }
    .blf .blf-ul .blf-left2, .blf .blf-ul .blf-right2{ width: 73px; margin-top: 48px; }
    .blf .blf-ul img{ width: 100%; }
    .blf .m-det-p{ display: block; font-size: .15rem; line-height: .3rem; color: #777777; letter-spacing: 1px; }
    .blf .en{ margin-bottom: .3rem; }
    .blf .btn-det{ display: block; margin-top: 33px; }

    /*公司业务*/
    .content-business .banner, .content-business .model-title, .bus-det-box{ display: none; }
    .content-business .business-ul{ width: 100%; padding-top: 12px; background: #F4F4F4; }
    .business-ul li{ height: auto; box-shadow: none; margin: 0 10px 10px; border: none; background: #F4F4F4; box-shadow: 0 2px 4px 0 #D9D9D9; -moz-box-shadow: 0 2px 4px 0 #D9D9D9; -webkit-box-shadow: 0 2px 4px 0 #D9D9D9; }
    .business-ul li:last-child{ border-bottom: none; }
    .business-ul a{ box-shadow: none; }
    .business-ul a:hover{ box-shadow: none; }
    .business-ul a:hover .li-box{ display: none; }
    .business-ul a:hover img{ transform: scale(1); }
    .business-ul .li-img{ display: block; position: relative; width: 100%; height: 0; padding-bottom: 41.5%; float: none; }
    .business-ul .li-img img{ position: absolute; left: 0; top: 0; width: 100%; display: block; }
    .business-ul .li-txt{ padding: 0 15px; background: #ffffff; }
    .business-ul .li-txt h3{ font-size: .17rem; line-height: .17rem; color: #555555; padding: 15px 0 9px; }
    .business-ul .li-txt p{ font-size: .13rem; line-height: .13rem; height: .13rem; color: #999999; padding-top: 1px; padding-bottom: 15px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

    /*观点资讯*/
    .content-news .content-wrap{ width: 100%; }
    .cont-list{ padding: 0; margin-left: 0; }
    .cont-list li{ padding: 15px 10px 25px; border-bottom: 1px solid #DEDEDE; }
    .cont-list li a{ display: block; position: relative; }
    .cont-list .title{ white-space: normal; height: auto; overflow: auto; }
    .cont-list h3, .cont-des h3{ font-size: 17px; line-height: 23px; color: #555555; border-bottom: none; }
    .cont-list .cont-brief{ font-size: 13px; height: 26px; color: #999999; overflow: hidden; text-overflow: ellipsis; }
    .cont-list .date{ position: absolute; bottom: -13px; left: 0; font-size: 12px; line-height: 12px; }
    .cont-box{ background: #F4F4F4; width: 100%; }

    /*文章详情*/
    .cont-des{ padding: 0 20px; }
    .cont-des h3{ padding: 10px 0 0; font-size: 18px; line-height: 28px; }
    .cont-des .date{ font-size: 12px; }
    .cont-art{ padding: 12px 0 20px; font-size: 15px; line-height: 25px; color: #555555; word-break: break-all; }
    .cont-art img{ width: 100%; }
    .cont-art p{ word-break: normal; }
    .cont-des-box{ width: 100%; }

    /*ip明星*/
 
    .ip-wrap{ width: auto; padding: 12px 10px 0; background: #EFEFEF; }
    .m-author-a{ display: block; }
    .m-author-a img{ width: 100%; }
    .ip-ul{ margin-right: 0; width: 100%; }
    .ip-ul li{ width: 50%; height: auto; box-shadow: none; text-align: left; margin-bottom: 10px; margin-right: 0; background: #EFEFEF; }
    .ip-ul li .m-ipimg-box{ position: relative; width: 100%; height: 0; padding-bottom: 107.2%; }
    .ip-ul li .ip-img{ height: auto; margin: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .ip-ul li:hover{ box-shadow: none; top: 0; }
    .ip-ul li a{ margin-right: 5px; width: auto; box-shadow: 0 2px 4px 0 #D9D9D9; -moz-box-shadow: 0 2px 4px 0 #D9D9D9; -webkit-box-shadow: 0 2px 4px 0 #D9D9D9; }
    .ip-ul li:nth-child(2n) a{ margin-right: 0; margin-left: 5px; }
    .ip-ul li .det-box{ padding: 0; padding: 15px 10px 12px 10px; background: #ffffff; }
    .ip-ul li h3{ font-size: 17px; line-height: 18px; color: #555555; }
    .ip-ul li p{ font-size: 12px; line-height: 18px; height: 36px; margin-top: 5px; }

    /*关于我们*/
    .content-about .banner{ min-height: 504px; background: #6F7170 url("../images/aboutus_bg.jpg") no-repeat top center; background-size: cover; }
    .content-about .banner-letter{ width: 100%; padding-top: 30px; }
    .content-about h3{ color: #727272; font-size: .16px; line-height: 25px; font-weight: bold; }
    .content-about .en{ color: #A3A3A3; margin-top: 8px; }
    .banner-letter h2{ font-size: 16px; line-height: .16px; font-weight: bold; }
    .banner-letter .letter2{ position: relative; font-size: .18rem; line-height: .18rem; margin: 30px 0; }
    .banner-letter .letter2:before, .banner-letter .letter2:after{ position: absolute; content: ''; width: 50px; height: 1px; background: #979797; top: 50%; left: 50%; margin-left: -151px; }
    .banner-letter .letter2:after{ margin-left: 99px; }
    .banner-letter .letter1{ display: none;}
    .banner-letter .m-letter1{ display: block; font-size: 12px; line-height: 28px; color: white; padding: 0 20px;}
    .banner-letter .btn-det{ display: block; margin: 50px auto 0; width: 174px; height: 52px; line-height: 52px; }
    .culture-ul li img{ width: 200px; margin: auto; }
    .culture-ul li p{ font-size: .13rem; line-height: .19rem; color: #777777; margin-top: 16px; }
  
    .culture-ul{ margin-right: 0; }
    .culture-ul li{ width: 100%; display: block; margin: auto; float: none; margin-bottom: 48px; }
    .culture-title .culture-img{ margin: 24px auto 54px; }
    .joyful{ height: auto; }
    .joyful .joyful-title{ padding: 61px 0 48px; }
    .joyful-box{ display: none;}
    .m-joyful-box{ display: block; overflow: hidden; }
    .m-joyful-box li{ float: left; width: 50%; background: #B1AFAF; }
    .m-joyful-box li .m-img-box{ position: relative; }
    .m-joyful-box li .m-photo{ width: 100%;}
    .m-joyful-box li .m-open, 
    .m-joyful-box li .m-close{ position: absolute; right: 4px; bottom: 4px; width: 16px; }
    .m-joyful-box li .m-photo-mask{ display: none; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; 
    background: rgba(39,35,33,0.9); font-size: 12px; line-height: .2rem; font-weight: bold; color: #ffffff; }
    .m-joyful-box li .m-photo-mask p{ padding: 25px 15px; text-align: left; font-size: 12px !important; line-height: 20px;}
    .m-joyful-box li .m-team{ height: 129px; color: #ffffff; text-align: left; padding-left: 15px; }
    .m-joyful-box li .m-team:nth-child(2n){ text-align: right; padding-right: 15px; }
    .m-joyful-box .team1 img, .m-joyful-box .team3 img{ float: right; }
    .m-joyful-box .team2 .m-name{ color: #555555; }
    .m-joyful-box .team2 .m-title{ color: #636363; }
    .m-joyful-box .team4 img{ transform:rotateZ(180deg); -ms-transform:rotateZ(180deg); -moz-transform:rotateZ(180deg); -webkit-transform:rotateZ(180deg); -o-transform:rotateZ(180deg); }
    .m-joyful-box li .team1{ background: #B1AFAF; }
    .m-joyful-box li .team2{ background: #DFDFDF; }
    .m-joyful-box li .team3{ background: #8F8B8B; }
    .m-joyful-box li .team4{ background: #A3A3A3; }
    .m-joyful-box li .m-team img{ width: 20px; }
    .m-joyful-box li .m-name{ font-size: 16px; line-height: .18rem; padding: 25px 0 8px; }
    .m-joyful-box li .m-title{ font-size: 12px; line-height: .1rem; margin-bottom: 25px; padding-top: 10px;}
    .partner{ background: #F4F4F4; padding-bottom: 30px; width: 100%;}
    .partner .partner-title{ padding: 46px 0 36px; }
    .hez{ display: none}
    .hez-wap{ display: block !important;}

    .contact{ background: #EEEEEE; }
    .contact .contact-box{ margin: 0 17px; }
    .contact .contact-title{ padding: 48px 0 40px; }
    .contact .contact-l{ width: auto; margin-right: 0; padding: 0; text-align: center; float: none; }
    .contact .contact-add{ position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); 
    -moz-transform: translateX(-50%); -o-transform: translateX(-50%); width: 295px; border-bottom: none; font-size: 14px; color: #6E6E6E; 
    padding: 0; margin-bottom: 0; background: none; }
    .contact .contact-way{ width: 135px; margin: 40px auto; }
    .contact .contact-way:after{ clear: both; content: ""; display: block; }
    .contact .contact-way a{ margin-right: 0; float: right; }
    .contact .contact-r{ width: 100%; height: auto; margin: 0; padding: 0; border: none; border: 0 !important;}
    .contact .contact-r p{ position: relative; font-size: 16px; line-height: 0; padding-bottom: 10px; color: #777; 
    font-weight: bold; margin-bottom: 24px; }
    .contact .contact-r .msg-title{ background: #eee; position: relative; z-index: 2; padding-right: 11px; }
    .contact .contact-r p:after{ z-index: 1; content: ""; position: absolute; left: 0; top: 8px; width: 100%; height: 1px; background: #D1D1D1; }
    .contact .contact-r .send{ display: block; font-size: .18rem; margin-bottom: 20px; }
    .contact .contact-r input, .contact .contact-r textarea{ display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: .14rem; line-height: 35px; height: 35px; border: none; border: 1px solid #DFDFDF; -webkit-appearance: none; border-radius: 0; }
    .contact .contact-r textarea{ height: 150px; line-height: 20px; }
    .contact dl, .contact dd a{ color: #666666; }
}

@media screen and (max-width:487px){

}