@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500&display=swap');
* {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,.fixtop .toper .logo,.indcase li .pic .ly1,.indcase .more i,.indnews dd .pic p
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indnews dd: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(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); }
.abc
{-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:0 auto;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:'Noto Sans SC','Source Han Sans CN Light','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#333;font-weight:300; letter-spacing:0.5px}strong {font-weight:500}
a:hover,.foot .copy a:hover,.service li .cons .m a:hover{color:#000}
.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; background:#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;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 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:#333333;border:1px solid #333333;  background-size:cover; } 
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #333333;} 
.pager a,.pager span.disabled {color:#717070;border:1px solid #e5e5e5;background:#fff} 
.pager a,.pager span.current,.pager span.disabled{width:30px; text-align:center;height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;} 

::-webkit-scrollbar {width: 10px;height:1px; }
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

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

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

.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:1275px;position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;top:0;left:0; height:100px;width:100%;z-index:9999;}
.fixtop .toper .logo { display:block; position:absolute;left:0px;top:15px; background:url(../images/logo.png);width:160px; height:45px; background-size:cover; z-index:100}
.fixtop .toper ul.navpc { text-align:right; position:relative;top:0;right:0px}
.fixtop .toper ul.navpc li {display:inline-block;position:relative;margin:0 0 0 50px}
.fixtop .toper ul.navpc li a.a {display:block;font-size:18px;position:relative; overflow:hidden; height:100px; line-height:100px;font-weight:400;color:#fff}
.fixtop .toper ul.navpc li.check a,.fixtop .toper ul.navpc li a:hover{}

.fixtop2 { background:#fff}
.fixtop2 .toper .logo { background-position:bottom}
.fixtop2 .toper ul.navpc li a.a {color:#333}

.fixtop3 .toper .logo { background-position:bottom}
.fixtop3 .toper ul.navpc li a.a {color:#333}

.fixtop.active { background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2); height:60px;}
.fixtop.active .toper .logo { background-position:bottom;top:10px}
.fixtop.active .toper ul.navpc li a.a {color:#333; height:60px; line-height:60px}

.bxslider li a { display:block; height:950px; background-position:center; background-repeat:no-repeat; text-align:center; position:relative; background-size:cover;}
.bxslider li a img { display:none;width:100%}
.bxslider li a .cons { position:absolute; z-index:100;left:0;width:100%; top:50%;margin-top:-100px}
.bxslider li a .cons .in {color:#fff;}
.bxslider li a .cons .in .t {font-weight:500;font-size:40px; line-height:60px;margin:0 0 10px 0}
.bxslider li a .cons .in .c {font-size:20px; line-height:30px}

.indabout { text-align:center;margin:80px 0;font-weight:100;}
.indabout .t {font-size:45px; line-height:65px}
.indabout .c {font-size:27px; line-height:42px;margin:15px 0 0 0}
.indprocate { text-align:center;margin:0 0 50px 0}
.indprocate li { display:inline-block; vertical-align:top;margin:0 10px;}
.indprocate li a { display:block;border:1px solid #666; height:35px; line-height:35px;border-radius:25px;padding:0 25px;font-size:14px}
.indprocate li a:hover { background:#333;color:#fff;border-color:#333}

.indcase ul {width:103%;margin:-4% 0 0 -1.5%}
.indcase li {float:left;width:30.3333%;margin:4% 1.5% 0 1.5%;}
.indcase li .pic { position:relative;}
.indcase li .pic .ly1 { z-index:99}
.indcase li .pic .ly2 { z-index:9}
.indcase li:hover .pic .ly1 {opacity:0}
.indcase li .title { height:30px; line-height:30px; overflow:hidden;margin:25px 0 0 0}
.indcase li .title a {font-size:20px;font-weight:100}
.indcase li .title a span {color:#ccc;font-size:15px;margin:4px 0 0 10px;}
.indcase .more { text-align:center;margin:60px 0}
.indcase .more a {font-size:14px;}
.indcase .more i {margin:4px 0 0 5px; display:inline-block; vertical-align:top;font-weight:700;font-size:13px}
.indcase .more a:hover i {margin-left:10px}

.indnews dl {width:102%;margin:-2% 0 0 -1%;}
.indnews dt {border-bottom:1px solid #ccc;padding:0 0 10px 0;font-weight:100;font-size:28px;left:1%;width:98%; position:relative;margin:110px 0 30px 0}
.indnews dd {float:left;width:31.3333%;margin:2% 1% 0 1%;}
.indnews dd .pic { position:relative; overflow:hidden}
.indnews dd .title { height:30px; line-height:30px; overflow:hidden;margin:40px 0 20px 0}
.indnews dd .title a {font-size:25px;font-weight:100;color:#000}
.indnews dd .content { line-height:30px; height:120px; overflow:hidden;font-size:14px;color:#666;}

.tblank { height:100px}
.nshow .title {font-weight:100;color:#000;font-size:30px; line-height:50px;margin:80px 0 40px 0}
.mainshare { position:relative;margin:60px 0 0 0;min-height:10px}
.mainshare p {color:#000; position:absolute;top:-5px;font-size:14px}
.mainshare .bshare-custom {margin:0 0 0 60px}
.bshare-custom * {transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;}
.bshare-custom .bshare-more {font-weight:300}
.mainback {margin:60px 0 0 0; position:relative}
.mainback a {font-size:14px;color:#000;}
.mainback a i {margin:0 5px 0 0;font-size:13px;font-weight:500}
.mainback a.right { position:absolute;right:0;top:3px}

.picsin li img {width:100%}
.picsin .bx-wrapper .bx-pager { bottom:-30px;}
.picsin .bx-wrapper .bx-pager.bx-default-pager a { width:30px;  height:1px;  margin: 0 5px;  background:#ccc;  border-radius:0;  border:0; }
/* .picsin .bx-wrapper .bx-pager.bx-default-pager a:focus 
.picsin .bx-wrapper .bx-pager.bx-default-pager a:hover,*/
.picsin .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}

.news dl {width:104%;margin:-112px 0 0 -2%}
.news dd {width:46%;margin:80px 2% 0 2%}
.news dd .title { margin:40px 0 25px 0}
.news dd .content {height:90px;}

.procate {margin:15px 0 35px 0; position:relative; z-index:99}
.procate li { display:inline-block; vertical-align:top;margin:0 0 0 35px}
.procate li:first-child {margin:0}
.procate li a {color:#000;}
.procate li.check a {font-weight:500}

.showtop {
height:950px;
background-size:cover;
background-position:center; 
background-repeat:no-repeat;
background-attachment:fixed;

}

.show .mleft {float:left;width:32%;padding:100px 0;font-weight:100;font-size:25px; line-height:45px;color:#000}
.show .mright {float:left;width:28%;margin:0 5%;padding:100px 0;color:#000;margin-top:5px;}
.show .mright2 {float:right;width:30%;padding:100px 0;color:#000;margin-top:5px;}
.show .content {margin:130px 0 100px 0;max-width:1276px}
.show ul.ulmob { display:none;}
.show .subject {font-size:20px;font-weight:100;margin:100px 0 40px 0}
.show .indcase {margin-bottom:100px}
body.bg { background:#f2f2f2}
.map {margin:0 0 -60px 0}
.map iframe,#container {width:100%; height:640px}
.mapcons {font-size:12px; line-height:1.8;font-weight:400;min-width:270px}
.sertopbg { background-position:center top; background-repeat:no-repeat; height:775px; background-attachment:fixed; text-align:center; background-size:cover;}
.sertopbg .cons {font-weight:100;font-size:50px; line-height:1.6; position:relative;padding:25% 0 0 0}

.service {padding:80px 0 120px 0}
.service .in {max-width:850px}
.service .subject {border-bottom:1px solid #ccc;font-weight:100;font-size:40px;padding:0 0 30px 0}
.service li {margin:50px 0 0 0}
.service li .title {width:42%;float:left;font-size:30px; line-height:1.6;color:#000}
.service li .cons {float:right;width:54%;color:#999;padding:3px 0 0 0}
.service li .cons .m {margin:30px 0 0 0}
.service li .cons .m a {color:#999;font-size:14px;}
.servicebg { background:#f2f2f2;}

.partner .subject {border-bottom:1px solid #ccc;color:#000;font-weight:100;margin:0 0 60px 0}
.partner .subject .t {font-size:40px;margin:0 0 -5px 0;padding:80px 0 0 0}
.partner .subject .c {font-size:18px;padding:0px 0 30px 0;color:#666}
.partner ul {width:101%;margin:-1% 0 0 -0.5%}
.partner li { display:inline-block; width:15.6666%;margin:1% 0.5% 0 0.5%; text-align:center; position:relative}
.about .cons {margin:60px 0 -40px 0}

.team {padding:40px 0}
.team li {margin:100px 0 0 0}
.team li .pic { overflow:hidden;float:left;width:27%;}
.team li .pic img {width:100%}
.team li .cons {float:right;width:63%;margin:-10px 0 0 0}
.team li .cons .t {font-weight:100;font-size:30px; line-height:50px;margin:0 0 30px 0}

.videos{position: relative; text-align:center; cursor:pointer}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/play.png) no-repeat center; background-size:cover;width:100px; height:100px;margin:-50px 0 0 -50px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}

.showvideo {margin:-10px 0 100px 0}
.showvideo .gs_content {max-width:890px;margin:30px 0 0 0}
.sertopbg_about {background-attachment:scroll}
.sertopbg_about img.mpic { display:none;}

.about { background:#f2f2f2;padding:80px 0 30px 0;margin:80px 0 0 0}

.foot { background:#f2f2f2;padding:80px 0 30px 0;margin:80px 0 0 0}
.foot .mleft {float:left;width:85%;}
.foot .mleft .t1 {font-weight:100;font-size:30px; line-height:40px}
.foot .mleft .t2 {margin:25px 0 80px 0}
.foot .mleft .t2,.foot .mleft .t2 a {color:#000;font-size:25px; letter-spacing:1px}
.foot .mleft .t3 {color:#000;}
.foot .mright {float:right;width:105px}
.foot .mright .wx {text-align:center;margin:10px 0 0 auto;color:#000}
.foot .mright .wx p {margin:5px 0 0 0}
.foot .mright ul {margin:60px 0 0 3px}
.foot .mright li {margin:20px 0 0 0}
.foot .mright li a {color:#000;text-decoration:underline}
.foot .copy {margin:40px 0 0 0}
.foot .copy,.foot .copy a {font-size:14px;color:#666}
.totop { position:fixed; z-index:9999;right:1%;bottom:1%; cursor:pointer}
.totop i {color:#000;font-weight:700;font-size:30px; line-height:30px}