@charset "utf-8";
@font-face {
 font-family: 'CAI978';
 src: url('CAI978.eot');
 src: local('CAI978 Regular'), 
              local('CAI978'), 
              url('CAI978.woff') format('woff'), 
              url('CAI978.ttf') format('truetype'), 
              url('CAI978.svg#CAI978') format('svg');	  
} 
@font-face {
 font-family: 'DINOTLIGHT';
 src: url('DINOTLIGHT.eot');
 src: local('DINOTLIGHT Regular'), 
              local('DINOTLIGHT'), 
              url('DINOTLIGHT.woff') format('woff'), 
              url('DINOTLIGHT.ttf') format('truetype'), 
              url('DINOTLIGHT.svg#DINOTLIGHT') format('svg');	  
} 
* {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,.fixright,.tblank,.fixtop,.fixtop .toper .logo,.fixtop .toper .btnopen,.fixtop .toper ul.navpc li a,.tblank,.bxslider li a,.indsolution li .l,.indsolution li .t,.indsolution li .p,.rightmenu li,.rightmenu li a,.rightmenu li p,.indcha li,.conslist .cons,.conslist .pcover,.tab_content a.m,.tab_content a.m i,.indphoto .cate li a,#slider2 .slide img,.indchoose ul li .td,.indnews  li .addtime,.indnews  li .addtime h1,.indnews  li .cons .title a,.bottomprevnext p,.bottomprevnext p a,.photography_list li,.photography_list li .cons,.caseaabout .mright .cons .more i,.news li .pic a,.news li,.news li .addtime,.news li .addtime h2,.news li .cons .title a,.news li .cons .content,.news li i,.contact #mbtn,.fixtop .navpc span 
{transition-duration:.3s;-ms-transition-duration:.3s;-moz-transition-duration:.3s; -webkit-transition-duration:.3s;}
.conslist:hover .pcover,#slider2 .slide img:hover,.news li .pic a: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)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.indnum li,.indphoto .list li,.indcus .mright .cons,.indcus .mright,.indchoose ul li,.photography_list li,.caseaabout .mright,.service li,.service li .cons,.service li .cons .ts,.contact input[type="text"]
{-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:14px;line-height:30px;color:#666;max-width:1920px;}
h1,h2,h3,h4,h5 {font-weight:normal;font-size:14px;line-height:30px;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#666;}
a:hover,.cr9 a:hover,.indsolution li:Hover .t,.cr3 a:hover,.cooperation li .cons a:hover{color:#8BB929}
.cr3,.cr3 a {color:#333}
.table { display:table;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
.cons .table { display:table;width:100%; margin-top:160px;}

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:#8BB929;color:#ffffff;}
::-moz-selection {background:#8BB929;color:#ffffff;}
::-webkit-selection {background:#8BB929;color:#ffffff;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:70px 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 #e6e6e6;}   
.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 #e6e6e6;}   
.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:#8BB929;border:1px solid #e6e6e6;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #8BB929} 
.pager a,.pager span.disabled {color:#999;border:1px solid #e6e6e6;} 
.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:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1600px; position:relative}
.wrap2 {margin:0 auto;max-width:1475px; position:relative}
.wrap3 {margin:0 auto;max-width:1750px; position:relative}
.nwrap2 {margin:0 auto;max-width:1300px; padding:0 10px; position:relative}
.phonemenu { display:none;}




.fixtop .toper .tel { background:url(../images/tel.png) no-repeat bottom;background-size:172px 68px; width:181px; height:35px;margin-top:41px;float:right; display:block;overflow: hidden; text-indent: -99em;}
.fixtop1 .toper .tel { background-position:top;overflow: hidden; text-indent: -99em;}
.fixtop1.active .toper .tel { background-position:bottom}
.fixtop.active .toper .tel {margin-top:29px;}


.fixtop {height:115px; line-height:115px; position:fixed; z-index:9998;left:0;width:100%; background:#fff}
.fixtop .toper .logo { background:url(../images/logo.png) no-repeat bottom;width:217px;background-size:210px; height:41px;margin-top:35px;float:left; display:block;overflow: hidden; text-indent: -99em;}
.fixtop .toper .btnopen {float:right; background:url(../images/1.png) no-repeat bottom;width:21px; height:21px; cursor:pointer;margin:47px 0 0 16px}
.fixtop .toper ul.navpc {float:right;margin-right: 3%;}
.fixtop .toper ul.navpc li { display:inline-block;}
.fixtop .toper ul.navpc li a { display:block;padding:0 16px;height:111px; line-height:115px;border-bottom:4px solid transparent;text-align: center;font-family:"幼圆";font-size:18px;}
.fixtop .toper ul.navpc li a:Hover,.fixtop .toper ul.navpc li.check a{color:#8BB929;border-color:#8BB929;}
.tblank { height:115px}

.fixtop1 { background:none;}
.fixtop1 .toper .logo { background-position:top;overflow: hidden; text-indent: -99em;}
.fixtop1 .toper ul.navpc li a,.fixtop1 .toper ul.navpc li.check a {color:#fff;border-color:transparent;}
.fixtop1 .toper ul.navpc li a:Hover{color:#8BB929;border-color:transparent;}
.fixtop1 .toper .btnopen { background-position:top;}
.tblank1 { display:none;}

.fixtopvi .toper .btnopen { background-position:bottom}
.fixtopvi .toper .navpc .btnopen {float:none; background:none;width:auto; height:auto;margin:0}

.fixtop1.active .toper .logo { background-position:bottom}
.fixtop1.active .toper ul.navpc li a {color:#666}
.fixtop1.active .toper .btnopen { background-position:bottom;}
.fixtop1.active .toper ul.navpc li a:Hover,.fixtop1.active .toper ul.navpc li.check a{color:#8BB929;border-color:#8BB929;}

.fixtop.active { height:85px; line-height:85px; background:#fff}
.fixtop.active .toper .logo {margin-top:27px;}
.fixtop.active .toper .btnopen {margin-top:32px}
.fixtop.active .toper ul.navpc li a { height:81px; line-height:85px;}
.tblank.active { height:85px}

.fixtop .toper ul.navpc li.m2 { display:none}
.fixtop .toper ul.navpc li.m2 a:hover {border-color:transparent}
/*.fixtop.active .navpc span { display:none;}*/
.fixtop.active .toper ul.navpc li.m2 { display:block}


.fixtopvi.active .toper .navpc .btnopen {margin:0}

.fixright { background:#fff; position:fixed; z-index:9999;right:-400px;top:0;width:400px; height:100%}
.fixright.active {right:0}
.fixright .btnclose { background:url(../images/2.png);width:50px; height:50px; cursor:pointer;margin:18px 0 0 332px;}
.fixright ul {border:1px solid #f5f5f5;border-left:0;border-right:0;padding:30px 65px;margin:17px 0}
.fixright ul li {float:left;width:50%;margin:5px 0}
.fixright ul li.b {width:100%;font-weight:700}
.fixright .cons {padding:10px 0 0 65px}
.fixright .cons h1 {font-weight:700;padding:0 0 25px 0}
.fixright .cons p {float:left;margin:0 30px 0 0}
.fixright .cons p.p3 { clear:both;margin:25px 0 0 0}
.fixright .cons p span { display:inline-block;width:50px;margin:0 15px 0 0}
.fixright .cons p.p2 span {margin:0}

.bxslider li a { display:block; height:760px; background-position:center 0; background-repeat:no-repeat; background-attachment:fixed}
.bxslider.active li a {background-position:center 0; }

body.bg { background:#f8f8f8}
.cr9 {color:#999}
.cr9 a {color:#999}
.ft16,.ft16 a {font-size:16px; line-height:36px;}
.indsolution { text-align:center}
.indsolution .title {color:#8BB929;font-size:36px; line-height:56px;font-weight:300;margin:60px 0 5px 0}
.indsolution .title font {font-weight:700}
.indsolution .line { background:#8BB929; height:2px;margin:25px auto;width:70px}
.indsolution ul {margin-top:80px}
.indsolution li {float:left;width:17.5%; text-align:center;}
.indsolution li.i {width:10%;}
.indsolution li.i i { display:block;margin:22px auto 0 auto; background:url(../images/6.png);width:26px; height:24px}
.indsolution li .p {width:75px; height:65px;margin:0 auto;}
.indsolution li .l { height:2px;width:70px;margin:30px auto 20px auto;}
.indsolution li .t {font-size:28px; line-height:48px; letter-spacing:2px;font-weight:300}
.indsolution li:hover .l { background:#8BB929}
.indsolution li:hover .p{ background-position:bottom}

.indcha { background:url(../images/1.jpg) no-repeat center; background-attachment:fixed;margin:100px 0 0 0;padding:80px 0 100px 0;text-align:center;color:#fff; background-size:cover;}
.indcha .title {font-size:35px; line-height:55px;font-weight:700}
.indcha .content {font-size:35px; line-height:55px;font-weight:300}
.indcha ul {margin-top:80px}
.indcha li {float:left;width:17.5%; text-align:center; position:relative;top:0;}
.indcha li:hover {top:-10px}
.indcha li.i:hover {top:0}
.indcha li.i {width:10%;}
.indcha li.i i { display:block;margin:340px auto 0 auto; background:url(../images/7.png);width:17px; height:17px}
.indcha li .p {width:250px; height:255px;background-repeat:no-repeat; background-position:center;margin:0 auto 60px auto; clear:both; overflow:hidden}
.indcha li .t {font-size:18px; line-height:33px;letter-spacing:1px;}
.indcha li .c {font-size:18px; line-height:33px;font-weight:700;letter-spacing:1px;}

.indcasecons { background:#fff;padding:90px 0}
.indcasecons .mleft {float:left;width:55%;font-size:36px; line-height:56px;}
.indcasecons .mleft .t {color:#8BB929;font-weight:700}
.indcasecons .mleft .c {font-weight:300;margin-top:5px}
.indcasecons .mright {float:right;width:31%}
.indcasecons .mright .tel {float:left;}
.indcasecons .mright .tel .c {font-size:20px; background:url(../images/t.png) no-repeat center left;padding:0 0 0 60px; height:40px; line-height:40px; letter-spacing:1px;font-weight:300}
.indcasecons .mright .tel .t {font-size:40px;font-weight:700;margin-top:30px;font-family: 'CAI978';}
.indcasecons .mright .wx {float:right;max-width:130px}

.indcase {margin:50px 0 0 0}
.indcase .cate3 { position:absolute;right:0;top:23px; text-align:right}
.indcase .cate3 a {font-size:16px;}
.indcase .cate3 a.a2 {margin:0 130px 0 30px}
.indcase .cate3 img {margin-right:15px}

.tabs{display:table;}
.tabs li{display:inline-block;margin-right:45px}
.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;color:#999;border-top:3px solid transparent; line-height:75px}
.currenttab a{color:#333;border-color:#8BB929}
.tabs_item{display:none; text-align:center}
.tabs_item:first-child{display:block;}
.tab_content {margin-top:30px}
.tab_content a.m { background:#fff; height:75px; line-height:75px;margin-top:30px; display:block; text-align:center}
.tab_content a.m i { background:url(../images/9.png) no-repeat center top;width:25px; height:25px;display:inline-block;margin:-2px 22px 0 0; vertical-align:middle}
.tab_content a.m:Hover { background:#8BB929;color:#fff}
.tab_content a.m:hover i { background-position:bottom}

.single_item { display:inline-block; vertical-align:top;width:33.3333%; position:relative; overflow:hidden;margin-left: -0.25%;}
.conslist .cons { position:absolute; z-index:50;width:100%; height:100%; background:rgba(35,24,21,0.6); text-align:center;color:#fff;opacity:0}
.conslist .cons .td div {border:2px solid #fff;border-left:0;border-right:0;width:70%;margin:0 auto;padding:20px 0 25px 0}
.conslist .cons .td div p{font-size:25px; line-height:40px; color:#fff;}
.conslist:Hover .cons {opacity:1}

.indnum {margin:70px 0 60px 0}
.indnum li {float:left;width:25%; text-align:center;border-right:1px solid #919191;padding:10px 0 0 0}
.indnum li .num { height:25px;}
.indnum li.f4 {border:0}
.indnum li .count-outer {color:#8BB929;font-size:75px;font-family: 'DINOTLIGHT'; display:inline-block; vertical-align:top;}
.indnum li .p1 { display:inline-block; vertical-align:top;font-size:75px;font-family: 'DINOTLIGHT';color:#8BB929}
.indnum li .p2 { display:inline-block; vertical-align:top;color:#8BB929;font-size:35px;font-family: 'DINOTLIGHT';margin:-25px 0 0 5px}
.indnum li.f4 h1 {font-size:33px;margin:18px 0 0 0}
.indnum li.f4 h3 {margin-left:-20px}
.indnum li .cons {font-size:18px;color:#999;margin:40px 0 0 0}
.indphoto { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover;padding:150px 0 160px 0; text-align:center;color:#fff}
.indphoto .subject {font-size:50px; letter-spacing:2px; line-height:70px;font-weight:300;}
.indphoto .subject font {font-weight:700}
.indphoto .cate {margin:50px 0}
.indphoto .cate li { display:inline-block; vertical-align:top;margin:0 15px;}
.indphoto .cate li a {border-radius:25px; height:35px; line-height:34px;padding:0 20px;font-size:20px; display:block; background:#fff;color:#333}
.indphoto .cate li a:hover {color:#fff; background:#8BB929}
.indphoto .list {max-width:1200px;margin:100px auto 0 auto}
.indphoto .list li {float:left;width:25%;border-right:1px solid #c8c6c6;color:#c8c6c6}
.indphoto .list li.f4 {border:0}
.indphoto .list li .t {font-size:22px; line-height:37px;font-weight:700;margin:0 0 10px 0}
.indphoto .list li .c {font-size:16px; line-height:31px;}

.indcus { background:#fff; position:relative;padding:80px 0}
.indcus .line { position:absolute;bottom:0;left:0;width:45px; height:1px; background:#999;}
.indcus .mleft {float:left;width:29%;}
.indcus .mleft .f1 {font-size:30px; line-height:30px;font-weight:300}
.indcus .mleft .f2 {font-weight:700; line-height:20px;margin:15px 0 20px 0}
.indcus .mleft .f3 {width:45px; background:#8BB929; height:4px}
.indcus .mleft .f4 {font-size:26px; line-height:36px;font-weight:700;margin:55px 0 10px 0}
.indcus .mleft .f5 {font-size:23px; line-height:33px;font-weight:300}
.indcus .mleft .f6 {margin-top:35px;}

.indcus .mright {float:right;width:68%;border-right:1px solid #e2d8d8;}
.indcus .mright .cons {float:right;padding:0 55px 0 60px;width:38%; }
.indcus .mright .cons .t {font-size:30px; line-height:30px;font-weight:300}
.indcus .mright .cons .l {width:45px; background:#8BB929; height:4px;margin:40px 0}

#slider2 .pic {float:left;width:62%; position:relative; overflow:hidden}
#slider2 .bx-wrapper .bx-prev {left:62%;margin-left:-50px; background-image:url('../images/l.gif');width:50px; height:50px;}
#slider2 .bx-wrapper .bx-next {left:62%;right:auto;margin-right:-50px;background-image:url('../images/r.gif');width:50px; height:50px;}
#slider2 .bx-wrapper .bx-controls-direction a {top:auto;bottom:0;margin-top:0; width:50px; height:50px;}
#slider2 .bx-wrapper .bx-controls-direction a:hover {}
#slider2 .slide{ position:relative; overflow:hidden}


.indchoose { text-align:center}
.indchoose .title {font-size:35px; line-height:55px;font-weight:700;color:#8BB929;margin:70px 0 0 0; letter-spacing:2px}
.indchoose .content {font-size:35px; line-height:55px;font-weight:300}
.indchoose ul { background:#fff;border-radius:5px;margin:70px 0}
.indchoose ul li {float: left; display:inline-block; vertical-align:middle;width:33.3333%;border-right:1px solid #edebeb;padding:80px 0;margin:-15px 0}
.indchoose ul li .td { position:relative;top:0}
.indchoose ul li:hover .td {top:-5px}
.indchoose ul li.f3 {border:0}
.indchoose ul li .pic {float: left; display:inline-block; vertical-align:middle;width:31%; text-align:right}
.indchoose ul li .cons { display:inline-block; vertical-align:middle;width:59%;margin-left:10%; text-align:left}
.indchoose ul li .cons .t {font-size:22px;font-weight:700; line-height:40px}
.indchoose ul li .cons .t2 {font-size:22px;font-weight:300; line-height:40px}
.indchoose ul li .cons .l {width:60px; height:1px; background:#8BB929;margin:25px 0}
.indchoose ul li .cons .c { line-height:26px}

.logochoose { background:#fff}
.logochoose ul {border-radius:0;margin:0}
.logochoose ul li {margin:0}

.indnews {padding:30px 0 100px 0}
.indnews .mleft{float:left;width:27%}
.indnews .mleft .t {font-size:30px; line-height:30px;font-weight:300}
.indnews .mleft .et {margin-top:10px}
.indnews .mleft .l {width:45px; height:4px; background:#8BB929;margin:20px 0 115px 0}
.indnews .mleft .c {font-weight:700;font-size:22px; line-height:35px;color:#8BB929; letter-spacing:1px}
.indnews  .mright {float:right;width:68%}
.indnews  ul {width:106%;margin-left:-3%;margin-top:-85px}
.indnews  li {float:left;width:44%; position:relative;margin:85px 3% 0 3%;}
.indnews  li .addtime { position:absolute;left:0;top:0;width:105px; height:105px;border:1px solid #666; text-align:center;font-family: 'DINOTLIGHT';}
.indnews  li .addtime .n1 {font-size:22px; line-height:22px;color:#333;margin:17px 0 6px 0}
.indnews  li .addtime .n2 {font-size:45px; line-height:45px;}
.indnews  li .cons {margin:0 0 0 135px}
.indnews  li .cons .title { height:20px; line-height:20px; overflow:hidden;margin:14px 0 15px 0}
.indnews  li .cons .title a {font-size:18px;color:#333}
.indnews  li .cons .content { line-height:25px; height:50px; overflow:hidden;}
.indnews  li:hover .addtime { background:#8BB929;color:#fff;border-color:#8BB929}
.indnews  li:hover .addtime .n1 {color:#fff}
.indnews  li:Hover .cons .title a {color:#8BB929;}

.casemenu { text-align:center;padding:65px 0}
.casemenu li { display:inline-block; vertical-align:top;}
.casemenu li i {width:1px; height:15px; display:inline-block; vertical-align:top; background:#d4d0d0;margin:8px 25px 0 25px}
.casemenu li.check a {color:#8BB929}



.case {padding:0 0 70px 0}
.get_more {float:left;width:100%; text-align:center;padding:70px 0 0 0;}
.get_more p {color:#666}
.get_more p i { background:url(../images/jia.png) no-repeat center;width:38px; height:38px;margin:0 auto 10px auto; display:block;}
.ashow {margin-top:70px}
.ashow .mleft {float:left;width:36%;}
.ashow .mleft .t h1{font-size:30px; line-height:45px;}
.ashow .mleft .t2 h2{font-size:18px; line-height:33px;font-weight:300;margin:5px 0 40px 0}
.ashow .mleft .l {width:100px; height:3px; background:#8BB929;}
.ashow .mright {float:right;width:54%;}
.ashow .mright .l { width:30px; height:3px;margin:40px 0; background:#666}
.ashow .cons {margin-top:30px}
/*.ashow .cons img {width:1200px;}*/

.rightprevnext { position:fixed; z-index:9990;top:50%;left:50%;margin:-90px 0 0 820px;width:22px;}
.rightprevnext .close { background:url(../images/sw1.png) no-repeat;width:22px; height:23px; display:block;margin-left:-5px;margin-bottom:20px}
.rightprevnext .next { background:url(../images/sw2.png) no-repeat;width:15px; height:27px; display:block;margin:0 0 20px 0}
.rightprevnext .prev { background:url(../images/sw3.png) no-repeat;width:15px; height:27px; display:block;margin:0 0 20px 0}
.rightprevnext .bdsharebuttonbox a.bds_more { background:url(../images/sw4.png) no-repeat;width:21px; height:23px;}
.rightprevnext a:hover{ background-position:bottom}
.rightprevnext .bdsharebuttonbox a.bds_more:hover { background-position:bottom;margin-left:-10px}

.bottomprevnext { background:#fff; text-align:center; height:90px; line-height:90px;margin:60px 0}
.bottomprevnext p { display:inline-block; vertical-align:middle;height:100%;width:47%;}
.bottomprevnext p a {width:100%; height:100%}
.bottomprevnext p.prev { text-align:right;}
.bottomprevnext p.prev a {padding:0 5% 0 0;width:95%}
.bottomprevnext p.close {width:6%; }
.bottomprevnext p.close a {background:url(../images/close.png) no-repeat center;}
.bottomprevnext p.next { text-align:left}
.bottomprevnext p a {width:95%;}
.bottomprevnext p.prev:Hover{ background-color:#8BB929;color:#fff} .bottomprevnext p.prev:Hover a{color:#fff}
.bottomprevnext p.next:Hover{ background-color:#8BB929;color:#fff} .bottomprevnext p.next:Hover a{color:#fff}
.bottomprevnext p.close a {display:block;width:100%; height:100%}
.bottomprevnext p.close a:hover {background:#3e3e3e url(../images/close2.png) no-repeat center;}



.recommond {padding:0 0 110px 0}
.recommond .subject { text-align:center;}
.recommond .subject .p1 {font-size:30px;font-weight:300}
.recommond .subject .p2 {font-size:25px;font-weight:300;margin:10px 0 60px 0; letter-spacing:2px}

.photography #worksmore {width:100.4%;margin-left:-0.3%;margin-top:-0.6%}
.photography .single_item {width:32.7333%;margin:0.6% 0.3% 0 0.3%}
.photography_list { background:url(../images/2.jpg) no-repeat center; background-size:cover;padding:80px 0; text-align:center}
.photography_list ul {width:101%;margin-left:-0.5%}
.photography_list li { text-align:center;width:24%;margin:0 0.5%;padding:4% 5%;float:left; background:rgba(255,255,255,0.08); position:relative;top:0}
.photography_list li .title {font-size:22px;color:#fff;margin:15px 0 10px 0}
.photography_list li .cons {font-size:16px; line-height:31px;color:#999;}
.photography_list li:Hover { background:#8BB929;top:-10px;}
.photography_list li:Hover .cons {color:#fff}
.bgfff { background:none}
.caseaabout { background-attachment:fixed; background-position:center; background-repeat:no-repeat;  background-size:cover;padding:175px 0}
.caseaabout .wrap2 {max-width:1285px}
.caseaabout .mleft {float:left;width:20%;}
.caseaabout .mright {float:right;width:70%;padding:60px 80px 60px 60px; background:#fff;position:relative}
.caseaabout .mright .icon { background:url(../images/1.gif) no-repeat center;width:74px; height:74px; position:absolute;right:-37px;top:60px}
.caseaabout .mright .subject { position:absolute;left:60px;top:60px;border-right:2px solid #8BB929;padding:0 40px 0 0}
.caseaabout .mright .subject .p1 {font-size:22px; line-height:22px;font-family: 'CAI978';}
.caseaabout .mright .subject .p2 {font-size:18px; line-height:18px;margin-top:10px}
.caseaabout .mright .cons {margin:0 0 0 170px}
.caseaabout .mright .cons .title {font-size:20px; line-height:35px;margin:30px 0 18px 0}
.caseaabout .mright .cons .more { display:inline-block;margin-top:40px}
.caseaabout .mright .cons .more a { display:block;color:#999}
.caseaabout .mright .cons .more i { display:block; height:2px;width:20px; background:#8BB929;margin-top:3px}
.caseaabout .mright .cons .more:hover i {width:100%}

.aboutpic .mright { background:rgba(255,255,255,0.9)}
.aboutnum { background:#fff;margin:0;padding:70px 0 60px 0}

.about { background:url(../images/3.jpg) no-repeat center; background-size:cover;padding:100px 0 230px 0}
.about .wrap2 {max-width:1300px;}
.about .mleft {float:left;width:100px;margin-left:2%;}
.about .mright {float:right;width:840px;}
.about .mright .cons {font-weight:300;font-size:30px; line-height:50px;margin:0 0 80px 80px}
.about .mright ul {width:110%;margin-top:-8%;margin-left:-5%}
.about .mright li {float:left;width:40%;margin:8% 5% 0 5%; position:relative}
.about .mright li .num { position:absolute;left:0;width:45px; height:45px; line-height:45px; background:#8BB929;color:#fff; text-align:center;font-family: 'DINOTLIGHT';font-size:35px}
.about .mright li .list {margin:0 0 0 80px}
.about .mright li .list .t {font-weight:300;font-size:22px; line-height:25px; height:25px; overflow:hidden}
.about .mright li .list .l {width:40px; height:1px; background:#666;margin:25px 0 20px 0}
.about .mright li .list .c { line-height:30px; height:60px; overflow:hidden}
.bannerin { height:450px; background-position:center; background-repeat:no-repeat;}



.news .wrap2 {max-width:1180px}
.news ul {padding-top:10px}
.news li { position:relative; height:200px; background:#fff;margin-top:35px}
.news li .pic { position:absolute;left:0;top:0;width:338px; height:100%; overflow:hidden;}
.news li .pic a { display:block;width:100%; height:100%;}
.news li .addtime { position:absolute;left:388px;top:50px;width:90px; text-align:center;}
.news li .addtime .p1 {font-size:35px;font-family: 'DINOTLIGHT';margin:20px 0 5px 0}
.news li .addtime .p2 {font-size:20px;font-family: 'DINOTLIGHT';color:#333}
.news li .cons {margin:0 180px 0 528px;padding:35px 0 0 0}
.news li .cons .title { height:20px; line-height:20px; overflow:hidden;}
.news li .cons .title a {font-size:18px;}
.news li .cons .content { line-height:30px; height:60px; overflow:hidden;font-weight:300;margin-top:15px}
.news li .cons .tag a {color:#8BB929}

.news li i { display:block;width:42px; height:42px; position:absolute;right:68px;top:78px; background:url(../images/13.png) no-repeat right}
.news li i a { display:block;width:100%; height:100%}
.news li:hover { background:#8BB929;}
.news li:hover .addtime {color:#fff}
.news li:hover .addtime .p2 {color:#fff}
.news li:hover .cons .title a {color:#fff}
.news li:hover .cons .content {color:#fff}
.news li:hover .cons .tag {color:#fff}
.news li:hover .cons .tag a {color:#fff}
.news li:hover i { background-position:left}

.nshow {max-width:820px; float:left;}
.nshow .title h1{font-size:30px; line-height:45px; margin:20px 0 0 0;color:#716f70}
.nshow .addtime {font-weight:300;padding:0 0 10px 0; background:url(../images/line.jpg) no-repeat left bottom;}
.nshow .content {margin-top:40px}
/*.nshow  .rightprevnext { margin:-90px 0 0 620px;}*/

.nshow .bottomprevnext p {width:46%;overflow: hidden;}
.nshow .bottomprevnext p.close {width:8%; }

.nshow_right{max-width:400px; float:right;}
.newslist_title{max-width:400px; height:105px; background:url(../images/line.jpg) no-repeat left bottom;}
.newslist_title h3{width:262px;height:55px; font-size: 24px;  line-height: 54px; padding: 15px 0;   font-weight: 300;   margin: 20px 0 10px 0; float:left;}
.newslist_title a.more{width:82px;height:26px;margin-top: 55px;   background:url(../images/more1.png) no-repeat left bottom; display:block; float:right;}
.newslist_title a.more:hover{ background:url(../images/more2.png) no-repeat left bottom;}
.newslist .conslist .cons .td div{border:0;}
.newslist .conslist .cons .td div p a{width:100px;height:100px; display:block; border:0;}
.newslist .case{padding: 0 0 20px 0;}
.newslist .single_item { display:inline-block; vertical-align:top;width:50%; position:relative; overflow:hidden}
.newslist ul a{ line-height:25px;padding-right:15px; }

.nshow .indnews {padding:30px 0 100px 0}
.nshow .indnews  .mright {width:100%}
.nshow .indnews  ul {width:106%;margin-left:-3%;margin-top:-85px}
.nshow .indnews  li {float:left;width:44%; position:relative;margin:85px 3% 0 3%;}
.nshow .indnews  li .addtime { position:absolute;left:0;top:0;width:105px; height:105px;border:1px solid #666; text-align:center;font-family: 'DINOTLIGHT';padding:0;}
.nshow .indnews  li .addtime .n1 {font-size:22px; line-height:22px;color:#333;margin:17px 0 6px 0}
.nshow .indnews  li .addtime .n2 {font-size:45px; line-height:45px;}
.nshow .indnews  li .cons {margin:0 0 0 135px}
.nshow .indnews  li .cons .title { height:30px; line-height:30px;margin:4px 0 5px 0;text-align:left;}
.nshow .indnews  li .cons .title a {font-size:18px;color:#333}
.nshow .indnews  li .cons .content { line-height:25px; height:50px; overflow:hidden;margin-top:10px }
.nshow .indnews  li:hover .addtime { background:#8BB929;color:#fff;border-color:#8BB929}
.nshow .indnews  li:hover .addtime .n1 {color:#fff}
.nshow .indnews  li:Hover .cons .title a {color:#8BB929;}

.nshow .content{font-size:14px;line-height: 30px; }
.nshow .content h2{margin: 20px 0 0 0; font-size: 23px; line-height: 30px; font-weight: 300; color: #8BB929;}
.nshow .content ol li{font-size:16px;font-weight:bold;border-top:none;border-bottom: 1px solid #d4d4d4;}
.nshow .content p{margin-top:15px;font-size:16px;font-weight:100;}

.nshow .content .servicelist{padding:0;}

.nwrap2 .indnews {padding:30px 0 100px 0}
.nwrap2 .indnews  .mright {width:100%}
.nwrap2 .indnews  .a_title h3{width:100px;height:55px; font-size: 24px;  line-height: 54px; padding: 15px 0; border-bottom:3px solid #8BB929;  font-weight: 300;   margin: 10px auto 20px; text-align:center;}
.nwrap2 .indnews  ul {width:106%;margin-left:-3%;margin-top:-85px}
.nwrap2 .indnews  li {float:left;width:27%; position:relative;margin:85px 3% 0 3%;}
.nwrap2 .indnews  li .addtime { position:absolute;left:0;top:0;width:105px; height:105px;border:1px solid #666; text-align:center;font-family: 'DINOTLIGHT';}
.nwrap2 .indnews  li .addtime .n1 {font-size:22px; line-height:22px;color:#333;margin:17px 0 6px 0}
.nwrap2 .indnews  li .addtime .n2 {font-size:45px; line-height:45px;}
.nwrap2 .indnews  li .cons {margin:0 0 0 135px}
.nwrap2 .indnews  li .cons .title { height:20px; line-height:20px; overflow:hidden;margin:14px 0 15px 0}
.nwrap2 .indnews  li .cons .title a {font-size:18px;color:#333}
.nwrap2 .indnews  li .cons .content { line-height:25px; height:50px; overflow:hidden;}
.nwrap2 .indnews  li:hover .addtime { background:#8BB929;color:#fff;border-color:#8BB929}
.nwrap2 .indnews  li:hover .addtime .n1 {color:#fff}
.nwrap2 .indnews  li:Hover .cons .title a {color:#8BB929;}


.service { background:url(../images/sbg.jpg) no-repeat center; background-attachment:fixed;padding:125px 0}
.service ul {margin-top:-75px}
.service li { background:#fff;margin:75px 0 0 0; position:relative;padding:100px 80px}
.service li .cons {max-width:566px}
.service li .cons .ts { position:relative;}
.service li .cons .ts .icon { position:absolute;width:182px; height:135px}
.service li .cons .ts .t2 {margin:0 0 0 202px}
.service li .cons .ts .t2 .title {font-size:45px; line-height:65px;font-weight:700;color:#333;padding:10px 0 5px 0}
.service li .cons .ts .t2 .title2 {font-size:35px;font-weight:300; line-height:50px;color:#333}
.service li .cons .content {font-size:16px; line-height:31px;margin-top:30px}
.service li .pic { position:absolute;right:130px;top:40px;width:325px; height:350px;}

.servicelist {padding:80px 0}
.servicelist .subject { text-align:center;font-size:35px; line-height:55px;color:#333;font-weight:700}
.servicelist .line {width:45px; height:2px; background:#333;margin:20px auto 30px auto;}
.servicelist .cons {font-weight:300;font-size:30px; line-height:50px;color:#333}
.cooperation {max-width:1190px;margin:0 auto 80px auto}
.cooperation .subject {color:#8BB929;font-size:30px; line-height:50px;margin:60px 0 0 0}
.cooperation .content {font-size:16px;font-weight:300; line-height:36px;margin:0 0 30px 0}
.cooperation li {border-top:1px solid #d4d4d4;padding:30px 0}
.cooperation li .title { position:relative;min-height:45px}
.cooperation li .title i { position:absolute;width:45px; height:45px; line-height:45px;color:#fff;font-size:30px; display:block; background:#8BB929;font-family: 'DINOTLIGHT'; text-align:center}
.cooperation li .title p {margin:0 0 0 65px;font-size:23px; line-height:43px;font-weight:300;color:#8BB929;}
.cooperation li .cons {font-size:16px;font-weight:300; line-height:36px;margin-top:10px}
.cooperation li .cons a {font-size:16px;}
.cooperation li.f239 h1,.cooperation li.f239 h2,.cooperation li.f239 h3,.cooperation li.f239 h4,.cooperation li.f239 h5{font-size:24px; line-height:34px;padding:15px 0;font-weight:300;border:1px solid #afadac;border-left:0;border-right:0;margin:10px 0 20px 0}
.cooperation li.f239 table {width:100%}
.cooperation li.f239 .td1 {width:21.25%}
.cooperation li.f239 .td2 {width:5%;}
.cooperation li.f236 table {width:100%; text-align:center}
.cooperation li.f236 table img {margin:0 0 10px 0}
.cooperation li.f236 .td1 {width:49%;}
.cooperation li.f236 .td2 {width:2%}
.cooperation li.f233 table {width:600px}
.contact {max-width:1180px;margin:0 auto;padding:100px 0}
.contact .mleft {float:left;width:30%;}
.contact .mright {float:right;width:65%;}
.contact .msubject {float:left;width:65%;margin-left:35%;margin-bottom:0px}
.contact .msubject .title {font-size:25px; line-height:40px;color:#333;margin:80px 0 5px 0}
.contact .msubject .cons {font-weight:300;}
.contact .en {color:#8BB929;font-size:30px;font-family: 'CAI978';margin:0 0 10px 0; }
.contact .cn {color:#8BB929;font-size:25px;letter-spacing:2px}
.contact .companyname {font-size:25px; line-height:40px;color:#333}
.contact .companycons {font-weight:300;margin:20px 0 0 0}
.contact .companycons table {width:85%}
.contact .companycons table .td1 {padding:0 5% 0 0}
.contact input[type="text"] {border-bottom:1px solid #e1dcdc; background:none; height:60px; line-height:20px;width:100%;margin-top:60px}
.contact #mtel,.contact #mcompany{width:46%}
.contact #mcompany {float:right}
.contact #mbtn {border:1px solid #e1dcdc; background:none; cursor:pointer;width:145px; height:40px; line-height:40px;margin-top:35px}
.contact #mbtn:hover { background:#8BB929;color:#fff;border-color:#8BB929;}

.pp_cliten {
    width: 100%;
    padding: 40px 0 100px 0;
    /* background: url(../images/cliten.jpg) no-repeat center top; */
    
}

.pp_cliten .tile {
    margin-bottom: 40px;
}

.pp_cliten .tile h1 a,
.pp_cliten .tile h3,
.pp_cliten .tile i {
    color: #fff;
}
.pp_cliten .tile h1 a{
    color: #8BB929;
}
.pp_cliten .tile h1{
    font-size: 36px;
}
.pp_cliten .tile h3{
    padding-top: 17px;
    color: black;
}
.pp_cliten .major-list {
    display: block;
    margin: 0 auto;
    width: 90%;
    /* min-width: 1200px; */
}
.single_item{
    height: 455.75px;
}
#fgh{width: 25%;}
.pp_cliten li {
    width: 19.9%;
    height: 120px;
    margin: -1px 0 0 -1px;
    float: left;
    position: relative;
    border: 1px solid #e5e5e5;
    background: #fff;
}

.pp_cliten li a,
.pp_right li a img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.pp_cliten li a img {
    z-index: 2;
    width: 190px;
    height: 70px;
    transition: all 1s ease 0s;
    margin: 25px auto;
}

.pp_cliten li .back-face {
    filter: alpha(opacity=0);
    opacity: 0;
}

.pp_cliten li a {
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 120px;
    display: block;
    cursor: pointer;
}

.pp_cliten li:hover .back-face {
    z-index: 3;
    filter: alpha(opacity=100);
    opacity: 100;
}

.pp_cliten li:hover img {
    transform: scale(0.8);
}

.pp_cliten li .back-face::after {
    border: 1px solid #8BB929;
    content: "";
    height: calc(100% - 32px);
    left: 16px;
    position: absolute;
    top: 16px;
    width: calc(100% - 32px);
}

.pp_cliten li .back-face {
    background: url(../images/red_bg.png) repeat 0 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}

.pp_cliten li .back-face .item_info::before {
    bottom: 0;
    top: auto;
    background: #fff;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 0;
    width: 16px;
}

.pp_cliten li .back-face .item_info {
    margin-top: -20px;
    padding: 15px 40px;
    position: relative;
    text-align: center;
    top: 50%;
}

.pp_cliten li .back-face .title {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.footer{height:317px; background:url(../images/foot.jpg) repeat-x center;}
.foot{padding-top:2px;}
.foot .ftlogo{width:224px; height:204px; float:left;padding-top:72px;background:#FFF; margin-right: 72px;}
.foot .ftlogo h1{width:173px; height:47px;margin:0 auto 20px;}
.foot .ftlogo h1 img{width:100%; height:100%;}
.foot .ftlogo span{display: block; height:40px; text-align: center; font-size: 14px;color:#666666;}
.foot .ftnav{height:55px;padding-top:15px;float:left; margin-bottom: 2px;}
.foot .ftnav ul{width:865px; height:55px; position: relative;}
.foot .ftnav ul:before{width:865px; height:1px; background:#FFF; opacity: 0.2; content:""; position: absolute; left:0; bottom:0;}
.foot .ftnav li{float:left; height:55px; line-height: 55px;}
.foot .ftnav li a{font-size: 16px; color:#FFF;padding:0 28px;}
.foot .gsxx{padding-left:20px;width:370px;float:left;}
.foot .gsxx ul li{padding-left:38px;margin-top: 22px; font-size: 14px; height:17px; line-height: 17px;  color:#FFF;}
.foot .gsxx ul li.db1{background:url(../images/db1.png) no-repeat left;}
.foot .gsxx ul li.db2{background:url(../images/db2.png) no-repeat left;}
.foot .gsxx ul li.db3{background:url(../images/db3.png) no-repeat left;}
.foot .gsxx ul li.db4{background:url(../images/db4.png) no-repeat left;}
.foot .ewm{width:400px; float:right;margin-right: 43px;margin-top: 26px;}
.foot .ewm span{display: block; margin-right: 26px; width:106px;float:left;}
 .foot .ewm span em{display:block;width:80px;height:80px; background:url(../images/ewmbj.png) no-repeat center;padding:13px;}
.foot .ewm span em img{width:80px; height:80px;}
.foot .ewm span i{display: block;font-size: 14px; color:#FFFEFE; height:40px; line-height: 40px; text-align: center; font-style:normal;}
.foot .link{height:39px;}
.foot .link span{display: block; height:39px; line-height: 39px;width:600px; float:left;}
.foot .link span a{display: block; float:left;font-size: 14px; color:#666666; margin-right: 42px;}
.foot .link strong{display: block; float:right; height:30px; line-height: 30px; font-weight: normal; margin-right: 70px;}
.foot .link strong em{display: block;float:left;font-size: 14px; color:#666666; margin-left: 37px; font-style:normal;}
.foot .link strong em a{font-size: 14px; color:#666666;font-style:normal;}






.w {
width: 100%;
height: 150px;
}
.m0 {
margin: 0 auto;
}
.bgc_grayf5 {
background: #f5f5f5;
}

.m0 {
margin: 0 auto;
}
.bottom_other {
margin: 0;
float: left;
margin-top: 30px;
margin-left: 50px;
}
.bottom_contact {
/* margin: 0 0 0 20px; */
float: left;
line-height: 30px;
}
.bottom_qr {
float: right;
margin: 0;
text-align: center;
margin-right: 10px;
}
.bottom_qr p {
color: #aaa;
text-align: center;
line-height: 3px;
margin-top: 20px;
}
.bottom_qr {
float: right;
margin: 0;
text-align: center;
margin-right: 10px;
}
#ss {
width: 100%;
height: 38px;
background-color: #535353;
margin-top: 1px;
margin-bottom: 0px;
}
#ss p {
color: white;
margin-left: 23%;
float: left;
margin-top: 10px;
margin-bottom:10px;
}

.bottom_contact li{
float: left;
font-size: 20px;
color: white;
width: 116px;
margin-bottom:30px;
}
.bottom_contact li a{
color: white;
}

#ss p a{
color: white;
}






/* 
.foot { background:#3e3e3e;color:#fff;padding:80px 0 40px 0}
.foot a {color:#fff}
.foot ul {margin:0 0 40px 0}
.foot li{float:left;width:25%;text-align:center}
.foot li.tel .cons {width:164px; text-align:center}
.foot li.tel .c {margin:15px 0 0 0}
.foot li.tel .f3  {font-family: 'CAI978';font-size:22px}
.foot li.tel img {margin-top:15px}
.foot li.wx {width:20.5%;padding-left:4.5%}
.foot li.wx .cons {width:123px;text-align:center;}
.foot li.wx img {width:123px; height:123px;}
.foot li.qq {width:14.5%;padding-left:10.5%}
.foot li.qq .cons {width:91px;text-align:center}
.foot li.qq .f1 {margin-top:20px;margin-bottom:-20px}
.foot li.talk { text-align:right;width:21.5%;margin-right:3.5%}
.foot li.talk .cons {width:76px;margin:0 0 0 auto; text-align:center}
.foot li.talk .f1 {margin:18px 0 -18px 0}
.foot li .f1 { height:140px}
.foot li i { background:#4f4f4f; height:1px;width:90px;margin:65px 0 0 0; display:block}
.foot .mleft {float:left;width:55%;color:#7b7b7b;font-size:14px; line-height:22px;}
.foot .mleft a {color:#7b7b7b;font-size:14px;}
.foot .mleft i {margin:0 5px;font-size:13px}
.foot .mleft a:hover {color:#fff}
.foot .mright {float:right;width:45%;font-size:14px; text-align:right;margin-top:25px}
.foot .mright a {margin-left:45px;font-size:14px;}
.foot .mright a.a1 {margin-left:0}
.foot .mright img {margin:0 10px 0 0}

.foot .links {font-size:14px;color:#7b7b7b;margin:20px 0 0 0}
.foot .links a {color:#7b7b7b;font-size:14px;}
.foot .links a:hover {color:#fff}
.foot .links i { background:#7b7b7b;width:1px; display:inline-block; vertical-align:top; height:12px;margin:12px 10px 0 10px;} */

.rightmenu { position:fixed;right:0;bottom:0; z-index:9999;}
.rightmenu li { height:45px; width:45px;margin:1px 0 0 0; background-color:#ececec; position:relative;}
.rightmenu li:Hover { background-color:#8BB929}
.rightmenu li a { display:block;width:100%; height:100%;color:#666}
.rightmenu li p { background:#8BB929;color:#fff; position:absolute;right:-171px;width:170px; height:100%; line-height:45px;}
.rightmenu li:hover p {right:0}
.rightmenu li p i { display:inline-block;width:45px; height:45px; vertical-align:middle;margin-left:5px;}
.rightmenu li p span { display:inline-block;width:120px; vertical-align:middle}
.rightmenu li.tel a { background:url(../images/tel.png)}
.rightmenu li.tel p i { background:url(../images/tel.png) no-repeat bottom}
.rightmenu li.wx a { background:url(../images/wx.png)}
.rightmenu li.wx .cons { position:absolute;right:56px;width:150px;bottom:0; background:#fff; text-align:center;padding:14px 0 11px 0; display:none;}
.rightmenu li.wx .cons .p {width:123px;margin:0 auto}
.rightmenu li.wx .cons .t {margin-top:4px}
.rightmenu li.qq a { background:url(../images/qq.png)}
.rightmenu li.qq p i { background:url(../images/qq.png) no-repeat bottom}
.rightmenu li.up { background-color:#6c6c6c}
.rightmenu li.up a { background:url(../images/up.png)}
.rightmenu li a:Hover { background-position:bottom}
.rightmenu li.up:hover { background-color:#8BB929}

.kf{ display:none;}

@media only screen and (max-width:600px){
.rightmenu{ display:none;}
#newBridge{ display:none;}
.nshow_right{ display:none;}
.foot{ margin-bottom:2rem;}
.indcha{ display:none;}
div.single_item:nth-child(9){ display:none;}

.kf{ display:block;background: #324292;padding:.15rem 0;position:fixed;width: 100%;left: 0;bottom: 0;}
.kf a{font-size: 1rem;color: #fff;display: block;float: left;text-align: center;line-height: 2rem;width: 33.3%; height:2rem; position:relative;}
.kf a .ico{margin-right: .1rem;width: 1.5rem;}
.kf a:after{content:'';position:absolute;right: 0;top: 50%;height: .4rem;background: #4f5faf;width: 1px;margin-top: -.2rem;}
.kf a:last-child:after{display: none;}
}

.subcase a{ padding:4px 6px; border:1px #E2E2E2 solid; margin-right:10px; margin-bottom:10px; white-space:nowrap; clear:both;}
.casetitle{ font-size:16px; margin:10px 0; padding:10px; border-top:3px  solid #8BB929; font-weight:bold;}