@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:15px;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:#a42924}
.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:#a42924;color:#ffffff;}
::-moz-selection {background:#a42924;color:#ffffff;}
::-webkit-selection {background:#a42924;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:#a42924;border:1px solid #e6e6e6;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #a42924} 
.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 {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; height:54px;margin-top:30px;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;}
.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}
.fixtop .toper ul.navpc li a:Hover,.fixtop .toper ul.navpc li.check a{color:#a42924;border-color:#a42924;}
.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:#a42924;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:#a42924;border-color:#a42924;}

.fixtop.active { height:85px; line-height:85px; background:#fff}
.fixtop.active .toper .logo {margin-top:16px;}
.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:#a42924;font-size:36px; line-height:56px;font-weight:300;margin:60px 0 5px 0}
.indsolution .title font {font-weight:700}
.indsolution .line { background:#a42924; 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:#a42924}
.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:180px 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:#a42924;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:#7685cf}
.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:#a42924;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}
.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:#a42924;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:#a42924}
.indnum li .p2 { display:inline-block; vertical-align:top;color:#a42924;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:#a42924}
.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:#a42924; 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:#a42924; 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:#a42924;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 { 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 { 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:#666;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:#a42924;margin:20px 0 115px 0}
.indnews .mleft .c {font-weight:700;font-size:22px; line-height:35px;color:#a42924; 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:#a42924;color:#fff;border-color:#a42924}
.indnews  li:hover .addtime .n1 {color:#fff}
.indnews  li:Hover .cons .title a {color:#a42924;}

.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:#a42924}



.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:#a42924;}
.ashow .mright {float:right;width:54%;}
.ashow .mright .l { width:30px; height:3px;margin:40px 0; background:#666}
.ashow .cons { text-align:center;margin-top:30px}
.ashow .cons img {margin-top:30px;}

.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:#a42924;color:#fff} .bottomprevnext p.prev:Hover a{color:#fff}
.bottomprevnext p.next:Hover{ background-color:#a42924;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:#a42924;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 #a42924;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:#a42924;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/aboutbg2.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:#a42924;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:#a42924}

.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:#a42924;}
.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:#a42924;color:#fff;border-color:#a42924}
.nshow .indnews  li:hover .addtime .n1 {color:#fff}
.nshow .indnews  li:Hover .cons .title a {color:#a42924;}

.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: #a42924;}
.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 #a42924;  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:#a42924;color:#fff;border-color:#a42924}
.nwrap2 .indnews  li:hover .addtime .n1 {color:#fff}
.nwrap2 .indnews  li:Hover .cons .title a {color:#a42924;}


.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:#a42924;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:#a42924;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:#a42924;}
.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:#a42924;font-size:30px;font-family: 'CAI978';margin:0 0 10px 0; }
.contact .cn {color:#a42924;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:#a42924;color:#fff;border-color:#a42924;}







.foot { background:#2d2c2c;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:300px; z-index:9999;}
.rightmenu li { height:45px; width:45px;margin:1px 0 0 0; background-color:#ececec; position:relative;}
.rightmenu li:Hover { background-color:#a42924}
.rightmenu li a { display:block;width:100%; height:100%;color:#666}
.rightmenu li p { background:#a42924;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:#a42924}

.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: #a42924;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: #cbcbcc;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 #6a6a68; font-weight:bold;}