@charset "utf-8";

/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,*{margin:0;padding:0;}
fieldset,img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
em,i{font-style:normal;}
input,button,select,textarea{outline:none;}
img{max-width:100%;}
textarea{resize:none;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
body{background:#f5f5f5;}
a{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}

/*自定义的全局样式*/
.wrapper{ width:100%;}
.boxwidth{ margin:0 auto; padding:0 15px;}




/*主页增加*/


.main_title{ text-align:center;}
.main_title h2{ font-size:3em; padding-bottom:0.5em; color:#333;}
.main_title p{ color:#999; font-size:1.2em;}

.hsoluction .main_title{ padding:100px 0 50px;}




.bgfff{ background:#fff;}

/*内页小banner*/
.sbanner{ position:relative;}
.sbanner_img{}
.sbanner_img img{ width:100%;}
.sbanner .boxwidth{}

.jianav{ position:absolute; width:100%; top:0; left:0; padding:10px 0; background-color:rgba(255, 255, 255, 0.4); box-shadow:rgba(0, 0, 0, 0.1) 0 1px 2px;}

.jialogo{ float:left; max-width:216px;}

.jianav_ul{ float:right; overflow:hidden; padding-top:5px;}
.jianav_ul li{ float:left;}
.jianav_ul li a{ display:block; padding:1em 2em; font-size:1.2em; color:#333; font-weight:bold;}
.jianav_ul li a:hover{ color:#0069b5;}

.wlfooter{padding: 40px 0 10px 0;background: #0069B5;font-size: 14px;}
.footerwl{ line-height:35px;margin:0 auto;font-family: "Microsoft Yahei","黑体";}
.footerwl p{ text-align:center; color:#fff; font-size:14px;}
.footerwl a{ color:#fff;}
.footerwl p strong{ color:#fff;}
.boxwla{ width:970px;}

.sbanner_wz{ display:block; width:100%; position:absolute; top:30%; left:0; z-index:10; color:#fff; color:#282828; text-shadow:0 0 10px rgba(0,0,0,0.6);}

.sbanner_wz h1{ font-size:4em; color:#fff; text-align:center;}
.sbanner_wz p{ font-size:2em; margin:0.5em auto; color:#fff; text-align:center;}

.sbanner_bottom{ border-bottom:1px solid #eee; line-height:70px; font-size:1.2em; background:#fff;}
.sbanner_bottom a{ padding:0 30px; color:#6b6b6b; transition:all 0.4s;}
.sbanner_bottom a:first-child{ padding:0 30px 0 0;}
.sbanner_bottom a:hover,.sbanner_bottom a.thissnav{ color:#d00;}

div.footerwl p.rexian{font-size: 24px; background: #003963; width: 646px; height: 66px; margin: 10px auto;line-height: 66px; color: #FDEE00;}


/*侧边联系qq，微信等*/
.izl-rmenu{position:fixed; right:0; bottom:10px; padding-bottom:73px; z-index:999;}
.izl-rmenu .topbtn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/icon/r_qq.png) 0px 0px no-repeat; background-color:#444; text-decoration:none; display:block;}
.izl-rmenu a.btn-qq:hover{background-color:#333;}

.izl-rmenu .btn-wx{background:url(../images/icon/r_wx.png) 0px 0px no-repeat; background-color:#444;}
.izl-rmenu .btn-wx:hover{background-color:#333;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-140px; top:0px; display:none; max-width:140px; width:140px !important;height:140px;}
.izl-rmenu .btn-phone{background:url(../images/icon/r_phone.png) 0px 0px no-repeat; background-color:#444;}
.izl-rmenu .btn-phone:hover{background-color:#333;}
.izl-rmenu .btn-phone .phone{background-color:#333; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/icon/r_top.png) 0px 0px no-repeat; background-color:#444; display:none;}
.izl-rmenu .btn-top:hover{background-color:#333;}

.top_btn{}
.top_btn a.guanbi{ display:block; text-align:center; margin-bottom:1px; cursor:pointer; position:relative; background-color:#444; color:#fff; line-height:2em;}
.izl_rmenu_box{ position:relative; left:0;}
.top_btn a.dakai{display:none; margin-bottom:1px; cursor:pointer; position:relative; background-color:#444; color:#fff; padding:0 0.7em; float:right; border-bottom-left-radius:1em; border-top-left-radius:1em; line-height:2em;}
.top_btn a:hover{ background:#333;}


/*关于我们页面*/

.about_page{ padding-top:90px;}

.page_title{ padding-bottom:60px;}
.page_title h2{ font-size:2.5em; color:#494949;}
.page_title p{ font-size:1.14em; color:#999; padding-top:0.5em;}


.yyfc{}
.ygfc_list{ overflow:hidden; padding:50px 0 0;}
.ygfc_list li{ margin-bottom:1em;}
.ygfc_list_box{ transition:all 0.4s; background:#fff;}
.ygfc_a{ display:block; overflow:hidden;}
.ygfc_a img{ width:100%; transition:all 0.4s;}
.ygfc_title a{ display:block; padding:1em 0.5em; text-align:center; transition:all 0.4s;}


.ygfc_list_box:hover{ transform:translateY(-7px); box-shadow:0 2px 5px rgba(0,0,0,0.5);}
.ygfc_list_box:hover .ygfc_a img{ transform:scale(1.1);}
.ygfc_list_box:hover .ygfc_title a{}

/*服务流程*/
.fwlc{ padding:60px 0;}
.fwlc_list{ overflow:hidden; padding-top:50px;}
.fwlc_list_img{}
.fwlc_list_img img{ width:100%;}
.fwlc_list li{ height:196px; margin-bottom:30px; position:relative;}
.fwlc_list li .fwlc_list_n{  background:#f1f1f1; position:relative; height:100%; width:100%; color:#494949;}
.fwlc_list li .fwlc_list_n span{ display:block; text-align:center; font-size:2.2em; padding-top:1em;}
.fwlc_list li .fwlc_list_n p{ display:block; text-align:center; padding:15px; font-size:1.14em; color:#999;}

.fwlc_p{ line-height:2em; color:#666; padding-top:2em;}
.fwlc_p p{ padding-bottom:0.5em;}

.xgal{ padding:60px 0;}
.xgal_list{ overflow:hidden;}
.xgal_list li{ margin-bottom:30px;}
.xgal_list_a{ display:block; overflow:hidden;}
.xgal_list_a img{ width:100%;}

.xgal_list_n{}
.xgal_list li h3 a{ display:block; background:#fff; padding:1em 0; overflow:hidden; text-align:center;}




/*case det*/
.casedet_top{ padding:60px 0;}

.big_pic_show_box{width:100%;position: relative;}
.big_pic_show{width: 100%;z-index: 1;}
.bigpic{width:100%;height:auto;margin-bottom: 10px;overflow: hidden;border: 1px solid #cecece;background: #eee;}
.bigpic a img{display: block;width: 100%;height:auto;}
div.zoomDiv{z-index: 999;position: absolute;border: solid 1px #ddd;width:500px !important;height:400px !important;background: #ffffff;display: none;text-align: center;overflow: hidden;left:920px !important;}
div.zoomMask{position: absolute;background:url(img/float_layer.png) repeat;cursor:move;width:270px !important;height: 270px !important;z-index: 99;}
.moveBox{width:100%;height:132px;position: relative;}
.pageLeft,.pageRight{width:20px;height:122px;position:absolute;cursor:pointer;background: #005bac;line-height: 122px;text-align: center;color: #fff;z-index: 99;}
.pageLeft{left:0;background: #333;}
.pageRight{right:0;top: 0;}
.move_content{clear:both;width:100%;height:132px;overflow:hidden;position:relative;margin: 0 auto;}
.rexiaoPic{overflow:hidden;width:100%;height:132px;padding:0 24px;}
.sell_order{width:9999px;position:absolute}
.rexiaoPic li{width:160px;float:left;margin:0 10px 0 0;background:#fff;overflow:hidden;cursor:pointer;border: 2px solid #e1e1e1;}
.rexiaoPic li img{width:158px;margin: auto;}
.rexiaoPic li.hover{border-color: #005bac;}
.bigimg{width: 800px;}

.pro_detail_txt{}
.pro_detail_txt h1{ font-size:1.5em; font-weight:bold;}

.xiangmu_p{ padding-bottom:1em; padding-top:2em; border-top:1px solid #ccc; margin-top:2em;}

.xiangmu_casnhu{ overflow:hidden; line-height:2em; border-bottom:1px solid #ccc; padding-bottom:2em; margin-bottom:2em;}


.xiamgmu_btn{}
.xiamgmu_btn a{ display:inline-block; height:3em; line-height:3em; color:#fff; padding:0 3em;}
.xiamgmu_btn1{ background:#282828; margin-right:2em;}
.xiamgmu_btn2{ background:#007bc5;}

.xiangmu_tel{ font-size:1.3em; font-weight:bold; color:#007bc5; margin-bottom:1.5em;}


.xiangmu_con{ padding-bottom:60px;}
.xiangmu_title{ font-size:1.5em; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:1em; margin-bottom:1em;}
.xiangmu_con_nr{ line-height:2em; color:#666;}



/*案例页面2*/
.mbx{line-height:70px; border-bottom:1px solid #eee; font-size:1.14em; color:#666;}
.mbx a{ color:#666; transition:all 0.4s;}
.mbx a:hover{ color:#d00;}

.casedetpage2{ padding-top:60px;}

.cp2_title{ overflow:hidden;}
.cp2_title h1{ line-height:1.5em; font-size:2.2em; padding-right:160px;}
.cp2_title a{ float:right; height:36px; line-height:36px; border:1px solid #ccc; color:#666; border-radius:20px; padding:0 2em; transition:all 0.4s; position:relative; z-index:99;}

.cp2_title a:hover{border:1px solid #007bc5; color:#fff; background:#007bc5;}

.cp2_top{ margin:2em auto 4em; position:relative; box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.2);}


.cp2_top_l{ width:800px;}
.cp2_top_r{ position:absolute; right:0; top:0; width:360px;}

.cp2_top_r_b{ padding:35px 50px 0;}
.cp2_rt{ font-size:1.5em; border-bottom:1px solid #ccc; padding-bottom:1em; margin-bottom:1em;}

.xmgg_list{ font-size:1.14em;}
.xmgg_t{ color:#999;}
.xmgg_b{ color:#666; padding-bottom:1em;}


/*案例详情的焦点图*/
.caseslider, .caseslider .slider-img{overflow: hidden; height: 500px;}
.caseslider{width:800px; position: relative;}
.caseslider:hover .slider-btn{color: #fff; text-shadow: 0 0 5px #666;}
.caseslider .slider-img{width: 12000px; position: relative;}
.caseslider .slider-img .slider-img-ul{position: absolute; left: 0; top: 0; overflow: hidden;}
.caseslider .slider-img .slider-img-ul li{float: left;}
.caseslider .slider-img .slider-img-ul li img{ width:800px; height: 500px;}
.caseslider .slider-dot ul{position: absolute; right: 50px; bottom: 30px;}
.caseslider .slider-dot ul li{cursor: pointer; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 2px solid #fff; float: left; margin-left: 10px;}
.caseslider .slider-dot ul li.active, .caseslider .slider-dot ul li:hover{background:#007bc5;border: 2px solid #007bc5;}

.caseslider .slider-btn{position: absolute; width: 50px; height: 100px; top: 50%; line-height: 100px; text-align: center; color: #fff; font-size: 28px; text-decoration: none; color:#fff; background:#007bc5; transition:all 0.4s;}
.caseslider .slider-btn:hover{ background:#009fff;}
.caseslider .slider-btn.slider-btn-left{left: 0; margin-top: -50px;}
.caseslider .slider-btn.slider-btn-right{right: 0; margin-top: -50px;}

.cp2_con{ background:#f1f1f1; padding:50px 0; margin-bottom:20px;}

.cp2_con_title{ font-size:2em; font-weight:bold; color:#333; margin-bottom:0.5em;}
.cp2_con_nr{ line-height:2em; color:#666;}
.cp2_con_nr p{ padding-bottom:1em;}





@media(min-width:481px) {



}



@media (min-width: 768px) {
	
.nav > li > a{ padding:0;}

.navbar-nav{ float:right; width:100%;}
.banimgs{ display:none;}

.bar-tab{ display:none;}

.navbar-header{ transition:all 0.4s; width:216px;}
.top-nav .navbar-header{ width:140px;}

.navbar-nav > li > a{ text-align:center;}
.navbar-collapse.collapse{ padding-left:260px; transition:all 0.4s;}
.top-nav .navbar-collapse.collapse{ padding-left:160px;}
.navbar-nav{ width:100%; transition:all 0.4s;}
.navbar-nav li.xiala{ width:14%; transition:all 0.4s;}
.navbar-nav li.xiala:first-child{ width:16%;}


}



@media (max-width: 992px) {


}



@media (max-width: 768px) {
.boxwidth{ padding-left:0; padding-right:0;}

/*小屏幕 隐藏的内容*/

.hmain1_right,.foot_left,.foot_b_r,.tab_pro,.tab-hide{ display:none;}

#top{ display:none;}

.logo{ padding-top:5px; float:left; padding-left:15px;}
.logo img{ width:140px;}

.banner_bottom_left{ width:100%; line-height:2em; margin-bottom:0.5em;}
.banner_bottom_left a{text-align:left; font-size:1.5em;}
.banner_bottom_right{ padding-left:0;}

.nav li.xiala{ width:100%;}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:600px;}
.navbar-nav{ margin:0 auto; font-size:0.875em;}

.xiaodaohang{ background:#ddd;}
.xiaodaohang:before{ border-top:10px solid #000; width:10px;}


.banner_bottom{ padding-left:15px; padding-right:15px;}
.main_title{ padding:30px 0 0;}
.main_title h2{ font-size:1.2em;}
.main_title p{ font-size:0.875em;}
.hsoluction_list_a2 h3{ font-size:1.2em;}
.hsoluction_list_a2 p{ display:none;}
.hsoluction_list_a2{ padding:0.5em 0 0; border-bottom:none;}
.hsoluction_list2 .hsoluction_list_a2 h3{ font-size:1em;}
.main .boxwidth{ padding-left:15px; padding-right:15px;}
.hsoluction{ padding-bottom:30px;}
.kuano_title{ font-size:1.2em;}
.kuano_p{ padding:1em 0;}
.kuano{background:url(../images/home/kuano_img2.jpg) fixed no-repeat;background-size:100% 100%;}


.hsoluction_top_l{ width:100%; padding:15px; height:auto; position:relative;}
.hst_o{ font-size:2em;}
.hst_t{ font-size:1.3em;}
.hst_s{ font-size:1.14em;}
.hsoluction_top_r{ width:100%; bottom:0; position:relative; float:none;}
.hsoluction_top_r img{ position:relative; left:auto; margin-left:auto; width:auto; max-width:100%;}



} 



@media (max-width: 992px) {

.xiala_box{ display:none !important;}

}



@media (max-width: 1000px) {



}



@media (min-width: 1200px) {

.boxwidth{ width:1190px;}

/*.navbar .navbar-nav > li > a.nav_a{ padding:40px 30px; font-size:1.14em; font-weight:bold;}*/
.navbar .navbar-nav > li > a.nav_a{ text-align:center; font-size:1.14em; font-weight:bold;}



.navbar .navbar-nav > li > a{ text-align:center; font-size:1.14em;}



}



@media (min-width: 992px) and (max-width: 1200px) {







.boxwidth{ width:962px;}

}



@media (min-width: 768px) and (max-width: 992px) {

.boxwidth{ width:100%;}

.navbar .navbar-nav > li > a.nav_a{ display:block; text-align:center;}
.navbar .navbar-nav > li > a{}





}



@media (min-width: 480px) and (max-width: 768px) {	



.navbar .navbar-nav > li > a{ font-size:1.14em;}




}



@media (max-width: 480px) {	

.top_right{ display:none;}

.navbar .navbar-nav > li > a{ padding:16px 15px 17px; font-size:1.14em;}






.pgwSlider .ps-current {

	margin-bottom: 6px;

font-size:.9rem

}

.pgwSlider .ps-current img {

	width: 100%;

	min-height: inherit

}

.pgwSlider .ps-current, ul.pgwSlider, .pgwSlider>ul {

	width: 100%

}

ul.pgwSlider>li, .pgwSlider>ul>li {

	float: left;

	min-height: 50px;

	max-height: 70px;

	min-width: 20%

}

ul.pgwSlider>li span, .pgwSlider>ul>li span {

	white-space: nowrap

}



.about_img li{ width:100%;}



}