@charset "utf-8";



/* 全局 */

body{ font-size:14px; line-height:24px; color:#333; }

.w1200{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}

.w210{ width:210px; height:auto; overflow:hidden; margin:0 40px 0 0; float:left;}

.w950{ width:950px; height:auto; overflow:hidden; float:left;}



/* 头部 */

.header{height:90px; position:relative; z-index:99999999; background:#fafafa}

.header .w1200{ overflow: visible; padding: 0 !important; }

.header .logo{ float: left; padding: 19px 0 0 0; }

.header .logo img{ width: 151px; height: auto; }

/*.header .head_e2{ height: auto; overflow: visible; position: relative; }*/



.header .nav{ float: right; }

.header .nav li{ float:left; text-align: center; color: #080808; height: 100%; position:relative; }

.header .nav li.curr{ background:url(../images/jj.png) center bottom repeat-x;}

.header .nav li:hover{ background:url(../images/jj.png) center bottom repeat-x;}

.header .nav a{ display: block; }

.header .nav li > a{ padding: 0 20px; color:#626262; font-size: 16px; line-height: 90px; }

.header .nav li:hover > a,

.header .nav li.curr > a{  color: #f0ab46; font-weight:bold }

.header .nav dl{ display: none; position: absolute; width: 100%; width:1920px; height: auto; top: 100%; top:90px; position:fixed; left: 0; z-index: 99; background-color: #F1F1F1; box-sizing: border-box; font-size: 12px; text-align:center; padding:20px 0px;background: rgba(0, 0, 0, 0.5); }

.header .nav dl dd{ text-align:center; display:inline-block; padding:0px 20px;}

.header .nav dl a{ line-height: 30px; color: #fff; }

.header .nav dl a img{ display:block; margin:auto;   }

.header .nav dl dd.cpdd{ height:215px;}

.header .nav dl dd.cpdd img{ float:left;}

.header .nav dl dd.cpdd p{ float:left; text-align:left; margin-left:20px; }

.header .nav dl dd.cpdd a{ display:block; color:#FFF; font-size:16px; clear:both; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}



.header .nav dl dd.cpdd span{ display:block; padding:0px 0px 14px 0px;  width:100%; float:left}

.header .nav dl dd.cpdd span a{ font-size:14px; float:none; display:block}

.header .nav dl dd.cpdd a:hover{  color:#f0ab46}

.header .nav dl a:hover{  color:#f0ab46}



.header .nav dl dd.otherdd{ padding:0px 44px;}



.header .header_fiexd{ height:90px; background: #fafafa; }

.header .header_fiexd.mode2{position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: auto; height:60px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.1); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.1);box-shadow: 0 0px 5px rgba(0,0,0,0.1); }

.header .header_fiexd.mode2 .nav li { }

.header .header_fiexd.mode2 .nav li > a{ line-height: 60px;}

.header .header_fiexd.mode2 .logo {padding-top: 8px; }

.header .header_fiexd.mode2 .logo img{width: 120px; }

.header .header_fiexd.mode2 .btn_language {height: 60px; line-height: 60px; }

.header .header_fiexd.mode2 .search_box {height: 60px; }

.header .header_fiexd.mode2 .search_box .btn_search {line-height: 60px; }

.header .header_fiexd.mode2 .search_box .search{ top: 60px; }







/* 语言 */

.header .btn_language{ float: right; width: 50px; height: 90px; line-height: 90px; color: #999; text-align: center; display: block;  }

.header .btn_language:hover{ color: #f0ab46; font-weight: bold; }



/* 搜索条 */



.header .search_box{ float: right; width: 50px; height: 90px; font-size: 14px; text-align: center; position: relative; margin-left: 10px; display: block;}

.header .search_box .btn_search{line-height: 90px;}

.header .search_box .btn_search:before{font-family:"iconfont"; content: "\e648"; font-size:16px; color: #999;}

.header .search_box .btn_search:after{ content: ""; position: absolute; width: 1px; height: 14px; right: 0; top: 50%; margin-top: -7px; background: #999; z-index: 2; }

.header .search_box .btn_search:hover:before,

.header .search_box .btn_search.curr:before{ color: #f0ab46; }



.header .search_box .search{ width:355px; height:auto; background:rgba(255, 255, 255, 0.85);  position:absolute; top:90px; right:0; z-index:50; -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px; padding:12px 20px; display: none; }

.header .search_box .search input[type="text"]{ border:1px solid #F0AB49; height:32px; line-height:32px; -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px; box-sizing:border-box; padding:0 10px; font-size:16px; color:#333;}

.header .search_box .search input[type="submit"]{ height:32px; line-height:32px; -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px; background:#F0AB49; color:#FFF; width:50px; margin-left:5px; cursor:pointer; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.header .search_box .search input[type="submit"]:hover{ background:#F0A530;}

.header .search_box .search .btn_cancel{ float:right; display:inline-block; margin-left:10px;}

.header .search_box .search .btn_cancel:after{ font-family:"iconfont"; content: "\e615"; line-height:32px; font-size:25px; cursor:pointer;}





/* mini导航 */

.wapmenu{ width:50px; height: 60px; line-height:60px; text-align:center; cursor:pointer; display:none; -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}

.wapmenu:before{ font-family:"iconfont"; content: "\e8fb"; font-size:22px; color: #F0AB49; }

.wapmenu.zk:before{ font-family:"iconfont"; content: "\e615"; font-size:22px; color: #F0AB49; }



.navs{ position:absolute; top:60px; z-index:10000; display:none; background:#fff; width:100%;  border-top:1px solid #ccc; padding:10px 0px; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 3px 5px rgba(0,0,0,0.2);box-shadow: 0 3px 5px rgba(0,0,0,0.2);}

.navs li{ width:100%; height:auto; line-height:35px; display:block; font-size:15px;  margin-top:1px; position:relative; text-indent:20%; }

.navs li .i:after{ position:absolute; line-height:35px; right:10%; top:0; font-family:"iconfont"; content: "\e619"; font-size:20px;}

.navs li a{color:#333; display:block; }

.navs li.curr .i:after{ content: "\e616";}

.navs li dl{ width:auto; height:auto;  background:#f9f9f9; display:none; padding:10px 0;}

.navs li dl dd{ width:100%; height:30px; line-height:30px;  display:block;  font-size:14px; margin-top:1px;  text-indent:24%; }



.banner{ display:block; text-align:center; width:100%;}

.banner img{ display:block; max-width:100%; margin:0px auto;}

.dan_con{ width:100%; margin:auto; text-align:left; line-height:22px; margin:auto; margin-top:4%; width:800px; max-width:100%;}

.dan_con img{ max-width:100%}

/* 尾部 */

.footer{  clear: both;   font-size: 14px; margin-top: 0px; border-top: 1px solid #EDEDED; color: #838383;  padding:42px 0; background:#EAEAEA  }

.footer a{ color: #838383; }

.footer a:hover{ color:#f0ab46;  }

.footer .copyright_box{ float: left; line-height: 2; }

.footer .copyright_box .nav_foot a{display: inline-block; padding:0 10px; }

.footer .copyright_box .nav_foot a:first-of-type{ padding-left: 0; }

.footer .imgs_box{ float: left; margin-left: 40px; }

.footer .tel_box{ float: right; padding-top: 10px; }

.footer .tel_box .i_tel{ font-size: 22px; display: inline-block;}

.footer .tel_box .i_tel:before{ font-family:"iconfont"; content: "\e693"; font-size:26px; color: #EDAA44; display: inline-block; margin-right: 5px; }

.footer .tel_box .i{ display: inline-block; position: relative; }

.footer .tel_box .i:before{font-family:"iconfont"; font-size:26px; display: inline-block; margin-right: 10px; }

.footer .tel_box .i.i_weibo{ margin-left: 22px; }

.footer .tel_box .i.i_weibo:before{ content: "\e65c"; }

.footer .tel_box .i.i_wechat:before{ content: "\e66f"; }

.footer .tel_box .i_qrcode{ display: block; float: right; margin-left: 10px; text-align:center }
.footer .tel_box .i_qrcode p{ line-height:120%; display:block; padding-top:4px;}
.footer .tel_box .i_qrcode img{ display: block; position: relative; margin-top: -11px; width:120px; }



/* 禁止手机横屏 */

.nohengping{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 99999;  text-align: center; font-size: 18px; line-height: 50px;  background: url(../images/bg_404.jpg) top center no-repeat; display: none; }

.nohengping .t_box{ width:100%;height:120px;position:fixed;top:50%;left:0; margin-top:-60px;z-index:999999 }

.nohengping i{ display: inline-block; }

.nohengping i:after{ font-family:"iconfont"; content: "\e67d"; font-size:50px; }



/* 网站加载中 */

.loadingBg{position:fixed;width:100%;height:100%;left:0;top:0;background-color:#f5f5f5;z-index:9999}

.loading{width:100%;height:40px;position:fixed;top:50%;left:0;margin-top:-20px;z-index:999; text-align:center;}







/* 首页框架 */









/* -------------------------------首页------------------------------------------- */



/* banner */

.img_a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}

#owl-banner { z-index:1; }

#owl-banner .item{ height:575px;}

#owl-banner .owl-item img{ display: block; width: 100%; height: auto;}

#owl-banner .owl-controls { margin-top:0px;}

#owl-banner .owl-buttons {position: absolute; width: 100%; top: 53%; left: 0px; right: 0px; }

#owl-banner .owl-buttons .owl-prev { background-color:transparent; position: absolute; left: 15px; top: -40px; background: url(../images/t3.png) no-repeat left top; height: 82px; width: 41px; text-indent: -9999px; padding:0px;}

#owl-banner .owl-buttons .owl-next { background-color:transparent; position: absolute; top: -40px; right: 15px; background: url(../images/t4.png) no-repeat right top;text-indent: -9999px; height: 82px; width: 41px; padding:0px;}

#owl-banner .owl-pagination{ z-index:10; position:absolute; bottom:3%; left:0; width:100%;}

#owl-banner .owl-pagination .owl-page{ z-index:10;}

#owl-banner .owl-pagination .owl-page span {height: 12px; width: 12px; -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%; border-radius: 50%; /*border-radius:0;*/ background:#999; opacity: 0.8;}

#owl-banner .owl-pagination .owl-page.active span {background:#f0ab46;}

#owl-banner .owl-controls .owl-buttons div { filter: Alpha(Opacity=0); opacity: 0; -webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}

#owl-banner:hover .owl-controls .owl-buttons div { filter: Alpha(Opacity=60); opacity: 0.6; border-radius: 12px;}

#owl-banner .owl-controls.clickable .owl-buttons div:hover {filter: Alpha(Opacity=80);opacity: 0.8;}



.banner.ins .item{ padding-top: 15.6%; }



/*.banner_def_box{}

.banner_def_box .w1230{ overflow: visible; }

.banner_def{ position: relative; }



.banner_def .slick-prev,

.banner_def .slick-next{position:absolute;top:50%;margin-top:30px;border:0;background:none;overflow:hidden;width:28px;height:46px;font-size:0;line-height:0;z-index:5;cursor:pointer;background-repeat:no-repeat;background-position:center center;}

.banner_def .slick-arrow:hover{ }

.banner_def .slick-prev{left:-50px;background-image:url(../images/arrow-l2-on.png);}

.banner_def .slick-next{right:-50px;background-image:url(../images/arrow-r2-on.png);}*/





/*service*/

.service{ padding-bottom: 20px; }

.service li{ float: left; width: 45%; margin-bottom: 20px; }

.service li a{ color: #333; }

.service li .pic{ float: left; width: 131px; height: 112px; margin: 0 auto;  position: relative; margin-right: 5%;  }

.service li:hover .pic{ background: url(../images/img14.png) center center no-repeat;  }

.service li .text{  margin:0px 0 0 0; }

.service li .text b{ font-size: 16px; margin-bottom: 10px; display: block;}

.service li .text p{ font-size: 12px;}

.service li:nth-of-type(2n+2){ margin-left:10%; }



/*category_elite*/

.category_elite{ margin-top: 56px }

.category_elite li{ float: left; width: 31.4%; height: auto; margin: 0 0 50px 2.9%; position: relative; -webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;  }

.category_elite li a:hover{ color: #333; }

.category_elite li .pic{ width: 100%; /*padding-top: 80.1%;*/ position: relative; overflow: hidden; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.category_elite li .pic .mask{ position: absolute; left: 0; bottom: 0px; z-index: 2; width: 100%; height: auto;/* background:rgba(235,126,59,.8);*/ color: #fff; background:rgba(0,0,0,.3); }

.category_elite li .pic .mask em{ display: block; line-height: 37px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 22px; text-align: center; letter-spacing: 2px;}

.category_elite li:nth-of-type(3n+1){ margin-left:0; }





/*news_elite*/

.news_elite_box{ margin-top: 56px; }

.swiper1{ width: 100%; height: 100%; position: relative;  height: 130px;}

.swiper1 .swiper-slide{ height: 100%; }

.swiper1 .swiper-slide .date{ float: left; width: 11%; height: 130px; }

.swiper1 .swiper-slide .date b{ display: block; font-size: 80px; line-height: 80px;padding-left: 10px;}

.swiper1 .swiper-slide .date span{ width: 52px; height: 24px; line-height: 24px; background: #F0AB49; color: #fff; font-size: 16px; display: inline-block; text-align: center; }

.swiper1 .swiper-slide .date em{ line-height: 24px; font-size: 22px; display: inline-block; }

.swiper1 .swiper-slide .pic{float: left; width: 20%; height: 130px;  text-align: center; margin-right: 3.2%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;   }

/*.swiper1 .swiper-slide .pic img{ width: 165px; height: 165px; -webkit-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; }*/

.swiper1 .swiper-slide .text{ line-height: 30px; text-align: left; padding: 0px 20px 0; line-height: 2; font-size: 12px; }

.swiper1 .swiper-slide .text{ color: #666; }

.swiper1 .swiper-slide .text b{ display: block; color: #37A637; font-size: 18px; font-weight: bold; }

.swiper1 .swiper-slide .text p{  font-size: 16px; }

.swiper1 .swiper-slide .text p .more{ color: #f0ab46; }

.swiper1 .swiper-slide .text p .more:hover{ text-decoration:underline; }

.swiper1 .swiper-button-next,

.swiper1 .swiper-button-prev { position: absolute; width: 40px; height: 40px; top: 13%; margin-top: 0px; font-size: 0; z-index: 5; background-position: center center; -webkit-background-size: cover; background-size: auto auto; background-color: transparent; /*display: none;*/ border:1px solid #CACACA; box-sizing: border-box; }

.swiper1 .swiper-button-prev{ right: 0; top: 20px; left: auto; background-image: url(../images/arrow_up.png); }

.swiper1 .swiper-button-next { right: 0; top: 70px; background-image: url(../images/arrow_down.png); }

.swiper1 .swiper-button-prev:hover { background-image: url(../images/arrow_up_2.png); border:1px solid #f0ab46; }

.swiper1 .swiper-button-next:hover { background-image: url(../images/arrow_down_2.png);  border:1px solid #f0ab46;}





/*Old house*/

.oldhouse_box{ padding:0px 0 20px; }

.oldhouse{  }

.oldhouse li{ float: left; width: 24.4%; height: auto; margin: 0 0 20px 0.8%; position: relative; -webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;  }

.oldhouse li a:hover{ color: #333; }

.oldhouse li .pic{ width: 100%; padding-top: 125.6%; position: relative; overflow: hidden; z-index: 1; border: solid 2px #aaa; }

.oldhouse li .pic .img{ width: 100%;height: 100%; position: absolute; z-index: 2; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; border:2px solid #fff;}

.oldhouse li .pic .mask{ position: absolute; left: 0; bottom: -200px; z-index: 2; width: 100%; height: auto; font-size: 12px; background:url(../images/img19.png) repeat; padding: 10px; color: #fff; line-height: 1.7; }

.oldhouse li .pic .mask em{ display: block; margin-bottom: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

.oldhouse li .pic .mask p{ display: block; margin-bottom: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.oldhouse li:nth-of-type(4n+1){ margin-left:0; }





/*brand*/

.brand_box{ background: #f7f7f7; padding:1px 0 20px; }

.brand{}

.swiper2{ width: 100%; height: 100%; position: relative;  padding-bottom: 75px;}

.swiper2 .swiper-slide{ height: 100%; }

.swiper2 .swiper-slide .pic{ text-align: center; padding-top: 54.8%; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.swiper2 .swiper-pagination{  width: 100%; bottom:20px; left: 0; }

.swiper2 .swiper-pagination-bullet {width: 12px; height: 12px; background: #000; opacity: .2; margin: 0 5px; }

.swiper2 .swiper-pagination-bullet-active {opacity: 1; background: #37A637; }





/*服务范畴*/

.advantage_box{ padding: 10px 0 35px; background: url(../images/img11.jpg) no-repeat center center; background-size: cover;}

.advantage{}

.advantage{ padding-bottom: 35px; }

.advantage li{ float: left; width: 17%; margin:0 0 0 3.5%; text-align: center; }

.advantage li a{ color: #fff; }

.advantage li .pic{ width: 100%; margin: 0 auto;  position: relative;}

.advantage li .pic img{ width: 134px; height: auto; }

.advantage li .text{  margin:0px 0 0 0; }

.advantage li .text b{ font-size: 16px; margin:30px 0 0px; display: block;}

.advantage li .text em{ display: block; margin:0px 0 10px; text-transform: uppercase; }

.advantage li .text p{ font-size: 14px; display: block; padding-top: 10px;  position: relative; line-height: 1.7;}

.advantage li .text p:before{ content: ''; position: absolute; left: 50%; top: 0; width: 56px; margin-left: -28px; height: 1px; background: #F6C531; z-index: 2; }

.advantage li:nth-of-type(5n+1){ margin-left:0; }





/*装修攻略*/

.strategy_box{ padding-bottom: 50px; }

.strategy{ padding-bottom: 30px; }

.strategy li{ float: left; width: 45%; margin-bottom: 20px; }

.strategy li a{ color: #333; }

.strategy li .pic{ float: left; width: 175px; height: 143px; margin: 0 auto;  position: relative; margin-right: 5%;  }

.strategy li .pic img{ width: 100%; height: auto; }

.strategy li .text{  margin:0px 0 0 0; }

.strategy li .text b{ font-size: 14px; margin-bottom: 10px; display: block; font-weight: bold;}

.strategy li .text p{ font-size: 12px;}

.strategy li:nth-of-type(2n+2){ margin-left:10%; }

.strategy li:hover .text b{ text-decoration: underline; }





/*关于我们*/

.about_box{}

.about { font-size: 12px; line-height: 24px; padding-bottom: 20px;  }

.about_box .more_box{ text-align: center; }

.about_box .more_box a{ display: inline-block; }

.about_box .more_box a:first-of-type{ margin-right: 20px; }





/* -------------------------------内页------------------------------------------- */



/* banner */

.banner_ins{ position:relative; width: 100%; padding-top:22.08%; }



/* 内页 */

.n_content{ overflow: hidden; height: auto; padding: 0px 0 0px 0; }



/* 内页左侧 */

.n_left{ margin-top:29px;}



/* 内页左侧 */

.n_right{ margin-top:29px;}



/* 当前位置 */

.location_box {height: 66px; line-height: 65px; background-color: #F3F3F3; border-bottom: 1px solid #D9D9D9; }

.location_box .location{ font-size:12px; line-height:65px; text-align:right; position:relative; float: left; }

.location_box .tel_box{ float: right; height: 100%; background: url(../picture/address_tel_img1.png) left center no-repeat; line-height: 65px; text-indent:32px; font-size:12px;  }

.location_box .tel_box span{  color: #37a637; font-size: 20px;  }







/* 头部导航 */

.nav_detail{ text-align: center; line-height: 1; margin-top: 28px; }

.nav_detail a{ display: inline-block; padding:7px 28px; box-sizing: border-box; border:1px solid #E5E5E5; color: #555; }

.nav_detail a:hover,

.nav_detail a.even{ border:1px solid #2D97A1; background: #2D97A1; color: #fff; }



/*.nav_box{ text-align:center; height:77px; border-bottom:1px solid #ccc;}

.nav_box a{ font-size:18px; line-height:76px; box-sizing:border-box; height:76px; display:inline-block; margin-left:48px; padding:0 5px; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.nav_box a.hovers, .nav_box a:hover{ color:#D30903; border-bottom:2px solid #D30903;}

.nav_box a:first-of-type{ margin-left:0;}

*/





/* 左侧栏目模板 */

.left_menu_title{ width:auto; height:62px; background:#CC0C0C; text-align:center;}

.left_menu_title h2{ font-size:20px; font-weight:bold; color:#FFF; line-height:62px;}

.left_menu{ background:#fff; padding:10px 0px 21px;}

.left_menu ul{ height:auto; overflow:hidden; min-height:400px;}

.left_menu li { height: 54px; line-height: 53px; box-sizing:border-box; background:#FBFBFB; border:1px solid #D9D9D9; text-align:center; margin-bottom:8px;  transition: all 0.2s;-webkit-transition: all 0.2s; }

.left_menu li a { font-size: 16px;  display: block;  }

.left_menu li:hover, .left_menu .curr{ border:none; color: #fff;  background:url(../images/ico_j_2.png) no-repeat 84% 50% #D51B11;}

.left_menu li:hover a, .left_menu .curr a{  color: #fff;}



.left_menu p{ text-indent:33px; font-size:12px !important; line-height:30px; color:#666}

.left_menu p a{ display:block;}

.left_menu p a:hover, .left_menu p a.curr { color: #e60000; }





/* 上侧栏目模板 */

.top_menu{ text-align: center; line-height: 1; }

.top_menu a{ display: inline-block; padding: 12px 38px; background-color:#F5F5F5; font-size: 16px; margin: 0 5px;  }

.top_menu a:hover,

.top_menu a.curr{ background-color:#007EC0; color: #fff; }



/* 通栏栏目模板 */

.category_box{ height: 75px; line-height: 75px; background: #f7f7f7; color: #666; }

.category_box .title_big_02{ float: left; }

.category_box .title_big_02 h2{ font-size: 18px; }

.category_box .category_div{ float: right; }

.category_box .category_div a{ display: inline-block; margin-left: 25px;  }

.category_box .category_div a:hover,

.category_box .category_div a.curr{ color: #e86d17; }



/*筛选*/

.filter_box{margin-top:30px;position:relative;}

.filter_box:before{content:'';width:100%;height:1px;position:absolute;left:0;top:0;z-index:1;background:#fff;}

.filter_div{clear:both;position:relative;background:#fff;font-size:14px;}

.filter_div .tit{width:50px;height:100%;line-height:50px;float:left;border:1px solid #fff;border-bottom:none;border-right:none;border-top:none;text-align:center;font-size:14px;font-weight:bold;color:#333333;}

.filter_div .con{margin-left:50px;padding-right:100px;min-height:50px;border-left:1px solid #fff;background:#fff;position:relative;height:50px;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}

.filter_div .con.long{height:auto;padding-bottom:10px;}

.filter_div .con a{display:inline-block;padding:5px 11px;margin:7px 0 0 40px; }

.filter_div .con a:hover{ background: #37A636; color: #fff; }

.filter_div .con a.curr{background:#37A636;color:#fff;}

.filter_div .more{position:absolute;right:23px;top:0;margin:0 0 0 0;display:block;}

.filter_div .more a{display:inline-block;padding:5px 11px;margin:12px 0 0 0px;}

.filter_div .more a:after{content:"\e619";font-family:"iconfont";margin-left:5px;}

.filter_div .more a.curr:after{content:"\e616";}

.filter_div .more a.curr{color:#F0A52E;}

.filter_sum{margin-top:30px;line-height:45px;background:#FAFAFA;border-bottom:1px solid #EFEFEF;position:relative;font-size:14px;}

.filter_sum b{width:110px;text-align:center;display:inline-block;}

.filter_sum span{display:block;float:right;padding-right:15px;color:#666;}

.filter_sum:after{content:"";width:110px;height:1px;background:#37A636;position:absolute;left:0;bottom:-1px;}





/*经典案例*/

.tab_case_btns{ text-align: left; margin-top: 20px; position: relative; }

.tab_case_btns:after{content:""; position: absolute; left: 0; bottom: 1px; z-index: 2; width: 100%; height: 1px; background: #37A636; }

.tab_case_btns a{font-size: 14px; padding:0 20px; position: relative; height: 42px; line-height: 42px; box-sizing: border-box; display: inline-block;  z-index: 3; }

.tab_case_btns a:hover{ text-decoration: underline; }

.tab_case_btns a.curr{ border:1px solid #37A636; border-bottom: 1px solid #fff; background: #fff;  }



.case_ins{ margin-top: 30px; }

.case_ins li{ float: left; width: 31.4%; height: auto; margin: 0 0 20px 2.9%; position: relative; -webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;  }

.case_ins li a:hover{ color: #333; }

.case_ins li .pic{ width: 100%; padding-top: 70.5%; position: relative; overflow: hidden; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.case_ins li .text{padding-top: 10px;}

.case_ins li .text b{ line-height: 1.3; font-size: 12px; display: block; text-align: center; padding: 0 10px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.case_ins li .pic .mask{ position: absolute; left: 0; bottom: -200px; z-index: 2; width: 100%; height: auto; font-size: 12px; background:url(../images/img19.png) repeat; padding: 10px; color: #fff; }

.case_ins li .pic .mask em{ display: block; margin-bottom: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

.case_ins li .pic .mask p{ display: block; margin-bottom: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.7;}

.case_ins li:nth-of-type(3n+1){ margin-left:0; }





/*核心团队*/

.team_ins{ line-height: 1; }

.team_ins li{ height: auto; overflow: hidden; padding: 40px 0; position: relative; clear:both; border-bottom: 1px dashed #ccc; }

.team_ins li .pic{ width: 270px; height: auto; float: left; position: relative; overflow: hidden; }

.team_ins li .pic img{ width: 232px; height: auto; border:3px solid #fff; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.team_ins li .text{ float: left; width: 930px; height: auto; overflow: hidden; }

.team_ins li .text b{ display: block; text-align: left; font-size: 28px;  padding:5px 0 0px 0; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;  }

.team_ins li .text small{ font-size: 16px; color: #666666; margin-top: 48px; display: block; }

.team_ins li .text p{ color: #666666; line-height: 30px; margin-top: 22px; }

.team_ins li:hover .text b{ color: #007EC0; }

.team_ins li:hover img{ border:3px solid #48C5FA; }





/*合作伙伴*/

.parents{ padding-bottom: 30px; }

.parents .item { text-align: center; font-size: 16px; margin: 10px 0px 0px 0px; padding: 0 5px; }

.parents .item div { margin: auto; width: 100%; margin-bottom: 30px; text-align:center; }

.parents .item div img{ width: 100%; max-width: 290px; height: auto; }

.parents .item p { margin: 10px auto 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }

.parents .item div img{ display: inline-block; }

.m-scroll .slick-arrow { outline: 0; border: none; text-indent: -9999px; font-size: 0; overflow: hidden; z-index: 99; position: absolute; top: 0; width: 45px; height: 104px; margin-top: 240px; cursor: pointer; background-color: #f0f0f0; background-position: center center; background-repeat: no-repeat }

.m-scroll .slick-prev { left: -50px; background-image: url(../images/arrow-left.png) }

.m-scroll .slick-next { right: -50px; background-image: url(../images/arrow-right.png) }

.m-scroll .slick-dots { text-align: center; font-size: 0; margin-top: 0px }

.m-scroll .slick-dots li { display: inline-block; margin: 0 4px }

.m-scroll .slick-dots li button { outline: 0; border: 1px solid #27b4e2; width: 16px; height: 16px; font-size: 0; background: 0 0; border-radius: 50%; cursor: pointer }

.m-scroll .slick-dots .slick-active button { background-color: #27b4e2 }

.m-scroll .slick-dots .slick-active button {background-color: #fff; border: 2px solid #30AB76; width: 12px; height: 12px; }

.m-scroll .slick-dots li button {border: 2px solid #fff; width: 15px; height: 15px; background: #999999; }







/* title */

.title_big_01{ text-align:center; position: relative; line-height: 1; margin: 40px 0 50px 0; background:url(../images/img01.png) center center no-repeat; height: 90px;}

.title_big_01 b{ font-size: 20px; color: #333; text-transform:uppercase; letter-spacing: 0px;}

.title_big_01 h2{ font-size:24px; font-weight:bold; color: #D5332B;  margin-top: 5px; display: block; padding: 0 0 10px 0; }

.title_big_01.mode2{ background:url(../images/img02.png) center center no-repeat; }

.title_big_01.mode2 b{ color: #fff; }

.title_big_01.mode2 h2{color: #F6C52F;}











/* more */

.more_1{ display: block; width: 178px; height: 40px; line-height: 40px; border: 2px solid #999; text-align: center;

    margin: 0 auto; font-size: 12px; box-sizing: border-box; }

.more_1:hover{ color: #fff; line-height: 36px; background-color: #37A637; border: 2px solid #37A637;}

.more_1.mode2{ border: 2px solid #fff; color: #fff; }

.more_1.mode2:hover{background-color: #F6C531;}



/* else */

.hide{ display: none; }

.show{ display: block; }