@charset "utf-8";
@font-face {
font-family:'museo-light';
src: url('?en/css/museo-light.eot');
src: local('museo-light Regular'), 
              local('museo-light'), 
              url('?en/css/museo-light.woff') format('woff'), 
              url('?en/css/museo-light.ttf') format('truetype'), 
              url('?en/css/museo-light.svg') format('svg');	  
} 
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,.fixtop,#mbody,.fixtop .toper .logo,.fixtop .toper ul.navpc,.fixtop .toper,.indad .mright li .c .more,.bx-wrapper .bx-prev:before,.bx-wrapper .bx-prev,.bx-wrapper .bx-next:before,.bx-wrapper .bx-next,.indabout .indsubject .mright .m a i,.fixtop .toper:before,.indpro li .bg,.indpro li .pcover,.mix .bg,.mix .pcover,.indpro .more .m a i,.backtop,.newsleft .pic a,.control hr,.control,.news .pic a,.fixtop .lan
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indpro li:Hover .pcover,.newsleft .pic a:hover,.news .pic:hover a
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc
{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
.fixtop,.foot .mleft .cons input[type="text"],.indnews .newsright dd .content p 
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:30px 30px 0 30px;overflow-x:hidden;background:#fff;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Microsoft YaHei','΢ÈíÑźÚ',arial,'ËÎÌå';}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;color:#474443;font-weight:normal;}
a:hover,.mainright a:hover,.indnews .newsright dd .content p a:hover,.fixtop .lan a:hover,.fixtop .lan a.active{color:#e62129}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0;border-top:1px solid #ccc; height:1px;margin:5px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0;left:0;}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

::-webkit-input-placeholder {color: #bfbfc0;}
:-moz-placeholder {color: #bfbfc0; } 
::-moz-placeholder { color: #bfbfc0; } 
:-ms-input-placeholder {color: #bfbfc0; }

::selection {background:#e62129;color:#ffffff;}
::-moz-selection {background:#e62129;color:#ffffff;}
::-webkit-selection {background:#e62129;color:#ffffff; }

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:70px 0 50px 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d7d7d7;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d7d7d7;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current { background:#f5151d;border:1px solid #f5151d;  background-size:cover;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #f5151d} 
.pager a,.pager span.disabled {color:#666;border:1px solid #ccc;} 
.pager a,.pager span.current,.pager span.disabled{width:35px; text-align:center;height:35px; line-height:35px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1285px;position:relative;}
.wrap2 {margin:0 9%;position:relative;}
.wrap3 {margin:0 auto;max-width:1075px;position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;top:30px;left:0;width:100%;z-index:9999;background:#fff;padding:0 30px}
.fixtop .toper { background:#fff; height:190px; position:relative;top:0}
.fixtop .toper:before {content:'';left:0;top:190px; background:url(?en/images/4.png); height:4px; width:100%;position:absolute; z-index:9999;opacity:0}
.fixtop .toper .logo { background:url(?en/images/logo.png) no-repeat center left; position:absolute;left:0;top:125px; display:block;width:425px; height:43px; background-size:cover; z-index:999}
.fixtop .toper ul.navpc { text-align:right;right:150px;top:118px; position:relative;}
.fixtop .toper ul.navpc li {display:inline-block; position:relative;margin:0 0 0 50px;}
.fixtop .toper ul.navpc li a {display:block;font-size:18px; line-height:60px; height:60px;}
.fixtop .toper ul.navpc li.check a,.fixtop .toper ul.navpc li a:hover{color:#e62129}
.fixtop .lan {position: absolute;right:0;top:134px;}
.fixtop .lan i {display:inline-block; vertical-align: top;width:1px;height:13px; background: #aaa;margin:8px 10px 0 11px;}
.fixtop .lan a {color:#999}
.tblank { height:100px;}

.fixtop.active {margin-top:-160px;}
.fixtop.active .toper:before {opacity:1}
.fixtop.active .toper .logo {top:145px;width:296px; height:30px}
.fixtop.active .toper ul.navpc {top:130px}
.fixtop.active .lan {top:146px}

#mbody {position:relative;margin-top:0;}
#mbody.active {margin-top:-70px}

.indad { background:#fff;padding:23% 0 70px 0;margin:0 0 30px 0}
.indad .mleft {float:left;width:50%;}
.indad .mleft .t {font-size:60px; line-height:75px;font-weight:300;color:#585858}
.indad .mleft .c {font-family:'museo-light';font-size:25px; line-height:35px;margin:5px 0 0 0;color:#999;}
.indad .mright {float:right;width:45%; text-align:right;margin:80px 0 0 0;}
.indad .mright ul {max-width:700px;margin:0 0 0 auto; text-align:left;}
.indad .mright li { display:inline-block; vertical-align:top;float:right;}
.indad .mright ul li:first-child {float:left;}
.indad .mright li a {color:#474443}
.indad .mright li:first-child {margin-left:0}
.indad .mright li .t {font-size:16px; line-height:26px;margin:0 0 20px 0}
.indad .mright li .c { line-height:24px;  position:relative;padding:0 40px 0 0;max-width:200px}
.indad .mright li .c .more { display:block; height:11px;width:15px; background:url(?en/images/1.png) no-repeat center right; position:absolute;right:0;bottom:6px;opacity:0.9}
.indad .mright li:hover .c .more {width:25px;right:-10px}

.bxslider li img {width:100%}
.bxslider li img.m { display:none;}

.indabout { background:#fff;margin:30px 0;padding:6% 0}
.indabout .indsubject .mleft { display:inline-block; vertical-align:baseline;width:65%;margin-right:5%}
.indabout .indsubject .mleft .t2 {text-transform:uppercase;color:#999; letter-spacing:1px}
.indabout .indsubject .mleft .t {font-size:60px; line-height:75px;font-weight:300;margin:30px 0 0 0}
.indabout .indsubject .mleft .et {font-family:'museo-light';font-size:25px; line-height:35px;margin:5px 0 0 0;color:#999;}
.indabout .indsubject .mright { display:inline-block; vertical-align:baseline;width:30%; position:relative;top:-30px}
.indabout .indsubject .mright .m { height:1px; background:#dfdfdf; position:relative;margin:20px 0 0 0;}
.indabout .indsubject .mright .m a {color:#e62129; display:inline-block;top:-14px; position:absolute; background:#fff;padding:0 15px 0 0}
.indabout .indsubject .mright .m a i { display:inline-block; background:url(?en/images/3.png) no-repeat center right;width:15px; height:11px;margin:0 0 0 10px}
.indabout .indsubject .mright .m:Hover a i {width:30px}
.indabout ul {margin:16% 0 0 0}
.indabout li { display:inline-block; vertical-align:top;width:30%;margin:0 0 0 5%;}
.indabout li:first-child {margin-left:0}
.indabout li .t {color:#e62129;font-size:24px; line-height:34px;margin:0 0 20px 0}
.indabout li .c,.indabout li .c a {font-size:20px;}

.indabout2 {padding-bottom:1px}
.aboutpic {margin:8% 30px 29px 30px;}
.aboutpic img {width:100%}

.indpro li,.mix {display:inline-block; vertical-align:top;width:33.3333%; position:relative; overflow:hidden;}
.indpro li .bg,.mix .bg{ background:rgba(0,0,0,0.8); position:absolute; z-index:999;width:100%; height:100%;opacity:0;top:0;left:0;}
.indpro li .bg .up,.mix .bg .up { position:absolute;top:8%;left:8%;color:#fff;width:84%;font-size:20px; line-height:30px}
.indpro li .bg .down,.mix .bg .down { position:absolute;bottom:8%;left:8%;width:84%;}
.indpro li .bg .down h1,.mix .bg .down h1{color:#fff;font-size:20px; line-height:30px; position:relative;}
.indpro li .bg .down h2,.mix .bg .down h2 { line-height:24px;color:#fff;margin:5px 0 0 0}
.indpro li .bg .down h1:before,.mix .bg .down h1:before {content:''; position:absolute;top:-15px;left:0;width:10px; height:1px; background:#fff;}
.indpro li:hover .bg,.mix:hover .bg {opacity:1}
.indpro .more {padding:12% 0}
.indpro .more .c { text-align:center;font-size:26px; line-height:36px;}
.indpro .more .m { height:1px; background:#dfdfdf; position:relative;margin:6% 0 0 0; text-align:center}
.indpro .more .m a {color:#e62129; display:inline-block;top:-14px; position:relative;background:#f6f6f6;padding:0 15px;margin:0 auto}
.indpro .more .m a i { display:inline-block; background:url(?en/images/3.png) no-repeat center right;width:15px; height:11px;margin:0 0 0 10px}
.indpro .more .m:Hover a i {width:30px}

.newsleft {float:left;width:47.5%}
.newsright {float:right;width:47.5%}
.indnews .indsubject {margin-bottom:10%}
.newsleft .pic { height:329px;width:100%; overflow:hidden;}
.newsleft .pic a { display:block;width:100%; height:100%;background-size:cover; background-position:center; background-repeat:no-repeat;}
.indnews dd {border-bottom:1px solid #e6e6e6;padding:35px 0}
.indnews dd .title { height:25px; line-height:25px;  overflow:hidden}
.indnews dd .title a {font-size:16px;}
.indnews dd .addtime {font-size:12px;margin:4px 0 6px 0}
.indnews dd .content {color:#999; line-height:25px; height:50px; overflow:hidden;font-size:12px}
.indnews .newsleft dd:last-child,.indnews .newsright dd:last-child{padding-bottom:0;border:0}
.indnews .newsright dd:first-child {padding-top:0}

.indnews .newsright dd .addtime { height:25px; line-height:25px; overflow:hidden}
.indnews .newsright dd .content {margin-left:-20px; height:auto}
.indnews .newsright dd .content p { display:inline-block; vertical-align:top;width:25%; height:20px; line-height:20px; overflow:hidden;padding:0 0 0 20px; position:relative}
.indnews .newsright dd .content p a {color:#999;font-size:12px}
.indnews .newsright dd .content p:before {content:''; position:absolute;left:8px;top:4px;width:1px; height:14px; background:#e6e6e6; display:block}
.indnews .newsright dd .content p.p1:before,.indnews .newsright dd .content p.p5:before { display:none;}

.controls {padding:200px 0 20px 0}
.control {display: inline-block;cursor: pointer;margin:2px 30px 0 0;background:none;color:#999;font-size:14px; height:14px; line-height:14px;vertical-align:top;}
.control[data-filter]:after {}
.control a {}
.control hr{background:#474443;border:0; height:1px;width:0; position:relative;top:-5px; display:inline-block;}
.mixitup-control-active hr,.control a.check hr{width:100%}
.mixitup-control-active {color:#474443}
.mixitup-control-active[data-filter]:after {background: transparent;}
.control:first-of-type {border-radius: 3px 0 0 3px;}
.control:last-of-type {border-radius: 0 3px 3px 0;}
.control[data-filter=".green"] {color: #91e6c7;}
.control[data-filter=".blue"] {color: #5ecdde;}
.control[data-filter=".pink"] {color: #d595aa;}
.control[data-filter="none"] {color: #474443;}
.whitebg { background:#fff}
.container {padding:0 0 150px 0;margin:0 0 30px 0}

.maincons {padding:200px 0px 0 0px; background:#fff;margin:0 0 30px 0}
.showbg { background:#474443;color:#fff;font-weight:300;padding:100px 0}
.showbg .mleft {float:left;width:40%;font-size:25px;font-weight:400; line-height:35px; letter-spacing:0px}
.showbg .mright {float:right;width:50%}
.showbg .mright .title2 {font-size:12px;margin:60px 0 0 0}
.showcons { text-align:center; background:#f6f6f6}
.showcons img {margin:0}

.showprevnext { position:relative;margin:90px 0 120px 0; height:62px}
.showprevnext .prev { position:absolute; background:url(?en/images/5.png) no-repeat center top;width:211px; height:50px; display:block;left:0;top:10px;}
.showprevnext .back { position:absolute; background:url(?en/images/c1.png);width:62px; height:62px; display:block;left:50%;top:0;margin:0 0 0 -31px;}
.showprevnext .next {transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);  position:absolute; background:url(?en/images/5.png) no-repeat center top;width:211px; height:50px; display:block;right:0;top:9px}

.relaxsubject { text-align:center; position:relative;margin:60px 0}
.relaxsubject h1 {font-size:23px; line-height:28px; letter-spacing:1px}
.relaxsubject h2 {font-size:16px; line-height:16px;margin:18px 0 10px 0}

.showmore { text-align:center;padding:120px 0}
.case-more{color: #b9b9b9;width: 300px;height: 50px;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border-radius: 0px;text-align: center;text-indent: 0px;line-height: 50px;font-size: 12px;border: none;position: relative;font-weight:300}
.case-more:after{content: "";display: block;width: 260px;height: 40px;border: 1px solid #D9D9D9;position: absolute;bottom: 2px;z-index: 2;margin-left: -106px;transition: all 0.2s ease 0s;top: -15px;left: 50%;}
.case-more:hover{color: #474443}
.case-more:hover:after{transform: scale(1.1,1.1);border: 1px solid #e0e0e0;}
.case-more i{font-family: 'simsun','ËÎÌå';font-size: 18px;text-indent: -10px;line-height: 50px;transition: all ease-out .3s;color: #fff;display: inline-block;opacity: 0;top:2px; position:relative}
.case-more:hover i{color: #333;text-indent: 10px;opacity: 1}
.case-more:after{width:210px;}    
.case-more{width: 231px;}

.mainleft {float:left;width:30%;font-family:'museo-light';font-weight:300;font-size:30px; line-height:40px; letter-spacing:1px;color:#5f6061}
.mainright {float:right;width:59.5%;color:#5f6061}
.mainright a {color:#5f6061}
.contactcons {font-weight:300;font-size:19px;}
.contacta {margin:15% 0}
.contacta a {font-size:16px; text-decoration:underline;font-weight:300;color:#777; display:none;}
.contact2 {padding:0 0 100px 0}
.contact2 img.pic {margin:10% 0 10% -5px}

.maincons2 {padding:190px 0px 0 0px; background:#fff;margin:0 0 30px 0}

.about1 {margin:20% 0;font-size:12px}
.about1 table {width:100%;}
.about1 td {vertical-align:top;width:40%}
.about1 td:first-child {width:55%;padding:0 5% 0 0}
.about1 td strong {font-weight:400;font-size:16px;padding:5px 0; display:inline-block;color:#474443}
.about2{
background:#fff;
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-position:center; background-repeat:no-repeat; display:block;background-attachment:fixed;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;
}

.about .pic img {width:100%}
.about .mainright {padding:10% 0;font-size:12px}
.about table {width:100%}
.about td { vertical-align:top;}
.about strong {font-weight:400;font-size:18px;padding:5px 0; display:inline-block;color:#474443}
.about.about243 td strong {font-size:16px;color:#474443}
.about.about243 img {margin:0 0 10% 0}
.about.about243 td {padding:0 0 30px 0;width:33.3333%;}
.about.about243 tr:last-child td {padding-bottom:0}

.about245 table {width:110%;margin:0 0 0 -5%}
.about245 td {width:40%;padding:0 5%}
.about245 td a { text-decoration:underline;font-size:20px;color:#474443;margin:10% 0 0 0; display:inline-block}

.casecate {margin:0 0 30px 0}
.casecate h1 {font-family:'museo-light'; position:absolute;font-size:30px;top:-15px}
.casecate ul {margin:0 0 0 120px}
.casecate li { display:inline-block; vertical-align:top;margin:0 0 0 60px; position:relative}
.casecate li:before {content:''; height:15px;width:1px; background:#888; position:absolute;top:7px;left:-30px}
.casecate li:first-child:before {display:none;}
.casecate li a {font-size:15px;color:#999; letter-spacing:0.5px}
.casecate li.check a,.casecate li a:hover {color:#e62129}

.news dd { position:relative;border-bottom:1px solid #eeeeee; height:360px;padding:40px 0; overflow:hidden}
.news .pic { position:absolute;width:360px; height:360px; overflow:hidden;left:0;top:40px;}
.news .pic a { background-repeat:no-repeat; background-position:center; background-size:cover; display:block;width:100%; height:100%;}
.news .cons {margin:0 0 0 420px;}
.news .cons .addtime {font-family:'museo-light';font-size:16px;font-weight:700}
.news .cons .title { height:30px; line-height:30px; overflow:hidden;margin:40px 0}
.news .cons .title a {font-size:25px;font-weight:300}
.news .cons .content { line-height:30px; height:60px; overflow:hidden;margin:0 0 60px 0;color:#5f6061}
.news .cons .more a {font-family:'museo-light'; display:inline-block;border-bottom:1px solid #5f6061; line-height:20px;font-size:16px;font-weight:700;color:#5f6061}
.news .cons .more a:hover {border-color:#e62129;color:#e62129}


.pagepn { text-align:center;height:35px; line-height:35px;font-size:16px;padding:80px 0 120px 0}
.pagepn a {font-size:14px; line-height:19px;color:#888; display:inline-block;border-bottom:1px solid transparent;}
.pagepn p { display:inline-block; vertical-align:top;}
.pagepn i { display:inline-block; vertical-align:top;font-family:'ËÎÌå';font-weight:400;margin:0 20px;font-size:16px; line-height:19px}
.pagepn i a{font-size:16px}
.pagepn span { display:inline-block; vertical-align:top;margin:0 10px;}
.pagepn span.on {color:#474443;font-size:14px; line-height:19px;border-bottom:1px solid #888;}
.pagepn span a { display:block;}
.pagepn span:Hover a,.pagepn span.on a {color:#474443;border-color:#888}

.nshow {margin-top:105px}
.nshow .mainleft {width:25%; letter-spacing:0}
.nshow .mainright {width:65%}
.nshow .mainleft h1 {font-size:20px; line-height:20px;font-weight:700;color:#5f6061}
.nshow .mainleft h2 {font-size:14px; line-height:14px;margin:15px 0 0 0;color:#5f6061}
.nshow .mainright .nstitle {font-weight:300;font-size:25px; line-height:35px;border-bottom:1px solid #ccc;padding:0 0 30px 0;margin:0 0 40px 0}
.nshow .mainright .nscons {color:#5f6061}
.nshow .mainright .nsprevnext {border-top:1px solid #ccc; position:relative;margin:100px 0;padding:25px 0 0 0;}
.nshow .mainright .nsprevnext .share .bshare-custom .bshare-more { background:url(?en/images/6.png) no-repeat;width:26px; height:26px;margin:0;padding:0;}
.nshow .mainright .nsprevnext .prevnext { position:absolute;right:0;top:25px}
.nshow .mainright .nsprevnext .prevnext a { display:inline-block; vertical-align:middle;margin:0 0 0 30px}
.nshow .mainright .nsprevnext .prevnext a.prev {transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);background:url(?en/images/7.png) no-repeat center; background-size:cover;width:13px; height:20px}
.nshow .mainright .nsprevnext .prevnext a.back { background:url(?en/images/8.png) no-repeat center; background-size:cover;width:20px; height:20px}
.nshow .mainright .nsprevnext .prevnext a.next { background:url(?en/images/7.png) no-repeat center; background-size:cover;width:13px; height:20px}

.foot { background:#333131;color:#888;padding:80px 0}
.foot a {color:#888}
.foot a:hover {color:#fff}
.foot .msubject {font-size:60px;font-weight:700; line-height:60px;color:#bfbfc0}
.foot .mleft {float:left;width:35%}
.foot .mleft .cons h1,.foot .mleft .cons h2,.foot .mleft .cons h3 {color:#bfbfc0;font-weight:700;font-size:24px; line-height:1.5;}
.foot .mleft .cons input[type="text"] { height:50px; line-height:50px; background:#6d6d6d;padding:0 15px;width:100%;font-weight:300;color:#bfbfc0}
.foot .mleft .cons #mbtn {width:75px; height:40px; line-height:40px; cursor:pointer;border:0;margin:15px 0 0 0; background:#a5a7a6}
.foot .mleft .message {max-width:350px}
.foot .mmid {float:left;width:27%;margin:0 5.5%;}
.foot .mmid dd {border-bottom:1px solid #888;padding:12px 0}
.foot .mmid dd:first-child {padding-top:0}
.foot .mmid dd:last-child {border:0;padding-bottom:0}
.foot .mmid dd a { display:block; text-transform:uppercase; line-height:1.6}
.foot .mmid .cons .cts { display:inline-block; vertical-align:top;}
.foot .mmid .cons .cts a { display:inline-block; vertical-align:top;width:50px; height:50px;background-size:cover;color:#888; position:relative;margin:0 30px 0 0}
.foot .mmid .cons .cts a p { position:absolute;top:48px; text-align:center;width:100%;font-size:12px;}
.foot .mmid .cons .cts a.wb { background:url(?en/images/s1.png) no-repeat center;background-size:cover;}
.foot .mmid .cons .cts a.wx { background:url(?en/images/s2.png) no-repeat center;background-size:cover;}
.foot .mmid .cons .cts a.wx h1 { display:none;}
.foot .mmid .cons .cts a.email { background:url(?en/images/s3.png) no-repeat center;background-size:cover;}
.foot .mmid .cons .cts a.address { background:url(?en/images/s4.png) no-repeat center;background-size:cover;}
.foot .mmid .cons .bshare-custom {margin:0; position:relative; display:inline-block; vertical-align:top;}
.foot .mmid .cons .bshare-custom a {margin:0;padding:0;transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;width:50px; height:50px;background-size:cover; position:relative;}
.foot .mmid .cons .bshare-custom a.bshare-more { background:url(?en/images/s5.png) no-repeat center;width:10px; height:50px;margin:0}
.foot .mmid .cons .bshare-custom a p { position:absolute;left:0;bottom:-20px;width:100%; text-align:center; z-index:-1; text-transform:uppercase;font-size:12px;color:#888}

.floatwx { display:none;position:fixed; z-index:999999;top:50%;left:50%; background:#fff;width:200px;margin:-120px 0 0 -106px;border:6px solid #7f7f7f;border-radius:5px; text-align:center}
.floatwx h1 { background:#f2f2f2; height:25px; line-height:25px;padding:0 15px;font-size:12px; text-align:left; position:relative}
.floatwx h1 i { position:absolute;right:15px;top:1px;font-weight:700;font-size:14px; display:block; cursor:pointer;font-family:arial,'ËÎÌå';color:#666}
.floatwx h2 {padding:20px 0}
.floatwx h2 img {width:160px; height:160px;}

.aboutpic .videos {float:left;width:60%}
.aboutpic .pic {float:right;width:38%}
.jwdisplayIcon { display:table; cursor:pointer; position:relative;width:100%; text-align:center;top:50%;vertical-align:middle; }
.jwdisplayIcon div{position:relative;display:table-cell;vertical-align:middle;background-repeat:no-repeat;background-position:center;}


.foot .mright {float:right;width:27%}
.foot .mright .cons2 {width:100%;}
.foot .mright .cons2 img {margin:0 0 5px 0}
.foot .mright .cons2 p { display:inline-block; vertical-align:top;width:125px; text-align:center}
.foot .mright .cons2 p:last-child {margin-left:20px}
.foot .mright a {margin:0 10px 0 0}
.foot .mright a:last-child {margin-right:0}
.foot .subject {font-size:23px;border-bottom:1px solid #888;font-weight:700; line-height:23px;padding:0 0 10px 0;margin:70px 0 15px 0; text-transform:uppercase}
.foot .mmid .subject2 {margin-bottom:12px}
.footer {font-size:12px; line-height:22px;padding:4px 0 5px 0;color:#5f6061}
.footer a {font-size:12px;color:#5f6061}
.backtop { cursor:pointer; background:url(?en/images/back2top.png); background-size:cover;width:43px; height:43px; position:fixed; z-index:9999;right:60px; bottom:60px;opacity:0;}
.backtop.active {opacity:0.3;}
.backtop.active:hover {opacity:1}
.mobright { display:none;}