@charset "utf-8";@import url('font.css');
* {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; }
.pager a font,a,.fixtop,.tblank,.fixtop .logo,.indabout .mright img,.indbusiness .in .item a p,.col_case li .p p,.col_case li .t,.aboutleft dd a:before,.constable td img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indabout .mright img:hover,.indbusiness .in .item a:Hover p,.col_case li:Hover .p p,.constable td img:hover
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.indpartner li,.constable td
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ind4 li:hover .p img,.indpartner li:hover img
{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;background:#fefefe;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Noto Sans SC','Source Han Sans','PingFang SC','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#332C2B;font-weight:400;}a {color:#332C2B}
a:hover,.fixtop ul.navpc li .list dd p a:hover,.col_case li:hover .t a {color:#005548}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
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;}.list-paddingleft-2{margin:0 0 0 25px;}.list-paddingleft-2 li { list-style:inherit;}
hr {border:0; background:#073190;height:1px;margin:0px 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;top:0;left:0; z-index:1;width:100%; height:100%;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:40px 0;text-align:center}
.pager {width:100%; } 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 5px;width:30px; height:30px; line-height:30px; background: #f5f5f5;text-align: center}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#005548; background: #005548} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 30px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-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: #b2b2b2;}
:-moz-placeholder {color: #b2b2b2; } 
::-moz-placeholder { color: #b2b2b2; } 
:-ms-input-placeholder {color: #b2b2b2; }

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

.di {float:left;}
.dipage {float:left;}

.wrap {margin:0 auto;max-width:1360px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:110px; background:#fefefe;box-shadow:0 0 5px rgba(0,0,0,0.15)}
.fixtop .logo { position: absolute;left:0px;width:251px; height:60px;background:url(../images/logo.svg) no-repeat center;background-size:100%;top:25px; z-index: 999;}
.fixtop .logo a { display:block;width:100%; height: 100%}
.fixtop ul.navpc {text-align:right;margin:0 15px 0 0}
.fixtop ul.navpc li {display:inline-block; vertical-align:top; position: relative;margin:0 0 0 70px}
.fixtop ul.navpc li a.a { display: block; height:110px; line-height:108px;color:#8b8b8c;font-size:16px;}
.fixtop ul.navpc li a.a:before {font-family: "iconfont" !important;content:'\e654'; position: absolute;right:-18px;top:1px;font-size:18px}
.fixtop ul.navpc li:nth-child(1) a.a:before {display:none;}
.fixtop ul.navpc li .list { position:absolute;left:-43px;top:110px;display:none;background: #fefefe;padding:15px 0 17px 0;width:150px;box-shadow:0 0 5px rgba(0,0,0,0.1)}
.fixtop ul.navpc li a.a:hover,.fixtop ul.navpc li.check a.a,.fixtop ul.navpc li:Hover>a.a{color:#005548}
.fixtop ul.navpc li .list dd {text-align:center}
.fixtop ul.navpc li .list dd p {margin:5px 0}
.fixtop ul.navpc li .list dd p a { line-height:25px; height: auto;color:#8b8b8c}
.tblank {height:110px}
.fixtop.active {top:-50px}
.fixtop.active .logo {top:60px;width:168px; height: 40px}
.fixtop.active ul.navpc li a.a {line-height:157px;}
.tblank.active {height:60px}
.indpics .item { position:relative;padding:18.95% 0}

.ind4 ul {padding:40px 0;width:110%;left:-5%; position: relative}
.ind4 li {float:left;width:25%; text-align: center;position: relative}
.ind4 li:after {content:''; position: absolute;right:0;top:0;width:1px;height: 100%; background: #999}
.ind4 li:nth-child(4):after {display:none;}
.ind4 li .p {height:45px;}
.ind4 li .t {font-size:14px; line-height: 14px;color:#005548;margin:20px 0 0 0}

.mainsubject {text-align:center;color:#005548;padding:50px 0 70px}
.mainsubject p {font-size:36px; line-height: 46px;font-weight:700; letter-spacing: 2px}
.mainsubject span {color:#757475;font-size:12px;text-transform: uppercase; line-height:19px;font-weight:300; position: relative; display: block;margin:5px 0 0 0}
.mainsubject span:before {content:'';width:60px; height: 2px; position: absolute;left:50%;margin-left:-30px;bottom:-10px;background: #6eb92b}
.indabout { background:#fffbff url("../images/1.png") repeat-x top;}
.indabout .mleft {float:left;width:41%;font-size:21px; line-height: 1.9; letter-spacing: 1px;font-weight:300}
.indabout .mright {float:right;width:52%; overflow: hidden}
.indabout .mright img {width:100%}
#myvideo {object-fit:cover; width:100%; height: 100%}
.videos{position: relative; text-align:center}
.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%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}
.indbusiness { background:#fffbff;padding:30px 0 0 0}
.indbusiness .in {  background: #005548;padding:40px 0;margin-top:-20px}
.indbusiness .in .item a { position:relative; display: block;border:7px solid #fff;padding:40.6% 0; overflow: hidden; background: #fff}
.indpartner ul {width:102%;margin:-2% 0 0 -1%}
.indpartner li {float:left;width:14.6666%;margin:2% 1% 0 1%;border:1px solid #9e9f9f;border-radius:15px; text-align: center; height: 110px}
.indpartner li img {border-radius:15px;max-width:200px;max-height:100px}

.bannerin {padding:12.8% 0}
.sol_cons .cons {border-top:1px solid #ccc; letter-spacing: 1px;margin:-43px 0 40px 0;padding:25px 0 0 0;}
.show_cons .cons img {margin:5px auto}
.show_cons .pic {text-align:center;width:100%;}
.col_case ul {width:102%;margin:-50px 0 0 -1%; text-align: center;}
.col_case li {display: inline-block; vertical-align: top; width:23%;margin:50px 1% 0 1%}
.col_case li .p { position:relative; overflow: hidden;padding:50% 0}
.col_case li .t {color:#757475; height: 25px; line-height: 25px; overflow: hidden;margin:20px 0 0 0}
.col_case li .t a {color:#757475;}
.namemj { position: absolute;top:-50px}

.maincurrent {border-bottom:1px solid #ccc;margin:55px 0 30px 0;padding:0 0 20px 0}
.maincurrent p {display:inline-block;vertical-align: top;font-size:29px; line-height: 29px;color:#005548;  letter-spacing: 2px;}
.maincurrent span {font-size:12px; line-height: 12px;color:#9e9f9f;font-weight:300; display:inline-block; vertical-align: top;margin:16px 0 0 10px; letter-spacing: 1px}
.contact .mleft {float:left;width:55%;font-size:18px; letter-spacing: 2px;}
.contact .mright {float:right;width:40%; text-align: right}
.contact .mright dl {display:inline-block; vertical-align: top;margin:0 0 0 auto; text-align: center}
.contact .mright h2 {float:left;width:145px; text-align: center; letter-spacing: 2px; font-size:16px;margin:0 0 0 40px}
.contact .mright h2:nth-child(1) {margin:0}
.contact .mright h2 p {margin:5px 0 0px 0}
.contact .mright h2 p img {border-radius:5px}
.map {margin:60px 0 0 0}
.map iframe,#container {width:100%; height:600px}

.aboutleft {float:left;width:20%;margin:55px 0 0 0}
.aboutleft dt {color:#005548; letter-spacing: 2px;font-size:29px; line-height: 29px;border-bottom:1px solid #ccc;padding:0 0 20px 0;margin:0 0 30px 0}
.aboutleft div {border:1px solid #ccc;border-radius:5px}
.aboutleft dd { height:50px; line-height: 49px;border-bottom:1px solid #ccc;}
.aboutleft dd:last-child {border:0}
.aboutleft dd a {color:#8b8b8c; letter-spacing: 1px;padding:0 20px; display: block; position: relative}
.aboutleft dd a:before { content: "\e62d"; position: absolute;right:20px;top:15px;color:#72bb38;font-size:18px; line-height: 18px; font-family: "iconfont" !important;opacity:0}
.aboutleft dd a:hover,.aboutleft dd.check a { background:#005548;color:#fff;border-color:#005548;}
.aboutleft dd.d1,.aboutleft dd.d1 a:hover,.aboutleft dd.d1.check a {border-top-left-radius:5px;border-top-right-radius:5px;}
.aboutleft dd.d5,.aboutleft dd.d5 a:hover,.aboutleft dd.d5.check a {border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.aboutleft dd:hover a:before,.aboutleft dd.check a:before {opacity:1}
.aboutright {float:right;width:75%}
.aboutright .cons2 {margin:0 0 30px 0}

.constable td { overflow:hidden;border-bottom:25px solid #fefefe}
.constable td img {width:100%}
.constable table.row2 tr td {width:50%}
.constable table.row2 tr td:nth-child(1) {border-right:25px solid #fefefe}
.constable table.row2 tr td:nth-child(2) {border-left:25px solid #fefefe}
.margintop30 {margin-top:-30px}










.footbg {background:#005548;margin:80px 0 0 0}
.foot { color:#8da6a1;font-size:21px;padding:55px 0 50px 0;letter-spacing: 2px;font-weight:300}
.foot a {color:#8da6a1;}
.foot a:hover {color:#fff}
.foot dl {float:left;}
.foot dt {margin:0 0 30px 0; line-height: 21px}
.foot dt a {color:#fff;font-size:21px;font-weight:400}
.foot dl:nth-child(2) {margin:0 0 0 125px}
.foot dl.dct {border:1px dashed #8da6a1;border-top:0;border-bottom:0;padding:0 60px 0 80px;margin:0 0 0 100px;min-width:360px;font-size:18px;min-height:230px}
.foot dl.dfc {text-align:center;float:right}
.foot dl.dfc h2 {float:left;width:145px; text-align: center;color:#8da6a1;font-size:16px;margin:0 0 0 40px}
.foot dl.dfc h2:nth-child(1) {margin:0}
.foot dl.dfc h2 p {margin:10px 0 10px 0}
.foot dl.dfc h2 p img {border-radius:5px}
.footline {width:100%; height: 1px; background: #72bb38}
.footer {color:#8da6a1; text-align: center;padding:30px 0}
.footer a {color:#8da6a1;}
.footer a:hover {color:#fff}