*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑"; font-size:14px; }
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;  }
a:hover{color:#035cac;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-weight:normal; margin: 0;}
hr{ border:none;}
.clear{ clear:both;}
p,ul{margin: 0;}
img{ border:0; vertical-align:middle; }
input,textarea{outline:none;}
.container{width:1200px; margin:0px auto;}
.r{float:right;}
.l{float:left;}


/*头部*/
.header_top{width:100%; height: 35px; background: #e4e6e7;  border-bottom: 1px solid #bfbfbf;}
.header_top p{ font-size:14px; color: #535353; float: left; line-height: 35px;}
.header_lj{float: right;}
.header_lj li{ float: left; font-size: 14px; color: #707070; margin-left: 15px;  line-height: 30px;}
.h_qq{ background: url(../images/qq.png) no-repeat left center; padding-left: 20px}
.h_wx{ background: url(../images/wx.png) no-repeat left center; padding-left: 25px; position: relative}
.h_sj{ background: url(../images/sj.png) no-repeat left center; padding-left: 15px; position: relative}
.header_lj li:hover{color:#035cac; cursor: pointer}
.h_wx .wx{ width:100px; height: 100px; position: absolute; top: 35px; left: 0px; display: none; z-index: 999}
.h_sj .sj{ width:100px; height: 100px; position: absolute; top: 35px; left: 0px; display: none;  z-index: 999}
.h_wx:hover .wx{ display: block;}
.h_sj:hover .sj{ display: block;}

.header{
	width: 100%; 
}
.top_bar {
    height: 40px;
    width: 100%;
    background: #434343;
}
.fixtop{
	position: fixed;
	top:0;
}
.f-fl {
    float: left;
    line-height: 40px;
    font-size: 12px;
    color:#666666;
    height: 40px;
}
.f-fr {
    line-height: 40px;
    float: right;
    color:#666666;
    font-size: 12px;
    height: 40px;
}
.f-fr .iconfont{
	font-size:23px;
	color: #666666;
	vertical-align: middle;	
}
.f-fr span{font-weight: bold;font-size: 24px;color: #b70910;line-height: 40px;float: right;}
.logo_bar{height: 100px;}
.logo_bar .logo{float: left;margin-top: 20px;width: 453px;height: 58px;}
.logo_bar .logo img{width: 100%;height: 100%;}

.logo_bar .telnum{float: right;font-size: 28px;color:#cb0109;font-weight: bold;height: 45px; margin-top: 28px;}
.logo_bar .telnum img{vertical-align: middle; float: left; margin-right: 10px; height: 44px; width: 44px;}
.logo_bar .telnum_dh{float: left; height: 44px;}
.logo_bar .telnum_dh p{ font-size: 16px; color: #f19149; height: 22px; font-weight: 100}
.logo_bar .telnum_dh p span{ font-size:22px;}



/*导航*/
.nav_top{ width:100%;  height: 58px; border-top:1px solid  #bfbfbf}
.nav{height:100%;}
.nav a{ color:#434343;}
.nav .nLi{ float:left;  position:relative; display:inline; height:100%; width:150px; text-align: center}
.nav .nLi h3{ height:58px; width:100%; text-align: center; padding: 10px 0}
.nav .nLi h3 p{ height: 100%; float: left; margin-left: 10px;}
.nav .nLi h3 a{ display:block;  font-size:12px; font-weight:normal; color:#434343; height: 100%; line-height: 38px; border-right: 1px solid #bfbfbf; }
.nav .sub{ display:none;left:-15px; top:58px;  position:absolute;  line-height:26px; padding:0; width:180px;     z-index: 999; background: #eee }
.nav .sub li{ zoom:1; border-bottom: 1px solid #eeeeee;  height:auto; line-height:35px;  text-align: center }
.nav .sub li p{ width:100%; float: left; margin: 0px;}
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 10px; color: #434343; font-size: 12px; height: 100%; }
.nav li.active h3 a{color: #fff;  border-right: 0px;}
.nav li.active {background: #0068b7;}
.sub li:hover a{color:#0068b7}
.nav .nLi i{width:35px; height: 35px; border-radius: 50%; text-align: center;float: left; margin-top:2px;    margin-left: 20px;}
.nav .nLi .n1{background: url(../images/n1.png) no-repeat center #c8c8c8}
.nav .nLi .n2{background: url(../images/n2.png) no-repeat center #c8c8c8}
.nav .nLi .n3{background: url(../images/n3.png) no-repeat center #c8c8c8}
.nav .nLi .n4{background: url(../images/n4.png) no-repeat center #c8c8c8}
.nav .nLi .n5{background: url(../images/n5.png) no-repeat center #c8c8c8}
.nav .nLi .n6{background: url(../images/n6.png) no-repeat center #c8c8c8}
.nav .nLi .n7{background: url(../images/n7.png) no-repeat center #c8c8c8}
.nav .nLi .n8{background: url(../images/n8.png) no-repeat center #c8c8c8}
.n_lx  h3 a{ border-right: 0px!important;}
.nav .nLi:hover .n1{background: url(../images/n1_h.png) no-repeat center #fff}
.nav .nLi:hover .n2{background: url(../images/n2_h.png) no-repeat center #fff}
.nav .nLi:hover .n3{background: url(../images/n3_h.png) no-repeat center #fff}
.nav .nLi:hover .n4{background: url(../images/n4_h.png) no-repeat center #fff}
.nav .nLi:hover .n5{background: url(../images/n5_h.png) no-repeat center #fff}
.nav .nLi:hover .n6{background: url(../images/n6_h.png) no-repeat center #fff}
.nav .nLi:hover .n7{background: url(../images/n7_h.png) no-repeat center #fff}
.nav .nLi:hover .n8{background: url(../images/n8_h.png) no-repeat center #fff}
.nav li.active .n1{background: url(../images/n1_h.png) no-repeat center #fff}
.nav li.active .n2{background: url(../images/n2_h.png) no-repeat center #fff}
.nav li.active .n3{background: url(../images/n3_h.png) no-repeat center #fff}
.nav li.active.n4{background: url(../images/n4_h.png) no-repeat center #fff}
.nav li.active .n5{background: url(../images/n5_h.png) no-repeat center #fff}
.nav li.active .n6{background: url(../images/n6_h.png) no-repeat center #fff}
.nav li.active .n7{background: url(../images/n7_h.png) no-repeat center #fff}
.nav li.active .n8{background: url(../images/n8_h.png) no-repeat center #fff}

.nav .nLi:hover{background: #0068b7;}
.nav .nLi:hover h3 a{color:#fff; border-right: 0px;}

/**/
.banner{width:100%;height:540px}
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:540px}
.banner .slideBox .hd{position:absolute;right:50%;bottom:25px;z-index:1;overflow:hidden;margin-right:-58px;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:20px;height:20px;border:1px solid #007fcc;border-radius:50%;cursor:pointer}
.banner .slideBox .hd ul li.on{background:#007fcc}
.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:446px; margin-top: 58px; }
.about_wu{width:570px; float: left; height: 446px;}
.about_video{width:604px; height: 434px; float: right;  position: relative; text-align: center; margin-top: 10px;}
.about_video div img{width:100%; height: 100%;  transform: scale(1);  transition: all 1s ease 0s;  -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.about_video div a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.about_video div{width:100%; height:210px; overflow: hidden }
.ab_2{margin-top: 14px;}
.ab_2 a{width:298px; height: 210px; float: left; margin-right: 8px; overflow: hidden}
.ab_2 a:nth-child(2){margin-right: 0px;}
.about_wu h3{ font-size: 30px; color: #555555; font-weight: bold; width:100%; height: 70px; line-height: 70px; background: url(../images/xhx.jpg) no-repeat left top}
.about_wu h3 span{font-size: 48px; color: #dedede; font-weight: bold; font-family: "Arial"; margin-left: 10px;}
.about_wu p{ width:100%; height: 90px; line-height: 24px; font-size: 12px; color: #777777;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden;}
.about_wu .about_more{width:80px;  height: 20px; line-height: 20px; border: 1px solid #0068b7;  display: block; overflow: hidden; 
	margin: 30px 0;  padding-right: 2px;}
.about_more:hover{ background: #035cac}
.about_more:hover a{ color:#fff}
.about_more a{background: url(../images/jt.png) no-repeat center right;padding: 0px 5px; font-size: 12px; color: #333; width: 70px; margin: 0px auto;  display: block}
.about_info_num{ width:100%; height: 328px; margin-top: 12px;    overflow: hidden;}
.about_info_num li{ float: left; text-align: left; width:190px; text-align: center}
.about_info_num h4{ font-size: 14px;  font-weight: normal}
.about_info_num h4 span{ font-size: 64px; color: #0068b7; font-family: Arial; position: relative}
.about_info_num li p{ font-size: 14px; color: #555; height: 20px; line-height: 20px;}
.about_info_num .xx{ margin:10px 25px 0  }
.about_info_num li:hover h4{ color:#0068b7}
.about_info_num li:hover p{ color:#0068b7}
.about_info_num  .info_num{font-size: 12px; color: #666;  height: 135px; line-height: 26px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;
  -webkit-box-orient:vertical; overflow:hidden;}
.about_info_num span i{ font-style:normal;  position: absolute; top: 0px; right:-10px;}




/*产品*/
.index_product{width:100%; height: 740px;  background: url(../images/p_bj.jpg) no-repeat center; margin-top: 80px; padding-top: 70px;}
.index_pt{width:100%; height: auto; text-align: center;}
.index_pt p{ font-size: 13px; color: #6a6a6a; line-height: 25px;}
.index_pt img{ margin-bottom: 13px;}
.index_prinfo{width:100%; height: auto; margin-top: 25px;}
.index_prinfo .slideTxtBox{ width:100%; text-align:left;  }
.index_prinfo .slideTxtBox .hd{ height:32px; line-height:32px; display: table; text-align: center; margin: 0px auto}
.index_prinfo .slideTxtBox .hd ul{width: auto; margin: 0px auto;}
.index_prinfo .slideTxtBox .hd ul li{ float:left; background: #e6e6e6; text-align: center; font-size: 14px; height: 32px; width:auto; padding:0px 10px; margin-right: 8px; }
.index_prinfo .slideTxtBox .hd ul li:last-child{ margin-right: 0px;}
.index_prinfo .slideTxtBox .hd ul li a{color:#0068b7;}
.index_prinfo .slideTxtBox .hd ul li.on{  background:#0068b7;  }
.index_prinfo .slideTxtBox .hd ul li.on a{color:#fff}
.index_prinfo .slideTxtBox .bd {width:100%; height: auto;overflow: hidden; margin-top: 25px;}
.index_prinfo .slideTxtBox .bd ul{ width: 100%; height: auto; }
.index_prinfo .slideTxtBox .bd li{ width:290px;  height: 195px; position: relative; float: left; overflow: hidden;margin-top: 16px; margin-right: 12px;}
.index_prinfo .slideTxtBox .bd li .bd_pic,.bd_pic img{width:100%; height: 100%;}
.index_prinfo .slideTxtBox .bd li:nth-child(4n){margin-right: 0px;}
.index_prinfo .slideTxtBox .bd li .bd_img{width:100%; height: 100%; position: absolute; bottom: -195px; left: 0px; z-index: 999; text-align: center;}
.bd_img img{width:48px; height: 48px; margin: 58px auto 0;}
.bd_img p{width:100%; height: 60px; background: rgba(0,0,0,0.3); color: #ffffff; font-size: 14px; position: absolute; bottom: 0px; text-align: center; line-height: 60px;}
.index_prinfo .slideTxtBox .bd li :hover .bd_img{bottom:0px;}



/*案列*/
.index_case{width:100%; height: auto; display: block; background: #f0f0f0; padding-top: 56px;}
.picMarquee-left{ width:100%;  overflow:hidden; position:relative;   }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{width:100%; height: 100%; margin-top: 50px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{  float:left;  overflow:hidden; text-align:center; width: 25%;  }
.tempWrap{width:100%;}



.fang_img{ width:100%; height:auto; max-height: 430px; position: relative}
.fang_info{width:100%; height: 99px; padding: 24px 0px; font-size: 18px; color: #333; font-weight: bold;}
.fang_img img{width:100%; height: 100%;}

.figcaption{width:100%; height: 100%; position: absolute; top: 0px; left: 0px; padding: 50px; background: rgba(0,104,183,0.8);display: none}
.effect-bubba{ border: 5px solid #fff; height: 100%; text-align: center}
.effect-bubba h3{ font-size: 24px; color: #fff; font-weight: bold; margin-top: 80px;}
.effect-bubba p{ font-size: 12px; font-family: Arial; color: #fff; height: 30px; line-height: 30px;}
.effect-bubba span{width: 112px; height: 26px; line-height: 26px; border: 1px solid #fff; color: #fff; margin: 15px auto; display: block; overflow: hidden; text-align: center;}
.picMarquee-left .bd ul li:hover .figcaption{ display: block}



/*优势*/
.index_youshi{width:100%; height: auto; display: block; overflow: hidden; margin-top:52px;}
.is_list{
    margin-top: 55px;
    height: 480px;
    width: 100%;
    background: url("../images/is_bg.png") no-repeat center;
    padding-top: 15px;
    box-sizing: border-box;
    position: relative;
}
.is_list a{
    display: block;
    width: 258px;
    height: 258px;
    background: url("../images/hs.png") no-repeat center;
    text-align: center;
    position: absolute;
    color: #333;
    transition: all .5s;
}
.is_list a span{font-size: 30px;font-family: Arial;}
.is_list a p{font-size: 14px; text-align:center}
.iscon{
    display: block;
    width: 100%;
    height: 110px;
    margin-bottom: 18px;
}
.iscon_i1{background: url("../images/s1.png") no-repeat center bottom;}
.iscon_i2{background: url("../images/s2.png") no-repeat center bottom;}
.iscon_i3{background: url("../images/s3.png") no-repeat center bottom;}
.iscon_i4{background: url("../images/s4.png") no-repeat center bottom;}
.iscon_i5{background: url("../images/s5.png") no-repeat center bottom;}
.iscon_i6{background: url("../images/s6.png") no-repeat center bottom;}
.iscon_i7{background: url("../images/s7.png") no-repeat center bottom;}
.is_list a:hover{ background: url("../images/he.png") no-repeat center;color: #fff}
.is_list a:hover .iscon_i1{background: url("../images/s1_h.png") no-repeat center bottom;}
.is_list a:hover .iscon_i2{background: url("../images/s2_h.png") no-repeat center bottom;}
.is_list a:hover .iscon_i3{background: url("../images/s3_h.png") no-repeat center bottom;}
.is_list a:hover .iscon_i4{background: url("../images/s4_h.png") no-repeat center bottom;}
.is_list a:hover .iscon_i5{background: url("../images/s5_h.png") no-repeat center bottom;}
.is_list a:hover .iscon_i6{background: url("../images/s6_h.png") no-repeat center bottom;}
.is_list a:hover .iscon_i7{background: url("../images/s7_h.png") no-repeat center bottom;}




/*新闻*/
.index_news{width: 100%; height:620px;margin-top: 50px;}
.news_biaoti{width: 465px; height: 34px; line-height: 34px; margin: 25px auto ; display: block;}
.news_biaoti li{width: 145px; float: left; height: 100%; text-align:center; background: #626262;  border-radius: 18px; margin-right: 15px; font-size: 16px; }
.news_biaoti li a{color: #fff}
.news_biaoti li.hy{  margin-right: 0px;}
.news_biaoti li:hover{color: #ffff; background: #035cac}
.news_biaoti li:hover a{color: #ffff;}
.news_biaoti li.active{color: #ffff; background: #035cac}
.news_biaoti li.active a{color: #ffff;}
.index_news_top{width:100%; height: auto; display: block; overflow: hidden}
.index_news_top .in_news{width:583px; height: 206px; border: 10px solid #dcdcdc;padding: 15px; }
.in_news_p{width:217px; height: 155px; float: left; overflow: hidden}
.in_news_p 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_top .in_news:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}


.in_news_xx{width:296px; height: 100%; float: right}
.in_news_xx h3{ font-size: 16px; color: #1b1b1b; width: 100%; height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_news_xx span{ font-size: 14px; color: #7d7d7d; line-height: 25px}
.in_news_xx p{ font-size: 14px; color: #7d7d7d; line-height: 25px; border-top: 1px solid #d2d2d2; padding-top: 15px;}
.in_news:hover{ background: #035cac;  border: 10px solid #eeeeee; }
.in_news:hover h3,.in_news:hover p,.in_news:hover span{color:#fff}
.index_news_bott{width:100%; height: auto; overflow: hidden; }
.index_news_bott ul{width:100%; height: 100%;}
.index_news_bott ul li{margin-top: 16px; border: 1px solid #d2d2d2; float: left; width: 583px; padding: 12px; }
.index_news_bott ul li:nth-child(2n){float: right}
.index_news_b{width:100%; height: 25px; line-height:25px; }
.index_news_b h3{font-size: 16px; color: #1b1b1b; float: left; width: 300px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news_b  span{ font-size: 14px; color: #7d7d7d; float: right}
.index_news_bott ul li p{width:100%; height: 25px; line-height: 25px; font-size: 14px; color: #707070;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
.index_news_bott ul li a{width:100%; height: 100%; display: block;background: url(../images/xb.png) no-repeat left center; padding-left:30px;}
.index_news_bott ul li:hover{ border: 1px solid #035cac; background: #eeeeee}
.index_news_bott ul li:hover a{background: url(../images/xb_h.png) no-repeat left center;}


/*首页：友链*/
.index_link{width:100%; height: auto; display: block; overflow: hidden; padding: 20px 0; background: #ced9f0}
.index_link .link_bt{width:74px; height: auto; float: left; }
.index_link .link_bt p{ font-size: 16px; color:#035cac; line-height: 25px; text-align: center}
.index_link .link_bt span{ background: #035cac; color:#FFFFFF; padding:0px  12px; font-size: 18px;}
.index_link .link_info{ float: left; margin-left: 20px;}
.index_link .link_info a{ font-size: 12px; color:#666;line-height: 25px; margin-left: 15px;}
.index_link .link_info a:hover{color:#035cac}




/*底部*/
.lajt-bottom{height:353px;width:100%;background-color: #2a2c32; color: #fff; padding-top: 68px; }
.dibu_top{height: 259px;}
.lajt-bottom .bb{width: 700px;height: 180px;float: left; border-left: 1px solid #6d6e6f; border-right:1px solid #6d6e6f; padding: 20px 45px 0}
.lajt-bottom .bb dl{width:92px;height: 100%;float: left;margin-right: 20px;}
.lajt-bottom .bb dd{width:100%;height: 30px;line-height: 30px;  font-size: 14px; }
.lajt-bottom .bb dd a{color: #6d6e6f;}
.lajt-bottom .bb dd:hover a{color:#fff}
.lajt-bottom .bb dl .index_h3{margin-bottom: 10px;  }
.lajt-bottom .bb dl .index_h3 a{color: #6d6e6f;font-size: 16px; font-weight: bold;}
.index_bottom{ float: left;width: 312px;}
.dl_pro{width:160px!important;}
.lajt-bottom .bb dl:last-child{margin-right: 0px;}
.index_bottom_right{margin-top: 20px}
.index_bottom_right li{width: 115px; height: auto; float: left; margin-right: 22px;}
.index_bottom_right li img{width: 115px; height: 115px;}
.index_bottom_right li p{font-size: 12px; color: #838383; height: 25px; line-height: 25px;text-align:center;}

.foot_dibu{ width: 100%; height:80px; background: #15171e; color: #c9c9c9; line-height:80px;}
.beianhao{width:53%; float: left; height:100%; font-size: 12px;}
.beianhao a{ color:#fff;margin-left:8px}
.beianhao:hover a{color:#02a249}
.footer_zhichi{ float: right; width: 552px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top: 29px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:27px;}
.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;}
.footer_zhichi i{ float: left}

.in_bootom_pb{width:160px; height: 83px; float: right; margin-top: 42px;}
.in_bootom_pb img{width:100%; height: 100%;}




/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.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 p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#0f7ac8;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}