/* 
* @Author: Timeelss
* @Date:   2017-08-10 10:11:50
* @Last Modified by:   Timeless
* @Last Modified time: 2018-05-03 16:17:41
*/
.m_name{border-left:5px solid #fba000;padding-left:10px;margin:15px 0 30px;}
.m_name h2{font-size:28px;}
.m_name strong{font-weight:600;}
.m_name span{font-size:13px;padding-left:2em;}
.bot_list{margin:35px 0 20px;text-align:center;}
.bot_list a{display:inline-block;padding:8px 75px;border:2px solid transparent;transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;font-size:18px;margin:0 5px;}
.bot_list .read_more{border:2px solid #717171;color:#717171;}
.bot_list .consult{background:#fba000;color:#fff;}
.bot_list a:hover{background-color:#fff;border-color:#fba000;color:#fba000;}

/*html5zoo轮播图*/
#html5zoo-1{position:relative;width:100%;margin:0 auto;overflow:hidden;}
#html5zoo-1 .html5zoo-text-wrapper-0{display:none !important;}

/*站内搜索*/
.site_search{padding:12px 0;border-bottom:1px solid #dfdfdf;}
.site_search ul li{float:left;padding-right:10px;line-height:45px;font-size:16px;}
.site_search p{line-height:45px;}
.site_search ul li a{color:#696969;font-size:16px;}
.site_search ul li a:hover{color:#f2c447;}
.site_search form{float:right;position:relative;}
.s_input{padding:0 10px;width:calc(100% - 50px);border:1px solid #e3e3e3;border-radius:5px;height:45px;line-height:45px;vertical-align:middle;}
.s_submit{position:absolute;width:70px;height:45px;border-top-right-radius:5px;border-bottom-right-radius:5px;right:0;top:0;background:url(../images/serach_icon.png) no-repeat center;background-color:#FBA000;border:none;}

/*热门商品*/
.hot_product{padding:15px 0;}
.hot_product .product_info{width:20%;float:left;background:#fba000;position:relative;}
.hot_product .current_info{position:absolute;top:0;text-align:center;color:#fff;width:100%;padding:0 10px;}
.current_info h3{font-size:22px;font-weight:bold;padding:50px 0 15px 0;}
.current_info p{font-size:14px;line-height:28px;}
.current_info a{display:block;padding-top:15px;font-size:18px;font-weight:bold;color:#fff;}
.hot_product .product_warp{width:79%;float:left;margin-left:1%;}
.hot_product .owl-item{overflow:hidden;}
.hot_product .owl-item img{display:block;margin:0 auto;}
.hot_product.services-carousel .service-box{margin-bottom:30px;}
.hot_product .service-box .content{bottom:0;display:inline-block;left:0;position:absolute;right:0;text-align:center;z-index:1;}
.hot_product .service-box .content p{display:none;}
.hot_product .service-box .content .title{background-color:#fba000;color:#fff;font-size:16px;font-weight:600;margin:0 40px;padding:12px 0;position:relative;text-transform:uppercase;transition:all ease-in 400ms;-webkit-transition:all ease-in 400ms;-moz-transition:all ease-in 400ms;}
.hot_product .service-box .content .title:before{background-color:#fba000;bottom:0;content:"";height:100%;position:absolute;z-index:-1;left:-25px;transform:skewX(-40deg);-webkit-transform:skewX(-40deg);width:50px;transition:all ease-in 400ms;-webkit-transition:all ease-in 400ms;-moz-transition:all ease-in 400ms;}
.hot_product .service-box .content .title:after{background-color:#fba000;bottom:0;content:"";height:100%;position:absolute;z-index:-1;right:-25px;transform:skewX(40deg);-webkit-transform:skewX(40deg);width:50px;transition:all ease-in 400ms;-webkit-transition:all ease-in 400ms;-moz-transition:all ease-in 400ms;}
.hot_product .service-box:hover .content .title{background-color:#1c1c1c;}
.hot_product .service-box:hover .content .title:before{background-color:#1c1c1c;}
.hot_product .service-box:hover .content .title:after{background-color:#1c1c1c;}

/*产品列表*/
.pro_list{padding:15px 0;}
.pro_item{margin-bottom:20px;}
.pro_item li{width:19%;float:left;text-align:center;padding:15px 0 10px;margin-left:1%;position:relative;}
.pro_item img{margin:0 auto;}
.pro_item .pro_name{padding:0;margin-left:0;margin-right:1%;}
.pro_item h4{font-size:16px;color:rgb(35,35,35);line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro_item p{font-size:14px;color:rgb(162,162,162);line-height:1.3em;font-weight:normal;}
.pro_item a{font-size:14px;color:rgb(255,0,0);font-weight:bold;display:block;padding:1px;}
.pro_item a:hover h4{color:#fba000;}
.pro_item li:before,.pro_item li:after{content:'';display:block;position:absolute;box-sizing:border-box;border:1px solid transparent;width:0;height:0;z-index:-1;}
.pro_item li:before{bottom:0;right:0;-webkit-transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;-moz-transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;-ms-transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.pro_item li:after{top:0;left:0;-webkit-transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;-moz-transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;-ms-transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.pro_item li:hover:before,.pro_item li:hover:after{width:100%;height:100%;}
.pro_item li:hover:before{border-bottom-color:#fba000;border-left-color:#fba000;-webkit-transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;-moz-transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;-ms-transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.pro_item li:hover:after{border-top-color:#fba000;border-right-color:#fba000;-webkit-transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;-moz-transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;-ms-transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;}

/*counter*/
.counter{padding:50px 0;background:url(../images/fact-counter-bg.jpg) no-repeat center;background-size:cover;position:relative;}
.counter h2{font-size:16px;line-height:24px;margin-bottom:14px;color:#fff;}
.counter:before{position:absolute;top:0;left:0;right:0;bottom:0;content:'';background:#fba000;opacity:.85;}
.counter .read_more{background-color:#fff;border-color:#fba000;color:#fba000;display:inline-block;font-size:16px;font-family:'Raleway',sans-serif;font-weight:bold;padding:8px 60px;border:2px solid transparent;transition:all .3s ease;margin-bottom:20px;}
.counter .read_more:hover{border-color:#fff;color:#fff;background:#fba000;}
.counter .single-fact{text-align:center;display:inline-block;width:170px;}
.single-fact .icon-box{border:2px solid #fff;border-radius:50%;color:#fff;height:100px;line-height:98px;margin:0 auto 5px;text-align:center;width:100px;}
.single-fact span{font-size:48px;font-weight:500;color:#fff;}
.single-fact p{margin:0;font-size:14px;text-transform:uppercase;color:#fff;font-weight:600;}

/*合作案例*/
.case{padding:20px 0;background:url(../images/gallery-bg.jpg) no-repeat center;background-attachment:fixed;background-size:cover;position:relative;}
.case:before{position:absolute;top:0;left:0;right:0;bottom:0;content:'';background:#111;opacity:.85;}
.case .container{position:relative;z-index:0;}
.case .m_name{color:#fff;}
.case .case_tab{margin:10px 0 20px;width:100%;overflow:hidden;}
.case .case_tab li{text-align:center;line-height:2.5em;background:#8c8c8d;text-align:center;cursor:pointer;font-size:16px;border-right:3px solid rgba(17,17,17,0.85);margin-bottom:3px;}
.case .case_tab .last_list{border-right:none;}
.case .case_tab li.active{background:#fba000;color:#fff;}
.case .image-box{overflow:hidden;}
.case .case_content img{display:block;margin:0 auto;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.case .case_content a>div{padding:2px;position:relative;overflow:hidden;}
.case_content .item-caption{text-align:center;width:100%;height:100%;position:absolute;top:0;opacity:0;z-index:1;-webkit-transition:all 0.1s;-moz-transition:all 0.1s;-ms-transition:all 0.1s;transition:all 0.1s;}
.case .case_content a>div:hover .item-caption{opacity:1;}
.case .case_content a>div:hover:after{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;content:'';background:#111;opacity:.5;}
.case_content .item-caption:before,.case_content .item-caption:after{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;-moz-transition:opacity 0.35s,-moz-transform 0.35s;-ms-transition:opacity 0.35s,-ms-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
.case_content .item-caption:before{border-top:1px solid #fba000;border-bottom:1px solid #fba000;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);}
.case_content .item-caption:after{border-right:1px solid #fba000;border-left:1px solid #fba000;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);}
.case .case_content a>div:hover .item-caption:before,.case .case_content a>div:hover .item-caption:after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.item-caption h4{margin-top:25%;color:#fba000;}
.item-caption p{color:#fff;margin-top:15px;}
.carnie a{color:#fff;display:block;width:100%;height:100%;}
.carnie a:hover img{transform:scale(1.1);}
.case .shopping_mall,.case .theme_park,.case .brand_cooperation{display:none;}

/*advantage*/
.advantage{padding:20px 0;}
.advantage .ad_item{margin-bottom:15px;border:1px solid #d8d7d6;min-height:330px;}
.ad_txt{padding:5%;}
.ad_txt span{font:bold 13px "simsun";color:#828282;margin-right:5px;}
.ad_txt i{font:normal 12px "arial";color:#828282;text-transform:uppercase;}
.ad_txt h2{font-size:41px;font-family:"microsoft yahei";color:#fba000;line-height:50px;}
.ad_txt p{padding-left:1em;font-size:15px;line-height:1.8em;position:relative;margin-left:-1em;color:#828282;}
.ad_txt p:before{content:"●";position:absolute;left:0.1em;top:-0.1em;font-size:14px;color:#fba000;}
.ad_txt p b{color:#fba000;}
.ad_pic img{display:block;margin:0 auto;}

/*一站式服务*/
.service{padding:15px 0;}
.service_item{margin-bottom:25px;padding-left:0;padding-right:30px;}
.service_item a{display:block;height:67px;}
.service_icon{float:left;width:65px;height:67px;padding:3px 2px;border:2px solid #dedede;margin-right:25px;transition:all .3s ease;background-image:url(../images/service-icon.jpg);background-position-y:-61px;}
.service .item1 .service_icon{background-position-x:0;}
.service .item2 .service_icon{background-position-x:-61px;}
.service .item3 .service_icon{background-position-x:-122px;}
.service .item4 .service_icon{background-position-x:-183px;}
.service .item5 .service_icon{background-position-x:-244px;}
.service .item6 .service_icon{background-position-x:-305px;}
.service .item7 .service_icon{background-position-x:-366px;}
.service .item8 .service_icon{background-position-x:-427px;}
.service_item:hover .service_icon{background-position-y:0;}
.service_item:hover h5{color:#fba000;}
.service_item:hover p{color:#000;}
.service_info{overflow:hidden;}
.service_info h5{color:rgb(156,156,156);font-size:16px;font-weight:600;margin-bottom:9px;}
.service_info p{color:rgb(156,156,156);}

/*留言表单*/
.service .message{padding:0;}
.appointment-form{border:4px solid #fba000;padding:0px 25px;padding-bottom:20px;}
.message button{width:100%;height:45px;background:#fba000;color:#fff;text-transform:uppercase;font-size:16px;border:none;outline:none;padding:0;line-height:45px;-webkit-transition:background-color 0.3s,color 0.3s;transition:background-color 0.3s,color 0.3s;position:relative;z-index:1;}
.message button:hover{background:#fff;color:#fba000;}
.message button:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #fba000;z-index:-1;border-radius:inherit;opacity:0;-webkit-transform:scale3d(0.6,0.6,1);transform:scale3d(0.6,0.6,1);-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;transition:transform 0.3s,opacity 0.3s;-webkit-transition-timing-function:cubic-bezier(0.75,0,0.125,1);transition-timing-function:cubic-bezier(0.75,0,0.125);}
.message button:hover:before{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1;}
#sheji select,#baojia select{border:1px solid #ebebeb;border-radius:0;color:#999;height:45px;padding-left:25px;padding-top:4px;width:100%;}
#sheji input,#baojia input{border:1px solid #ebebeb;}
#sheji h2{color:#000;text-align:center;font-weight:normal;margin:20px 0 10px;}
.contact-form p{margin-bottom:26px;}
.zhuce-renshu span{display:inline-block;height:39px;line-height:39px;width:30px;text-align:center;font-size:23px;color:rgb(255,255,255);background:url(../images/icon-sj.jpg) no-repeat;}
.sheji,.baojia{cursor:pointer;}
.sec-title .h2-sheji{margin-bottom:0px;height:55px;line-height:55px;width:100%;}
.sheji{display:inline-block;padding-left:10px;background:url("../images/icon-sheji.png") 30px 20px no-repeat #fba000;color:#fff;font-size:20px;font-weight:normal;height:100%;width:50%;border:1px solid #fba000;text-align:center;}
.sheji2{color:#a4a4a4;background:url("../images/icon-sheji2.png") 30px 20px no-repeat #f7f7f7;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.baojia{display:inline-block;padding-left:10px;background:url("../images/icon-baojia.png") 30px 20px no-repeat;color:#a4a4a4;font-size:20px;font-weight:normal;height:100%;width:50%;border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;text-align:center;}
.baojia2{color:#fff;background:url("../images/icon-baojia2.png") 30px 20px no-repeat #fba000;border:1px solid #fba000;}

/*关于凡弘*/
.about{padding:20px 0;}
.about h3{text-align:center;font-size:24px;color:#fba000;margin-bottom:10px;}
.about p{font-size:16px;color:#8f8f8f;text-indent:2em;line-height:1.7em;margin-bottom:10px;}
.about a{width:25%;float:left;text-align:center;font-size:16px;color:#fca001;}
.about a:hover i{transform:rotate(360deg);}
.about i{display:block;margin:0 auto;width:95px;height:95px;background:url(../images/about_icon.png) no-repeat;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;}
.about .honnr_icon{background-position:-95px 0;}
.about .course_icon{background-position:-190px 0;}
.about .network_icon{background-position:-285px 0;}
.about a span{display:inline-block;margin-top:15px;}

/*客户见证*/
.witness .article{position:relative;transition:all 0.3s;}
.witness .article:hover{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);box-shadow: 2px 2px 6px #fba000;}
.witness .article p{position:absolute;bottom:0;left:0;width:100%;padding:0 10px;background:#111;opacity:0.6;color:#fff;}

/*新闻中心*/
.news{padding:15px 0;}
.news img{width:100%;}
.news .hot_news{position:relative;}
.hot_news .news-caption{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,.4);color:#fff;padding:15px 20px;}
.hot_news h4{font-size:18px;font-weight:bold;margin-bottom:5px;color:#fff;}
.hot_news p{font-size:15px;color:#fff;}
.ohter_news .news_item{margin-bottom:10px;}
.ohter_news .news_pic{width:32.5%;float:left;margin-right:5px;}
.ohter_news .news_info{overflow:hidden;background:#ececec;padding:22px;}
.ohter_news h4{font-size:16px;font-weight:bold;margin-bottom:3px;color:#333;}
.ohter_news p{font-size:14px;color:#666;}
@media (max-width:1400px){
    .hot_product.services-carousel .service-box{margin-bottom:30px;min-height:280px;background:#fff;padding-top:20px;}
    .hot_product .service-box .overlay{padding:80px 30px 30px;}
    .hot_product .service-box .overlay p{line-height:25px;font-size:16px;}
}
@media (max-width:1200px){
    .pro_item li{padding:0;}
    .pro_item li img{width:85%;}
    .pro_item .pro_name img{width:100%;}
    .current_info h3{padding:15px 0;}
}
@media (max-width:992px){
    .counter .container{text-align:center;}
    .product_info{height:200px;margin-bottom:15px;}
    .current_info h3{padding:15px;}
    .product_info img{display:none;}
    .hot_product .product_info,.hot_product .product_warp{width:100%;margin-left:0;margin-top:5px;}
    .current_info a{padding:5px 0;}
    .advantage .ad_item{min-height:auto;}
    .ad_txt{padding:3% 5%;}
    .ad_txt h2{font-size:32px;}
    .about .img-responsive{margin:0 auto 15px;}
    .ohter_news{padding:15px 0 0;}
	
}
@media (max-width:768px){
    .pro_item li{width:25%;margin-left:3%;}
    .pro_item .pro_name{width:40%;}
    .container .row{margin:0;}
    .html5zoo-nav-0{margin-top:-30px !important;}
    .m_name h2{font-size:24px;}
    .m_name span{padding-left:1em;}
    .bot_list a{padding:8px 30px;}
    .service_item{margin-bottom:10px;}
    .ohter_news .news_item{position:relative;}
    .ohter_news .news_pic{width:100%;float:none;}
    .ohter_news .news_info{position:absolute;bottom:0;left:0;background: rgba(0,0,0,.4);}
    .ohter_news h4,.ohter_news p{color:#fff;}
}