@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing:border-box; }
body{overflow-x: hidden；-moz-user-select: none; 

    -webkit-user-select: none; 

    -ms-user-select: none; 

    -khtml-user-select: none; 

    user-select: none;}
img{ border:0; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto;}
.w1200{ width: 1200px; margin:0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/*头部*/
.header{ background:#434343; height: 40px; line-height:40px; width: 100%; color: #fff; font-size: 14px; }
.xuJin{float: left; height: 40px; font-size: 14px; color: #fff; float: left}
.header_lj{float: right; line-height:40px;}
.header_lj ul{float: right;}
.header_lj li{ float: left; margin-left:20px; position: relative; background: url(../images/sx.jpg) no-repeat left center; padding-left: 15px;}
.header_lj li i{float: left; font-size:28px; margin-top: 10px;}
.header_lj li p{font-size:14px; color: #fff; float: left; margin-left:10px; line-height: 38px;}
.header_lj li:hover p{color:#1090ca; cursor: pointer}

.h_wx .wx{ width:120px; height: 120px; position: absolute; top: 40px; left: 0px; display: none; z-index: 999}
.h_sj .sj{ width:120px; height: 120px; position: absolute; top: 40px; left: 0px; display: none;  z-index: 999}
.h_wx span{font-size: 18px; color:#1090ca;font-family: "Impact" }
.h_wx:hover .wx{ display: block;}
.h_sj:hover .sj{ display: block;}
.icon-shouji{width:12px; height: 20px; background:url(../images/i_sj.png) no-repeat}
.icon-weixin{width:21px; height: 17px; background:url(../images/i_wx.png) no-repeat}
.icon-dt{width:17px; height: 17px; background:url(../images/i_dh.png) no-repeat}
.header_center{width:100%; height:85px;}
.index_logo{width:168px; height:59px; float: left; margin-top: 12px;}
.index_logo img{width:100%; height: auto; overflow: hidden; }




/* 导航栏 */
#menu{ height:85px; width:860px;  float: right }
#menu .nav{ position:relative; z-index:1;  margin: 0 auto; width: 100%; height:85px;}
#menu .nav a{ color:#a0a0a0;}
#menu .nav .nLi{ float:left;  position:relative; display:inline; height:85px; }
#menu .nav .nLi h3{ float:left; font-weight: normal; width:107px; text-align:center; font-size:15px; z-index: 2; position: relative; height:85px; }
#menu .nav .nLi h3 a{color:#454545; line-height:85px;  display: block; overflow: hidden;}
#menu .nav .sub{ display:none; width:100%; left:0;  top:85px;  position:absolute; background:#ddd;  line-height:36px; }
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px;  color:#222e48;}
#menu .nav .sub a:hover{ color:#1090ca;  }
.nLi > h3 > span{display: block; width: 120px; text-align: center; position: absolute; top: 21px;font-size: 12px;font-weight: normal; color: #fff; }
#menu .nav .nLi.active h3{background: url(../images/n_x.jpg) no-repeat center bottom}
#menu .nav .nLi:hover h3{background: url(../images/n_x.jpg) no-repeat center bottom}



/* 首页:banner */
.banner{ width:100%;  position:relative;  height:600px;clear: left; }
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:50%; margin-right: -33px; bottom:15px;z-index:1;overflow:hidden;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #fff; cursor:pointer; border-radius: 50%;}
.banner .slideBox .hd ul li:last-child{margin-right: 0px;}
.banner .slideBox .hd ul li.on{background:#1090ca}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd img{display:block;width:100%;height:100%}




/*关于我们*/
.index_about{width:100%; height:475px; overflow: hidden;  background:url(../images/about_bj.jpg) no-repeat bottom center; margin-top: 102px;}
.index_about_left{width:600px; height: auto; float: left}
.about_t{width:100%; height: 70px; background: url(../images/a3.png)  no-repeat left center; padding-left: 30px;}
.about_t h4{width:100%; height: 38px; line-height: 38px;  font-size: 36px; color:#454545}
.about_t h4 span{font-weight: bold; margin-left: 5px;}
.about_t p{width:100%; height: 30px; line-height: 30px; font-size: 16px; color: #1090ca}
.about_info{width:100%; height: auto; overflow: hidden; line-height: 30px; font-size: 14px; color: #666666; margin-top: 52px;}
.about_num{width:100%; height: auto; overflow: hidden; margin-top: 42px;}
.about_num dl{width:auto; height: auto; float: left; margin-right: 70px;}
.about_num dl dt{font-size: 48px; color: #1090ca; font-weight: bold;}
.about_num dl dd{font-size: 14px;  color: #454545; line-height: 28px;}
.index_about_right{width:560px; height: auto; float: right; position: relative}
.about_pic{width:100%; height: 379px; background: url(../images/a2.png) no-repeat left  bottom}
.about_pic img{width:515px; height: 310px;  float: right}
.about_nav{width:378px; height: 66px; position: absolute; bottom:38px; left:98px;}
.about_nav a{width:110px; height: 66px; background: #1090ca; text-align: center; line-height: 66px; font-size: 18px; color:#fff; float: left; margin-right: 12px;}
.about_nav a:hover{background: #f59a00}



/*产品*/
.index_product{width:100%;  height: auto; overflow: hidden; background: url(../images/pro_bj.jpg) no-repeat top center; padding-top: 48px;}
.index_product .index_proleft{width:870px; height: auto; overflow: hidden; float:left }
.index_product .index_proleft h5{font-size: 14px; color: #fff; width: 100%; height: 30px; line-height: 30px; position: relative; padding-left: 82px;}
.index_product .index_proleft h5:after{content: ""; width: 67px; height: 1px; background: #fff; position: absolute; left:0; top:15px;}
.pro_nav{width:810px; height: auto; margin: 44px 0 24px}
.pro_nav ul{width:100%; height: auto; overflow: hidden}
.pro_nav ul li{width:128px; height: 42px; background: #fff; float: left; text-align: center; line-height: 42px; margin-right:8px; margin-bottom: 9px;}
.pro_nav ul li a{font-size: 16px; color: #454545; display: block; width: 100%; height: 100%}
.pro_nav ul li:nth-child(6n){margin-right: 0;}
.pro_nav ul li:hover{background: #f59a00}
.pro_nav ul li:hover a{color:#fff}
.index_product .Box {position: relative; width:810px;  height: auto; margin-top: 40px; }
.index_product .Box .Box_con {position: relative;}
.index_product .Box .Box_con .conbox {position: relative; overflow: hidden; width:100%; margin: 0px auto; }
.index_product .Box .Box_con .conbox ul {position: relative;list-style: none;}
.index_product .Box .Box_con .conbox ul li {float: left; width:264px; height:auto; margin-left:9px; position: relative; overflow: hidden; background: #e9e9e9; padding: 8px }
.index_product .Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.index_product .Box .Box_con .conbox ul li img{transition: all 0.5s; width:100%; height:100%; display: block}
.in_honor{width:100%; height: auto;}
.index_product .Box .Box_con .conbox ul li p{font-size: 16px;  text-align: center; color: #454545; width: 100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: #eeeeee}
.index_product .Box .Box_con .conbox ul li:hover img{transform: scale(1.03);}
.conbox_button{width:59px; height: auto; position: absolute; right:-59px; bottom:0}
.index_product .Box .Box_con .btn {display: block;width:59px;height:59px;cursor: pointer;  text-align: center;  background:#f59a00; padding-top: 19px; }
.index_product .Box .Box_con .btnr { margin-top:2px;}
.index_product .Box .Box_con .btnl:hover,.index_product .Box .Box_con .btnr:hover{background:#094ead }
.index_proright{width:328px; height: auto; overflow: hidden; float: right;  text-align: right}
.index_proright  span{width:77px; height: 8px; background: #ffffff; display: block; margin-top: 20px; float: right}
.index_proright p{font-size: 36px; color: #fff; opacity: 0.2;  margin-top: 8px; width: 100%;}
.index_proright h4{font-size: 36px; color: #fff; text-align: right}
.index_proright img{margin-top: 29px;}





/*工程案列*/
.index_case{width:100%; height:874px; overflow: hidden; background:url(../images/case_bj.jpg) no-repeat center;    margin-top: -78px;     padding-top: 139px; }
.index_case .container{border-top:1px solid #eeeeee; padding-top: 45px;}
.index_case .about_t{background: url(../images/case_t.png) no-repeat left center;  border-left:10px solid #1090ca; padding-left: 15px;}


#focus_Box{position:relative;width:1120px; height:500px; margin:70px auto 0;  }
#focus_Box ul{position:relative; width:1120px; height:395px; margin-bottom: 25px;}
#focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px; border: 3px solid #e9e9e9; overflow: hidden}
#focus_Box li img{width:100%;height:100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:rgba(16,144,202,0.8); color:#fff; text-align: center; font-size: 16px; 
	color: #fff}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;width:48px;height:48px; float: left}
#focus_Box .shubiao{width:104px; height: 32px; float: left; margin: 8px 35px 0; animation: l_jump 1.5s ease-in-out 0.1s alternate infinite;
    -webkit-animation: l_jump 1.5s ease-in-out 0.1s alternate infinite;}
#focus_Box .prev{background: url(../images/c_left.jpg)  no-repeat;  margin-left: 420px;}
#focus_Box .next{background:url(../images/c_right.jpg) no-repeat;} 
#focus_Box .prev:hover{ background: url(../images/c_hleft.jpg) no-repeat}
#focus_Box .next:hover{background: url(../images/c_hright.jpg) no-repeat}
#focus_Box li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}

@keyframes l_jump{
	from{ transform:translateX(-10px); -webkit-transform:translateX(-10px);}
	to{ transform:translateY(10px); -webkit-transform:translateX(10px); }
	}
@-webkit-keyframes l_jump{
	from{ transform:translateX(-10px); -webkit-transform:translateY(-10px); }
	to{ transform:translateX(10px); -webkit-transform:translateX(10px); }
	}





/*合作伙伴*/
.index_hezuo{width:100%; height: auto; overflow: hidden;  margin-top: 78px}
.index_hezuo_t{width:100%; height: auto; overflow: hidden}
.index_hezuo_t h4{font-size: 36px; color: #454545; text-align: center}
.index_hezuo_t span{width:75px; height: 7px; background: #1090ca;  display: block; margin: 8px auto;}
.index_hezuo ul{width:100%; height: auto; overflow: hidden; margin-top: 30px; margin-bottom: 10px;}
.index_hezuo ul li{width:192px; height: 89px; border: 1px solid #eeeeee; float: left; margin-right: 9px;  margin-bottom: 9px;}
.index_hezuo ul li img{width:100%; height: 100%;}
.index_hezuo ul li:nth-child(6n){margin-right: 0;}
.hz_more{font-size: 18px; color: #454545;  text-align: center; height: 50px; margin-top: 26px; }
.hz_more img{width:24px; height: 13px; display: block; margin: 5px auto 0; animation: b_jump 1.5s ease-in-out 0.1s alternate infinite;
    -webkit-animation: b_jump 1.5s ease-in-out 0.1s alternate infinite;}
.index_hezuo ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}

@keyframes b_jump{
	from{ transform:translateY(0); -webkit-transform:translateY(0);}
	to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
	}
@-webkit-keyframes b_jump{
	from{ transform:translateY(0); -webkit-transform:translateY(0); }
	to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
	}


/*新闻*/
.index_news{ width: 100%; height:675px; overflow: hidden; margin-top: 68px; background: url(../images/news_bj.jpg)  no-repeat center; padding-top: 70px; }
.index_news_t{width:100%; height: auto; overflow: hidden; }
.index_news_t div{font-size: 36px; width: 288px; color: #454545; float: left; 
	background: url(../images/news_t.png) no-repeat right bottom; height: 60px; }
.index_news_t div h4{height:42px;border-left:7px solid #1090ca;  padding-left: 24px; }
.index_news_t p{font-size: 14px; color: #777777; float: right; position: relative; padding-left:105px; line-height: 60px;}
.index_news_t p:after{content: ""; width: 84px;  height: 1px; background: #dedede; position: absolute; top:30px;  left:0;}
.index_news_left{width:385px; height: auto; float: left; margin-top: 29px;}
.index_news_left .news_pic{width:100%; height:268px; overflow: hidden;}
.index_news_left .news_pic img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s}
.index_news_left:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_news_left:hover p,.index_news_left:hover h4,.index_news_left:hover span{color:#1090ca}

.news_xx{width:100%;  height: 170px; background: #fff; padding: 18px 23px 0;}
.news_xx h4{width:100%; height: 35px; line-height: 35px; font-size: 16px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_xx span{font-size: 14px; color: #999999; height: 35px; line-height: 35px;}
.news_xx p{width:100%;height:50px; font-size: 14px; color: #999999; line-height: 26px;}
.index_news_center{width:608px; height: auto;  overflow: hidden; background: #fff; padding: 10px 33px; float: left; margin-left: 18px; margin-top: 29px;}
.index_news_center ul{width:100%; height: auto; }
.index_news_center ul li{width:100%; height: 117px;;border-bottom: 1px solid  #eeeeee;  margin-top: 22px; }
.index_news_center ul li .c_news_top{width:100%; height: 35px; line-height: 35px;}
.index_news_center ul li .c_news_top  h3{width:412px; height: 35px; line-height: 35px; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news_center ul li .c_news_top span{font-size: 14px;  color: #999999; float: right}
.c_news_xx{width:100%; height: 53px; line-height: 26px;  font-size: 14px; color: #777777;    word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; margin-top:5px;}
.index_news_center ul li:last-child{border-bottom: 0px;}
.index_news_center ul li:hover h3,.index_news_center ul li:hover span,.index_news_center ul li:hover p{color:#1090ca}


.index_news_right{width:171px; height:auto;  float: right; margin-top:10px;}
.index_news_right dl{width:100%; height: 134px;  background: #1090ca; margin-top: 18px; text-align: center}
.index_news_right dl dd{font-size: 18px; color: #ffffff; height: 35px; line-height: 35px;}
.dl_1{padding-top: 35px;}
.dl_2{padding-top: 40px;}
.dl_3{padding-top: 35px;}
.index_news_right dl:hover{background: #f59a00}



/*底部*/
.footer{width: 100%; height:340px; background:#494949; padding-top:40px;}
.footer_nav{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 23px;  margin-bottom: 25px;}
.footer_nav p{font-size:14px; color: #fff; float: left}
.footer_nav p span{font-size: 18px; color: #fff;}
.footer_nav ul{width:1000px; height: auto; float: left; margin-left: 50px;}
.footer_nav ul li{width:125px; float: left; text-align: center}
.footer_nav ul li a{font-size: 14px; color: #999999; line-height: 40px;}
.footer_nav ul li a:hover{color:#1090ca}
.footer_messga{width:388px; height: auto; float: left}
.footer_messga h4,.footer_dz h4,.footer_top_right h4{font-size: 16px; color: #fff; height: 40px; line-height: 40px;}
.message_left{width:189px; height: auto; float: left}
.message_left input[type="text"]{width:100%; height: 40px;  background: #646464; padding: 0px 10px;  margin-bottom: 10px;  border: 0; font-size: 14px;
	color: #d2d2d2}
.footer_messga textarea{width:187px;  height: 90px; float: right;  background: #646464; padding: 10px;   border: 0; resize: none; font-size: 14px; color: #d2d2d2}
.m_submit{width:105px; height: 42px; background: #1090ca; color: #fff; font-size: 14px;    border: 0;  float: left; }
.f_text{width:100%; height:102px;}

::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #d2d2d2;  
}  
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #d2d2d2;  
   opacity:  1;  
}  
::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #d2d2d2;  
   opacity:  1;  
}  
:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #d2d2d2;  
}  



.footer_dz{width:auto; float: left; margin-left: 140px;}
.footer_dz p{width:100%;  line-height:30px; font-size: 14px; color: #999999;  padding-left: 30px;}
.footer_dz .f1{background: url(../images/f1.png)  no-repeat left center}
.footer_dz .f2{background: url(../images/f2.png)  no-repeat left center}
.footer_dz .f3{background: url(../images/f3.png)  no-repeat left center}
.footer_dz .f4{background: url(../images/f4.png)  no-repeat left center}
.footer_dz p a{color:#999999}
.footer_dz p a:hover{color:#1090ca}
.footer_top_right{width:140px;  display: block; overflow: hidden; float: right;}
.footer_top_right img{width:108px; height: 108px; float: left}
.footer_top_right p{font-size: 14px; color: #999; height: 108px; border: 1px solid #fff; border-left:0px; writing-mode:tb-rl;  width: 30px; float: left;  padding:15px 6px 0}
.footer_ban{width:100%; height:60px; line-height:60px; background: #333333 }
.footer_zhichi{width:auto; height:60px;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-left: 20px;  font-size: 14px; color:#fff;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:19px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:19px;}
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 12px; color: #fff;}
.footer_zhichi i{ float: left;}
.f_brq{width:auto;height:100%; line-height:60px; font-size: 14px; color:#fff; float: left}
.f_brq a{margin-left: 15px; color: #fff;}
.f_brq a:hover{color:#1090ca!important}
.index_kuaijie{width:100%; height: 60px; background:#094ead; line-height: 60px; overflow: hidden; margin-top: 60px;}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size:14px; color: #ffffff; margin: 0px 10px;}
.index_kuaijie p{font-size: 16px; color: #ffffff; float: left; }
.index_kuaijie a:hover{color:#1090ca}






/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#1090ca;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}




/* 内页效果 */
.inside_banner_1{ height: 300px; background: url(../images/inside_banner_1.jpg) no-repeat center; margin-bottom:15px;}
.inside_banner_2{ height: 300px; background: url(../images/inside_banner_2.jpg) no-repeat center; margin-bottom:15px;}
.inside_banner_3{ height: 300px; background: url(../images/inside_banner_3.jpg) no-repeat center; margin-bottom:15px;}
.inside_banner_4{ height: 300px; background: url(../images/inside_banner_4.jpg) no-repeat center; margin-bottom:15px;}
.inside_banner_5{ height: 300px; background: url(../images/inside_banner_5.jpg) no-repeat center; margin-bottom:15px;}
.inside_banner_6{ height: 300px; background: url(../images/inside_banner_6.jpg) no-repeat center; margin-bottom:15px;}
.inside_banner_7{ height: 300px; background: url(../images/inside_banner_7.jpg) no-repeat center; margin-bottom:15px;}
.inside_bg{ background: url(../images/baimuxiang_40.png); padding-bottom: 60px; overflow:hidden; height:auto;}
.inside_page_con{ height: 64px; border-bottom: 1px solid #eee; margin-bottom: 16px; }
.news_1{border-bottom: none !important; margin-bottom: 0 !important;}
.inside_page_con ul{ height: 48px; line-height: 48px; width: 77%; float: left;overflow: hidden;}
.inside_page_con ul li a{display: inline-block; line-height: 48px; background: #eee; text-align: center; margin-right: 1px; font-size: 15px; padding: 0 20px; float: left;}
.inside_page_con ul li a:hover{ background: #ddd;}
.inside_page_con ul li.active a{ background: #1090ca; color: #fff;}
.inside_page_con ul.product li a{ padding: 0 8px !important;}
.inside_page_con .location{ width: 23%; float: right; line-height: 48px; text-align: right;font-size:14px; color: #666;}
.inside_page_con .location img{ margin-right: 6px;}
.inside_page_con .location  a{font-size:14px; color:#666}
.about_body{ width: 100%; text-align: justify; padding: 10px 0 30px 0;}
.about_body p{text-align: justify !important; line-height: 2; color: #666; margin-bottom: 6px;}


/*荣誉资质*/
.case_list{ width: 1250px; overflow: hidden;}
.case_list li{  width: 286px; float: left; border: 1px solid #eee; margin-right: 16px; margin-bottom: 16px;} 
.case_list li .img{ width: 266px;  margin: 0 auto; overflow: hidden; margin-top: 10px;}
.case_list li .img img{ width: 100%;}
.gallery-title{ height: 42px; line-height: 42px; text-align: center;  font-size: 16px;}



/* 新闻列表页 */
.news_first{ height: 200px; padding-bottom: 16px; border-bottom: 1px solid #eee; margin-bottom: 16px;}
.news_first a.news_first_img{ display: block; width: 284px; height: 200px; overflow: hidden; float: left; }
.news_first a.news_first_img img{ width: 100%; height: auto;transition:all 0.4s;}
.news_first a.news_first_img img:hover{transform: scale(1.1); transition: all .4s; }
.news_first .news_first_right{ width: 884px; float: right; height: 200px;}
.news_first .news_first_right p a{ font-size: 18px; line-height: 64px;}
.news_first .news_first_right .date_cunt{ height: 30px;}
.news_first .news_first_right .date_cunt li{ display: inline-block; float: left; margin-right: 20px; color: #999; padding-left: 20px;}
.news_first .news_first_right .date_cunt li.date{ background: url(../images/tl_index_20.png) no-repeat left;}
.news_first .news_first_right .date_cunt li.cunt{ background: url(../images/tl_index_21.png) no-repeat left;}
.news_first .news_first_right span{ display:block; line-height: 1.5; color: #666; text-align: justify; font-size: 14px;}
.news_first .news_first_right i{ font-style: normal; display: block; margin-top: 20px; color: #999;}

.index_news_list{ width: 100%; overflow:hidden;height:auto; margin-bottom:10px;}
.index_news_list li{ float: left; width: 588px; height: 142px;  margin-bottom: 16px; border-bottom: 1px solid #eee;}
.index_news_list li:hover{  background: #f8f8f8;}
.index_news_list li .news_left{ float: left; width: 104px; margin-top: 38px; background: url(../images/hw_top_26.png) no-repeat right center; text-align: center; font-size: 42px; color: #333; line-height: 32px;}
.index_news_list li .news_left span{ font-size: 14px; color: #666;}
.index_news_list li .news_right{ width: 434px; padding: 28px 24px 0 24px; float: left; }
.index_news_list li .news_right a{ font-size: 18px; line-height: 32px;}
.index_news_list li .news_right p{ font-size: 14px; line-height: 26px; color: #666;}
.index_news_list li:nth-child(2n){float:right}


/* 新闻详情页 */
.news_detail_left{ min-height: 300px; float: left; background: #fff; width: 766px; padding: 20px 40px; overflow: hidden;  border: 1px solid #eee; border-radius: 10px}
.news_detail_left h1{ font-size: 24px; line-height: 45px; text-align: center; margin-top: 20px;}
.news_detail_left h1+p{font-size: 14px; color: #999; text-align: center; margin-top:10px; border-bottom: 1px solid #eee; display: block;padding-bottom: 10px; margin-bottom: 20px;}
.news_detail_left .news_body{ text-align: justify; line-height: 32px; color: #666;}
.news_detail_left .news_body p{ line-height: 32px; color: #666;}
.news_body img{max-width:100%;}
.news_detail_right{ width: 330px; float: right;}
.news_detail_right .pre_next_dttail{ height: 138px; background: #fff; margin-bottom: 16px; border: 1px solid #eee; border-radius: 10px;}
.news_detail_right .pre_next_dttail span{ display: block; font-size: 18px; text-indent: 25px;padding-top: 30px;}
.news_detail_right .pre_next_dttail p{ text-indent: 25px; line-height: 45px;}
.news_detail_right .pre_next_dttail p a{white-space:nowrap;word-break:keep-all;text-overflow:ellipsis; width: 296px; display: block; overflow: hidden; line-height: 45px;}
.news_detail_right .pre_next_dttail p a:hover{ color: #1090ca}
.news_detail_right .pre_next_dttail em{ display: block; color: #999;text-indent: 25px;}


.tj_news{ height: 300px; background: #fff; margin-bottom: 16px; border: 1px solid #eee; border-radius: 10px;}
.tj_news p{ width: 274px; margin: 0 auto; border-bottom: 1px solid #eee;line-height: 56px; font-size:18px;}
.tj_news ul{ width: 274px; margin: 10px auto;}
.tj_news ul li{ line-height: 36px; background: url(../images/hw_top_32.png) no-repeat left; text-indent: 20px; width:100%; height:36px; }
.tj_news ul li:hover{ line-height: 36px; background: url(../images/hw_top_33.png) no-repeat left;}
.tj_news ul li:hover a{ color: #1090ca}
.return_list a{display: block; height: 42px; line-height: 42px; background: #1090ca url(../images/hw_top_34.png) no-repeat 110px 12px; color: #fff;text-align:center;}
.return_list a:hover{background: #333 url(../images/hw_top_34.png) no-repeat 110px 12px; color: #fff; }
.tj_news ul li a{width:100%; height:100%; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}




/* 相册效果 */
.Gallery { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.9); opacity: 0; z-index: 999999; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.Gallery.show { opacity: 1; }
.g-bottom, .g-left, .g-right, .g-top { z-index: 99; display: block; -webkit-appearance: none; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.g-top { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120; }
.g-left.none, .g-right.none { opacity: .3; cursor: not-allowed; }
.g-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120; }
.g-left { position: absolute; top: 43%; left: 0; height: 14%; background: rgba(0, 0, 0, 0.5); width: 55px; cursor: pointer; }
.g-right { position: absolute; top: 43%; right: 0; height: 14%; background: rgba(0, 0, 0, 0.5); width: 55px; cursor: pointer; }
.Gallery img { max-height: 87%; max-width: 99%; }
.Gallery.Gallery-none img { max-height: 100%; max-width: 99%; }
.Gallery-wrap { width: 100%; height: 100%; position: relative; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.g-left:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 16px; top: 50%; margin-top: -1px; }
.g-left:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top: none; border-right: none; display: block; position: absolute; left: 16px; top: 50%; margin-top: -6px; }
.g-right:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; right: 16px; top: 50%; margin-top: -1px; }
.g-right:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: none; border-bottom: none; display: block; position: absolute; right: 16px; top: 50%; margin-top: -6px; }
.g-list { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 0; }
.g-list span { display: inline-block; vertical-align: middle; height: 100%; }
.g-list img { vertical-align: middle; cursor: -webkit-grab; cursor: grab; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; }
.Gallery-wrap.grab .g-list img { cursor: -webkit-grabbing; cursor: grabbing; }
.g-top .g-count { width: auto; height: 100%; position: absolute; left: 0; top: 0; padding: 0 18px; }
.g-top button { height: 45px; width: 45px; border: none; position: absolute; right: 0; top: 0; opacity: .8; background: 0 0; -webkit-tap-highlight-color: transparent; }
.g-top span { display: block; width: 100%; height: 100%; line-height: 45px; color: #fff; }
.g-close { cursor: pointer; }
.g-close:after { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 8px; top: 21px; }
.g-close:before { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: 8px; top: 21px; }
.g-top button:hover { opacity: 1; }
.loading { width: 100%; height: 100%; background: #111111; position: absolute; left: 0; top: 0; z-index: 1000; }
.loading s { display: block; width: 30px; height: 30px; background: #0ad1a9; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; -moz-animation: load 1.5s linear infinite; -webkit-animation: load 1.5s linear infinite; }
.loading p { text-align: center; font-size: 12px; position: relative; top: 50%; margin-top: 25px; }




#map{ width: 854px; border: 1px solid #e8e8e8; height: 418px; margin-bottom: 30px; float:left;}
.contact_fs_main{ height: 418px; width: 300px; background: #fff; border: 1px solid #e8e8e8; border-left: none; float: left; padding-left: 43px;}
.contact_fs_main h3{display: block;font-size: 18px; margin-top: 48px; line-height: 56px; margin-bottom: 10px; position: relative;}
.contact_fs_main h3::after{ content: ""; display: block; height: 5px;  width: 32px; background: #1090ca; position: absolute; left:0; bottom: 0; }
.contact_fs_main p{ line-height: 24px;  color: #666; font-size: 14px;}
.contact_fs_main p.contact_icon1{ background: url(../images/hw_top_36.png) no-repeat left; text-indent: 30px; }
.contact_fs_main p.contact_icon2{ background: url(../images/hw_top_39.png) no-repeat left; text-indent: 30px; }
.contact_fs_main p.contact_icon3{ background: url(../images/hw_top_38.png) no-repeat left; text-indent: 30px; }
.contact_fs_main p.contact_icon4{ background: url(../images/hw_top_37.png) no-repeat left; text-indent: 30px; }
.contact_fs_main img{ margin-top: 10px;}
.BMap_bubble_title{ font-size: 16px; color: #e70317; font-weight: bold;}
.BMap_bubble_content{ line-height: 24px;}