article, aside, details, figcaption, figure, header, hgroup, nav, section {display:block}html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html { min-height: 100%;height: 100%;}html {font-size:100%;}body {font-size: 12px;font-family:"Microsoft YaHei","雅黑",Arial, Helvetica, sans-serif;line-height: 24px;background:#fff;color: #555;}* {margin:0;padding:0}a { color:#555; text-decoration:none;}a:hover {color:#B9141E; text-decoration:none;}a:active, a:focus, a:hover {outline:0}.css3-animate,.trans {transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}li{list-style:none}img{border:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.pc { display: block; }.phone { display: none; }.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:#B9141E;}.gray { color:#888; }.black { color:#333; }.white { color:#fff; }.wrap {max-width: 1640px;width:100%;margin: 0 auto;}.container {max-width: 1200px;width: 96%;margin:0 auto;}


#header {position:relative;z-index:100;background:#fff;border-bottom:#ba161d 4px solid;}
#header .header-main{position: relative; max-width: 1200px;width:98%; margin: 0 auto; }
.navigation-up{height:81px;}
.navigation-up .logo { width:212px;float:left; margin-top:17px;}
.navigation-up .navigation{float:right;margin-right:0px;}
.navigation-up .navigation ul{float:left;margin-top:11px;}
.navigation-up .navigation li{float:left;padding:0 30px;line-height:60px;font-size: 16px; }
.navigation-up .navigation li:hover a{color:#ff0000;}
.navigation-up .navigation .nav-up-selected{transition: all 0.4s ease;background:#fff;}
.navigation-up .navigation .nav-up-selected-inpage{background:#ff0000;}
.navigation-up .navigation .nav-up-selected-inpage:hover{background:#ba161d; }
.navigation-up .navigation .nav-up-selected-inpage a {color:#111;}
.menubg {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #f3f3f3;z-index: 9991;}
.menu-icon { margin-top: 19px; }
.visible-phone {display: none;}

.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: 100%;display: block;}
.home-banner img {width: 100%;}
.swiper-container {width: 100%;}
.swiper-slide { width:100%;font-size: 18px;background-repeat: no-repeat;background-position: center;background-size: cover;display: flex;justify-content: center;align-items: center;}
.swiper-container .swiper-pagination {  }
.swiper-container .swiper-pagination-bullet{opacity:0.6;width:32px;height:2px;border-radius:0;background:#fafafa}
.swiper-container .swiper-pagination-bullet-active{opacity:1;}

/*tableÑ¡Ï*/
.tabbed_content{ width:100%; padding:80px 0 40px; }
.tabs{height:200px;position:relative;width:100%;}
.tabs .moving_bg{padding:0;height:167px;background: #fff;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:385px;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; }
/*Ê×Ò³°¸ÀýЧ¹û*/
#projects{display:block;overflow:hidden;width:100%;margin:0 auto;}
#projects li{float: left;height: 200px;list-style: none outside none;margin-right:0;position: relative;width: 25%;margin-bottom:0%;	}
#projects ul{overflow:hidden;width:100%;max-width: 1200px;}
#projects ul.hidden{display:none;}
#projects li.bigthumb { width: 50%;height: 400px; }
#projects li.bigthumb-h { width: 50%;height: 200px; }
#projects li.bigthumb-v { width: 25%;height: 400px;}
#projects li.bigthumb-h img { width: 100%;height: 200px;}
#projects li.bigthumb img { width: 100%;height: 400px; }
#projects li.bigthumb-v img { width: 100%;height: 400px; }
.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: 300px;	   }
.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;}
.index4 .title{ width:100%;padding:0 0 50px;line-height:34px;font-size:14px; }
.index4 .pic li { width:16.66666666%;float:left;}
.index4 .pic li img { width:100%;}
.index4 .text { width:100%;background:#ba161d; }
.index4 .text img { width:33.3333333%;}
.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; }

.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:#B9141E;}
.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);}

.footer { padding:0 0 40px;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 .pic1 { width:45.1%;float:left; }
.footer .pic2 { width:47.3%;float:right; }
.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;}
.banner-img span { display:block; }

.about { padding:50px 0 80px;line-height:36px;}
.about_pic .left,.about_pic .right { padding:15px 6%;width:38%;margin-bottom:50px;}
.about1 { background:#fff;}
.about1 .left { width:37%;}
.about1 .left .content { min-height:813px; }
.about1 .right { width:53%;}
.about1a { font-size:24px;font-weight:bold;padding:6px 0 70px; }
.about1b { padding:0 0 50px; }
.about1c { padding:0 0 30px; }

.about2 li { width:45%;float:left;padding:0 0 40px;}
.about2 li .left { width:34%;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; }
.about2 .tu1 { margin-right:10%; }
.about2b .left { width:32%;}
.about2b .right { width:60%;}
.about2b .title { font-size:36px;font-weight:bold;padding:70px 0 50px; }

.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 { margin-bottom:-10px;}
.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 35px 0 0;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 #B9141E; }
.catalog a.hover { color:#a0151c;font-weight:bold;}
.catalog a:after {content: "";position: absolute;border-bottom: 1px solid #B9141E;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;color:#fff;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;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; }

.cases .website { padding:0 0 20px; }
.cases .website li{float:left;width:32.33333%;height:320px;padding:0 0.5%;position:relative;margin-bottom:13px;overflow:hidden; position:relative;}

.fuhao { margin:0 10px;}
.fuhao img { width:100%; }
/* main_img */
.cases .website .main_img{ width: 100%;height:320px;margin:0 0 6px;overflow:hidden;font-size: 14px;position: relative;cursor: pointer;z-index:1;float: left;}
.cases .website li img{ width: 100%;height:260px;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease;}
.cases .website li .show { background:#fff;width: 100%;height: 60px;z-index: 200;left: 0;bottom:0;color:#111;position: absolute;transition: all 0.4s ease; }
.cases .website li:hover .show { background:#333; }
.cases .website li:hover img { transform: scale(1.1, 1.1);}
.cases .website li .title { font-size:18px;padding:8px 0 0 3%;transition: all 0.3s ease; }
.cases .website li .tit { font-size:14px;color:#666;padding:0 0 0 3%;transition: all 0.3s ease; }
.cases .website li:hover .title { color:#fff; }
.cases .website li:hover .tit { color:#eee; }

.containerbg { max-width:1920px;width:100%;margin:0 auto;}
.transition{transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.relative { position:relative;}
.absolute{ position:absolute; }
.cases.home .content { padding:0; }
.cases.home .content li{ width:25%;height:360px;padding:0;margin:0;}
.cases.home .content .main_img{ height:360px;margin:0;}
@media screen and (max-width:1660px) {
.cases.home .content li{ height:320px;}
.cases.home .content .main_img{ height:320px;}
}
@media screen and (max-width:1440px) {
.cases.home .content li{ height:290px;}
.cases.home .content .main_img{ height:290px;}
}
@media screen and (max-width:1300px) {
.cases.home .content li{ height:260px;}
.cases.home .content .main_img{ height:260px;}
}
@media screen and (max-width:787px) {
.cases.home .content { padding:0 0 20px; }
.cases.home .content  li{ width:100%;height:auto;padding:0;margin-bottom:12px; }
.cases.home .content  .main_img{ height:auto;}
.show { padding:0 3%;width:94%;}
}

/*°¸ÀýÌØЧ*/
.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 { margin-left:5px;}
.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;}
.showtext { max-width:600px;width:100%;margin:0 auto;margin-bottom:25px;padding:30px 0 13px;font-size:14px;}
.showurl { padding:8px 0 35px;}
.showurl a { position: relative;line-height:20px;font-size:16px;display:inline-block;white-space: nowrap;color:#333; text-decoration:none;border-bottom:#ccc 1px solid;transition: all 0.5s ease; }
.showurl a:hover { border-bottom: 1px solid #a50281;color:#ba161d;margin-bottom:0; }
.showurl a:after {content: "";position: absolute;border-bottom: 1px solid #ba161d;bottom: -1px;left: 100%;width: 0;transition: width 350ms, left 350ms;}
.showurl a:hover:after {left: 0;width: 100%;transition: width 350ms;}

.news { padding:0 0 30px;}
.news1 { padding-top: 15px; }
.news1 li { width:32%;float:left;margin:0 2% 2% 0;float:left;border-bottom:#f3f3f3 1px solid;}
.news1 li:nth-child(3n) { margin-right: 0; }
.news1 li:nth-child(3n+1) { clear: left; }
.news1 li a{ display:block;background:#fff; }
.news1 li .text { padding:8px 0;border-bottom:#ddd 1px solid;font-weight:bold;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.news1 li .des { padding:7px 0 15px;height:78px;color:#888; overflow:hidden; }
.news1 li:hover .text { color:#B9141E;}
.news1 li:hover .des { color:#888;}
.news1 li .pic{ width: 100%;margin:0 0 8px; height:200px;background:#eee url(../images/logos.png) no-repeat center center;background-size:40% auto;overflow:hidden; position: relative; cursor: pointer;z-index:1; float: left;border-top:0;}
.news1 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);}
.news1 li:hover img {transform: scale(1.0, 1.0);}

.shownews { width:100%;margin:0 auto;}
.shownews .date { padding:12px 0; word-spacing:10px;width:100%; }
.shownews .text { padding:0 0 40px;min-height:300px;font-size: 15px;}
.shownews img { max-width: 100%; height: auto;margin:13px 0; }
.modal-header { background:#eee;color:#000;}
.modal-dialog { max-width:1200px;width:96%;}

.seo { background:#f6f6f6;padding:6% 0; }
.seo .container { max-width: 1160px; }
.seo .shownews { padding-top:2%; }
.seo .shownews .text { line-height: 44px;}
.seo .daohang { font-size: 16px; }
.seo .title { font-size:32px;color:#111;padding:0 0 2%; }

.hotcase.container { max-width: 1160px;padding-top: 6%; }
.hotcase .title { font-size:20px;font-weight:bold; }
.hotcase .tit { font-size:20px;padding:1.5% 0 5%; }
.hotcase .content li { width:100%;margin:8px 0;overflow: hidden; }
.hotcase .content li:hover .pic img { transform: scale(1.06, 1.06) }
.hotcase .content li .bg { left:0;top:0;width:100%;height:100%;z-index:9;background:rgba(0,0,0,0); }
.hotcase .content li:hover .bg { background:rgba(0,0,0,0.4); }
.hotcase .content li .tit1 { left:3%;bottom:58px;z-index:9;color:#fff;opacity: 0;filter:alpha(opacity=0);font-size:24px; }
.hotcase .content li:hover .tit1 { opacity: 1;filter:alpha(opacity=100); }
.hotcase .content li .tit2 { left:3%;bottom:25px;z-index:9;color:#fff;opacity: 0;filter:alpha(opacity=0);font-size:16px; }
.hotcase .content li:hover .tit2 { opacity: 1;filter:alpha(opacity=100); }
.hotcase .baojia a { display:inline-block;padding:6px 5px;background:#de494d;color:#fff;font-size:22px;margin:5% 0 3%; }
.hehuoren { padding:5% 0;background:#de494d;line-height:64px;font-size:30px; }
.hehuoren .dh { font-size:36px; }

.contact1 { padding:40px 90px 10px;border-bottom:#a19d9c 1px solid;}
.contact2 { padding:40px 90px;}
.contact2 .left { line-height:30px; width:50%; }
.contact2 .left .text { min-height:281px; }
.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:#B9141E; font-size:28px;font-weight:bold; padding:100px 0 30px 31%;}
.expertise .text { padding:0 0 0 31%;}
.expertise .text span { display:inline-block;background:#ddd;border-radius:20px;padding:0 5px;margin:0 0 6px;}

/*Ðü¸¡¿ò*/
#xuanfu { position: fixed;width: 56px;bottom: 0; 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;}

.pages{ clear:both; text-align:center;background: #fff;padding:1% 0 0;margin: 0 0 1%;}
.pagination{ clear:both; text-align:center;display:inline-block;}
.pagination li{display:inline-block;border: 1px solid #ba161e;margin: 0px; overflow:hidden; margin-left:5px;color:#ccc;}
.pagination li:first-child+li{border: 1px solid #ba161e;border-radius:6px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #ba161e;border-radius:6px;}
.pagination li.disabled{}
.pagination li.active{ border: 1px solid #ba161e;background-color:#ba161e;color:#fff;border-radius:6px; }
.pagination li a{ color:#ba161e;display: block;padding:5px 12px;}
.pagination li span{ display: block;padding:5px 12px;}