@charset "utf-8";
* {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; }
.fixtop .toper ul.navpc li a,.fixtop .toper ul.navpc li.mpro dl dd img,.fixtop .toper .btn a,.fixtop .toper .btn form #button,.fixtop .toper .btn form,.indpro li p,.indpro li .cons,.indpro li .cons .more i,.indnews p.pcover,.indnews .cons,.indmap .cons h2 a i,.foot dl.last a,.aboutmenu dd i,.aboutmenu dd a,.news li .pic a,.news li .list .t a,.news li,.products li,.products li .cons h2 a i,.products li .cons h2,.plist li .title a,.plist li .pic p,.service dd a,.message li.btn p input,.message li p input[type="text"],.message li p #cbeizu,.message li p #mbeizu,.conslist .pic a,.conslist .cons .title a,.get_more,.video li .pic i,.video li .title,.infoplat dd,.fixtop1,.fixtop1.active .toper .logo a,.fixtop1 .toper ul.navpc li a,.fixtop .toper .btn .en,.fixtop1 .toper .btn .zoom,.fixtop1 .toper .btn .info,.distributor dd h1 p a,.distributor dd h2 #button,.distributor dd h2 a,indmap .cons h2 a,.products li .cons h2 i
{transition-duration:.3s;-ms-transition-duration:.3s;-moz-transition-duration:.3s; -webkit-transition-duration:.3s;}
.indpro li:hover p,.indnews:Hover p.pcover,.news li .pic:hover a,.plist li:hover .pic p,.conslist .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); }
.indpro li .cons,.indnews .cons,.network li,.faq .mright,.faq .mright #k,.message li p input[type="text"],.message li p #cbeizu,.message li p #mbeizu,.conslist .cons
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;}
body {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;margin:0 auto;overflow-x:hidden;background:#fff;font-size:16px;line-height:30px;color:#666;max-width:1920px;font-weight:300}
h1,h2,h3,h4,h5 {font-weight:normal;font-size:16px;line-height:30px;font-weight:300}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#666;font-size:16px;font-weight:300}
a:hover,.fixtop .toper .btn .en:hover,.foot dt a:hover,.aboutmenu dd.check a,.news li .list .t a:hover,.plist li:hover .title a,.distributor dd h1 p a:hover{color:#23b8bc}/*青*/
.abc {color:#f8b73d}/*黄*/
.acb {color:#3e3a39;}/*黑*/
.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;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';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: #999999;}
:-moz-placeholder {color: #999999; } 
::-moz-placeholder { color: #999999; } 
:-ms-input-placeholder {color: #999999; }

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

.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 #23b8bc;}   
.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 #23b8bc;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {background:}  
.pager a:hover,.pager span.current { background:#23b8bc;border:1px solid #23b8bc;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #23b8bc} 
.pager a,.pager span.disabled {color:#23b8bc;border:1px solid #23b8bc;} 
.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:16px; } 

.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 {height:65px; line-height:65px; position:fixed; z-index:9999;left:0;top:0;width:100%; background:#fff}
.fixtop .toper .logo {float:left;}
.fixtop .toper .logo a { background:url(../images/logo.png) no-repeat center;width:167px; height:34px; display:block;margin-top:16px; background-size:cover;}
.fixtop .toper ul.navpc {float:left;margin-left:40px}
.fixtop .toper ul.navpc li {display:inline-block;margin:0 4px;position:relative;}
.fixtop .toper ul.navpc li a {display:block;padding:0 20px;color:#3e3a39;font-weight:400;font-size:14px;border-bottom:2px solid transparent; height:63px;}
.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li:hover>a{color:#f8b73d;border-color:#23b8bc}
.fixtop .toper ul.navpc li.check a{color:#f8b73d;}
.fixtop .toper ul.navpc li dl { display:none; position:absolute;width:100%; left:0;top:75px;background:#fff;padding:10px 0;opacity:0}
.fixtop .toper ul.navpc li.li2 dl {width:200px;left:-35px}
.fixtop .toper ul.navpc li.li4 dl {width:200px;left:-40px}
.fixtop .toper ul.navpc li.li5 dl {width:200px;left:-33px}
.fixtop .toper ul.navpc li dl dd {margin:10px 0}
.fixtop .toper ul.navpc li.check dl dd a,.fixtop .toper ul.navpc li dl dd a{padding:0; background:none; text-align:center; line-height:25px; height:25px;border:0;font-weight:300;color:#666;}
.fixtop .toper ul.navpc li dl dd a:hover {color:#23b8bc;background:none;}
.fixtop .toper ul.navpc li.mpro dl { position:fixed;border-top:1px solid #b5b6b6; text-align:center;padding:35px 0 5px 0}
.fixtop .toper ul.navpc li.mpro dl dd {margin:0px 30px 60px 30px; display:inline-block; vertical-align:top;}
.fixtop .toper ul.navpc li.mpro dl dd img { position:relative;top:25px; height:90px;}
.fixtop .toper ul.navpc li.mpro dl dd:hover img {top:20px}
.fixtop .toper ul.navpc li.mpro.check dl dd a,.fixtop .toper ul.navpc li.mpro dl dd a{ height:auto}
.fixtop .toper .btn {float:right; text-align:right; position:relative}
.fixtop .toper .btn a { display:inline-block; vertical-align:middle;font-size:14px;margin:0 0 0 30px}
.fixtop .toper .btn .shop { background:#f8b73d;color:#3e3a39;border-radius:3px; height:30px; line-height:30px;padding:0 15px;font-weight:400; letter-spacing:0px}
.fixtop .toper .btn .shop:hover { background:#23b8bc;color:#fff}
.fixtop .toper .btn .zoom { background:url(../../images/zoom.png) no-repeat center;width:17px; height:17px;}
.fixtop .toper .btn .info { background:url(../../images/1.png) no-repeat center;width:19px; height:20px;}
.fixtop .toper .btn .en {font-weight:400;color:#3e3a39;}
.fixtop .toper .btn form { position:absolute;top:47px;width:208px;right:0;opacity:0}
.fixtop .toper .btn form #k { height:30px; line-height:30px;padding:0 15px;width:138px;font-size:14px}
.fixtop .toper .btn form #button { cursor:pointer;border:0; background:#f8b73d;color:#3e3a39; height:30px; line-height:30px;width:40px;text-align:center;font-size:13px}
.fixtop .toper .btn form #button:Hover { background:#23b8bc;color:#fff;}
.fixtop .toper .btn form.active {opacity:1;top:57px;}
.tblank { height:65px}

.fixtop1 { background:none;}
.fixtop1.active,.fixtop1:hover { background:#fff}
.fixtop1 .toper .logo a { background:url(../images/logo1.png) no-repeat center; background-size:cover;}
.fixtop1.active .toper .logo a,.fixtop1:hover .toper .logo a { background:url(../images/logo.png) no-repeat center;background-size:cover;}
.fixtop1 .toper ul.navpc li a {color:#fff}
.fixtop.active .toper ul.navpc li a,.fixtop:hover .toper ul.navpc li a {color:#3e3a39;}
.fixtop1 .toper ul.navpc li.check a {color:#fff}
.fixtop1.active .toper ul.navpc li.check a,.fixtop1:hover .toper ul.navpc li.check a {color:#f8b73d}
.fixtop1 .toper .btn .en {color:#fff;}
.fixtop1.active .toper .btn .en,.fixtop1:hover .toper .btn .en {color:#3e3a39}
.fixtop1.active .toper .btn .en:hover,.fixtop1:hover .toper .btn .en:hover {color:#23b8bc}
.fixtop1 .toper .btn .zoom { background:url(../../images/zoom_1.png) no-repeat center;}
.fixtop1.active .toper .btn .zoom,.fixtop1:hover .toper .btn .zoom { background:url(../../images/zoom.png) no-repeat center}
.fixtop1 .toper .btn .info { background:url(../../images/1_1.png) no-repeat center;}
.fixtop1.active .toper .btn .info,.fixtop1:hover .toper .btn .info  { background:url(../../images/1.png) no-repeat center;}


.bxslider li a { height:750px; background-position:center; background-repeat:no-repeat; display:block}

.index { background:#f2f2f2;padding:120px 0}
.indpro li {float:left;width:49.3%; position:relative; overflow:hidden}
.indpro li.f1 {margin-right:1.4%}
.indpro li.f3 {margin-top:1.4%}
.indpro li .cons { position:absolute; z-index:50; background:rgba(255,255,255,0.75);width:100%;padding:25px 8% 20px 8%; bottom:0;font-weight:400;color:#3e3a39}
.indpro li .cons .title { height:30px; line-height:30px; overflow:hidden;font-size:20px;font-weight:700}
.indpro li .cons .more {font-size:14px;font-weight:700;margin-top:5px}
.indpro li .cons .more i {background:url(../../images/more.png) no-repeat center right;width:8px; height:15px; display:inline-block; vertical-align:top;margin:8px 4px 0 0}
.indpro li:hover .cons { background:#23b8bc;color:#fff}
.indpro li:hover .cons .more i { background-position:center left;}

.indmid {margin-top:75px}
.indvideo {float:left;width:49.3%;}
.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;}
.indnews {float:right;width:49.3%; position:relative; overflow:hidden}
.indnews .cons {  position:absolute; z-index:50; background:rgba(255,255,255,0.75);width:100%;padding:25px 8% 20px 8%; bottom:0;color:#3e3a39}
.indnews .cons .title {font-size:20px;font-weight:400; height:25px;  line-height:25px; overflow:hidden; position:relative;}
.indnews .cons .title font { display:block;margin:0 80px 0 0;}
.indnews .cons .title span { position:absolute;top:0;right:0; text-align:right; display:block}
.indnews .cons .content {font-size:14px; line-height:25px; height:50px; overflow:hidden;margin:15px 0 0 0}
.indnews:hover .cons { background:#23b8bc;color:#fff;}
.indmap { position:relative;margin-top:70px}
.indmap .cons { position:absolute;left:3.5%;width:93%; height:100%;}
.indmap .cons h1 {font-weight:400;color:#3e3a39;font-size:24px}
.indmap .cons h2 {margin:5px 0 0 0; display:inline-block}
.indmap .cons h2 a {font-size:14px;font-weight:700;color:#3e3a39;}
.indmap .cons h2 a i { background:url(../../images/7.png) no-repeat center right;width:8px; height:15px; display:inline-block; vertical-align:top;margin:9px 5px 0 0}
.indmap .cons h2:hover a i {background-position:left;margin-right:8px}
.indmap .cons h2:hover a {color:#23b8bc}
.bannerin { height:510px; background-position:center; background-repeat:no-repeat}
.about {padding:90px 0;}
.aboutmenu { text-align:center;}
.aboutline { background:#cdcece; height:1px;margin-top:80px}
.aboutmenu dd { display:inline-block; vertical-align:top;width:112px;margin:0 52.8px}
.aboutmenu dd.f1 {margin-left:0}
.aboutmenu dd.f6 {margin-right:0}
.aboutmenu dd a {font-size:18px}
.aboutmenu dd i {width:112px; height:111px; display:block;margin:0 auto 15px auto}
.aboutmenu dd.f1 i { background-image:url(../../images/a1.png);}
.aboutmenu dd.f2 i { background-image:url(../../images/a2.png);}
.aboutmenu dd.f3 i { background-image:url(../../images/a3.png);}
.aboutmenu dd.f4 i { background-image:url(../../images/a4.png);}
.aboutmenu dd.f5 i { background-image:url(../../images/a5.png);}
.aboutmenu dd.f6 i { background-image:url(../../images/a6.png);}
.aboutmenu dd:hover i,.aboutmenu dd.check i { background-position:bottom}
.profile .title { text-align:center;color:#3e3a39;font-size:32px;margin:80px 0 50px 0;font-weight:400}
.profile .cons {font-size:16px; line-height:31px}
.manufacturing .cons {font-size:14px; line-height:34px;}
.news {margin-top:-55px}
.news li { position:relative;margin-top:30px}
.news li:hover {box-shadow:0 0 10px #ccc;}
.news li .pic { position:absolute;left:0;top:0;width:500px; height:300px; overflow:hidden;}
.news li .pic a { display:block;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news li .list {margin:0 0 0 500px; height:198px;padding:50px 60px;border:1px solid #dcdcdc;border-left:0;}
.news li .list .t { height:25px; line-height:25px; overflow:hidden}
.news li .list .t a {font-size:24px;color:#3e3a39;font-weight:400}
.news li .list .c {font-size:14px; line-height:27px; height:81px; overflow:hidden;margin:32px 0}
.news li .list .a {font-size:14px;}
.news li .list .a img { vertical-align:top;margin:8px 8px 0 0}
.news li .list .a img.m2 {margin:9px 8px 0 20px}
body.bg {background:#e6e6e6;}
.nshow {padding:80px 0 0 0}
.nshow .subject {font-size:14px;margin:0 0 30px 0}
.nshow .subject a {font-size:14px;}
.nshow .subject i {margin:0 5px}
.nshow .cons { background:#fff;padding:60px 145px;}
.nshow .cons .title { text-align:center;font-size:30px;font-weight:700;color:#3e3a39; line-height:50px}
.nshow .cons .addtime { text-align:center;font-size:14px;font-weight:400;color:#3a3a39;margin:5px 0 30px 0}
.nshow .cons .content {font-size:14px;font-weight:400;color:#3e3a39; line-height:28px}

.tab {margin-top:90px;font-size:14px;}
.tab a {font-size:14px}
.tabs{float:left;width:20%;}
.tabs h1 {color:#3e3a39;font-size:18px;font-weight:700;margin-top:-8px}
.tabs p {font-weight:700;margin:20px 0 0 0}
.tabs li{}
.tabs a{display:block;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.currenttab a{color:#23b8bc}
.tab_content {float:right;width:80%}
.tabs_item{display:none;border:1px solid #cdcece;padding:65px}
.tabs_item:first-child{display:block;}
.tabs_item .title {color:#23b8bc;font-size:18px;margin:0 0 30px 0}

.product .bxslider li a { height:510px;}
body.bg2 { background:#f2f2f2}

.products {padding:90px 0 120px 0}
.products .subject{font-size:36px;font-weight:400;color:#3e3a39; text-align:center;padding:0 0 30px 0}
.products li {float:left;width:100%; position:relative;margin-top:2%}
.products li:hover {box-shadow:0 0 10px #999}
.products li.f3,.products li.f4,.products li.f6,.products li.f7 {width:49%;}
.products li.f4,.products li.f7 {margin-left:2%}
.products li .cons { position:absolute; width:100%;height:100%;}
.products li .cons .td {padding:0 50px}
.products li .cons h1 {font-size:25px; line-height:35px;font-weight:400;color:#3e3a39;max-width:300px}

.products li .cons h2 {margin:8px 0 0 0; display:inline-block}
.products li .cons h2 {font-size:14px;font-weight:700;color:#3e3a39;}
.products li .cons h2 i { background:url(../../images/7.png) no-repeat center right;width:8px; height:15px; display:inline-block; vertical-align:top;margin:8px 5px 0 0}
.products li:hover .cons h2 i { background-position:left;}
.products li:hover .cons h2 i {margin-right:8px}
.products li:hover .cons h2 {color:#23b8bc}

.bannerin2 { height:460px;}
.bannerin2 a { display:block;width:100%; height:100%;}

.plistout {padding:30px 0 120px 0}
.plist ul {width:106%;margin-top:-4%;margin-left:-3%}
.plist li {float:left;width:19%;margin:4% 3% 0 3%;}
.plist li .pic { position:relative; overflow:hidden;}
.plist li .title { height:25px; line-height:25px; overflow:hidden; text-align:center;margin-top:20px;}
.plist li .title a {font-size:14px;color:#3e3a39;font-weight:400}

.show {min-height:400px; text-align:center;padding:0 0 120px 0;font-size:20px; line-height:40px;}
.service {padding:80px 0 120px 0}
.service dl { text-align:center}
.service dd { display:inline-block; vertical-align:top;margin:0 10px;}
.service dd a {font-size:20px;font-weight:300;padding:0 20px;border-bottom:2px solid transparent; display:block; height:50px}
.service dd a:hover,.service dd.check a {border-color:#23b8bc;color:#3e3a39;font-weight:300}
.service .cons {margin:60px auto 0 auto;}
.service .cons span.a1 {font-weight:400;font-size:24px; line-height:44px; display:inline-block;margin:0 0 5px 0;}
.service .cons span.a2 {font-weight:400;font-size:36px; line-height:56px; display:inline-block;margin:0 0 5px 0;}

.network {width:104%;margin-left:-4%;margin-top:50px}
.network li {float:left;width:33.3333%;border-right:1px solid #999;padding:0 2% 0 4%;min-height:150px;margin-top:50px}
.network li.no {border-right:0;padding-right:0}
.network li .t {margin:-10px 0 10px 0; position:relative;font-size:16px;font-weight:700}
.network li .c {font-size:14px}

.faq { background:#f2f2f2;padding:30px 0 100px 0;margin-top:-120px}
.faq .mleft {margin:0 400px 0 0}
.faq .mright { position:absolute;right:0;top:90px;border:2px solid #d2d2d2;width:270px;}
.faq .mright #k { height:30px; line-height:30px;padding:0 15px;width:226px; display:inline-block; vertical-align:middle; background:none;font-size:14px}
.faq .mright #button { background:url(../../images/zoom.png) no-repeat center;  height:30px;width:40px; display:inline-block; vertical-align:middle; cursor:pointer;opacity:0.6}
.accordionservice li { position:relative;}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border-bottom:1px solid #dcdddd;padding:50px 0 20px 0}
.accordionservice li .link .title {display:inline-block; vertical-align:top;font-size:20px; line-height:40px;font-weight:400;color:#3e3a39;padding:0 50px 0 0}
.accordionservice li i {position: absolute;top:65px;right:0;background:url(../../images/4.png) no-repeat center;width:7px; height:13px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordionservice li.open .link {}
.accordionservice li.open i {transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.accordionservice .submenu {display:none;margin:20px 0 0 0;font-size:14px; line-height:30px;}

.message {margin-top:50px}
.message li { position:relative;margin:30px 0}
.message li span { position:absolute;width:130px;top:0px}
.message li p {margin-left:130px}
.message li p label {margin:0 25px 0 0}
.message li p label i{margin:-2px 0 0 10px; display:inline-block; vertical-align:top;}
.message li p input[type="text"] {border:1px solid #898989; height:38px; line-height:38px;padding:0 15px;width:50%;font-size:14px}
.message li p #cbeizu,.message li p #mbeizu {border:1px solid #898989;line-height:25px;padding:10px 15px;width:100%;font-size:14px;font-weight:400; height:300px}
.message li.btn { text-align:right}
.message li.btn p input {border:1px solid #898989; height:38px; line-height:38px;padding:0 25px; display:inline-block; cursor:pointer; background:none;margin-left:25px}
.message li.btn p input:hover { background:#23b8bc;color:#fff;border-color:#23b8bc}
.message li p input[type="text"]:hover,.message li p #cbeizu:hover,.message li p #mbeizu:hover {border-color:#23b8bc}

.get_more{text-align:center;background:#fff url(../images/more2.png) no-repeat center; height:75px; line-height:75px;float:left;width:100%;left:0; margin-top:15px;position:relative}

.hnews {margin-top:30px}
.conslist { position:relative;margin-top:15px; background:#fff}
.conslist .pic { overflow:hidden; position:absolute;width:775px; height:431px;}
.conslist .pic a { display:block;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.conslist .cons {margin:0 0 0 775px; height:431px;padding:0 40px}
.conslist .cons .title { height:35px; line-height:35px; overflow:hidden}
.conslist .cons .title a {font-weight:400;color:#3e3a39;font-size:30px;}
.conslist .cons .content {font-size:14px; line-height:30px; height:150px; overflow:hidden;margin:30px 0 50px 0}
.conslist .cons .addtime {font-size:14px;}
.conslist .cons .addtime img { display:inline-block; vertical-align:top;margin:8px 10px 0 0}
.conslist .cons .addtime img.m2 {margin:10px 10px 0 20px}
.conslist:hover .cons .title a {color:#23b8bc;}
.hshow .wrap {max-width:900px}
.hshow .p a {margin:0 15px 0 0;font-size:14px;}
.hshow .t {color:#3e3a39;font-size:30px;font-weight:400; text-align:center; line-height:45px;margin:50px 0}
.hshow .c {color:#3e3a39; line-height:35px}

.video ul {width:102%;margin-left:-1%;margin-top:-4%}
.video li {float:left;width:31.3333%;margin:4% 1% 0 1%}
.video li .pic { position:relative; overflow:hidden}
.video li .pic i { display:block;  position:absolute; z-index:50;left:0;top:0;width:100%; height:100%; background:rgba(0,0,0,0) url(../../images/5.png) no-repeat center;opacity:0}
.video li .title {height:20px; line-height:20px;  overflow:hidden;font-size:18px;color:#3e3a39;font-weight:400; text-align:center;margin-top:20px}
.video li:hover .pic i {background:rgba(0,0,0,0.3) url(../../images/5.png) no-repeat center;opacity:1}
.video li:hover .title {color:#23b8bc}

.videoframe { position:fixed; z-index:99999;top:0;left:0;width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; display:none;}
.videoframe iframe {width:100%; height:100%;}
.videoframe p { background:url(../../images/close2.png) no-repeat center; position:absolute;width:25px; height:25px; z-index:100;top:50%;left:50%;margin:-250px 0 0 390px; cursor:pointer}
body.vbg { background:none;}
.videoshow { text-align:center; position:relative;width:800px; height:100%;margin:0 auto;}
.videoshow iframe {width:100%; height:450px}
 
.infoplat { background:url(../../images/ibg.jpg) no-repeat center; height:700px; text-align:center; background-size:cover; text-align:center}
.infoplat dt {color:#23b8bc;font-size:55px; line-height:65px;font-weight:400;margin:0 0 80px 0}
.infoplat dd { display:inline-block;margin:0 40px; position:relative;top:0; text-align:center}
.infoplat dd:hover {top:-10px}
.infoplat dd img { display:block;margin:0 auto 20px auto}
.infoplat dd a {font-size:24px;font-weight:400;color:#666}

.distributor { background:url(../../images/dbg.jpg) no-repeat center;height:700px; text-align:center; background-size:cover; text-align:center}
.distributor dl { display:inline-block;margin:0 auto; text-align:left;}
.distributor dt {font-size:25px; line-height:25px;font-weight:700; letter-spacing:0px;color:#23b8bc;padding:0 0 30px 0}
.distributor dd { text-align:left;margin:0}
.distributor dd input[type="text"] {width:330px; height:35px; line-height:35px;border:1px solid #333;padding:0 10px; background:none;font-size:14px}
.distributor dd input[type="password"] {width:330px; height:35px; line-height:35px;border:1px solid #333;margin:15px 0 5px 0;padding:0 10px;background:none;font-size:14px}
.distributor dd h1 {}
.distributor dd h1 label { display:inline-block; vertical-align:middle; cursor:pointer;color:#000;font-size:14px;}
.distributor dd h1 label #gy {margin:10px 6px 0 0; display:inline; vertical-align:top;}
.distributor dd h1 p { display:inline-block; vertical-align:middle;}
.distributor dd h1 p a {color:#000;font-size:14px;margin-left:25px}
.distributor dd h2 {margin-top:15px}
.distributor dd h2 #button,.distributor dd h2 a { background:#23b8bc;color:#fff; cursor:pointer;border:0; display:inline-block; width:100px; line-height:35px; line-height:35px; vertical-align:top;margin:0 15px 0 0; text-align:center;font-size:14px; letter-spacing:0}
.distributor dd h2 #button:hover,.distributor dd h2 a:hover { background:#f8b73b}

.servicecons { text-align:center;}
.servicecons .content { display:inline-block;margin:0 auto; text-align:left;}

 
.tblank1 { display:none;}






.foot { background:#e6e6e6;font-size:14px; line-height:28px;padding:70px 0 100px 0}
.foot a {font-size:14px;}
.foot dt a {font-weight:400;color:#3e3a39;margin:0 0 10px 0; display:inline-block}
.foot dl {float:left;margin-right:55px;max-width:150px}
.foot dl.last {float:right;margin-right:0;width:120px; text-align:center}
.foot dl.last img {margin:8px 0 55px 0;width:100px}
.foot dl.last a { display:inline-block; vertical-align:middle; position:relative;top:0}
.foot dl.last a:hover {top:-5px}
.foot dl.last a.wb { background:url(../../images/wb.png) no-repeat;width:24px; height:20px;}
.foot dl.last a.wx { background:url(../../images/wx.png) no-repeat;width:22px; height:20px;margin:0 25px}
.foot dl.last a.qq { background:url(../../images/qq.png) no-repeat;width:19px; height:20px;}
.footer { background:#e6e6e6;border-top:1px solid #b5b5b6;font-weight:400;font-size:12px; line-height:22px;padding:15px 0 40px 0}
.footer a {font-size:12px;font-weight:400;color:#666}