@charset "utf-8";
@font-face {
 font-family: 'ScalaSansBlack';
 src: url('ScalaSansBlack.eot');
 src: local('ScalaSansBlack Regular'), 
              local('ScalaSansBlack'), 
              url('ScalaSansBlack.woff') format('woff'), 
              url('ScalaSansBlack.ttf') format('truetype'), 
              url('ScalaSansBlack.svg#ScalaSansBlack') format('svg');	  
} 
@font-face {
 font-family: 'TODAYSHOPBOLD';
 src: url('TODAYSHOPBOLD.eot');
 src: local('TODAYSHOPBOLD Regular'), 
              local('TODAYSHOPBOLD'), 
              url('TODAYSHOPBOLD.woff') format('woff'), 
              url('TODAYSHOPBOLD.ttf') format('truetype'), 
              url('TODAYSHOPBOLD.svg#TODAYSHOPBOLD') 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,.indcase li .cons,.indcase li p,.indcase ul.u3 li img,.customer li,.indnum li,.indnews ul.u1 li .pic p,.indnews ul.u1 li .cons .title a,.indnews ul.u1 li .cons:before,.indnews ul.u2 li,.indnews ul.u2 li.f2 .title,.foot .mright #mbtn
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indcase li:hover p,.indcase ul.u3 li:hover img,.indnews ul.u1 li:hover .pic p
{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(30deg);-ms-transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg); }
.abc
{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
.indcase li .cons,.customer li,.indnews ul.u2 li,.pager a.m,.pager span.m,.nshowbt .prevnext a.totop,.foot .mright input[type="text"],.foot .mright #mbeizu,.foot .mright #mbtn
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;height:100%;}
body {height:100%;margin:0 auto;overflow-x:hidden;background:#f0f1f4;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,h1,h2,h3,h4,h5,a,input,button,select,textarea {font-size:14px;line-height:2;color:#7d7d7d;font-weight:400;}
a:hover{color:#898989}
.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}
.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: #666666;}
:-moz-placeholder {color: #666666; } 
::-moz-placeholder { color: #666666; } 
:-ms-input-placeholder {color: #666666; }

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

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:100px 0;text-align:center;}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 10px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d7d7d7;}   
.pager span.current { margin: 0 10px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 10px; display:inline-block;text-align:center;border:1px solid #d7d7d7;vertical-align:top;margin-top:7px}   
.pager select {margin: 0px 10px -2px 10px;}
.pager input {margin: 0px 10px -2px 10px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {vertical-align:top;margin-top:7px}  
.pager a:hover,.pager span.current { background:#000;border:2px solid #000;border-radius:50%}   
.pager a:hover,.pager span.current{ color:#fff;border:2px solid #000;} 
.pager a,.pager span.disabled {color:#000;border:2px solid #000;border-radius:50%} 
.pager a,.pager span.current,.pager span.disabled{width:40px; text-align:center;height:40px; line-height:38px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-family: 'TODAYSHOPBOLD';font-size:25px; font-style:italic; } 

.pager a.m,.pager span.m {padding:0 3px 0 0}
.pager a.p,.pager span.p,.pager a.n,.pager span.n {border:0; background:none; position:relative;top:10px}
.pager font {font-size:0;}
.pager a.p,.pager span.p { background:url(../images/l.png) no-repeat center;background-size:100%;width:14px; height:16px;}
.pager a.n,.pager span.n { background:url(../images/r.png) no-repeat center; background-size:100%;width:14px; height:16px}
.pager p { display:inline-block; vertical-align:top; line-height:41px;color:#000;font-weight:300}

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

.wrap {margin:0 4.5%;position:relative;}
.wrap2 {margin:0 auto;max-width:1385px;position:relative;}
.phonemenu { display:none;}

.toplogo { position:fixed; z-index:9999;left:4.5%;top:20px;width:195px; height:34px; background:url(../images/logo.png); display:block; background-size:cover}
.toplogo a{ display:block;width:100%; height:100%}
.fixtop {position:fixed;top:0;left:0;width:100%;z-index:9995; text-align:right;height:75px; background:#fff}
.fixtop .toper ul.navpc { position:absolute;right:0;top:0; text-align:right}
.fixtop .toper ul.navpc li {display:inline-block; vertical-align:top;margin:0 0 0 150px;}
.fixtop .toper ul.navpc li a {display:block;font-size:28px;color:#000;font-family: 'ScalaSansBlack'; font-style:italic; line-height:75px}
.fixtop .toper ul.navpc li a:hover{color:#898989}
.tblank { height:75px;}
.fixtop.active {top:-75px}
.bxslider li img {width:100%}

.indcase {margin:0.2%}
.indcase ul { position:relative;top:0}
.indcase ul li { display:inline-block; vertical-align:top;width:49.6%;margin:0.2%; position:relative; overflow:hidden}
.indcase ul li .cons { position:absolute; z-index:100; background:rgba(255,255,277,0.7);width:100%; height:100%; text-align:center;padding:0 5%;opacity:0}
.indcase ul li:hover .cons {opacity:1}
.indcase ul li .cons h1 {color:#000;font-size:28px; line-height:38px; letter-spacing:2px;font-weight:700;}
.indcase ul li .cons h2 {color:#000;font-size:21px; line-height:31px; letter-spacing:1px;font-weight:300;margin:3.5% 0 0 0}
.indcase ul li .cons h3 { height:3px;width:60px; background:#000;margin:3.5% auto}
.indcase ul.u3 li .cons h2 {margin:2% 0 0 0}
.indcase ul.u3 li .cons h3 {margin:2% auto}
.indcase ul li .cons h4 {color:#000;font-size:17px; line-height:27px; letter-spacing:1px; font-style:italic;font-family: 'ScalaSansBlack'; text-transform:uppercase}
.indcase ul.u2 {margin-top:-0.05%}
.indcase ul.u2 li { display:block;}
.indcase ul.u2 li:first-child {margin-bottom:0.35%;}
.indcase ul.u2 li:last-child { position:absolute;right:0;top:-0.4%;width:49.6%; height:100%}
.indcase ul.u3 li {width:99.6%}
.indcase ul.u4 { text-align:right;margin:0.15% 0 0 0}
.indcase ul.u4 li {margin:0 0.2% 0.4% auto}
.indcase ul.u4 li:first-child {margin-bottom:0; position:absolute;right:auto;left:0.2%;top:0; height:100%;width:49.6%}
.indcase ul.u4 li:last-child { position:relative;right:auto;top:auto; height:auto;margin-bottom:0.2%}
.indcase ul.u5 {margin-top:-0.05%}

.indabout { background:#fff;margin:0.25% 0.4% 0.4% 0.4%; text-align:center}
.indabout .subject {font-weight:300;font-size:45px; line-height:85px; letter-spacing:10px;color:#000;padding:100px 0}
.indnum ul {width:104%;margin:0 0 0 -2%}
.indnum li { display:inline-block; vertical-align:top;width:21%;margin:0 2%;color:#000; position:relative;top:0;}
.indnum li:hover {top:-5px}
.indnum li .num { height:100px}
.indnum li .num .count-outer {font-family: 'TODAYSHOPBOLD';font-size:100px; line-height:100px; display:inline-block; vertical-align:top;}
.indnum li .num h3 {color:#000;font-family: 'TODAYSHOPBOLD';display:inline-block; vertical-align:top;font-size:40px;color:#000;margin:30px 0 0 5px}
.indnum li .content {font-size:18px; line-height:38px;color:#000;margin:10px 0 0 0}
.indnum li:first-child .num h3 {font-size:18px; line-height:18px;margin:37px 0 0 -10px;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.customer {max-width:1100px;margin:80px auto}
.customer ul {width:102%;margin:-3% 0 0 -1%}
.customer li { display:inline-block; vertical-align:middle;width:14.6666%;margin:3% 1% 0 1%;height:100px; position:relative;top:0}
.customer li img {max-width:125px;max-height:80px;}
.customer li:hover {top:-5px}
.indabout .cons2 {max-width:1000px;margin:0 auto;}
.indabout .cons2 .p {margin:100px 0 90px 0}
.indabout .cons2 .p img {max-width:356px;margin:0 auto}
.indabout .cons2 .t {font-size:40px;line-height:60px;color:#000; letter-spacing:2px}
.indabout .cons2 .c {font-size:20px; line-height:40px;color:#666;padding:50px 0 100px 0}
.indabout .cons2 .c a {font-size:20px;color:#666}

.indnews { background:#00d4b5; text-align:center;}
.indnews .subject h1 {font-size:50px;font-family: 'ScalaSansBlack';font-style:italic;color:#fff;padding:80px 0 0 0}
.indnews .subject h2 {font-size:26px; letter-spacing:2px;color:#fff;margin:-20px 0 90px 0}
.indnews ul.u1 {margin:0 0.2%}
.indnews ul.u1 li { display:inline-block; vertical-align:top;width:32.9333%;margin:0 0.2%}
.indnews ul.u1 li .pic { position:relative; overflow:hidden}
.indnews ul.u1 li .cons { background:#fff;padding:30px 6%; position:relative}
.indnews ul.u1 li .cons:before{ background:#000; position:absolute;left:6%;top:89px; height:3px;width:50px;content:''; z-index:100}
.indnews ul.u1 li .cons .title { position:relative; height:60px; line-height:60px; overflow:hidden;border-bottom:1px solid #666; text-align:left;margin:0 0 18px 0}
.indnews ul.u1 li .cons .title a {color:#000;font-size:24px; letter-spacing:1px;margin:0 120px 0 0; display:inline-block; vertical-align:top;}
.indnews ul.u1 li .cons .title p { position:absolute;right:0;top:-3px;font-size:18px;opacity:0.5}
.indnews ul.u1 li .cons .content {font-size:14px; text-align:left; line-height:25px; height:50px; overflow:hidden; }
.indnews ul.u1 li:hover .title a {color:#00d4b5;}
.indnews ul.u1 li:hover .cons:before { background:#00d4b5}
.indnews .subject2 {color:#fff;font-size:45px; line-height:60px; font-style:italic; font-family: 'ScalaSansBlack'; text-transform:uppercase;padding:100px 0}
.indnews .subject2 strong { letter-spacing:5px;font-size:42px;}
.indnews ul.u2 {padding:0 0 100px 0;max-width:1265px;margin:0 auto}
.indnews ul.u2 li { background:#fff; display:inline-block; vertical-align:top;width:26.6666%;margin:0 0 0 10%; text-align:center; height:370px; position:relative;top:0;padding:60px 45px 0 45px}
.indnews ul.u2 li:first-child {margin-left:0}
.indnews ul.u2 li:hover {top:-10px}
.indnews ul.u2 li.f1 .pic { position:relative;top:-8px}
.indnews ul.u2 li.f1 .pic img {max-width:210px;margin:0 auto}
.indnews ul.u2 li.f1 .title {font-size:27px; line-height:37px; letter-spacing:2px;font-weight:300;color:#000;margin:12px 0 0 0}
.indnews ul.u2 li.f2 .title {display:block;width:100%; height:60px; line-height:58px;border:3px solid #68a5e1;color:#68a5e1;font-weight:300;font-size:30px; letter-spacing:3px;margin:50px 0 0 0}
.indnews ul.u2 li.f2:hover .title { background:#68a5e1;color:#fff}
.indnews ul.u2 li.f3 .title{color:#f9c900;font-size:17px; letter-spacing:2px}
.indnews ul.u2 li.f3 .title h1{color:#f9c900;font-family: 'TODAYSHOPBOLD';font-size:36px; line-height:36px;margin:47px 0 0 0}
.indnews ul.u2 li.f3 .title h2{color:#f9c900;font-size:17px; letter-spacing:1px;font-weight:300}
.map iframe,#container{width:100%; height:700px;}
.mapcons .cons {color:#000;padding:15px 10px;}
.indnews ul.u2 li.f2 .pic img,.indnews ul.u2 li.f3 .pic img {max-width:137px;margin:0 auto}

.news { background:none; text-align:left;}
.news ul.u1 {margin-top:-28px}
.news ul.u1 li {margin-top:0.35%}
.namemj { position:absolute;top:0px;width:100%; height:0;}

.nshow { text-align:center;}
.nshow .wrap2 {max-width:1245px}
.nshow .title {font-size:32px; line-height:47px;color:#000;padding:100px 0 0 0}
.nshow .addtime {font-size:25px; line-height:25px;font-weight:300;color:#666;margin:60px 0}
.nshow .content {color:#333;font-size:18px;font-weight:300}
.nshow .content a {color:#333;font-size:18px;font-weight:300}
.nshow .content img {margin:5px 0}
.nshowbt { text-align:center;}
.nshowbt .prevnext {padding:120px 0}
.nshowbt .prevnext a { display:inline-block; vertical-align:middle;}
.nshowbt .prevnext a.prev,.nshowbt .prevnext a.next {border:4px solid transparent;border-radius:25px; height:45px; line-height:45px;padding:0 35px;font-size:21px;font-weight:300;color:#000}
.nshowbt .prevnext a.totop {margin:0 120px; font-family: 'ScalaSansBlack';border:4px solid #000;width:125px; height:125px; line-height:125px;color:#000;font-size:33px;border-radius:50%; font-style:italic;padding:0 6px 0 0}
.nshowbt .prevnext a:hover { background:#000;color:#fff}
.nshowbt .prevnext a.no {border-color:transparent; background:none;color:#000}
.nsnews { background:none;padding:0 0 0.4% 0}

.casesubject { background:none;}
.packcate { text-align:center;margin:-35px 0 90px 0}
.packcate li { display:inline-block; vertical-align:top;margin:5px 20px}
.packcate li a {border:1px solid #818181; height:32px; line-height:31px; display:block;padding:0 10px;font-size:17px;color:#757575}
.packcate li a:hover,.packcate li.check a { background:#000;color:#fff;border-color:#000}
.packblank {margin-top:-90px}

.nshow .title2 {color:#333;font-size:18px;font-weight:300;margin:40px 0}
.nshow .title2 p {margin:20px 0 0 0}
.nshow .content2 {max-width:720px;margin:70px auto 100px auto}
.show {margin:0 0.5%}
.show img {margin:0.5% 0 0 0;width:100%; text-align:center}

.indmore { text-align:center;padding:0 0 110px 0}
.indmore a { display:inline-block;margin:0 auto;border:2px solid #000;font-size:27px; line-height:55px; height:55px;padding:0 40px; letter-spacing:10px;font-weight:300;color:#000}
.indmore a:Hover { background:#000;color:#fff}






.foot { background:#1c1c1c;color:#666;padding:60px 0;font-size:15px}
.foot a {color:#666;font-size:15px}

.foot .list1 {float:left;width:410px;}
.foot .list1 .title {font-size:21px; letter-spacing:1px}
.foot .list1 .title img {margin:0 10px 0 0; height:18px}
.foot .list2 {float:right;width:330px;}
.foot .list2 .tel {font-size:42px; line-height:42px;color:#3399ff; font-family: 'TODAYSHOPBOLD'; letter-spacing:2px;margin:15px 0}

.foot .subject {font-size:26px; font-style:italic;font-family: 'ScalaSansBlack'; text-transform:uppercase;opacity:0.8;margin:0 0 15px 0}
.foot .links { position:relative;border:1px solid #525252;border-left:0;border-right:0;padding:23px 0 25px 0;margin:50px 0 25px 0}
.foot .links h1 { position:absolute;font-size:15px;color:#666}
.foot .links h2 {margin:0 0 0 85px}
.foot .links h2 a {color:#3399ff;margin:0 15px 0 0}
.foot .copy a {color:#3399ff}

.foot .mleft {float:left;width:62%}
.foot .mright {float:right;width:30%}
.foot .mright .subject {font-weight:700; letter-spacing:1px;font-size:21px;padding:4px 0 0 0;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';}
.foot .mright input[type="text"] { background:none;border:1px solid #525252;width:100%;padding:0 15px;margin:10px 0 0 0; height:40px; line-height:40px; vertical-align:top;}
.foot .mright #mbeizu { background:none;border:1px solid #525252;width:100%;padding:10px 15px;margin:10px 0 0 0;line-height:25px; overflow:auto; height:110px;vertical-align:top;}
.foot .mright #mbtn {border:1px solid #3399ff; text-align:center;color:#3399ff;width:100%; height:40px; line-height:40px; background:none; cursor:pointer;margin-top:10px;vertical-align:top;}
.foot .mright #mbtn:hover { background:#3399ff;color:#fff}

.fixright { position:fixed; z-index:999;right:0;top:50%;margin-top:-90px;width:50px; display:none;}
.fixright a { display:block;width:50px; height:50px; text-align:center;margin:5px 0; background-color:#000; position:relative;}
.fixright a:Hover {background-color:#666}
.fixright a.qq { background-image:url(../images/q.png); background-position:center; background-repeat:no-repeat; background-size:50%}
.fixright a.wx { background-image:url(../images/w.png); background-position:center; background-repeat:no-repeat;background-size:50%}
.fixright a.wx p { position:absolute;width:160px;right:50px;top:-55px; display:none;}
.fixright a.wx:Hover {background-color:#fff}
.fixright a.totop { background-image:url(../images/u.png); background-position:center; background-repeat:no-repeat;background-size:50%}