body,
html {
margin: 0px;
padding: 0px;
/*font-family: "impact";*/
font-family: "times new roman";
/*font-family: "impact,Microsoft YaHei,微软雅黑";*/
font-size: 14px;
line-height: 1.46;
color: #393939;background-color: #f7f7f7;font-weight: bold;
}
a:hover{text-decoration: none;}
.bgwhite{background-color: #FFF;}
.clearfloat {clear:both;height:0px;font-size:1px;line-height: 0px;}
.space_h{clear:both; height:10px; font-size:1px;line-height: 10px;}
.space_h3{clear:both; height:3px; font-size:1px;line-height:3px;}
.space_h5{clear:both; height:5px; font-size:1px;line-height:5px;}
.space_h15{clear:both; height:15px; font-size:1px;line-height:15px;}
.space_h31{clear:both; height:31px; font-size:1px;line-height:31px;width:100%;}
.space_h151{clear:both; height:151px; font-size:1px;line-height:151px;}
.wrap {
position: relative;width: 1200px;margin: 0px auto;
}
.table2{width: 100%;display: flex;flex-flow: row wrap;justify-content: space-around;}
.table2 li{width: 45%!important;margin-bottom: 10px; }
.table2 li img{width: 100%!important;height: auto;}
.table2 td{width: 45%!important;}

.about_table4{width: 100%;}
.about_table4 .about_table4_item{width: 33.333%;float: left;}
.about_table4 .about_table4_item .about_table4_item_img{width: 100px;float: left;}
.about_table4 .about_table4_item .about_table4_item_txt{float: left;width: 250px;padding-left: 10px;}

.full{ position: fixed;  top: 128px;z-index: 10000; }
.fixed{ position: fixed;  top: 0px; z-index: 10000; }
#fly1{position:fixed; top:450px; width:125px; height:158px; z-index:9999999;}
#fly1 img{width:125px; height:158px;}
.banner_txt{width: 1200px;margin: 0px auto;text-align: center;color: #FFF;font-size: 32px;padding-top: 174px;line-height: 50px;}
.banner_txt span{width: 100%;display:block;font-size: 21px;}
.banner_txt i{width: 40px;height:3px;background-color:#FFF;display:block;margin: 45px auto 0px auto;}

header {width: 100%;background-color: #FFF; }
header .top_wrap {height: 100px;}
header .top_wrap .logo{float:left;width: 50%;margin-top: 10px;}
header .top_wrap .right_tel{float:right;width: 120px;height: 29px;margin-top: 77px;}
header .top_wrap .right_tel .toptel{width: 216px;float: left;}
header .top_wrap .right_tel .t-icon{width: 180px;float: left;position: relative;}
header .top_wrap .right_tel .t-icon .wximg{width: 28px;height:28px;}
header .top_wrap .right_tel .t-icon .wx_img{width: 100px;height:100px;display:none ;position: absolute;top: -50px;right:150px;z-index: 999;}
header .top_wrap .right_tel .t-icon .wx_img img{width: 100px;height:100px;}
header .top_wrap .right_tel .t-icon span{display: inline-block;float: left;height: 28px;width: 45px;border-left: 1px solid #e0e0e0;text-align: right;margin-left: 16px;}
header .nav_hd{width: 100%;height: 54px;line-height: 54px;background-color: #12919c;}
header .nav_hd ul{width: 1200px;margin:0px auto;}
header .nav_hd ul li{width:170px;float: left;text-align: center;font-size: 16px;}
header .nav_hd ul li a{color: #FFF;display: block;width: 100%;height: 54px;}
header .nav_hd ul li:hover,header .nav_hd ul li.active{background-color: #035c6c}

.navbar{min-height: 42px!important;}
nav.navbar.bootsnav{ margin-bottom:10px;width: 100%;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{height: 42px;line-height: 54px;background-color: #2b2b2b;}
nav.navbar>li,.nav>li{ width:200px;float: left;text-align: center;font-size: 16px;}
nav.navbar.bootsnav{ background:none; border:none;}
nav.navbar.bootsnav ul.nav > li > a{ color:#fff; font-size:14px; line-height:2.8; display:block; padding:0;}
nav.navbar.bootsnav ul.nav > li.cur > a,
nav.navbar.bootsnav ul.nav > li:hover > a{ background:#2b2b2b;}
li.dropdown > a.dropdown-toggle:after{ display:none;}
.navbar-nav>li>.dropdown-menu{ margin-top:2px;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ width:12%;border-top:0; border:none!important;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li{ width:100%;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a:hover{ color:#0174b7;}

header .nav_hd_nei{width: 100%;height: 54px;line-height: 54px;background-color: #12919c;}
header .nav_hd_nei>ul,header .nav_hd_nei nav.navbar.bootsnav{width: 950px!important;float: left;}
header .nav_hd_nei>ul li,header .nav_hd_nei .nav>li{width:130px;float: left;text-align: center;font-size: 16px;}
header .nav_hd_nei>ul li a{color: #FFF;display: block;width: 100%;height: 54px;}
header .nav_hd_nei>ul li:hover,header .nav_hd_nei ul li.active{background-color: #12919c}
header .nav_hd_nei .nav-tel{float: right;width: 235px;margin: 0px;padding: 0px;height: 53px;overflow: hidden;}
header .nav_hd_nei .nav-tel img{margin: 0px;padding: 0px;}
.carousel-inner>.item>a>img{height: auto}
.right_service{position: fixed;right: 20px;z-index: 99999;top: 440px;}
.right_service img{width: 90px;height: 28px}
.returnTop {
    position: fixed;
    right: 23px;
    bottom: 50px;
    z-index: 99998;
    cursor: pointer;
    width: 40px;
    height: 37px!important;
    text-align: center;
    white-space: normal;
    font-size: 14px;
    line-height: 17px;
    padding-top: 3px;
    color: #fff;
    opacity: 1;
    display: inline-block;
    background: url(../images/cont_97.png) no-repeat center ;
    background-size: 40px 37px;
    /*background: url(../images/cont_97.png) no-repeat -42px center #666;*/
}

.leader{width: 100%;height: 820px;background-color: #f7f7f7;}
.leader .tit{width:950px;margin: 0px auto;text-align: center;font-size: 38px;font-weight: bold;padding-top: 50px; }
.leader .tit span{display: block;width: 100%;font-size: 24px;font-weight: normal;}
.leader .h3{font-size: 32px;}
.leader span{font-size: 14px;display: block;margin-top: 10px;}
.leader .one_img{width: 1140px;height: 217px;margin: 60px auto 10px auto;position: relative;}
.leader .one_img .txt{width:320px;color: #FFF;position: absolute;top: 45px;right: 50px;text-align: right;}
/*.leader .one_img .txt h3{font-size: 32px;}*/
/*.leader .one_img .txt span{font-size: 14px;display: block;margin-top: 30px;}*/
.leader .bdimg{width: 1140px;height: 217px;margin: 0px auto;}
.leader .bdimg a{width: 563px;height: 217px;position: relative;}
.leader .bdimg a:nth-child(1n){float: left;}
.leader .bdimg a:nth-child(1n) .txt{width:440px;color: #FFF;position: absolute;top: 100px;left: 30px;}
/*.leader .bdimg a:nth-child(1n) .txt h3{font-size: 32px;}*/
.leader .bdimg a:nth-child(1n) .txt span{margin-top: 10px;}
.leader .bdimg a:nth-child(2n){float: right;}
.leader .shadow img{box-shadow: 5px 5px 15px #dadada;}
.leader .aboutinfo{width: 760px;margin: 50px auto 0px auto;}
.leader .aboutinfo span{width: 100%;width: 100%;line-height: 27px;font-size: 18px;display: block;color: #535353;text-align: center;}
.leader .aboutinfo a{width:85px;height:24px;line-height:24px;display: block;border-radius: 15px;text-align: center;background-color: #147889;color: #FFF;font-size: 14px;font-weight: bold;margin: 25px auto 0px auto;}
.leader .aboutinfo a:hover{background-color: #000;}
.leader img{transition: .5s;}
.leader img:hover{transform: translateY(-5px);}

/*.index_service{width: 100%;height: 847px;background: url(../images/index_26.jpg) no-repeat center;}*/
.index_service .tit{width: 100%;margin: 0px auto;font-size: 40px;text-align: center;padding: 90px 0px 0px 0px;}
.index_service .tit span{width: 100%;margin: 10px auto;display: block;font-size: 22px;}
.index_service .s-con{width: 1215px;height:446px;margin:20px auto 0px auto;position: relative;}
.index_service .s-con .i_service{height: 198px;width: 198px;
box-shadow: 5px 5px 15px #444444;overflow: hidden;
    /*-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;*/
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    background-color: #00afce;border: 2px solid #FFF;position: absolute;}
    .index_service .s-con .i_service img{width: 300px;height: 300px;-moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);position: absolute;top: -50px;left: -50px;}
    .index_service .s-con .i_service .txt{ transform: rotate(-45deg); color: #FFF;font-size: 24px;display: block;height:150px;width: 150px;text-align: center;}
    .index_service .s-con .i_service .txt span{padding-top:30px;color: #FFF;font-size: 24px;display: block;height:30px;width: 100%;}
    .index_service .s-con .i_service .txt div{margin-top: 55px;}
    .index_service .s-con .i_service a{color: #FFF;}
    .index_service .s-con .i_service:nth-of-type(1){left: 50px;top: 40px}
    .index_service .s-con .i_service:nth-of-type(2){left: 355px;top: 40px}
    .index_service .s-con .i_service:nth-of-type(3){left: 660px;top: 40px}
    .index_service .s-con .i_service:nth-of-type(4){left: 970px;top: 40px}
    .index_service .s-con .i_service:nth-of-type(5){left: 200px;top: 200px}
    .index_service .s-con .i_service:nth-of-type(6){left: 510px;top: 200px}
    .index_service .s-con .i_service:nth-of-type(7){left: 815px;top: 200px}
/*.index_service .s-con img{position: absolute;top: 0px;left: 0px;z-index: 1}*/
/*.index_service .s-con div{text-align:center;width: 150px;height:150px;position: absolute;line-height: 150px;z-index: 99}
.index_service .s-con div a{color: #FFF;font-size: 24px;display: block;height:150px;width: 100%;}
.index_service .s-con div.one{top: 70px;left: 70px}
.index_service .s-con div.three{top: 70px;left: 690px}
.index_service .s-con div.four{top: 70px;left: 1000px}
.index_service .s-con div.five{top: 215px;left: 220px}
.index_service .s-con div.six{top: 215px;left: 515px;width: 180px;}
.index_service .s-con div.seven{top: 215px;left: 840px}*/


.services .services-content .service-box a.btn.btn-primary,
.services .services-content .service-box .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .services .services-content .service-box a.btn.btn-default,
.call-to-action ul li a.btn.btn-primary,
.call-to-action ul li a.btn.btn-default,
.latest-work .portfolio-work .controls button,
.why-choose-us .wcu-left a.btn.btn-primary,
.why-choose-us .wcu-left .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .why-choose-us .wcu-left a.btn.btn-default,
.pricing-table .pricing-content .pricing-cell a.btn.btn-primary,
.pricing-table .pricing-content .pricing-cell .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .pricing-table .pricing-content .pricing-cell a.btn.btn-default,
.pricing-table .pricing-content .featured a.btn.btn-primary,
.pricing-table .pricing-content .featured .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .pricing-table .pricing-content .featured a.btn.btn-default {
    background: #FF8724;
    border-bottom: 2px solid #D9731E;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #fff;
    border-radius: 3px;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}
.services { width: 1100px;margin: 0px auto; }
.services .services-content .service-box {
    background: #F7F7F7;
    padding: 50px 20px;
    text-align: center;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.services .services-content .service-box p.icon {width: 185px;height: 240px;margin: 0px auto;
    font-size: 50px;
    color: #cccccc;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
.services .services-content .service-box h3 {
    font-size: 25px;
    color: #313131;
  
    margin: 20px 0;
}
.services .services-content .service-box p {
    font-size: 15px;
   
    color: #969595;
    margin-bottom: 20px;
}
.services .services-content .service-box .btn-primary{background-color: #12919c!important;border-bottom:2px solid #12919c!important;}
/* .service-box a.btn.btn-primary {
    background: #F1F1F1 !important;
    color: #969595 !important;
    border-bottom-color: #b5b5b5 !important;
}
.services .services-content .service-box:hover a.btn.btn-primary {
    background: #ff8724;
    border-color:#d9731e;
    border-style: none none solid;
    border-width: 0 0 3px;
    color: #fff;
}
   ================================================== */
.services .services-content .service-box a.btn.btn-primary,
.services .services-content .service-box .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .services .services-content .service-box a.btn.btn-default {
    padding: 10px 30px;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.services .services-content .service-box a.btn.btn-primary:hover,
.services .services-content .service-box .call-to-action ul li a.btn.btn-default:hover,
.call-to-action ul li .services .services-content .service-box a.btn.btn-default:hover {
    text-decoration: none;
    border-bottom-color: #FF8724;
    margin-top: 4px;
    margin-bottom: 0;
}
.services .services-content .service-box:hover { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) }
.services .services-content .service-box:hover p.icon { color: #FF8724 }

.index_case{width: 1330px;margin: 0px auto;height: 600px;}
.index_case .tit{width: 450px;margin: 0px auto;font-size: 40px;text-align: center;padding: 50px 0px;}
.index_case .tit span{width: 100%;margin: 10px auto;display: block;font-size: 22px;}
.picscroll{width: 100%;position: relative;}
.picscroll .jt{width: 36px;height:63px;display: block;top: 120px;position: absolute;}
.picscroll .prev{float: left;background: url(../images/jt_left.png) no-repeat center;}
.picscroll .next{float: right;background: url(../images/jt_right.png) no-repeat center;}
.picscroll .case_box{width: 1140px;height: 310px;margin: 0px auto;overflow: hidden;}
.picscroll .case_box ul{width: 100%}
.picscroll .case_box ul li{width: 275px;height: 143px;float: left;margin: 0px 10px 10px 0px;}
.picscroll .case_box ul li img{box-shadow: 5px 5px 15px #dadada;width: 275px;height: 143px;}

.index_total{width: 100%;height: 254px;background: url(../images/index_49.jpg) no-repeat center;}
.index_total ul{width: 100%;height: 254px;}
.index_total ul li{width: 380px;float:left;padding-top:90px;font-size: 60px;font-weight: bold;color: #FFF; text-align:center;}
.index_total ul li span{display: block;width: 100%;font-size: 20px;}

.index-case{width: 100%;}
.index-case .tit{width: 100%;margin: 0px auto;font-size: 40px;text-align: center;padding: 50px 0px;}
.index-case .tit span{width: 100%;margin: 10px auto;display: block;font-size: 22px;}

.home_case_list .caseitem{ overflow:hidden; position:relative; padding-left:0; padding-right:0; }
.home_case_list .row{}
.home_case_list .caseitem ul{background:#12919c; padding:7%; margin:0; width:100%; overflow:hidden; height:100%; color:#fff; position:absolute; z-index:1; opacity:0; top:20px; -webkit-transition: all .3s; transition: all .3s;}
.home_case_list .caseitem .cata{ font-size:1.6em; color:#FFF; line-height:1.6; display:block;width: 100%;text-align: center;}
.home_case_list .caseitem img{ width:100%; -webkit-transition: all .3s; transition: all .3s;height: 45%;}
.home_case_list .caseitem ul .title{ width:100%;font-size: 16px; text-align: center; color:#fff; line-height:1.2; margin-bottom:1em; display:block;}
.home_case_list .caseitem ul .description{ font-size:0.8em; color:#fff; line-height:1.6;padding-top: 30px;}
.home_case_list .caseitem .more{ font-size:1.2em; padding:5px 15px; line-height:1; border:1px solid #fff; position:absolute; z-index:2; bottom:16%; left:7%; opacity:0; -webkit-transition: all .3s; transition: all .3s;}
.home_case_list .caseitem ul span{ width:36px; margin:1em auto; border-bottom:1px solid #fff; text-align:center; display:block;}
.home_case_list .caseitem:hover img{ opacity:1;}
.home_case_list .caseitem:hover ul{ opacity:0.8; top:0;}
.home_case_list .caseitem:hover .more{ opacity:1;}
.home_case_list .caseitem .tits{text-align:center;width: 100%;position: absolute;bottom: 10px;line-height: 30px;font-size: 16px;color: #FFF;}

.index-news{width: 100%;}
.index-news .tit{width: 100%;margin: 0px auto;font-size: 40px;text-align: center;padding: 50px 0px;}
.news-types{width: 390px;margin: 0px auto;}
.news-types a{text-align:center;margin-right:60px;width: 90px;display: block;float: left;font-size: 20px;color: #797979;height: 35px;line-height: 35px;font-weight: bold;}
.news-types a:last-child{margin-right:0px;}
.news-types a.active{border-bottom:1px solid #797979;}
.index-news-box{width: 98%;margin: 35px auto;height: 420px;overflow:hidden;position: relative;}
.index-news-box .box-item{width: 19%;float: left;margin-right: 1%;float: left;box-shadow: 5px 5px 15px #dadada}
.index-news-box .box-item:nth-of-type(5n+0){margin-right: 0px;}
.index-news-box .box-item img{width: 100%;height:257px;-webkit-transition: all .3s; transition: all .3s;}
.index-news-box .box-item div{width: 90%;margin: 0px auto;}
.index-news-box .box-item .title{font-size: 16px;color: #434343;font-weight: bold;line-height: 24px;padding: 10px 0px}
.index-news-box .box-item .intro{font-size: 12px;color: #939393;}

/*首页end*/

.banner-ad{width: 100%;height: 438px;}

.sub-nav-wrap{width: 100%;height: 65px;background-color: #FFF;}
.sub-nav-wrap .sub-nav{width: 78%;line-height: 65px;float: left;}
.sub-nav-wrap .sub-nav a{display: block;float: left;padding:0px 10px;font-size: 18px;color: #5a5a5a;text-align: center;}
.sub-nav-wrap .sub-nav a.active,.sub-nav-wrap .sub-nav a:hover{border-bottom: 2px solid #0099b5;}
.sub-nav-wrap .pos{width: 20%;line-height: 65px;float: right;font-size: 14px;color: #969696;display: none;}
.sub-nav-wrap .pos a{color: #969696;}

/*page:about*/
.about-content{padding: 40px;line-height: 23px;font-size: 16px;background-color: #FFF;margin-top: 40px;font-weight: normal;}

/*居住配套*/
.page-zhu{width: 100%;position: relative;}
.page-zhu .banner_txt{width: 100%;position: relative;padding-top: 140px;}
.page-zhu .banner_txt i{margin: 45px auto 67px auto;}
.page-zhu .about-content{margin:0px auto 0px auto;font-weight: normal;}
.page-zhu .banner-ad{position: absolute;top: 0px;}

/*案例中心*/
.case-list{}
.case-list .case-list-item{width: 386px;height: 346px;float: left;margin-right: 21px;position: relative;margin-bottom: 53px;}
.case-list .case-list-item:nth-of-type(3n+0){margin-right: 0px;}
.case-list .case-list-item .caseimg{width: 386px;height: 346px;-webkit-transition: all .3s; transition: all .3s;}
.case-list .case-list-item .title-box{width: 100%;height: 93px;background-color:#FFF;position:absolute;bottom: 0px;text-indent: 10px;}
.case-list .case-list-item .title-box h3{font-size: 18px;color: #5f5f5f;line-height: 50px;height: 50px;overflow: hidden;margin:0px;}
.case-list .case-list-item .title-box span{font-size: 14px;color: #adadad;height: 20px;overflow: hidden;width: 100%;display: block;}

.case-list .case-list-item .show{background:#12919c; padding:7%; margin:0; width:100%; overflow:hidden; height:100%; color:#fff; position:absolute; z-index:1; opacity:0; -webkit-transition: all .3s; transition: all .3s;}
.case-list .case-list-item .show .tbox{width: 100%;height: 80px;color: #FFF;}
.case-list .case-list-item .show .tbox h3{font-size: 18px;line-height: 50px;height: 50px;overflow: hidden;margin:0px;}
.case-list .case-list-item .show .tbox span{font-size: 14px;height: 20px;overflow: hidden;width: 100%;display: block;}
.case-list .case-list-item .show  .line{ width:36px; margin:0.5em 0px; border-bottom:1px solid #fff; display:block;}
.case-list .case-list-item .show .description{ font-size:14px; color:#fff; line-height:2;padding-top: 30px;}
.case-list .case-list-item .show .jt{ display: block;float: right;background: url(../images/jt.png) no-repeat;width: 32px;height: 32px;}
.case-list .case-list-item:hover .show{ opacity:0.9; top:0;}
.case-list .case-list-item:hover .title-box{ opacity:0;}

.case_show{width: 100%;padding-top: 107px}
.case_show .top_title{color: #FFF;}
.case_show .top_title h1{margin: 0px;padding: 0px;font-size: 32px;}
.case_show .top_title .line{ width:36px; margin:60px 0px 37px 0px; border-bottom:1px solid #fff; display:block;}
.case_show .top_title .intro{ width: 830px;float: left;font-size: 14px;line-height: 24px;margin-bottom: 54px;}
.case_show .case-show-box{width: 100%;background-color: #FFF;padding: 80px 50px 0px 50px}
.case_show .case-show-box .show-info{width: 100%;}
.case_show .case-show-box .show-info img{max-width: 555px;max-height: 276px;float: left;}
.case_show .case-show-box .show-info .txt{width: 500px;float: right;}
.case_show .case-show-box .show-info .txt h3{display: block;margin: 0px;padding: 0px;color: #4a4a4a;line-height: 50px;border-bottom: 1px solid #cacac9}
.case_show .case-show-box .show-info .txt div{width: 100%;color: #767676;line-height: 24px;margin-top: 20px;}

.case_show .case-show-box .show-info .txt .left-box{width: 100%;float: left;}
.case_show .case-show-box .show-info .txt .left-box dl{width: 100%;height: 100px;font-size: 16px;padding: 10px 10px 10px 0px;background-color: #f7f7f7;}
.case_show .case-show-box .show-info .txt .left-box dl dt{width: 110px;height: 30px;font-weight: bold;color: #3a3a3a;float: left;m}
.case_show .case-show-box .show-info .txt .left-box dl dd{width: 304px;height: 30px;color: #767676;float: left;}
.case_show .case-show-box .show-info .txt .left-box .intro{font-size: 14px;color: #767676;line-height: 25px;margin-bottom: 20px;}
.case_show .case-show-box .show-info .txt .left-box .title{width: 100%;display: block;font-weight: bold;color: #000;}


.case_show .case-show-box .show-info-2{width: 100%;margin-top: 88px;}
.case_show .case-show-box .show-info-2 .left-box{width: 555px;float: left;}
.case_show .case-show-box .show-info-2 .left-box dl{width: 555px;height: 100px;font-size: 16px;padding: 10px;background-color: #f7f7f7;}
.case_show .case-show-box .show-info-2 .left-box dl dt{width: 94px;height: 30px;font-weight: bold;color: #3a3a3a;float: left;margin-left: 10px;}
.case_show .case-show-box .show-info-2 .left-box dl dd{width: 430px;height: 30px;color: #767676;float: left;}
.case_show .case-show-box .show-info-2 .left-box .intro{font-size: 14px;color: #767676;line-height: 25px;margin-bottom: 20px;}
.case_show .case-show-box .show-info-2 .left-box .title{width: 100%;display: block;font-weight: bold;color: #000;}
.case_show .case-show-box .show-info-2 .right-img{width: 514px;float: right;}


.contact_page{width: 100%;}
.contact_page .top_title{color: #FFF;}
.contact_page .banner_txt{width: 100%;position: relative;padding-top: 140px;}
.contact_page .banner_txt i{margin: 79px auto 42px auto;}
/*.contact_page .top_title h1{margin: 0px;padding: 0px;font-size: 32px;line-height: 90px;}
.contact_page .top_title .line{ width:36px; margin:0.5em 0px; border-bottom:1px solid #fff; display:block;}
.contact_page .top_title .intro{ width: 580px;float: left;font-size: 14px;line-height: 24px;margin: 30px 0px;}*/
.contact_page .show-box{width: 100%;background-color: #FFF;padding: 70px 50px 0px 50px}
.contact_page .show-box .contact_info{width: 1050px;margin: 0px auto;height: 300px;}
.contact_page .show-box .contact_info .info{width: 290px;float:left;margin-right: 70px;}
.contact_page .show-box .contact_info .info:nth-of-type(3){margin-right: 0px;width: 330px;}
.contact_page .show-box .contact_info .info h3{width: 100%;color:#3b3b3b;font-size:16px;font-weight: bold;border-bottom: 1px solid #dcdcdc;padding-bottom: 30px;}
.contact_page .show-box .contact_info .info .box_info{line-height: 21px;color:#373737;font-size:14px;font-weight: bold;margin-top: 30px;}
.contact_page .show-box .contact_info .info .box_info span{width: 29px;height: 29px;display: block;float: left;margin-right: 10px;}
.contact_page .show-box .contact_info .info .lx_address{background: url(../images/contact_15.jpg) no-repeat left top;height: 80px!important;}
.contact_page .show-box .contact_info .info .lx_tel{background: url(../images/contact_21.jpg) no-repeat left;}
.contact_page .show-box .contact_info .info .lx_email{background: url(../images/contact_10.jpg) no-repeat left -4px;}
.contact_page .show-box .contact_info .info .contact_qq{line-height: 30px;color:#373737;font-size:14px;font-weight: bold;margin-top: 30px;text-align: center;}
.contact_page .show-box .contact_info .info .contact_qq a{display: block;float: left;background: url(../images/contact_13.jpg) no-repeat;width: 157px;height: 36px;line-height: 36px;text-indent: 10px;}
.contact_page .show-box .lx_map{width: 100%;height: 500px;}
.contact_page .show-box .lx_map .map_tag{width: 100%;height: 35px;line-height: 35px;}
.contact_page .show-box .lx_map .map_tag a{display: block;text-align: center;float: left;margin-right: 10px;font-size: 16px;color: #757575;padding: 0px 15px;}
.contact_page .show-box .lx_map .map_tag a.active{border-bottom: 2px solid #035c6c;}
.contact_page .show-box .lx_map .map_box{width: 100%;height: 418px;}
.contact_page .show-box .lx_bus {width: 100%;}
.contact_page .show-box .lx_bus .bus_item{width: 500px;float:left;margin-right: 50px;font-weight: bold;}
.contact_page .show-box .lx_bus .bus_item .item_title{width: 100%;height:100px;border-bottom:1px solid #dcdcdc;color: #444444;font-size: 16px;}
.contact_page .show-box .lx_bus .bus_item .item_title img{margin-bottom: 10px;}
.contact_page .show-box .lx_bus .bus_item .item_content{font-size: 14px;line-height: 25px;padding-top:20px;}



/*案例中心end*/

.pre-next{}
.pre-next .tit{display: block;width: 100%;line-height: 100px;color: #767676;font-weight: bold;font-size: 18px;clear: both;}
.pre-next .box{width: 100%;}
.pre-next .box div{width: 586px;height: 84px;}
.pre-next .box .prev{float: left;background: url(../images/case_show_14.jpg) #FFF no-repeat 26px 29px;}
.pre-next .box .prev a{font-size: 14px;color: #424242;display: block;margin: 28px 0px 0px 70px;line-height: 23px;font-weight: bold}
.pre-next .box .prev a span{color: #959595;font-weight: normal;clear: both;}
.pre-next .box .next{float: right;background: url(../images/case_show_17.jpg) #FFF no-repeat 530px 29px;}
.pre-next .box .next a{font-size: 14px;color: #424242;display: block;margin: 28px 70px 0px 0px;line-height: 23px;font-weight: bold;float: right;text-align: right;}
.pre-next .box .next a span{color: #959595;font-weight: normal;clear: both;}

footer{width: 100%;height: 280px;background-color: #2b2b2b;margin-top: 50px;color: #cccccc}
footer .foot_name{width: 100%;margin-top: 10px;border-bottom: 1px solid #8c8c8c;font-size: 30px;line-height: 80px;}
footer .foot_name i{font-style: normal;color:#179588;}
footer .foot_txt{width: 100%;margin-top: 20px;}
footer .foot_txt .foot_txtbox{float:left;line-height: 25px;font-family: "Microsoft YaHei", arial, 宋体, sans-serif;}
footer .foot_txt .right-wx{width: 125px;float: left;margin-left: 20px;}
footer .foot_txt .right-wx img{width: 85px;height: 85px;margin-top: 8px;}
.foot_link{float: right;text-align: right;margin-top: 82px;}

footer .f-info{width: 100%;height: 230px;}
footer .f-info .left-info{width: 800px;float: left;}
footer .f-info .left-info h3{color:#FFF;margin: 0px;padding: 0px;font-size: 18px;line-height: 70px;height: 70px}
footer .f-info .left-info div{clear:both;width:100%;text-indent:45px;line-height: 35px;height: 35px;margin-bottom: 10px;color: #FFF;font-size: 14px;font-weight: bold;}
footer .f-info .left-info div.tel{background: url(../images/index_77.png) no-repeat left;text-indent: 25px;}
footer .f-info .left-info div.email{background: url(../images/index_80.png) no-repeat left;}
footer .f-info .left-info div.address{background: url(../images/index_82.png) no-repeat left;}
footer .f-info .right-wx{width: 125px;float: right;margin-top: 38px;}
footer .f-info .right-wx img{width: 125px;height: 125px;}
/*footer .friendlink{width: 100%;padding: 20px 0px;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;}
footer .friendlink span{color: #FFF;font-size: 18px;}
footer .friendlink a{font-size: 14px;color: #FFF;margin-right: 10px;}*/
footer .friendlink{width: 100%;}
footer .friendlink span{}
footer .friendlink a{margin-left: 10px;color: #cccccc;}
footer  a{color: #cccccc;}


footer .copyright{width: 100%;line-height: 35px;margin-top: 20px;color: #FFF;}




/*新闻中心*/
.news-box{}
.news-box .news-item{width: 584px;float: left;margin-right: 32px;height: 230px;background-color: #FFF;margin-bottom: 30px;box-shadow: 5px 5px 15px #dadada}
.news-box .news-item:nth-of-type(even){margin-right: 0px;}
.news-box .news-item .item-img{width: 230px;height: 230px;position: relative;float: left;}
.news-box .news-item .item-img .time{width: 230px;height: 230px;position: absolute;top: 0px;background-color: #12919c;opacity:0.6;}
.news-box .news-item .item-img .txt{padding-top:80px;opacity:1;width:100%;font-size: 40px;color: #FFF;text-align:center;position: absolute;top: 0px;z-index: 99;}
.news-box .news-item .item-img img{width: 100%;height: 100%}
.news-box .news-item .item-img .txt span{font-size: 14px;display: block;width: 100%;opacity:1;}
.news-box .news-item .item-right{width: 290px;float: right;margin: 32px 30px 0px 0px}
.news-box .news-item .item-right a.title{font-size: 16px;color: #5f5f5f;font-weight: bold;line-height: 23px;clear: both;height: 46px;overflow: hidden;}
.news-box .news-item .item-right span{margin-top: 10px;font-size: 14px;color: #5f5f5f;clear: both;display: block;}

/*新闻详细页*/
.news_show {width: 100%;padding-top: 142px}
.news_show .top_title{color: #FFF;text-align: center;}
.news_show .top_title h1{margin: 0px;padding: 0px;font-size: 32px;}
.news_show .top_title .line{ width:36px; margin:53px auto 72px auto; border-bottom:1px solid #fff; display:block;}
.news_show .news-show-box{width: 100%;background-color: #FFF;padding: 50px 50px 0px 50px}
.news_show .news-show-box .news-attr{margin-bottom:20px;color:#6e6e6e;width: 100%;line-height: 60px;height: 60px;border-bottom: 1px solid #e2e2e2}
.news_show .news-show-box .news-attr .time{width: 50%;float: left;}
.news_show .news-show-box .news-attr .cat{width: 30%;float: right;text-align: right;}
.news_show .news-show-box .news-info{width: 100%;line-height: 28px;color: #6e6e6e;font-size: 14px;padding-bottom: 20px;font-weight: normal;}


.centered-btns_nav {
position: absolute;
top: 50%;
z-index: 2;
width: 38px;
height: 61px;
transition: .5s;
margin-top: -40px;
line-height: 200px;
background-image: url(../images/arrow.gif);
overflow: hidden;
opacity: .1;
}
.centered-btns_nav:hover{
opacity: .7;
}
.next {
right: 0;
background-position: right 0;
}

.centered-btns_nav:active {
opacity: 1;
}

.centered-btns_tabs {
margin-top: 15px;
text-align: center;
font-size: 0;
position: absolute;
list-style-type: none;
width: 100%;
z-index: 99;
bottom: 15px;
}

.centered-btns_tabs li {
display: inline-block;
margin: 0 3px;
*display: inline;
*zoom: 1;
}

.centered-btns_tabs a {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
line-height: 20px;
background-color: rgba(0, 0, 0, .3);
background-color: #ccc\9;
overflow: hidden;
*display: inline;
*zoom: 1;
}
.centered-btns_here a{
background-color: rgba(0, 0, 0, .9);
}

.msgbox{width: 400px;height: 400px;position:absolute;background: #e6e6e6;z-index: 99999;right: 0px;top: 100px;}
.msgbox h3{background:url(../images/index_14.jpg)no-repeat center 65px ;width: 100%;line-height: 65px;height: 65px;text-align:center;color:#FFFFFF;font-size:24px;background-color: #d02126;margin: 0px;}
.msgbox .formbox{width: 80%;margin: 0px auto;}
.msgbox .formbox dl{width: 100%;margin-top: 50px;margin-bottom: 40px;}
.msgbox .formbox dl dt{width: 30%;font-size: 16px;text-align: center;float: left;line-height: 45px;}
.msgbox .formbox dl dd{width: 70%;float: left;line-height: 28px;}
.msgbox .formbox dl dd input{width: 90%;border: 2px solid #898989;color: #898989;margin-top: 6px;text-indent: 10px;}
.msgbox .formbox .btnok{width: 100%;margin: 10px auto;line-height: 50px;background-color: #d02126;padding: 0px;color: #FFF;border: 0px;font-size: 18px; }
.msgbox .formbox .tips{width: 70%;margin: 20px auto;font-size: 20px;text-align: center;}

.title_bg{width: 399px;height: 89px;margin: 55px auto;background: url(../images/index_23.jpg) no-repeat center;line-height: 72px;text-align: center;font-size: 30px;}

.index_step{width: 963px;margin: 0px auto}
.index_step .step_img{width: 175px;height:172px;float: left;}
.index_step .step_img span{width: 175px;height:172px;display: inline-block;transition: .8s;}
.index_step .step_img:nth-of-type(1) span{background:url(../images/index_27.jpg) no-repeat center;}
.index_step .step_img:nth-of-type(3) span{background:url(../images/index_29.jpg) no-repeat center;}
.index_step .step_img:nth-of-type(5) span{background:url(../images/index_31.jpg) no-repeat center;}
.index_step .step_img:nth-of-type(7) span{background:url(../images/index_33.jpg) no-repeat center;}
.index_step .step_jian{width: 86px;height:172px;float: left;line-height: 172px;text-align: center;}
.index_step .step_jian img{margin-top: 60px;}
.index_step .step_img:nth-of-type(1):hover span{transform: rotateY(360deg);background:url(../images/index_29.jpg) no-repeat center;}
.index_step .step_img:nth-of-type(3):hover span{transform: rotateY(360deg);background:url(../images/index_29.jpg) no-repeat center;}
.index_step .step_img:nth-of-type(5):hover span{transform: rotateY(360deg);background:url(../images/index_31.jpg) no-repeat center;}
.index_step .step_img:nth-of-type(7):hover span{transform: rotateY(360deg);background:url(../images/index_33.jpg) no-repeat center;}

ul{padding:0px;list-style: none;}
.yuetan{width: 100%}
.yuetan ul{width: 100%}
.yuetan li{width: 190px;height: 235px;float: left;margin-right: 13px;margin-top: 30px;}
.yuetan li img{width: 190px;height: 200px;}
.yuetan li span{width: 190px;line-height: 35px;display: block;text-align: center;background-color: #808080;color: #FFF;font-size: 14px;font-weight: bold;}

.reg_title_bg{width: 300px;height: 50px;margin: 20px auto;background-color: #d12026;color: #FFF;line-height: 50px;text-align: center;font-size: 30px;}

.whychoose{width: 100%;margin: 0px auto;}
.whychoose div{width: 225px;height: 326px;float: left;margin-right: 36px;color: #FFF;}
.whychoose div:nth-child(4n){margin-right: 0px}

.whychoose h3{width: 100%;text-align: center;font-size: 30px;margin-top: 200px;}
.whychoose span{display:block;width: 100%;text-align: center;font-size: 12px;}
.whychoose .one{background: url(../images/index_58.png) no-repeat;margin-left: 30px;}
.whychoose .two{background: url(../images/index_60.jpg) no-repeat;}
.whychoose .three{background: url(../images/index_62.png) no-repeat;}
.whychoose .four{background: url(../images/index_64.png) no-repeat;}


.in_advan_main{
overflow: hidden;
background: url(../images/in_advan_main_bg.png) no-repeat center top;
}
.in_advan_main ul li{
margin-bottom: 50px;
}
.fl{
float: left;
}
.fr{
float: right;
}
.in_advan_main ul li .fl{
text-align: right;
}
.in_advan_main ul li .in_advan_info{
width: 45%;
}
.in_advan_main ul li .in_advan_info h5{
font-size: 20px;
color: #cf2126;
margin-bottom: 10px;
}
.in_advan_main ul li .in_advan_info p{
font-size: 14px;
color: #656565;
}
.in_advan_main ul li .in_advan_img{
width: 45%;
}


.banner_ad{width: 100%;height: 223px;background: url(../images/index_76.png) no-repeat center 175px;margin-top: 100px;}
.banner_ad .container{width: 100%;height: 176px;background-color: #d02126;text-align: center;font-size: 45px;line-height: 176px;color: #FFF;}


.caselist_item{margin-top: 20px;overflow:hidden; position:relative;}
.caselist_item img{width: 100%;border: 0px;-webkit-transition: all .3s; transition: all .3s;}
.caselist_item div{ padding:7%; margin:0; width:100%;background-color:#d02126;overflow:hidden; height:100%; color:#fff; position:absolute; z-index:1; opacity:0; top:20px; -webkit-transition: all .3s; transition: all .3s;}
.caselist_item .title{ width:80%; font-size:1.6em; color:#fff; line-height:1.2; margin-bottom:1em; display:block;}
.caselist_item .description{ font-size:0.8em; color:#fff; line-height:1.6;}
.caselist_item .more{ font-size:1.2em; padding:5px 15px; line-height:1; border:1px solid #fff; position:absolute; z-index:2; bottom:16%; left:7%; opacity:0; -webkit-transition: all .3s; transition: all .3s;}
.caselist_item span{ width:36px; margin:1em 0; border-bottom:1px solid #fff; text-align:left; display:block;}
.caselist_item:hover img{ opacity:0.3;}
.caselist_item:hover div{ opacity:0.8; top:0;}
.caselist_item:hover .more{ opacity:1;}
.caselist_item ul:hover .title{ text-decoration:underline!important;}


.daka{height: 400px;}
.daka ul{width: 100%;}
.daka ul li{width: 185px;height: 105px;float: left;margin:30px 30px 0px 0px;}
.daka ul li:nth-child(5n){margin-right: 0px}

.wap_msgbox{display: none;}
.in_pro_btn{display: none;}
/*移动端样式*/
@media screen and (min-width: 320px) and (max-width:768px){

header {height:3rem;padding: 0.7rem;}
header .container{}
header .logo{width: 18rem}
header .logo img{width: 100%;height: 1.5rem}
header .top_tel{font-size: 0.6rem;width: 7rem;line-height: 1rem;}

.rslides img{height: auto;}

.wap_msgbox{display: block;}
.banner .msgbox{display: none;}
.msgbox{width: 100%;height: auto;position: relative;top: 0px;}
.msgbox h3{display: none}
.msgbox .formbox{width: 90%;margin: 0px auto;}
.msgbox .formbox dl{margin: 0px;}
.msgbox .formbox dl dt{font-size: 1rem;}
.msgbox .formbox .btnok{margin: 0px auto;line-height: 3rem;font-size: 1.2rem;}
.msgbox .formbox .tips{width: 100%;font-size: 1rem;line-height: 2rem;margin: 0px auto;}

.title_bg{font-size:1.5rem;line-height:4rem;height:5rem;background-size:100% 4rem;width: 98%;margin: 0.5rem auto;}

.index_step{width: 98%;}
.index_step .step_img{width: 20%;height: 5rem;}
.index_step .step_img img{width: 100%;height: 5rem}
.index_step .step_jian{width: 6%;height: 5rem;}
.index_step .step_jian img{margin-top: 2rem;width: 1rem;}
.in_pro_main{position: relative;}
.in_pro_box{overflow: hidden;}
.yuetan {width:400%;position:relative;}
.yuetan li{width:11.5%;margin: 0 0.5%; height: 5rem;}
.yuetan li img{transition:.8s;width: 100%;height: 8rem;}
.yuetan li span{width: 100%;line-height: 2rem;font-size: 1rem;}


.reg_title_bg{font-size:1.2rem;width: 90%;margin: 1rem auto;height: 3rem;line-height: 3rem;}
.whychoose .one{margin:  1rem 2%;background-size: 100% 16rem;}
.whychoose .two{background-size: 100% 16rem;}
.whychoose .three{background-size: 100% 16rem;}
.whychoose .four{background-size: 100% 16rem;}
.whychoose div{width: 45%;margin: 1rem 2%;height: 16rem;}
.whychoose h3{margin-top: 8rem;font-size: 1.4rem;}
.whychoose span{width: 95%;margin: 0px auto;}

.banner_ad{height: 7rem;margin-top: 1rem;background:url(../images/index_76.png) no-repeat center 1rem;background-size: 10rem 5rem;}
.banner_ad .container{height: 5rem;font-size:2rem;line-height: 5rem; }

.daka{height: auto;}
.daka ul li{width: 45%;height: 5rem;margin: 2%;}
.daka ul li img{width: 100%;height: 5rem;}

footer{height: 13rem}
footer .friendlink h3{font-size: 1.4rem;text-indent: 0.5rem;}
footer .friendlink ul{width: 98%;margin-top: 1rem;}
footer .friendlink ul li{margin: 0.5rem;}
footer .copyright{margin-top: 0px;font-size: 1rem;line-height: 1.4rem;}
}

.pages{text-align:center;;clear:both;}
.pages a{margin-right: 10px;}


section.service-w3l {
    padding:0px 0px 100px 0px;
    background:url(../images/service.jpg) no-repeat;
    background-attachment:fixed;
    background-position:center;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;position: relative;
}
section.service-w3l h3.text-center {
    font-size:40px;
    font-weight:bold;
    color:#fff;
    padding-bottom:50px;
    font-family: 'Poiret One', cursive;
    position:relative;
}
section.service-w3l h3.text-center:before {
    content:'';
    position:absolute;
    background-color:#fff;
    width:300px;
    height:2px;
    left:20%;
    bottom:2%;
} 
section.service-w3l h3.text-center:after {
    content:'';
    position:absolute;
    background-color:#fff;
    width:300px;
    height:2px;
    right:20%;
    bottom:2%;
}
section.service-w3l span.fa.fa-star-o {
    font-size: 25px;
    color: #fff;
    display: block;
    text-align: center;
    margin-top: -16px;
    margin-bottom: 50px;
}
section.service-w3l h4.text-center {display: none;
    font-size:25px;
    font-weight:normal;
    color:#fff;
    padding:20px 0;
    text-transform:capitalize;
    font-family: 'Poiret One', cursive;
}
section.service-w3l p.text-center {
    font-size:14px;
    font-weight:normal;
    line-height:30px;display: none;
    color:#fff;
}
.ch-grid {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}
.serv-wthree1{position: absolute;right: -200px;}
.serv-wthree2{position: absolute;top:300px;right: -200px; }
.serv-wthree6{position: absolute;left: -200px;}
.serv-wthree5{position: absolute;top:300px;left: -200px; }
/*.serv-wthree1{margin-right: -100px;}
.serv-wthree1{margin-right: -100px;}
.serv-wthree1{margin-right: -100px;}
.serv-wthree1{margin-right: -100px;}
.serv-wthree1{margin-right: -100px;}
.serv-wthree1{margin-right: -100px;}
.serv-wthree1{margin-right: -100px;}*/
/*.serv-wthree1 .ch-grid{text-align: right;}*/

.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}

.ch-grid:after {
    clear: both;
}

.ch-grid li {
    width: 220px;
    height: 220px;
    display: inline-block;
    margin:0px;
}
.col-lg-4.col-md-4.col-sm-6.serv-agileinfo2 {
    /*padding-top: 190px;*/
}
.col-lg-12.col-md-12.col-sm-6.serv-wthree1,.col-lg-12.col-md-12.col-sm-6.serv-wthree4,.col-lg-12.col-md-12.col-sm-6.serv-wthree6 {
    padding-bottom: 50px;
    /*height: 400px;*/
}
.serv-wthree7{margin-top: -100px;}
.serv-wthree4{margin-top: 50px;}
.serv-wthree8{margin-top:0px;}
.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: default;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    -o-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px;
}
.ch-info{
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center center;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.ch-info .ch-info-front {
    box-shadow: inset 0 0 0 16px #00afce;
    /*box-shadow: inset 0 0 0 16px rgba(0,0,0,0.3);*/
}

.ch-info .ch-info-back {
    -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    background: #00afce;
    /*background: #000;*/
    opacity: 0;
}

.ch-img-1 { 
    background-image: url(../images/serv-img1.jpg);background-size: 185px 240px;
}
.ch-img-2 { 
    background-image: url(../images/serv-img2.jpg);background-size: 185px 240px;
}
.ch-img-3 { 
    background-image: url(../images/serv-img3.jpg);background-size: 185px 240px;
}
.ch-img-4 { 
    background-image: url(../images/serv-img4.jpg);background-size: 185px 240px;
}
.ch-img-5 { 
    background-image: url(../images/serv-img5.jpg);background-size: 185px 240px;
}
.ch-img-6 { 
    background-image: url(../images/serv-img6.jpg);background-size: 185px 240px;
}
.ch-img-7 { 
    background-image: url(../images/serv-img7.jpg);background-size: 185px 240px;
}
.ch-img-8 { 
    background-image: url(../images/serv-img8.jpg);background-size: 185px 240px;
}

.ch-info h5 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 24px;
    margin: 0 15px;
    padding: 60px 0 0 0;
    height: 110px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px;
    font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
    color: #fff222;
    color: rgba(255,242,34, 0.8);
}

.ch-item:hover .ch-info-front {
    -webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    opacity: 0;
}

.ch-item:hover .ch-info-back {
    -webkit-transform: rotate3d(1,0,0,0deg);
    -moz-transform: rotate3d(1,0,0,0deg);
    -o-transform: rotate3d(1,0,0,0deg);
    -ms-transform: rotate3d(1,0,0,0deg);
    transform: rotate3d(1,0,0,0deg);
    opacity: 1;
}


@media (min-width: 992px) {
    .serv-wthree1{right: 0px}
    .serv-wthree2{right: 0px}
    .serv-wthree6{left: -10px;}
    .serv-wthree5{left: -10px;}
}