@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; }
a,.fixright li .tubiao,.fixtop,.fixtop .logo,.tblank,.fixtop .toper .search,.fixtop .toper .tel,.ind4 .pic p,.ind4 .titles p,.ind4 .titles span,.indcase li .title,.indcase li .pic p,.indnews li .pic img,.foocons .cons .mright .listbtn input,.footer,.fixbottom li:nth-child(5) input,.fixbottom .icon-close-bold
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.ind4 li:Hover .pic p,.indcase li:hover .pic p,.indnews li:hover .pic img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.fixright li,.footsearch .search #k,.fixbottom li input
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ind4 li:hover .titles .icon 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:#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','PingFang SC','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#000;font-weight:300; letter-spacing:0.5px}a {color:#000}strong {font-weight:700}
a:hover,.indcase li:Hover .title,.indnews li:hover .cons .t a,.foot dt a:hover,.nshow .addtime a:hover,.casecate a:hover,.casecate a.check,.indcase li:hover .title a {color:#82cbc4}
.ind4 li:Hover .titles p,.ind4 li:Hover .titles span {color:#dd9c88}
.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;font-weight:300}
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 20px}.list-paddingleft-2 li { list-style:inherit;}
hr {border:0; background:#92989d;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:80px 0 0 0;text-align:center}
.pager {width:100%;} 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:0 4px;width:30px; height: 30px; line-height: 30px}   
.pager font {font-family:'宋体';font-weight:900;margin:0} 
.pager a:hover,.pager span.current {color:#fff; background: #82cbc4;} 
.pager a,.pager span.disabled {color:#999} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;}

::-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: #B5B5B6;}
:-moz-placeholder {color: #B5B5B6; } 
::-moz-placeholder { color: #B5B5B6; } 
:-ms-input-placeholder {color: #B5B5B6; }

::selection {background:#82cbc4;color:#ffffff;}
::-moz-selection {background:#82cbc4;color:#ffffff;}
::-webkit-selection {background:#82cbc4;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:1200px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9999; height: 80px; background: #313332;text-align: right}
.fixtop .logo { position: absolute;left:4%;width:152px; height:28px;background:url(../images/logo.png) no-repeat center;background-size:100%;top:26px; z-index: 999;}
.fixtop .logo a { display:block;width:100%;height:100%}
.fixtop .mright { text-align:right;margin:0 4% 0 auto; display: inline-block; vertical-align: top; position: relative;top:0}
.fixtop .toper ul.navpc { display:inline-block;vertical-align: top;}
.fixtop .toper ul.navpc li {display:inline-block; vertical-align:top; position: relative;float:left; }
.fixtop .toper ul.navpc li a.a { display: block; height:80px; line-height:78px;padding:0 30px;color:#fff;font-size:18px; position: relative;font-weight:100}
.fixtop .toper ul.navpc li a.h:before {content:'\e6b8'; position: absolute;left:-1px;top:0;font-family: "iconfont" !important;}
.fixtop .toper ul.navpc li.check a.a,.fixtop .toper ul.navpc li:hover>a.a {color:#82cbc4}
.fixtop .toper ul.navpc li dl { position:absolute; z-index: 999; left:0;top:0;width:100%;left:0;background:rgba(49,51,50,0.75);top:80px; display: none;text-align: center}
.fixtop .toper ul.navpc li dd a {display:block;padding:5px 0 7px 0;color:#fff;font-weight:100}
.fixtop .toper ul.navpc li dd p:nth-child(1) a {padding-top:20px}
.fixtop .toper ul.navpc li dd p:last-child a {padding-bottom:22px}
.fixtop .toper ul.navpc li dd a:hover { background:#82cbc4;color:#fff}
.fixtop .toper .search {display:inline-block; vertical-align: top;margin:20px 60px 0 30px}
.fixtop .toper .search #k {display:inline-block; vertical-align: top; height:40px; line-height:38px;width:150px;padding:0 15px; background: #222;font-size:14px;font-weight:100;color:#fff}
.fixtop .toper .search #sbtn {display:inline-block; vertical-align: top;height:40px; line-height:40px;width:50px;color:#fff; cursor: pointer;font-family: "iconfont" !important;font-size:20px; background: #000}
.fixtop .toper .tel { display:inline-block; vertical-align: top;color:#dd9c88;font-size:30px; line-height:30px;font-weight:700;margin:23px 0 0 0; position: relative;padding:0 0 0 45px}
.fixtop .toper .tel a {color:#dd9c88;}
.fixtop .toper .tel:before {content: "\e678";font-family: "iconfont" !important; position: absolute;left:0;top:3px;}
.tblank { height:80px}

.fixtop.active{top:0px}
.fixtop.active .logo {top:26px}
.fixtop.active .toper ul.navpc li a.a {line-height:78px;}
.fixtop.active .toper .search {margin-top:20px}
.fixtop.active .toper .tel {margin-top:23px}
.tblank.active {height:80px}

.indpics { background:#d0cccd;}
.indpics .item { height:600px}
.ind4 ul {width:103%;margin:0 0 0 -1.5%}
.ind4 li {float:left;width:22%;margin:0 1.5%;}
.ind4 .titles { position:relative;margin:50px 0 30px 0;padding:0 0 0 25px}
.ind4 .titles:before {content:''; position:absolute;left:0;top:0;width:5px;height:44px; background: #dd9c88}
.ind4 .titles:after {content:''; position:absolute;left:0;bottom:-3px;width:15px;height:2px; background: #dd9c88}
.ind4 .titles p {font-size:22px; line-height: 22px;letter-spacing: 1px;font-weight:100;color:#898989}
.ind4 .titles span { height:17px;line-height: 17px; display:block;font-size:12px;color:#595757;margin:3px 0 0 0; overflow: hidden;font-weight:300}
.ind4 .titles .icon { position:absolute;right:0;top:-2px}
.ind4 .titles .icon img {height:50px}
.ind4 .pic { position:relative; overflow: hidden;padding:50% 0}

.indmidpic {background-position:center; background-repeat: no-repeat; height: 400px;margin:100px 0}
.indmidpic a { display:block;width:100%; height: 100%}

.indcase .subject {color:#dd9c88;font-size:40px; line-height:40px; text-align: center;padding:30px 0 30px 0}
.indcase ul {width:103%;margin:-40px 0 80px -1.5%}
.indcase li {float:left;width:30.3333%;margin:40px 1.5% 0 1.5%}
.indcase li .pic { position:relative; overflow: hidden;padding:33% 0}
.indcase li .title { height:25px; line-height: 25px; overflow: hidden; text-align: center;margin:15px 0 0 0}
.indmore { text-align:center}
.indmore a { background:#dd9c88;color:#fff;font-size:22px; height: 50px; line-height: 47px; padding:0 80px; display:inline-block;border-radius:25px; letter-spacing: 2px}
.indmore a:Hover { background: #82cbc4}

.indsubject { text-align:center}
.indsubject .t { letter-spacing: 4px;font-size:36px; line-height:36px}
.indsubject .t img {margin:-12px 15px 0 0}
.indsubject .c {border-bottom:2px solid #dd9c88;color:#999;padding:30px 0 15px 0;font-size:20px; line-height: 1.6; text-align: justify; text-align-last: justify; text-justify: inter-ideograph}
.indnews ul {margin:10px 0 0 0}
.indnews li {border-bottom:2px solid #eeeeee;padding:40px 0}
.indnews li .pic {float:left;width:30%; overflow: hidden}
.indnews li .pic img {width:100%}
.indnews li .cons {float:right;width:60%;padding:10px 0 0 0}
.indnews li .cons .t { position: relative; height: 30px; line-height: 30px; overflow: hidden;margin:0 0 30px 0}
.indnews li .cons .t a { display: inline-block;padding:0 100px 0 0;font-size:24px;font-weight:400;color:#333}
.indnews li .cons .t p { position:absolute;right:0;top:0;color:#999;}
.indnews li .cons .c {color:#666; line-height: 32px; height: 160px; overflow: hidden;font-size:14px}
.indnews .indmore { text-align:right;margin:50px 0 -50px 0}
.indmidpicno {margin:-100px 0 0 0}

.blank100 { height:100px;margin:0 0 100px 0}
.indmidpicup {margin-top:-100px}
.indmidpictop {margin:0}

.servicecate { text-align:center;margin:40px 0 100px 0}
.servicecate li { display:inline-block; vertical-align: top;margin:20px 15px 0 15px}
.servicecate li a { display:block;border:1px solid #ccc; height: 48px; line-height:46px;padding:0 35px;font-size:18px;font-weight:100;color:#999;border-radius:50px}
.servicecate li a:Hover,.servicecate li.check a {border-color:#82cbc4; background: #82cbc4;color:#fff}

.servicecate2 li {margin-left:10px;margin-right:10px}
.servicecate2 li a {padding:0 25px}
.news {margin:100px 0 0 0}

.nshow .title { text-align:center;font-size:35px; line-height:45px;font-weight:500;margin:100px 0 0 0}
.nshow .addtime { text-align:center;border-bottom:2px solid #dd9c88;color:#999;padding:15px 0 20px 0;margin:0 0 40px 0}
.nshow .addtime a {color:#999;}
.nshow .cons img {margin:5px 0}
.nshow .prevnext  {border-top:2px solid #eee;margin:60px 0 0 0 ;padding:10px 0 0 0;}
.nshow .prevnext .prev {float:left;width:48%}
.nshow .prevnext .next {float:right;width:48%; text-align: right}
.newssearch {margin-top:30px}

.casecate { text-align:center}
.casecate .title1 {color:#dd9c88; text-align: left;font-size:22px;margin:40px 0 0 0}
.casecate .title2 {color:#dd9c88;font-size:50px;margin:0 0 30px 0}
.casecate .list {border-bottom:2px solid #dd8c88;padding:0 0 10px 0; text-align: justify; text-align-last: justify; text-justify: inter-ideograph;}
.casecate a {font-size:25px;color:#666}
.casecate i {color:#ccc; display: inline-block; vertical-align: top;margin:5px 10px 0 10px;font-size:20px}
.case {margin:30px 0 0 0}
.case .page_wrap {padding-top:0}





.foocons {margin:0 0 20px 0}
.foocons .subject { text-align: center;font-size:24px; line-height: 34px;font-weight:400; letter-spacing: 10px;padding:40px 0;color:#ccc}
.foocons .content { background: #dddddd;font-size:18px;padding:30px 10%;color:#333}
.foocons .cons { background:#efefef;padding:30px 10%}
.foocons .cons .mleft {float:left;width:46%; text-align: center;}
.foocons .cons .mleft .logo { background: url("../images/logofoot1.png") no-repeat center;width:183px; height: 33px; background-size:cover;margin:0 auto 20px auto}
.foocons .cons .mleft .pic { text-align:left;}
.foocons .cons .mright {float:right;width:46%; text-align: center}
.foocons .cons .mright .c1 {font-size:24px; line-height: 34px;font-weight:400;color:#333;margin:-8px 0 0 0}
.foocons .cons .mright .c2 font {color:#dd9c88;font-weight:700}
.foocons .cons .mright .list {border:1px solid #e2e2e2; background: #fff; height:48px; line-height: 46px;margin:7px 0 0 0; position: relative; text-align: left;padding:0 7%}
.foocons .cons .mright .listbtn {border-width:0; background: none;padding:0}
.foocons .cons .mright .list span { position:absolute;left:7%;top:0}
.foocons .cons .mright .list p {margin:0 0 0 85px}
.foocons .cons .mright .list p input {width:100%;font-weight:300}
.foocons .cons .mright .listbtn input { vertical-align: top; background: #ef7625;color:#fff; cursor: pointer;width:100%; height:48px; line-height:46px;font-size:22px; letter-spacing: 2px;}
.foocons .cons .mright .listbtn input:Hover { background:#82cbc4}
.namemj { position:absolute;top:-90px}

.foot { background:#313332;padding:40px 0;color:#9FA0A0;}
.foot a {color:#9FA0A0;}
.foot a:hover {color:#fff}
.foot dl {float:left;margin:0 0 0 9%; line-height: 1.4}
.foot dl:nth-child(1) {margin:0}
.foot dt {margin:0 0 2px 0}
.foot dt a {color:#fff;font-size:16px;}
.foot dd a {font-size:14px}
.foot .wx{float:right;width:270px;margin:6px 0 0 0; text-align: right}
.foot .wx img {width:100%}
.foot .wx li { display:inline-block; vertical-align: top;width:120px; text-align: center}
.foot .wx li .t {margin:5px 0 0 0;font-size:14px}
.foot .wx li:nth-child(2) {margin:0 0 0 30px}
.footsearch { position:relative;margin:-30px 420px 0 0}
.footsearch .logo { position:absolute;right:0;top:0px; background: url("../images/logo.png") no-repeat center;width:152px; height:28px;}
.footsearch .search {margin:0 182px 0 0}
.footsearch .search #k {float:left;width:90%;padding:0 10px 0 10px; background: #222;font-size:13px;font-weight:100;color:#fff; height: 32px}
.footsearch .search #sbtn {float:left;height:32px;width:10%;color:#fff; cursor: pointer;font-family: "iconfont" !important;font-size:20px; background: #000}
.footer { background:#222423;padding:20px 0 123px 0; text-align: center;color:#9FA0A0; line-height: 1.6;font-weight:300;font-size:14px}
.footer a {color:#9FA0A0;}
.footer a:hover {color:#fff}
.footer.active {padding-bottom:20px}

.fixbottom { position:fixed; z-index: 9999;left:0;bottom:0;width:100%; background: #313332; text-align: center;color:#fff;padding:7px 0 18px 0}
.fixbottom .cons {font-size:16px;padding:0 0 8px 0}
.fixbottom .cons font {color:#dd9c88}
.fixbottom .cons strong {font-weight:400;font-size:18px}
.fixbottom .cons img {margin:-2px 8px 0 30px;}
.fixbottom .cons p { display:inline-block; vertical-align: top;color:#dd9c88;font-weight:700;font-size:22px; line-height: 22px; position: relative;padding:7px 0 0 28px}
.fixbottom .cons p:before {content:''; position: absolute;left:0;top:10px; background: url("../images/4.png") no-repeat center;width:20px; height: 20px}
.fixbottom li {float:left;width:18.4%}
.fixbottom li input {padding:0 10px 2px 10px;width:100%;font-weight:300;font-size:14px;font-weight:100; height: 33px}
.fixbottom li:nth-child(2),.fixbottom li:nth-child(4) {margin:0 2%}
.fixbottom li:nth-child(5) input { cursor:pointer; background: #ef7625;color:#fff;font-size:16px;font-weight:400;padding:0 0 2px 0; height: 35px;}
.fixbottom li:nth-child(5) input:hover { background: #82cbc4}
.fixbottom .icon-close-bold { position:fixed; z-index: 9999; right:15px;bottom:65px;font-weight:500;color:#9FA0A0;font-size:25px; line-height:25px; cursor: pointer}
.fixbottom .icon-close-bold:hover {color:#fff}

.fixright { position: fixed;right:0;top:50%; z-index: 9990;margin-top:-122px}
.fixright li { position:relative;margin:1px 0; }
.fixright li .tubiao {border-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;width:60px; height: 60px; line-height: 60px; cursor:pointer;text-align: center;color:#fff;background: #82cbc4;}
.fixright li .tubiao span {font-size:22px}
.fixright li.wx .tubiao span {font-size:34px}
.fixright li.tel .tubiao span {font-size:34px;}
.fixright li.pen .tubiao span {font-size:35px;}
.fixright li:hover .tubiao { background: #df9c89;}
.fixright li .cons { display:none; position: absolute;right:62px;top:0;width:120px;box-shadow:0 0 5px rgba(0,0,0,0.15);padding:10px;border-radius:5px; background: #fff;min-height:40px}
.fixright li .cons img {width:100%}
.fixright li.wx .cons { text-align:center;font-size:14px;color:#898989}
.fixright li.wx .cons .list:nth-child(2) {margin:10px 0 0 0}
.fixright li.tel .cons {font-weight:700;font-size:20px; line-height: 40px;width:150px;padding:10px 15px; text-align: center;}
.fixright li.tel .cons a {color:#898989}
.fixright li.tel .cons a:hover {color:#ef7625}
.fixright li.up .tubiao span{ display: block;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);font-size:30px}