article, aside, details, figcaption, figure, hgroup, nav, section {display:block}
html {font-size:100%;}
body {font-size: 13px;font-family: "dinprobold","Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;line-height: 24px;background:#efefef;color: #555;}
* {margin:0;padding:0}
a {transition: all 0.6s ease;color:#999; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}
a:active, a:focus, a:hover {outline:0}
.css3-animate {transition: all 0.6s ease;}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
.line{border-top: #ccc 1px dotted;margin:6px 0;}
.hidden { display:none!important;visibility:hidden;}
.left{ float:left;}
.right{ float:right;}
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.bgwhite { background: #fff; }
.clear { clear: both; }
.phonepic { width: 100%; }
.red { color:#aaa;}
.gray { color:#888; }
.black { color:#333; }
.white { color:#fff; }
.wrap {max-width: 1640px;width:100%;margin: 0 auto;}
.container {max-width: 1200px;width: 100%;margin:0 auto;}
.container3 {max-width: 1200px;width: 1200px;margin:0 auto;}
.container3 a{min-height:30px; display:block; float:left; margin:0 10px 0 0; font-size:15px;}
.container3 a:hover{ text-decoration:underline;}
.container2 {max-width: 1200px;width: 1200px; display:block; margin:0 auto;}
.container2 a{ font-size:12px;}
.news_class{ padding:20px 0 40px; width:800px; margin:0 auto;}
.news_class li{ float:left; padding-right:20px;}
.news_class li a{ font-size:15px; font-weight:bold; border-bottom:2px #999 solid;}
.news_class li a:hover{ font-size:15px; font-weight:bold; border-bottom:2px #333 solid;}
/* 页码 */
#page{width:100%; text-align:center; clear:both; padding-top:20px;  padding-bottom:15px;}
#page div.pages span.pagecount a { color:#fff; border: 1px #ccc solid; background:#ccc; padding: 3px 8px 3px 8px; border-radius:3px;}
#page div.pages span.pagecount a:hover {background-color: #178d1a; color: #fff; text-decoration:none; border:1px #178d1a solid;}
#page div.pages span.pagecount span.current u{ color:#666; border: 1px #ccc solid; background:#fff; padding: 3px 8px 3px 8px; border-radius:3px; text-decoration:none;}

@font-face {
    font-family: 'dinprobold';
    src: url('dinpro/dinpro-bold-webfont.eot');
    src: url('dinpro/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinpro/dinpro-bold-webfont.woff2') format('woff2'),
         url('dinpro/dinpro-bold-webfont.woff') format('woff'),
         url('dinpro/dinpro-bold-webfont.ttf') format('truetype'),
         url('dinpro/dinpro-bold-webfont.svg#dinprobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*form*/
.form{ margin:0 0 0 300px; overflow:hidden;}
.form .form_text{ font-size:16px; font-weight:bold; margin-bottom:15px;}
.form input,.form textarea{ width:600px; padding:3px 8px; line-height:24px; border-radius:5px; border:1px #ccc solid; outline:none; resize:none; margin-bottom:4px; }
.form textarea{ height:80px; }
.form div.submit_out{text-align:center;}
.form .submit_bt{ font-size:16px; font-weight:bold; height:40px; line-height:40px; text-transform:uppercase; width:120px; clear:both; display:block; margin:15px 0 0 240px; padding:0; cursor:pointer; background:#ccc; color:#fff; font-family:sfont01,"微软雅黑";background:#178d1a; border-color:#178d1a;}
.form input:hover.submit_bt{ background:#479c1a; border-color:#479c1a;}
/*菜单开始*/
.head-v3{position:relative;z-index:100;background:#fff;border-bottom:#ba161d 4px solid;}
.head-v3 .navigation-inner{position: relative; max-width: 1200px;width:98%; margin: 0 auto; }
.navigation-up{height:81px;}
.navigation-up .logo { width:212px;height:62px;float:left; margin-top:17px;}
.navigation-up .navigation-v3{float:right;margin-right:0px;}
.navigation-up .navigation-v3 ul{float:left;margin-top:11px;}
.navigation-up .navigation-v3 li{float:left;padding:0 30px;line-height:60px;}
.navigation-up .navigation-v3 li:hover a{color:#ff0000;}
.navigation-up .navigation-v3 .nav-up-selected{transition: all 0.4s ease;background:#fff;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#ff0000;}
.navigation-up .navigation-v3 .nav-up-selected-inpage:hover{background:#ba161d; }
.navigation-up .navigation-v3 .nav-up-selected-inpage a {color:#111;}

.navigation-down{position:absolute;top:81px;left:0px;width:100%;height:38px; overflow:hidden; }
.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(0,0,0,0.6);position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:0 auto;max-width:1200px;position:relative;padding:0 0 0;}
.navigation-down .nav-down-menu .navigation-down-inner div {padding:0 0;}
.navigation-down .nav-down-menu dl{float:left;padding:10px 26px;transition: all 0.6s ease;}
.navigation-down .nav-down-menu dl:hover {background:#000;}
.navigation-down .menu-1 dt{color:#fff;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#fff;}
.navigation-down .menu-1 dd a:hover{color:#eee;}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;}
/*菜单结束*/
/*首页动画*/
.home-banner { width: 1200px; margin:0 auto; display: block;}
.swiper-container { width: 100%;position: relative;height: 100%; }
.swiper-slide {font-size: 18px;justify-content: center;align-items: center;color:#fff;}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(30px, 0, 0)}100%{opacity:1;transform:none}}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-30px, 0, 0)}100%{opacity:1;transform:none}}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 30px, 0)}100%{opacity:1;transform:none}}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0, -30px, 0)}100%{opacity:1;transform:none}}
@keyframes zoomIn{0%{opacity:0.0;-webkit-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}50%{opacity:1}}
.img1-0 {position: relative;width: 100%;}
.img1-1 {position: absolute;left: 0;bottom: 27%;width: 100%;}
.img1-2 {position: absolute;left: 0;bottom: 17%;width: 100%;}
.img2-1 {position: absolute;left: 26%;top: 21%;width: 48%;}
.img2-2 {position: absolute;left: 32%;bottom: 25%;width: 36%;}
.img3-1 {position: absolute;left: 16%;top: 8%;width: 18%;}
.img3-2 {position: absolute;left: 16%;bottom: 14%;width: 36%;}
.img4-1 {position: absolute;left: 20%;top: 15%;width: 60%;}
.img4-2 {position: absolute;left: 22%;bottom: 15%;width: 56%;}
.img5-1 {position: absolute;left: 22%;top: 12%;height: 58%;}
.img5-2 {position: absolute;left: 26%;top: 12%;height: 19%;}
.img5-3 {position: absolute;left: 30%;top: 12%;height: 44%;}

/*table选项卡*/
.line{height:3px; overflow:hidden; width:1200px; margin:10px auto; border-top:1px #dadada solid; background:#fff}
.tabbed_content{ width:100%; padding:20px 0 20px; }
.tabs{height:110px;position:relative;width:100%; }
.tabs .moving_bg{padding:0;height:84px;background: #efefef;position:absolute;width:25%;z-index:10;left:0;}
.tabs .tab_item{float:left;padding:10px 0 0;width:25%;text-align:center;z-index:20;position:relative;cursor:pointer;transition: all 0.6s ease; background:url(../images/tab2bg.png) no-repeat left 120px;}
.tabs .tab_item:hover{ padding:0px 0 0; }
.tabbed_content .slide_content{overflow:hidden;padding:40px 0 10px;position:relative;width:100%;}
.tabslider{ width:400%;}
.tabslider .des{float:left;width:25%;height:140px;background-position:center; }

.index3 { padding:0 0 60px;}
.index3 .title{ width:100%;padding:30px 0 0;font-size:36px;}
.index3 .tit{ width:100%;padding:16px 0 40px;font-size:13px; }
.index4 .title{ width:100%;padding:0 0 50px;line-height:34px;font-size:14px; }
.index5 { padding:50px 0;}
.index5 .title{ width:100%;padding:30px 0 0;font-size:36px;}
.index5 .tit{ width:100%;padding:16px 0 20px;font-size:13px; }
/*首页案例效果*/
#projects{display:block;overflow:hidden;width:100%; max-width: 1010px; margin:0 auto;}
#projects li{float: left;height: 200px;list-style: none outside none;margin:6px 3px;position: relative; margin-bottom:0%; width:330px;	}
#projects ul{overflow:hidden;width:100%;max-width: 1010px;}
#projects ul.hidden{display:none;}
#projects li.bigthumb {height: 400px;width: 50%;}
#projects li.bigthumb img {height: 400px;width: 600px;}
#projects li.bigthumb-h {height: 200px;width: 50%;}
#projects li.bigthumb-h img {height: 200px;width: 600px;}
#projects li.bigthumb-v {height: 400px;width: 25%;}
#projects li.bigthumb-v img {height: 400px;width: 300px;}
.view { width: 100%;height:100%; float:left; overflow: hidden; position: relative;text-align:center; cursor: pointer;}
.view.last { margin-right:0px;}
.view .mask, .view .content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;}
.view .tit {height:20px;width:50%;font-size: 20px;top:20px;left:20px;text-align:left;color:#fff;text-transform: uppercase;position:absolute; display:inline-block;}
.view .mask .des  { top:65px;left:20px;color:#fff;position:absolute;text-align:left;}
.view img { display: block;position: relative; margin:0 auto; height: 200px;width: 330px;	   }
.overlay .mask { opacity: 0; overflow:visible;background: #181818; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.overlay:hover .mask { opacity: 0.9; background: #181818;}

.newsnav { word-spacing:25px;margin-bottom:30px;color:#999; }
/*首页新闻滚动*/
.friend{width: 100%;}
.mr_frbox{height:100%;}
.mr_frBtnL{cursor:pointer;float:left;margin:72px 0 0;width:4%;}
.mr_frUl{float:left;width:92%;margin-right:1%;height:100%; overflow: hidden;}
.mr_frBtnR{cursor:pointer;float:left;margin:72px 0 0;width:3%;}
.mr_frUl ul li{float:left;width:33.3333%;text-align:left;overflow:hidden;position:relative;transition: all 0.6s ease;}
.mr_frUl ul li a{ width:94%;margin:3px 3%;display:block;background:#fff;-webkit-box-shadow:1px 1px 4px #ddd;-moz-box-shadow:1px 1px 4px #ddd;  box-shadow:1px 1px 4px #ddd;  }
.mr_frUl ul li .text { margin:0 5%;width:90%;padding:8px 0;border-bottom:#ddd 1px solid;font-weight:bold;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.mr_frUl ul li .des { margin:0 5%;padding:7px 0 15px;height:78px;color:#888; overflow:hidden; }
.mr_frUl ul li:hover .text { color:#aaa;}
.mr_frUl ul li:hover .des { color:#888;}
.mr_frUl li .pic{ width: 100%;margin:0 0 8px; height:200px;overflow:hidden; position: relative; cursor: pointer;z-index:1; float: left;border-top:0;}
.mr_frUl li .pic img{ width: 100%;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition: all 0.6s ease;transform: scale(1.1, 1.1);}
.mr_frUl li:hover img {transform: scale(1.0, 1.0);}

.nav2{ width:840px; margin:10px auto; overflow:hidden;}
.nav2 li a{ float:left; padding:0 20px; border-left:1px solid #999; margin-left:-1px; line-height:15px;}
.nav3{ width:1000px; margin:10px auto; overflow:hidden; text-align:center;}
.nav3 li{display:inline;}
.nav3 li a{ padding:0 10px; margin-left:-1px; line-height:15px;}
.contactInfor{padding:10px 0; width:655px; height:90px; margin:0 auto; background:url(../images/contactInfor.jpg) center center no-repeat; position:relative; text-align:left; font-size:15px;}
.contactInfor .add{ position:absolute; left:30px; top:25px;}
.contactInfor .tel2{ position:absolute; left:275px; top:25px;}
.contactInfor .tel3{ position:absolute; left:495px; top:25px;}
.footer { padding:5px 0;background:#000; color:#aaa; }
.footer .left { width:60%;padding:40px 0 0;}
.footer .left  a { color:#aaa;}
.footer .left a:hover { color:#fff;}
.footer .left .foot1 { padding:10px 0 3px;border-bottom:#555 1px solid; }
.footer .left .foot1 a {  display:inlin-block;padding-right:45px; }
.footer .left .foot2 { padding:3px 0 10px;min-height:50px;word-spacing:5px; }
.footer .left .foot3 { padding:10px 0 0;border-bottom:#top 1px solid; }
.footer .right { width:306px; text-align:right;padding-top:105px;}
.footer .logo { padding:20px 3px 0;text-align:right;}
.footer .foot0a { width:100%;padding:70px 0;background:#e6e6e6;}
.footer .data {padding:0px 0 70px;color:#ba161e;font-size:36px;}
.footer .data div { display:inline;font-weight:bold;}
.footer .num1 { width:50px;}
.footer .num2 { width:86px;}
.footer .foot0b .content { width:100%; position:relative}
.footer .foot0b .text { position:absolute;left:0;top:25%;z-index:99;width:100%;height:40%;}
.footer .foot0b .left,.footer .foot0b .right { color:#fff;font-size:26px;font-weight:bold;line-height:40px;padding:0;}
.footer .foot0b a { width: 30px;height: 36px;margin:6px 16px 0 0;display: inline-block;background-image: url(../images/icon.png);background-size: 193px 72px;background-repeat: no-repeat;}
.footer .foot0b .arr11 { background-position:  0 0; }
.footer .foot0b .arr11:hover { background-position: 0 -36px; }
.footer .foot0b .arr12 { background-position:  -54px 0; }
.footer .foot0b .arr12:hover { background-position: -54px -36px; }
.footer .foot0b .arr13 { background-position:  -109px 0; }
.footer .foot0b .arr13:hover { background-position: -109px -36px; }
.footer .foot0b .arr14 { background-position:  -164px 0; }
.footer .foot0b .arr14:hover { background-position: -164px -36px;}

.link { background:#eee url(../images/logo1.png);padding:35px 0;}
.link a { display:inline;margin:0 5px; }

.button {position: relative;z-index: 2;display: inline-block;min-width: 140px;height: 44px;border: 1px solid #222;border-radius: 50px;margin:0 auto;line-height: 42px;text-align: center;color: #333;padding: 0 10px;cursor: pointer;}
.button:hover {background-color: #333;color: #fff;text-decoration: none;}
.backTop {position: fixed;right: 0;bottom: 0;width: 43px;height: 43px;z-index: 9999;text-align: center;line-height: 43px;font-size: 20px;cursor: pointer;display: none;}
.backTop:before {content: " ";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #666;opacity: 0.6;z-index: -1;}
.backTop:hover {background-color: #333;color: #fff;}
.backTop span {color: #fff;}
.fadeinright { animation:fadeInRight 1.3s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20px, 0, 0)}100%{opacity:1;transform:none}}
.fadeinleft { animation:fadeInLeft 1.3s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-20px, 0, 0)}100%{opacity:1;transform:none}}
.fadein { animation:fadeIn 1.3s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.fadeinup { animation:fadeInUp 1.3s 0.2s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 20px, 0)}100%{opacity:1;transform:none}}
@keyframes fadeInDown {0%{opacity:0;transform:translate3d(0, -10px, 0)}100%{opacity:1;transform:none}}
@keyframes myfirst1 {0%   {}100% {transform:translateY(2px);}}

.banner-img { width: 100%;display: block;border-bottom:#eee 1px solid; position:relative;}
.banner-img .text { position:absolute;top:30%;left:0;color:#fff;width:100%;height:70%;z-index:99;}
.banner-img .word1 { padding:0 2% 4%;font-size:40px;animation:fadeInDown 1.0s 0.2s both;}
.banner-img .word2 {  padding:0 2%;font-size:40px;animation:fadeInRight 1.2s 0.5s both;}
.banner-img .word3 {  padding:4% 2% 0;font-size:40px;animation:fadeInUp 1.2s 1.0s both;}

.about { padding:50px 0 80px;line-height:36px;}

.about1 { background:#fff;}
.about1 .left { width:37%;}
.about1 .left .content { min-height:830px; }
.about1 .right { width:53%;}

.about2 li { width:45%;float:left;padding:0 0 40px;}
.about2 li .left { width:35%;padding-top:10px;transition: all 0.6s ease;}
.about2 li:hover .left { padding-top:0;}
.about2 li .right { width:60%;padding-top:10px;}
.about2 li .right .tit { font-size:24px;font-weight:bold;color:#af1e21; }
.about2b .left { width:32%;}
.about2b .right { width:60%;}

.team1 { margin:85px 0 20px; background:url(../images/team1bg.gif) repeat-y; background-size:100%; }
.team1 .left { width:35.4%; }
.team1 .left .title { color:#b41d26;font-weight:bold;font-size:20px;line-height:32px;padding:40px 0 20px 20px;}
.team1 .left .text { padding:0 0 0 20px;line-height:30px;width:66%;}
.team1 .right { width:62.9%; }

.team2 { padding:0 0 20px; }
.team2 li { width:23.75%;margin-left:1.6666666666667%;float:left; position:relative; }
.team2 li.m1 { margin-left:0; }
.team .main_img{ width: 100%;margin:0 0 6px;overflow:hidden;font-size: 14px;position: relative;z-index:1;float: left;}
.team .main_img img{ width: 100%;height:auto;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.team .main_img .show {background: rgba(36, 15, 11, 0.8);width: 100%;height: 100%;z-index: 200;left: 0;opacity: 0;filter:alpha(opacity=0);position: absolute;top: 0;transition-delay: 0s;transition-duration: 0.3s;transition-property: opacity; transition-timing-function: ease-in;}
.team .main_img .show .imgArea {left:33px; top:15%;width:80%;opacity: 0;font-size:12px;color:#fff;line-height:22px;position: absolute;transition-delay: 0s;transition-duration: 0.8s;transition-property: all; transition-timing-function: ease;}
.team .main_img:hover .show {opacity: 1;filter:alpha(opacity=100);}
.team .main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);left:28px;}
.team .main_img:hover img {transform: scale(1.1, 1.1);}
.team .main_img .title { padding:0 0 4px;font-size:18px;border-bottom:#fff 1px solid; display:inline-block;margin:0 0 6px; }
.team .main_img .tit { opacity: 0.8;filter:alpha(opacity=80); }

.team3 .left { width:59.2%; }
.team3 .left li { width:31%;margin-left:3.5%;margin-bottom:20px;float:left; }
.team3 .left li.m1 { width:100%;margin-left:0;}
.team3 .left li.m2 { margin-left:0;}
.team3 .right { width:39%; }

.team4 { margin:0 0 60px;}
.team4 li { width:32%;margin-left:2%;margin-bottom:20px;float:left; }
.team4 li.m1 { margin-left:0;}
.team4 li img { width:100%;}

.cases { padding:10px 0 60px;min-height:500px; }
.cases .biaoti { width:130px;height:44px;text-align:center;margin:0 auto;position:relative;}
.cases .biaoti .title { position:absolute;width:98%;height:96%;top:-20px;line-height:42px;color:#111;font-size:20px;left:0;z-index:99999;border:#ccc 1px solid;border-radius:10px;background:#fff; }
.catalog { width:100%;padding:30px 0 15px;}
.catalog a { position: relative;line-height:28px;margin:0 28px 0 7px;font-size:16px;display:inline-block;white-space: nowrap;text-decoration:none;border-bottom:#fff 1px solid;transition: all 0.5s ease; }
.catalog a.xiaofenlei { margin:0 5px;font-size:14px;line-height:20px;}
.catalog a:hover { border-bottom: 1px solid #aaa; }
.catalog a.hover { color:#a0151c;font-weight:bold;}
.catalog a:after {content: "";position: absolute;border-bottom: 1px solid #aaa;bottom: -1px;left: 100%;width: 0;transition: width 350ms, left 350ms;}
.catalog a:hover:after {left: 0;width: 100%;transition: width 350ms;}
.cases .content { padding:0 0 20px; }
.cases .content  li{float:left;width:32.33333%;height:260px;padding:0 0.5%;margin-bottom:13px;overflow:hidden; position:relative;}
/* main_img */
.cases .content  .main_img{ width: 100%;height:260px;margin:0 0 6px;overflow:hidden;font-size: 14px;position: relative;cursor: pointer;z-index:1;float: left;}
.cases .content  li img{ width: 100%;height:100%;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.cases .content  li .show {background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;z-index: 200;left: 0;opacity: 0;filter:alpha(opacity=0);position: absolute;top: 0;transition-delay: 0s;transition-duration: 0.3s;transition-property: opacity; transition-timing-function: ease-in;}
.cases .content  li .show .imgArea {left:10%;letter-spacing:2px; bottom:7%;width:100%;opacity: 0;font-size:14px;color:#fff;position: absolute;transition-delay: 0s;transition-duration: 0.8s;transition-property: all; transition-timing-function: ease;}
.cases .content  li:hover .show {opacity: 1;filter:alpha(opacity=100);}
.cases .content  li:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:10%;left:10%;}
.cases .content  li:hover img {transform: scale(1.1, 1.1);}
.cases .content  li .title { padding:0 0 4px;font-size:18px;border-bottom:#fff 1px solid; display:inline-block;margin:0 0 3px; }

/*案例特效*/
.filter {padding: 0 0 20px 15px;word-spacing:12px;color:#999;}
.isotope,.isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
.showpic .text { max-width:1150px;width:96%;margin:0 auto;}
.showpic .title { padding:15px 0 10px;margin-left:5px;border-bottom:#ddd 1px solid;margin-bottom:12px;font-size:14px;}
.showpic img { width:99.5%;margin:12px 0;border:#eee 1px solid;}

.news { padding:0 0 30px;}
.news .content { padding:15px 0 0; }
.news .content .left { width:33%;}
.news .content li { width:100%;padding:0 0 22px;float:left;border-bottom:#f3f3f3 1px solid; margin-bottom:22px;}
.news .content .title { font-size:14px;color:#000;padding:4px 0 5px;}
.news .content .text { color:#888; }
.news .content .right { width:55%;}
.news .content .right .title { width:70%;float:left;}
.news .content .right .date { width:25%;float:right; text-align:right;}
.shownews { width:96%;margin:0 auto;}
.shownews .date { padding:12px 0; word-spacing:10px;}
.shownews .text { padding:0 0 40px;min-height:300px;}
.modal-header { background:#eee;color:#000;}
.modal-dialog { max-width:1000px;width:96%;}

.contact1 { padding:40px 90px 10px;border-bottom:#a19d9c 1px solid;}
.contact2 { padding:40px 90px;}
.contact2 .left { line-height:30px; width:50%; }
.contact2 .right { width:50%; text-align:right;}
.contact3 { background:#efefef url(../images/contact2.jpg) no-repeat center;height:369px; }

.expertise { padding:50px 0 30px;}
.expertise .pic { padding:0 0 70px;}
.expertise li { width:43%;float:left;margin:0 0 100px 14%; min-height:205px;background-repeat: no-repeat;}
.expertise li.ex1 { margin-left:0;}
.expertise .title { color:#aaa; font-size:28px;font-weight:bold; padding:100px 0 30px 155px;}
.expertise .text { padding:0 0 0 155px;}

/*悬浮框*/
#xuanfu { position: fixed;width: 56px;bottom:26px; right: 0;z-index: 99999;}
#xuanfu ul li {width: 100%;height: 56px;display: block;margin-bottom: 1px;position: relative;}
#xuanfu ul li .pic3 {display: none;position: absolute;left: -114px;top: -56px;}
#xuanfu ul li .pic23 {display: none;position: absolute;left: -200px;top: -56px;}

#fenye {color:#ba161e;padding:0 45px 0 0; height:25px;font-size:16px;}
#fenye a {padding:6px 12px;color:#ba161e;border-radius:3px; border:#ba161e 1px solid; margin:0 2px;transition: all 0.3s ease;}
#fenye a:hover {text-decoration:none; background:#ba161e;color:#fff;}
#fenye .a1 { padding:6px 11px;border-radius:3px; border:#ba161e 1px solid; margin:0 2px;background:#ba161e;color:#fff;}


.news_left{ width:800px; margin:0 auto;}
a.news_list{ display:block; width:800px; height:80px; overflow:hidden; float:left; text-align:left; margin:0px 0 0;background:url(../images/news_bg.png) left top no-repeat; }
a.news_list .date{ height:80px;width:180px;  float:left; padding-left:0px; line-height:80px;}
a.news_list .date span{font-weight:bold; font-size:20px; padding-right:10px; }

a.news_list .news_infor{ display:block; width:600px; line-height:80px; float:right; text-align:left; font-size:13px; }
a.news_list span.news_title{ display:block; margin-bottom:5px; font-size:17px; }
a:hover.news_list span.news_title,a:hover.news_list span.more{}
a:hover.news_list{color:#fff;background:url(../images/news_bg2.png) left top no-repeat;}
a:hover.news_list .date{color:#000;}

.news_right{float:right; width:900px; padding-left:0px;}
.news_content{ display:block; width:900px; overflow:hidden; padding-bottom:20px; float:left; text-align:left; margin:20px 0 0; }
.news_content .time{ display:block; background:#178d1a; color:#fff; font-size:16px; text-align:center; width:180px; border-radius:10px; line-height:24px; margin:20px 0}
.news_content .time span{font-weight:bold; font-size:18px;}
.news_content span.news_title{ display:block; font-weight:bold; margin-bottom:5px; font-size:20px; color:#333;}

.news6{float:left; width:260px; margin:30px 70px 0;}
.news6 p img{float:left;  }
.news6 p{float:left; color:#333333; padding:20px 0 0;line-height:20px;}
.news6 p a{font-size:15px; color:#000; font-weight:bold;}
.news6 ul{padding:10px 0 20px 0; float:left;}
.news6 ul li{float:left;  line-height:30px;}
.news6 ul.news li{ clear:both; }
.news6 ul li a{ color:#000;}

a.img_left{ display:block; width:300px; height:300px; border:1px #ccc solid; margin:0px 8px 15px;background:#fff; overflow:hidden; float:left; text-align:center; /* Webkit浏览器的私有属性 */ }
a:hover.img_left{ border:1px #333 solid; }
a.img_left img {width:300px; height:200px; padding:0px;  border-radius: 0px;}
a:hover.img_left img {-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
a.img_left p{ padding:10px 20px 0;line-height:24px; width:100%;text-align:left; font-weight:bold; overflow:hidden; background-color:#fff ; font-size:14px;}
a:hover.img_left p{ color:#000;}
a.img_left p span{ font-size:12px; font-weight:normal; }
.details{border-top:1px solid #ccc; margin:0px 20px;text-align:left;background: url(../images/details.jpg) right center no-repeat; }