﻿@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; }
.fixtop,.indcase li dd .cons,.indcase li dd p,.indcase li dd .cons h1,.indcase li dd .cons div,#tab2 .tabCon2 div i,.mix .cons,.mix .cons h1,.mix .cons div,.showprevnext a,.news li .cons .more hr,.news li .pic p,.downline hr,.mix .cons2,.fixtop .toper ul.navpc li p,.fixtop .toper ul.navpc li h2,.fixtop .toper .xq a,.showtalk .cons2 .title2 a,.rightfix .tel img,.rightfix .sq img,.tabs a i,#tab .tabList ul li i,.indmore a,.fixtop .toper ul.navpc li h2:before,.show2 .prevnext .next,.show2 .prevnext .prev,.show2 .prevnext .back,.phonemenu .nav li a span,.phonemenu .nav li a p,.tblank,.fixtop .toper .logo,.fixtop .toper .ad,.nav__trigger,.indcasecate li a,.indnews .pic img,.nshow .nshowprevnext a,.fixtop .toper .logo img,.fixtop .toper ul.navpc,.fixtop .toper ul.navpc li.check h2 span,.fixtop .toper .tel,.footmenu li p span:before,.footmenu li p,.footmenu li h2
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indcase li dd:hover p,.news li:hover .pic p,.indnews .pic:Hover img
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.aboutcons .tb1 td,.message .list input[type="text"],.message .list textarea,.indmidpic .cons,.indmidpic .cons .list input[type="text"],.indmidpic .cons .list textarea,.foot .txt-left,.footcopy .copy,.foot .txt-right
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:'Noto Sans SC','Source Han Sans CN Light','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;}
body {margin:0 auto;font-family:'Noto Sans SC','Source Han Sans CN Light','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;color:#000;margin:0 auto;overflow-x:hidden}
body,h1,h2,h3,h4,h5 {font-weight:normal;font-size:14px;line-height:2;font-weight:300;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#000;font-weight:300}
a:Hover,.news li .cons .title a:hover{color:#000}
strong,b {font-weight:500}
.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:'Noto Sans SC','Source Han Sans CN Light','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';border:0;font-size:14px}
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: #aeb2b1;}
:-moz-placeholder {color: #aeb2b1; }
::-moz-placeholder { color: #aeb2b1; }
:-ms-input-placeholder {color: #aeb2b1; }

::selection {background:#EB6101;color:#000000;}
::-moz-selection {background:#EB6101;color:#000000;}
::-webkit-selection {background:#EB6101;color:#000000;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:60px 0 120px 0; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center;}
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;}
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;}
.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:none}
.pager a:hover,.pager span.current { background: #efefef; color:#000;}
.pager a,.pager span.disabled {color:#999;}
.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; }

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:40px;margin-bottom:20px;}
.picright {margin-left:40px;margin-bottom:20px;}
.phonemenu {display:none;}

.wrap {margin:0 3%; position:relative;}
.wrap1 {max-width:1070px;margin:0 auto; position:relative}
.wrap2 {max-width:1200px;margin:0 auto; position:relative}
.wrap3 {max-width:1620px;margin:0 auto; position:relative}
.wrap4 {max-width:1440px;margin:0 auto; position:relative}
.wrap5 {max-width:1140px;margin:0 auto; position:relative}

.fixtop { position:fixed; z-index:9999;left:0;width:100%; height:90px; background:#fff}
.fixtop .wrap { position:relative}
.fixtop .toper .logo {float:left;margin:28px 0 0 0;background:url("../images/logo.png") no-repeat center top;width:188px;height:44px; background-size:cover; display:block}
.fixtop .toper .ad {color:#000;font-size:24px; height:28px; line-height:27px;border-left:1px solid #000;padding:0 0 0 25px;display:inline-block; position:absolute;top:28px;left:0;margin:0 0 0 225px;font-weight:400}
.fixtopindex { background:none;}
.fixtop.active {background:#333131}
.fixtop.active .toper .logo { background-position: center bottom;}
.fixtop.active .toper .ad {color:#fff;border-color:#fff}

.fixtop .toper ul.navpc {float:right;margin:0 220px 0 0;opacity:1; height:90px; line-height: 88px; display:inline-block}
.fixtop .toper ul.navpc li {display:inline-block;text-align:center; position:relative;margin:0 0 0 50px; position:relative}
.fixtop .toper ul.navpc li a {display:block; position:relative; text-align:center;}
.fixtop .toper ul.navpc li p {color:#000;font-size:24px;font-weight:400;position: relative; z-index: 999}
.fixtop .toper ul.navpc li h2 { position:absolute; z-index:100;top:0px;left:50%;width:100%;margin-left:-50%; text-align:center;color:#333;font-size:16px;font-weight:400;opacity:0;height:90px; line-height: 88px; text-transform: uppercase}
.fixtop .toper ul.navpc li.f4 h2,.fixtop .toper ul.navpc li.f4.check:hover h2 {width:60px;margin-left:-30px}
.fixtop .toper ul.navpc li.f5 h2,.fixtop .toper ul.navpc li.f5.check:hover h2,.fixtop .toper ul.navpc li.f5_2.check:hover h2 {width:70px;margin-left:-35px}
.fixtop .toper ul.navpc li.f7 h2,.fixtop .toper ul.navpc li.f7.check:hover h2 {width:80px;margin-left:-40px}
.fixtop .toper ul.navpc li:hover h2 {opacity:1}
.fixtop .toper ul.navpc li:hover p {opacity:0}
.fixtop .toper ul.navpc li h2:before{ display:block;content:''; position:absolute; z-index:-1;left:50%;top:50%;margin-top:-2px;width:0;height:4px; background:#EB6101}
.fixtop .toper ul.navpc li:hover h2:before,.fixtop .toper ul.navpc li.check h2:before {width:100%;margin-left:-50%;transition-delay:0.2s;-moz-transition-delay: 0.2s; -webkit-transition-delay:0.2s; -o-transition-delay: 0.2s;}
.fixtop.active .toper ul.navpc li p,.fixtop.active .toper ul.navpc li h2 {color:#fff}
.fixtop .toper ul.navpc li.check h2 {opacity:1}
.fixtop .toper ul.navpc li.check h2 span {opacity:0;}
.fixtop .toper ul.navpc li.f4.check h2,.fixtop .toper ul.navpc li.f5.check h2,.fixtop .toper ul.navpc li.f7.check h2 {width:58px;margin-left:-30px}
.fixtop .toper ul.navpc li.f5_2.check h2 {width:80px;margin-left:-41px}
.fixtop .toper ul.navpc li.check:hover h2 span {opacity:1}
.fixtop .toper .tel {position:absolute;right:0;top:29px;border:1px solid #000;height:30px; line-height: 28px;display:inline-block;padding:0 20px;border-radius:30px;color:#000;font-size:18px;font-weight:400}
.fixtop.active .toper .tel {border-color:#fff;color:#fff;}

.tblank { height:90px}
.bxslider li {position:relative}
.bxslider li a { display:block;background-attachment:fixed; background-position:center top; background-repeat:no-repeat; background-size:100%;padding:19.53% 0}

.indabout {padding:125px 0 115px 0}
.indabout .t {font-size:35px; line-height:50px;margin:0 0 40px 0; letter-spacing:1px}
.indabout .c {font-size:14px;color:#333;}

.indcasecate { text-align:right;margin:-10px 0 5px 0}
.indcasecatein {margin-top:65px}
.indcasecate .subject { position:absolute;left:50%;top:-6px;font-size:18px;margin-left:-535px;color:#333;font-weight:500}
.indcasecate li { display:inline-block; vertical-align:top;margin:0 0 0 35px;}
.indcasecate li a {font-size:16px;color:#333;border-bottom:1px solid #fff; line-height:20px; display:inline-block;font-weight:500}
.indcasecate li.check a {border-color:#333;}
.indcasecate li a:hover {border-color:#333}

.indcase ul{ clear:both}
.indcase li {padding:30px 0 60px 0}
.indcase li dd { position:relative; overflow:hidden;width:33.3333%;float:left;}
.indcase li dd .cons,.mix .cons { position:absolute; z-index:50;width:90%; height:100%;padding:0 5%;color:#fff; background:rgba(0,0,0,0.8);opacity:0}
.indcase li dd:Hover .cons,.mix:hover .cons {opacity:1}
.indcase li dd .cons h1,.mix .cons h1 {font-size:19px;line-height:29px; position:relative;top:0;}
.indcase li dd .cons div,.mix .cons div { position:absolute;bottom:0;width:90%;font-weight:500}
.indcase li dd .cons div i,.mix .cons div i { background:#fff;width:15px; height:1px; display:block}
.indcase li dd .cons div span,.mix .cons div span { line-height:34px;font-size:24px; display:block;margin:10px 0 0px 0;}
.indcase li dd .cons div font,.mix .cons div font {font-size:13px; line-height:18px;font-weight:300}
.indcase li dd:hover .cons h1,.mix:hover .cons h1 {top:7%}
.indcase li dd:hover .cons div,.mix:hover .cons div {bottom:7%}

.indservice { text-align:center}
.indservice .in {margin:0 auto; display:inline-block}
.indservice .title {font-size:29px; line-height:39px;color:#999999;margin:-105px 0 5px 0}
.indservice .content {font-size:101px;font-weight:100;color:#333; line-height:1.4}
.indservice .content strong {font-weight:600;}
.indservice .content img.i {margin:0 20px}
.indservice .icon { text-align:center;margin:50px 0 35px 0}
.indservice .icon i { background:url(../images/down.png) no-repeat center;width:48px; height:24px;margin:0 auto; display:block}
.indservice .list { display:inline-block;margin:0 auto}
.indservice ul { text-align:left;margin:0 0 85px 0;}
.indservice li { display:inline-block; vertical-align:top; position:relative;margin:0 0 0 70px}
.indservice li:nth-child(1) {margin:0;}
.indservice li:before {content:''; position:absolute;left:-35px;top:10px;width:1px; height:83px; background:#999999}
.indservice li:nth-child(1):before { display:none;}
.indservice li .t {font-size:29px; line-height:39px;color:#333;margin:0 0 10px 0;font-weight:400}
.indservice li .c {font-size:14px;color:#666; line-height:1.8}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
.clearfix{display:block}

.indfoot {text-align:center;font-size:22px; line-height: 1.6;color:#000;margin:170px 0 180px 0}
.indfoot hr {border-color:#000;width:12px;margin:25px auto 10px auto}
.indfoot .tx1 {font-size:34px;font-weight:500;line-height: 1.5;}
.indfoot .tx2 {font-size:69px;font-weight:500;line-height: 1.4;}
.indfoot .tx3 {font-size:37px;font-weight:400;line-height: 1.3}
.indfoot .tx4 {font-weight:400}

.maincons {margin-top:50px}
.show {max-width:1460px;}
.show .left {float:left;width:20%; position:relative}
.show .left .title {color:#333;font-size:22px; line-height:35px;}
.show .left .line { background:#ccc; height:1px;width:15px;margin:15px 0 0 0}
.show .left .title2 {color:#333;font-size:16px;}
.show .left .hy {color:#999;font-size:16px;border-bottom:1px solid #ccc;margin:15px 0 30px 0;padding:0 0 30px 0}
.show .right {float:right;width:68.5%; position:relative;}
.show .right img {margin:5px 0}
.show .right iframe,.show .right embed {width:100%; height:565px;}
.showprevnext { position:fixed; z-index:9999;right:17%;top:115px;width:30px;}
.showprevnext a { display:block;width:30px; height:30px; background-color:#9d9f9f;border-radius:50%;margin-top:10px}
.showprevnext a.back { background-image:url(../images/2.png);}
.showprevnext a.back:hover { background-position:bottom}
.showprevnext a.prev { background-image:url(../images/3.png); background-position:right}
.showprevnext a.prev:hover { background-position:left}
.showprevnext a.next { background-image:url(../images/4.png);}
.showprevnext a.next:hover { background-position:right}
.showprevnext a:hover { background-color:#EB6101}

.newscate li { display:inline-block; vertical-align:top;margin:0 40px 0 0; position:relative;}
.newscate li a {font-size:20px;}
.newscate li p { position:relative; z-index:20;padding:0 10px;}
.newscate li hr { height:5px;width:100%; background:#EB6101; position:absolute;top:11px; z-index:1;border:0;margin:0;transition:transform 0.5s;transform:scaleX(0);transform-origin:100% 0;}
.newscate li.check hr,.newscate li:hover hr {transform:scaleX(1);transform-origin:0 0;}

.news {max-width:1200px;margin:-70px auto 0 auto}
.news li { position:relative;padding:40px 0;border-bottom:1px solid #eeeeee;}
.news li .pic { position:absolute;top:40px;left:0; overflow:hidden;width:460px;}
.news li .cons {margin:0 0 0 490px; height:284px;}
.news li .cons .title { line-height:30px; height:60px; overflow:hidden;margin:30px 0 26px 0}
.news li .cons .title a {font-size:20px;color:#333;}
.news li .cons .content { line-height:30px; height:60px; overflow:hidden}
.news li .cons .more {margin-top:56px; margin-left:-5px; position:relative; display:inline-block;}
.news li .cons .more a {}
.news li .cons .more p { position:relative; z-index:20;padding:0 5px;}
.news li .cons .more hr { margin:0;border:0;background:#EB6101; height:5px; position:absolute;top:11px;left:0; z-index:1;width:0}
.news li:hover .cons .more hr {width:100%}


.about {max-width:1460px; clear:both}
.about .left {float:left;max-width:280px;color:#000;min-height:20px}
.about .left .title {font-size:20px;}
.about .left .entitle { text-transform:uppercase;font-size:14px;margin-top:-10px;}
.about .left .line { height:1px; background:#333;width:10px;margin:2px 0 30px 0}
.about .left .encom { text-transform:uppercase; letter-spacing:0;font-size:13px;margin-top:-5px}
.about .right {width:1000px;float:right;}
.about .right .cons1 {font-size:20px; line-height:40px;color:#333;margin:0 0 50px 0}
.about .right .cons2 {float:left;width:45%;}
.about .right .cons2 .title {color:#333;font-size:20px;margin:30px 0}
.about .right .fright {float:right}
.about2 li {margin-top:90px}
.about2 li .about {padding:90px 0 0 0}

.aboutcons td { vertical-align:top;}
.aboutcons .tb1 td {width:50%;padding:0 5% 0 0}
.aboutcons .tb1 td.td2 {padding:0 0 0 5%}
.aboutcons .tb1 .abouta {font-size:18px;color:#000; display:inline-block; position:relative;}
.aboutcons .tb1 .abouta i{ position:relative; z-index:20;padding:0 10px}
.aboutcons .tb1 .abouta span { display:inline-block; position:absolute;left:0;top:11px; background:#EB6101; height:5px; z-index:1;width:100%;transition:transform 0.5s;transform:scaleX(0);transform-origin:100% 0;}
.aboutcons .tb1 .abouta:hover span{transform:scaleX(1);transform-origin:0 0;}
.aboutcons h1,.aboutcons h2,.aboutcons h3,.aboutcons h4,.aboutcons h5 {font-size:20px; line-height:35px;color:#333}
.aboutcons .tb2 {max-width:750px}
.aboutcons .tb2 td {width:33.3333%}
.aboutcons .tb2 h3 {margin:10px 0 15px 0}

.contact .cons3 {font-size:20px; line-height:40px;}
.contact .right h1,.contact .right h2,.contact .right h3,.contact .right h4,.contact .right h5 {font-size:20px; line-height:35px;color:#000}

.toline { display:inline-block; position:relative;}
.toline p { position:relative; z-index:10;padding:0 10px}
.toline hr { position:absolute;z-index:1; background:#fff001;border:0;top:50%;margin:0; height:5px;width:100%;margin-top:-2.5px;transform:scaleX(0);transform-origin:100% 0;transition:transform 0.5s;}
.toline:hover hr,#tab .tabList ul li.cur .toline hr {transform:scaleX(1);transform-origin:0 0;}

.downline { display:inline-block; position:relative}
.downline hr {margin:0; height:2px;width:0; background:#fff001;border:0; position:absolute;bottom:-2px}
.downline:hover hr {width:100%}


.wzjj {margin:12px 0 0 0}
.rightfix { position:fixed;right:0;bottom:0px;z-index:9999;width:100px; background:#fff; text-align:center}
.rightfix .sq {margin:1px 0; background:#EB6101}
.rightfix .cons {font-size:14px;color:#000; line-height:20px;padding:3px 0 5px 0;font-weight:400}
.rightfix .tel,.rightfix .sq {background:#EB6101; overflow:hidden}
.rightfix .tel img,.rightfix .sq img { position:relative;top:0}
.rightfix .tel:hover img,.rightfix .sq:hover img {top:-2px}

@-webkit-keyframes spinoffPulse2{0%{opacity: 0;}
10%{opacity: 0;}
20%{opacity: 0;}
30%{opacity: 0;}
40%{opacity: 0;}
50%{opacity: 1;}
60%{opacity:1;}
70%{opacity: 1}
80%{opacity: 1}
90%{opacity: 0}
100%{opacity: 0}}

.namemj a { height:0px; display:block;position:absolute;top:-70px;width:100%}

.fixshowleft .left { position:fixed;max-width:295px;}
.showtalk { position:relative;color:#000;margin:0 0 30px 0}
.showtalk .cons2 { background:#fbee42;vertical-align:middle;padding:10px 0 20px 25px; text-align:left;}
.showtalk .cons2 .title {font-size:17px;font-weight:400; letter-spacing:0px}
.showtalk .cons2 .content {font-size:28px;margin:5px 0 10px 0;font-weight:600;color:#000; letter-spacing:0px}
.showtalk .cons2 .title2 a {font-size:14px;border:1px solid #000;font-weight:400; display:inline-block;padding:0 8px; height:22px; line-height:22px;color:#000;margin:0 10px 0 0;letter-spacing:1px}
.showtalk .cons2 .title2 a:Hover {color:#EB6101; background:#000}

.pg404 {width:100%; text-align:center; height:100%}
.pg404 .cons {font-size:18px;font-weight:400;margin:60px 0 25px 0}
.pg404 .btn a { display:inline-block; height:25px; line-height:25px;font-size:14px;color:#000; background:#EB6101;margin:0 15px;padding:0 20px;font-weight:300}

.message .list {margin:0 0 20px 0;float:left;width:100%}
.message .mlt {width:48%;}
.message .mrt {float:right;width:48%;}
.message .list h1 {font-size:18px;font-weight:400;margin:0 0 10px 0; letter-spacing:1px}
.message .list input[type="text"] {padding:0 10px;border:1px solid #cccccc;width:100%; height:40px; line-height:40px;}
.message .list textarea {padding:5px 10px;border:1px solid #cccccc;width:100%; line-height:25px; overflow:auto; height:125px}
.message .list ul.style { text-align:center}
.message .list ul.style img { display:block;margin:0 0 5px 0}
.message .list ul.style li {float:left;margin-left:2%;width:23.5%;}
.message .list ul.style li lable { cursor:pointer}
.message .list ul.style li.f1 {margin-left:0}
.message .list ul.style li input {margin:0 10px 0 0; vertical-align:middle;}
.message .list ul.color li {width:19.2%;margin-left:1%;}
.message .listbtn { text-align:center}
.message .listbtn input {margin:0 auto;font-size:18px; background:#EB6101;border:1px solid #333;width:120px; height:40px; line-height:40px; letter-spacing:1px; cursor:pointer;margin:60px 0}
.demand {border-top:1px solid #dcdcdc;margin:10px 0 0 0;padding:40px 0 0 0}


.indmore { text-align:center;margin:40px 0 200px 0}
.indmore a {color:#999;font-size:16px; display:inline-block;padding:0 60px; height:45px; line-height:45px;border:1px solid #f1f1f1;margin:0 auto; letter-spacing:1px;}
.indmore a:hover { background:#fbee42;border-color:#fbee42;color:#000}

.show2 .cons { background:#f6f6f6;padding:5%;color:#666;}
.show2 .cons .mleft {float:left;width:23%;margin:0 12% 0 5%;font-size:19px; line-height:34px; text-align:right}
.show2 .cons .mright {float:right;width:47%;margin:0 5% 0 0}
.show2 .cons .mright .t {font-size:13px; line-height:28px}
.show2 .cons .mright .c {font-size:16px; line-height:31px;margin:20% 0 0 0}

.show2 .content img {width:100%;margin:10px 0 0 0}
.show2 .content b,.show2 .content strong {font-weight:bold}
.show2 .content iframe,.show2 .content embed {width:915px; height:565px;margin:10px auto 0 auto}

.show2 .prevnext { position:relative;margin:70px 0}
.show2 .prevnext .back { display:block;background:url(../images/11.png) no-repeat center; background-size:cover;width:60px; height:60px; position:relative;left:50%;margin-left:-30px}
.show2 .prevnext .back:hover {block;background:url(../images/12.png) no-repeat center}
.show2 .prevnext .next { background:url(../images/9.png) no-repeat center;width:135px; height:23px; display:block; background-size:cover; position:absolute;left:0;top:-10px}
.show2 .prevnext .prev {background:url(../images/9.png)no-repeat center;width:135px; height:23px; display:block; background-size:cover;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); position:absolute;right:0;top:12px}
.show2 .prevnext .next:hover,.show2 .prevnext .prev:hover {background:url(../images/10.png) no-repeat center; background-size:cover;}

.show2case {margin:140px 0 0 0}
.show2case .subject { text-align:center;border-bottom:1px solid #f1f1f1;}
.show2case .subject p { display:inline-block;font-size:32px;color:#333;margin:0 auto;border-bottom:4px solid #EB6101;padding:0 0 18px 0; position:relative;bottom:-1px}
.show2case .indcase {margin:50px 0 0 0;}
.show2case .indmore {margin:90px 0 150px 0}

.indmidpic { background-attachment:fixed; background-position:center; background-repeat:no-repeat;text-align:right;padding:6.5% 0; background-size:cover;}
.indmidpic .cons { background:#fff;width:570px;padding:60px 40px 50px 40px; display:inline-block;margin:0 0 0 auto; text-align:center;}
.indmidpic .cons .t1 {font-size:31px; line-height:31px;font-weight:400}
.indmidpic .cons .t2 {margin:10px 0 -5px 0}
.indmidpic .cons .list {float:left;width:46%; text-align:left;}
.indmidpic .cons .list.rt {float:right;}
.indmidpic .cons .list p {margin:25px 0 5px 0}
.indmidpic .cons .list input[type="text"]{border:1px solid #999; height:40px; line-height:40px;padding:0 15px;width:100%; vertical-align:top}
.indmidpic .cons .list textarea{border:1px solid #999; height:110px; line-height:25px;padding:10px 15px;width:100%; overflow:auto; vertical-align:top;}
.indmidpic .cons .list.pr {width:100%;float:none;margin:0 0 20px 0}
.indmidpic .cons .listbtn input { background:#EB6101; height:40px; line-height:40px; text-align:center; cursor:pointer;font-size:18px;width:100%;vertical-align:top;margin:0 0 15px 0}

.foot-in-message {margin-top:6%}
.foot-in-message.noblank {margin-top:0}
.foot-in-message .text {float:left;width:550px;padding:55px 0 0 0;text-align: left;color:#fff;}
.foot-in-message .text .title .t {font-size:32px; line-height: 37px;font-weight:500; letter-spacing: 1px;}
.foot-in-message .text .title .t2 {font-size:19px; line-height: 24px;padding:10px 0 15px 0}
.foot-in-message .text .content {border-top:2px solid #fff;border-bottom:2px solid #fff;padding:50px 0 35px 0;margin:0 0 10px 0;font-size:19px; line-height: 1.6; font-weight:400}
.foot-in-message .text .content h3 {font-size:24px;font-weight:500; line-height: 1.2;margin:0 0 12px 0}
.foot-in-message .text .content .row {margin:10px 0; position: relative;padding:0 0 0 120px;}
.foot-in-message .text .content .row .title {position:absolute;color:#000;height:25px; line-height: 23px;padding:0 10px; background: #fff;font-weight:500;top:4px;left:0}
.foot-in-message .text .content .row .title:before {content:'';position: absolute;right:-10px;top:4px;width:1px;height:17px; background: #fff}
.foot-in-message .text .content .row i {display:block}
.foot-in-message .text .summry {font-size:16px;}
.foot-in-message .text .summry h3 {font-size:21px; line-height: 1.4}
.foot-in-message .text .summry h3 strong {font-weight:500;font-size:27px;}
.foot-in-message .cons {float:right;}

.indnews {margin:140px 0}
.indnews .pic{float:left;width:47.5%; overflow:hidden}
.indnews .pic img {width:100%}
.indnews .cons {float:right;width:46%;}
.indnews .cons .subject {font-size:16px}
.indnews .cons .title {margin:12px 0 32px 0}
.indnews .cons .title a {font-size:18px; line-height:28px;font-weight:400}
.indnews .cons .content {font-size:15px; line-height:30px; height:60px; overflow:hidden;color:#666;margin:0 0 2px 0}
.indnews .cons .more a {color:#666;font-size:15px;}
.indnews .cons .more a:hover {color:#000}
.indnews ul {border-top:1px solid #e7e7e7;margin:25px 0 0 0;padding:30px 0 0 0}
.indnews li { height:30px; line-height:30px; overflow:hidden}
.indnews li a {color:#666;}
.indnews li a:Hover {color:#000}

.indnews .list:nth-child(2) {margin:60px 0 0 0}
.indnews .list:nth-child(2) .pic {float:right;}
.indnews .list:nth-child(2) .cons {float:left}

.indparer { text-align:center; background:#f1f1f1;padding:8% 0}
.caseblank { height:50px}

.nshow {max-width:1000px;margin:0 auto 0 auto; position:relative;left:150px;}
.nshow .title {font-size:24px; line-height:39px;border-bottom:1px solid #e8e8e8;padding:10px 0 20px 0;margin:0 0 55px 0}
.nshow .cons img {margin:5px 0}
.nshow .nshowprevnext {border-top:1px solid #e8e8e8;margin:90px 0 200px 0;padding:25px 0 0 0; text-align:right}
.nshow .nshowprevnext a { display:inline-block; vertical-align:top;width:31px; height:31px;margin:0 0 0 40px}
.nshow .nshowprevnext a.next { background:url(../images/14.png) no-repeat center;}
.nshow .nshowprevnext a.back { background:url(../images/15.png) no-repeat center;}
.nshow .nshowprevnext a.prev { background:url(../images/13.png) no-repeat center;}
.nshow .nshowprevnext a.next:Hover { background:url(../images/14_2.png) no-repeat center;}
.nshow .nshowprevnext a.back:Hover { background:url(../images/15_2.png) no-repeat center;}
.nshow .nshowprevnext a.prev:Hover { background:url(../images/13_2.png) no-repeat center;}


.foot {background:#121212;padding:110px 0 90px;color:#a1a1a1;font-size:14px;}
.foot .wrap3 {max-width:1650px;}
.foot a {color:#a1a1a1}
.foot a:hover {color:#fff;}
.foot strong {color:#fff;font-weight:400}
.foot .subject {position:relative;padding:0 0 0 105px;margin:0 0 140px 0}
.foot .subject:before {content:''; position: absolute;left:0;top:16px;width:90px;height:1px; background: #fff}
.foot .subject .en {text-transform: uppercase;color:#fff;font-size:16px;}
.foot .subject h2 {font-size:24px; line-height: 34px;font-weight:500;color:#fff; letter-spacing: 9px}
.foot .txt-left {float:left;width:27.5%;padding:0 0 0 105px;}
.foot .txt-left .logo {margin:50px 0 70px 0}
.foot .txt-left .text { line-height:1.5}
.foot .txt-left .text strong {font-size:19px;margin:25px 0 7px 0;display:block}
.foot .txt-right {float:left;width:72.5%;padding:0 105px 0 0; position: relative}
.foot .txt-right dl {float:left; position: relative}
.foot .txt-right dl:after {content:''; position: absolute;left:0;top:0;width:100%;height:1px; background: #3d3938;}
.foot .txt-right dl:before {content:''; position: absolute;left:0;top:118px;width:100%;height:1px; background: #3d3938;}
.foot .txt-right dl:nth-child(1) {width:41%}
.foot .txt-right dl:nth-child(1) .title {font-size:19px;color:#fff;font-weight:400; line-height: 1.4;margin:0 0 66px 0}
.foot .txt-right dl:nth-child(1) .title font {font-weight:300}
.foot .txt-right dl:nth-child(2) {width:33%}
.foot .txt-right dl:nth-child(3) {width:26%}
.foot .txt-right dl:nth-child(3) dd {text-align:center;color:#fff;font-size:13px}
.foot .txt-right dl:nth-child(3) dd img {margin:0 0 5px 0}
.foot .txt-right dl:nth-child(3) dd td {padding:0 20px 0 0}
.foot .txt-right dl:nth-child(3) dd td:nth-child(2) {padding:0}
.foot .txt-right dt {font-size:19px;border-bottom:1px solid #fff; display: inline-block;font-weight:300;color:#fff;padding:40px 0 40px 0;margin:0 0 60px 0;position:relative; z-index: 2}
.foot .txt-right dt font {font-weight:400}
.footcopy {padding:60px 0 0 0}
.footcopy .copy {float:left;}
.footcopy .copy:nth-child(1) {width:27.5%;padding-left:105px;}
.footcopy .copy:nth-child(2) {width:27.1%}
.foot .btn {position:absolute;top:10px;right:0; background: url("../images/menu.png") no-repeat center;width:30px;height:16px; background-size:100%; cursor: pointer}
.foot .totop {position:absolute;bottom:5px;right:0; background: url("../images/totop.png") no-repeat center;width:40px;height:40px; background-size:100%; cursor: pointer}

.footmenu {position:fixed;left:0;top:0;width:100%;height:100%; z-index: 99999; background: rgba(0,0,0,0.9); text-align: center;display:none;}
.footmenu li {margin:35px 0;}
.footmenu li a {display:inline-block; position: relative;}
.footmenu li p { position:absolute; z-index:100;left:0;top:0;width:100%;color:#fff;font-size:35px; font-weight:300;opacity:0;height:50px; line-height: 50px; }
.footmenu li p span {position:relative;display:inline-block;margin:0 auto}
.footmenu li p span:before{ display:block;content:''; position:absolute; z-index:-1;left:50%;top:50%;margin-top:-2px;width:0;height:6px; background:#EB6101}
.footmenu li h2 {color:#fff;font-size:35px;font-weight:300;opacity:1;text-transform: uppercase;height:50px; line-height: 50px; letter-spacing: 2px}
.footmenu li a:hover p {opacity:1}
.footmenu li a:hover h2 {opacity:0}
.footmenu li a:hover p span:before {width:120%;margin-left:-60%;transition-delay:0.2s;-moz-transition-delay: 0.2s; -webkit-transition-delay:0.2s; -o-transition-delay: 0.2s;}

.fixright {width:220px;border:1px solid #000;border-radius:20px; background: rgba(255,255,255,0.5); position: fixed;right:20px;top:50%;margin-top:-225px; z-index: 9999;padding:35px 0 30px 0; text-align: center}
.fixright .hello {font-weight:500;font-size:43px; line-height: 43px;margin:0 -25px 30px 0}
.fixright .wx {border-bottom:1px solid #000;padding:0 0 18px 0}
.fixright .wx img {width:100px;margin:0 auto}
.fixright .wx p {font-size:14px;font-weight:500; line-height: 20px;padding:15px 0 0 0}
.fixright .talk {border-bottom:1px solid #000;padding:14px 0 15px 0; position: relative}
.fixright .talk a {background:#EB6101;display:inline-block;height:28px; line-height: 27px;padding:0 15px;border-radius:28px;font-weight:500;font-size:14px}
.fixright .talk:before {content:''; position: absolute;right:20px;top:12px; background: url("../images/shou.png") no-repeat center;width:37px; height:37px;}
.fixright .tel-title {font-weight:400;font-size:14px;padding:18px 0 5px 0}
.fixright .tel {font-size:22px; line-height: 27px;font-weight:500;}
.fixright .close {position: absolute;right:5px;top:5px; background: url("../images/2.png") no-repeat center bottom;width:30px;height:30px; cursor: pointer;display:none;}