*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑"; font-size:14px; }
a{ text-decoration:none; color:#333;  }
a:hover{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;}

body{ -moz-user-select: none; 

    -webkit-user-select: none; 

    -ms-user-select: none; 

    -khtml-user-select: none; 

    user-select: none;

  }

/*头部*/
.h_logo{width:200px; height:29px; float: left; margin-top: 30px; }




/*导航*/
.nav_top{width: 100%; height:104px; background: url(../images/header_bj.jpg) no-repeat center}
#nav{width:930px; height:104px; text-align:center; float:right;}
#nav ul{width:100%; float:left;margin-bottom: 0px;}
#nav li.nuli{float:left; height:104px; box-sizing: border-box; padding-top:26px;  position:relative; z-index:99;width:103px;}
#nav a{width:100%; display:block; float:left; line-height:30px; color:#fff;outline:none;position:relative;  font-size: 15px;}
#nav a span{font-size:12px;-webkit-text-size-adjust:none;line-height:12px; display:block; position:relative; color: #fff}
#nav li ul{width:100%; display:none; position:absolute; background:#0b3d80; top:104px; left:0px; padding:10px 0; z-index:99}
#nav li ul li{width:100%; line-height:30px; height:30px; margin:0; position:relative; padding:0px; background:none; z-index:2}
#nav li ul a,#nav li.active ul a,#nav li.sfhover ul a{width:100%; height:30px; line-height:30px; color:#fff; font-size:12px; float:none;}
#nav li:hover,#nav li.active{ background: #f39800}
#nav li  i{width:15px; height: 10px; display: block; background: url(../images/sanjiao.png) no-repeat center; margin: 10px auto 0; display: none;}
#nav li:hover a,#nav li.active a{color:#fff;}
#nav li ul li:hover a{color:#fff }
#nav li:hover i{display:block}
#nav li.active i{display:block}
#nav li.active span{color:#fff}
#nav .icon{color:#fff; line-height: 60px}




/*banner*/
.banner{ width:100%;  position:relative;  height:650px;clear: left;}
.banner .slideBox{position:relative;width:100%;height:650px}
.banner .slideBox .hd{position:absolute;right:50%; margin-right: -600px; top:50%; margin-top: -40px;  z-index:1; height:80px; width: 1200px}
.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%}

.slideBox .hd ul {
    text-align: center;
    position: relative;
    top:320px;
}

.slideBox .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    margin: 4px;
    overflow: hidden;
    background: none;
    line-height: 999px;
    border: 2px solid #fff;

}

.slideBox .hd ul .on {
    background: #fff;
    border: 2px solid #fff;
}

.slideBox .prev,
.slideBox .next{ position:absolute;  top:0; display:block; width:46px; height:80px; background: rgba(0,0,0,0.5); text-align: center; line-height: 70px; }
.slideBox .next{ left:auto; right:0; }
.slideBox .prev{ left:0; right:auto;}



/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; margin-top:64px;}
.index_about_left{width:573px; height: 373px; float: left; background: url(../images/ab_bj.jpg) no-repeat right center}
.index_about_left .about_vido{width:538px; height: 314px;}
.about_vido img{width:100%; height: 100%;}
.about_vido_xx{width:538px; height: 58px; background: #0b3d80; padding: 0px 10px; line-height: 58px;}
.about_vido_xx img{width:134px; height: 20px; float: left; margin-top: 18px;}
.about_vido_xx p{float: right; font-size: 14px; color: #fff;letter-spacing:5px}
.index_about_info{width:600px; height: auto;  overflow: hidden;  float: right}
.index_about_right{width:100%; height: auto; margin-top: 20px; }
.index_about_right h4{font-size: 32px;color: #333333; font-weight: bold;}
.index_about_right span{font-size: 32px;color: #333333; font-weight: bold;}
.index_about_right h3{font-size:24px; color: #454545; line-height: 35px; margin: 5px 0}
.index_about_right p{width:100%;  height: 102px; font-size: 14px; color: #666666; line-height: 30px;}
.index_about_right a{width:127px; height: 33px; font-size: 16px; color: #0b3d80; margin-top: 8px; display: block;}
.index_about_info dl{width:192px; height: 87px; background: #f8f8f8; padding:19px 5px 0 12px; float: left; margin-right: 12px; margin-top:18px;}
.index_about_info dl dt{width:30px; height: auto; float: left; margin-right: 4px;}
.index_about_info dl dt img{margin-top:10px;}
.index_about_info dl dd{width:140px; height: auto; float: left}
.index_about_info dl dd h5{font-size: 16px;color: #454545}
.index_about_info dl dd p{font-size: 12px;color: #454545}
.index_about_info dl:last-child{margin-right: 0px;}


/*产品展示*/
.index_product{width:100%; height: 563px; overflow: hidden; margin-top: 68px; background: url(../images/pro_bj.jpg) no-repeat center; padding-top: 70px;}
.index_about_t{width:100%; height: auto;}
.index_about_t span{font-size: 32px; color: #0b3d80; float: left;line-height: 30px; font-weight: bold;}
.index_about_t h3{font-size: 24px; color: #333333; line-height: 30px; float: left; margin-left: 30px;}
.index_about_t p{font-size: 14px; color: #666666; line-height: 30px; float: right}
.index_product_left{width:877px;  height: 354px; float: left; margin-top: 36px;}
.index_product_left .slideTxtBox{ width:100%; height:354px; }
.index_product_left .slideTxtBox .hd{width:206px; height: auto;  background: #fff; float: left;position: relative}
.index_product_left .slideTxtBox .hd ul{width:100%; height: auto;}
.index_product_left .slideTxtBox .hd ul li{width:100%; height: 60px; line-height: 60px; border-bottom: 1px solid #eeeeee;position: relative}
.index_product_left .slideTxtBox .hd ul li a{font-size: 15px; color: #454545;  text-align: center}
.index_product_left .slideTxtBox .hd ul li i{width:12px;height: 19px; background: url(../images/sanjiao.png) no-repeat right center;position: absolute; top:50%; right: -10px; z-index: 999;
	margin-top: -9px; display: none;}
.index_product_left .slideTxtBox .hd ul li.on{background: #f39800}
.index_product_left .slideTxtBox .hd ul li.on a{color:#fff}
.index_product_left .slideTxtBox .hd ul li.on i{display: block}
.index_product_left .slideTxtBox .bd{width:662px; height: 354px; float: left}
.index_product_left .slideTxtBox .bd ul{width:100%; height: 354px;}
.index_product_left .slideTxtBox .bd li{width:100%; height: 354px;}
.index_product_left .slideTxtBox .bd li .tab_pic{width:330px;height: 354px; float: left;overflow: hidden}
.index_product_left .slideTxtBox .bd li .tab_pic img{width:100%;
transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.tab_xx{width:332px; height: 354px; border:1px solid #eeeeee; border-left:0; background: #fff; float: left; padding:20px 30px; }
.tab_xx h3{font-size: 18px; color: #333333; line-height: 40px;}
.tab_xx hr{width:38px; height: 8px; background: #f39800; display: block;margin: 20px 0 }
.tab_xx .tab_info{font-size: 14px; color: #666666;line-height: 26px; width: 100%; height: 75px; overflow: hidden;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.tab_tis{width:100%; height: auto; overflow: hidden; margin-top: 15px;}
.tab_tis p{font-size: 14px; color: #666666;line-height: 26px; float: left; width: 50% }
.tab_xx h3 a{font-size: 18px; color: #333333; line-height: 40px;}

.pro_more{width:206px; height:54px; background: #fff; line-height:54px; text-align: center; font-size: 16px; color: #454545; display: block }
.index_product_right{width:306px; height: auto; float: right; margin-top: 18px;}
.index_product_right dl{width:306px; height:166px; position: relative;margin-top: 20px;overflow: hidden}
.index_product_right dl dt{width:100%; height: 100%;}
.index_product_right dl dt img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_product_right dl dd{width:100%; height: 100%; position: absolute; top:0; left:0; padding:54px 36px 0;}
.index_product_right dl dd span{font-size: 24px; color: #fff}
.index_product_right dl dd p{font-size: 12px; color: #fff;line-height:35px;}
.index_product_right dl:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}



/*行业应用*/
.index_hyyy{width:100%; height: 526px; background: url(../images/hyyy_bj.jpg) no-repeat center; padding-top: 63px;}
.index_hyyy .index_hyyy_t{width:100%; height: auto; overflow: hidden; text-align: center}
.index_hyyy .index_hyyy_t h3{font-size: 32px; color: #fff; font-weight: bold;}
.index_hyyy .index_hyyy_t p{font-size: 14px; color: #fff; line-height: 28px; text-align: center; margin-top:8px; }
.index_hyyy .slideGroup{width:100%;}
.index_hyyy .slideGroup .parHd{width:100%; height: auto; overflow: hidden}
.index_hyyy .slideGroup .parHd ul{width:auto; display: table; margin: 25px auto;}
.index_hyyy .slideGroup .parHd ul li{width:137px; height: 38px; background: #fff; float: left; margin-right: 10px;  text-align: center; line-height:38px;}
.index_hyyy .slideGroup .parHd ul li a{font-size: 16px; color: #333333}
.index_hyyy .slideGroup .parHd ul li.on{background: #f39800}
.index_hyyy .slideGroup .parHd ul li:last-child{margin-right: 0}
.index_hyyy .slideGroup .parHd ul li.on a{color:#fff}
.index_hyyy .slideGroup .slideBox{ zoom:1; position:relative;   }
.index_hyyy .slideGroup .sPrev,.slideGroup .sNext{ position:absolute;  top:50%; margin-top: -40px; display:block; width:44px; height:80px; background: rgba(0,0,0,0.5); text-align: center; line-height: 80px;}
.index_hyyy .slideGroup .sNext{right:-40px}
.index_hyyy .slideGroup .sPrev{left:-45px}
.index_hyyy .slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.index_hyyy .slideGroup .parBd ul{ overflow:hidden; zoom:1; width: 1250px; }
.index_hyyy .slideGroup .parBd ul li{float:left; _display:inline; overflow:hidden; text-align:center; position: relative; width: 286px; margin-right: 16px;}
.index_hyyy .slideGroup .parBd ul li img{ display:block; width: 100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s; }
.index_hyyy .slideGroup .parBd ul li a{ display: block; width:286px; overflow: hidden;}
.index_hyyy .slideGroup .parBd ul li:hover img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;  }
.index_hyyy .slideGroup .parBd ul li p{width:100%; height: 48px; background: rgba(0,0,0,0.8); text-align: center; line-height: 48px; font-size: 16px; color: #fff;
	position: absolute; bottom:0; left:0}


/*招商加盟*/
.index_join{width:100%; height:auto; background: url(../images/join_bj.jpg) no-repeat center; background-size:cover; padding: 65px 0;}
.index_join_t{width:100%; height:45px; line-height: 45px;}
.index_join_t span{font-size: 32px;color: #0b3d80; float: left; font-weight: bold;}
.index_join_t h4{font-size: 24px;color: #333333; margin-left: 10px; float: left}
.index_join_span{width:100%; height: 50px; line-height: 50px;}
.index_join_span p{font-size: 14px; color: #666666; float: left}
.index_join_span span{font-size: 24px;color: #d98800; float: right}

.index_join_list{width:600px; height: auto; float: left; margin-top: 10px;}
.index_join_list ul{width:100%; height: auto; overflow: hidden}
.index_join_list ul li{width:282px; height: 106px; border: 1px solid #eeeeee; border-radius: 5px; background: #fff; text-align: center; float: left; margin-right: 15px; 
	margin-bottom: 16px; padding-top: 20px;}
.index_join_list ul li span{font-size: 18px; color: #f39800}
.index_join_list ul li p{font-size: 16px; color: #454545; line-height: 40px;}

.index_join_right{width:600px; height: 225px; float: right; overflow: hidden; background: url(../images/hy.png) no-repeat center; margin-top: 10px; padding:30px 37px;}
.index_join_right p{font-size: 24px;color:#fff; background: url(../images/b_xs.png) no-repeat center;  text-align: center}
.index_join_right span{font-size: 14px; color: #fff; opacity: 0.36; text-align: center;line-height: 40px;display:block;}
.join_right_input{width:100%;}
.join_linput{width:442px; height: auto; float: left}
.join_right_input input[type="text"]{ width: 212px; height: 38px; border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.1); padding: 0px 10px; 
	font-size: 14px; color: #fff; margin-bottom: 8px; float: left; margin-right: 9px;}
.join_submit{width:82px; height: 82px; background: #d98800; float: right; text-align: center; line-height: 82px; border: 0; color: #fff; cursor: pointer}


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





/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; background: #fff; padding-top: 77px; padding-bottom: 80px;}
.index_news_left{width:815px; height: auto; float: left}
.news_title{width:100%; height:55px; line-height: 55px; border-bottom: 1px solid #efefef; }
.news_title h3{font-size: 24px; color: #333333; float: left}
.news_title p{font-size: 18px; color: #e5e5e5; margin-left: 8px; float: left }
.news_left_xx{width:405px; height: auto; overflow: hidden; float: left; margin-top: 22px;}
.news_left_info{width:100%; height: 262px; overflow: hidden; float: left;position: relative}
.news_left_info img{width:100%; height: auto; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.news_left_info .news_time{width:90px; height: 90px; background: #0b3d80; position: absolute; top:0; left:0; text-align: center}
.news_left_info .news_time p{width:100%; height: 45px; line-height: 45px; border-bottom: 1px solid rgba(255,255,255,0.5); font-size: 20px; color: #fff}
.news_left_info .news_time span{ font-size: 20px; color: #fff; display: block; line-height: 45px;}
.in_news_info{width:100%; height: auto; overflow: hidden; border: 1px solid #eeeeee;padding:10px 20px 20px;}
.in_news_info h3{font-size: 18px;color: #0b3d80; width: 100%; height: 35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_news_info p{width:100%; height: 55px; overflow: hidden; line-height: 25px; font-size: 14px; color: #777777}
.in_news_info span{width:105px; height: 30px; background: #0b3d80; display: block; color:#fff; text-align: center; line-height: 30px; border-radius: 15px; margin-top: 5px;}
.index_news_left ul{width:380px; height: auto; float: right; margin-top: 22px;}
.index_news_left ul li{width:100%; height:135px;  border-bottom: 1px dashed #eeeeee;margin-top: 5px;}
.index_news_left ul li h3{width:100%; height: 35px; line-height: 35px; font-size: 16px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news_left ul li p{font-size:14px; color: #777777; line-height: 26px; width: 100%; height: 60px;}
.index_news_left ul li .news_time{width:100%; height: 35px; line-height: 35px;}
.n_sj{font-size: 14px; color: #999999; background: url(../images/sj_i.png) no-repeat left center; padding-left: 20px;}
.n_num{font-size: 14px; color: #999999; background: url(../images/yj_i.png) no-repeat left center; padding-left: 20px; margin-left: 15px;}
.index_news_right{width:360px; height: 100%; float: right; }
.index_news_right ul{width:100%; height: auto; overflow: hidden}
.index_news_right ul li{width:100%; height: 35px; border-bottom: 1px dashed #eeeeee; margin-top: 20px; }
.index_news_right ul li p{width:78%; height:20px; line-height: 20px;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; color: #333333;float:left;}
.index_news_right ul li span{font-size: 13px; color: #999999;float:left;}
.index_news_right ul li:last-child{border-bottom:0}
.index_news_right ul li:hover p,.index_news_right ul li:hover span{color:#0b3d80}
.index_news_left ul li:hover p,.index_news_left ul li:hover h3{color:#0b3d80}
.news_left_xx:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.in_news_info span:hover{background: #f39800}






/*底部*/
.footer{width:100%; height:auto;  background: #ebebeb;  padding-top:30px; overflow: hidden; padding-bottom: 50px; }
.footer_nav{width:995px; height: auto; float: left}
.footer_nav dl{width:auto; float: left; margin-right: 51px;}
.footer_nav dl dt{font-size: 16px; color: #454545; line-height: 45px;}
.footer_nav dl dt a{    font-size: 16px;}
.footer_nav dl dd{font-size: 14px;color: #666666; line-height: 24px;}
.footer_nav dl dd a{font-size: 14px;color: #666666; }
.footer_nav dl dd a:hover{color:#0b3d80}
.footer_ban{width:100%; height:50px; line-height:50px; background:#333333; }
.footer_zhichi{width:auto; height:50px;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-left: 20px;  font-size: 14px; color:#999999;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:15px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:15px;}
.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:50px; font-size: 14px; color:#fff; float: left}
.f_brq a{margin-left: 15px; color: #fff;}
.f_brq a:hover{color:#f39800!important}

.footer_link{width:100%; height:48px; line-height: 48px; background: #ebebeb; border-bottom: 1px solid #fff }
.footer_link h4{font-size: 16px; color: #333; float: left; line-height: 48px;}
.footer_link p{font-size: 16px; color: #333; float: left; line-height: 48px;}
.footer_link p span{font-size: 20px; color: #333;  font-weight: bold; margin-right: 10px; float: left}
.footer_link h4 span{font-size: 20px; color: #333;  font-weight: bold; margin-right: 10px; float: left}
.footer_link ul{float: left;  margin-left: 8px; line-height: 48px;}
.footer_link ul li{float: left; margin-right: 10px;}
.footer_link ul li a{font-size: 14px; color: #333}
.footer_link ul li a:hover{color:#0b3d80}


.f_pic{width:200px;height: auto; float: right}
.f_pic .slideTxtBox{width:100%; height: auto; overflow: hidden}
.f_pic .slideTxtBox .hd{width:33px; height: auto; float: left}
.f_pic .slideTxtBox .hd ul{width:33px; height: auto;}
.f_pic .slideTxtBox .hd ul li{width:33px; height: 33px; margin-bottom: 10px;}
.f_pic .slideTxtBox .hd ul li img{width:100%; height: 100%;}
.f_pic .slideTxtBox .hd ul li.on{ }
.f_pic .slideTxtBox .bd{width:140px; height: 180px; float: left; margin-left: 15px;}
.f_pic .slideTxtBox .bd ul{width:100%; height: 100%;}
.f_pic .slideTxtBox .bd li{width:140px; height: 180px;}
.f_pic .slideTxtBox .bd li div{width:140px; height: 140px; background: #fff; padding: 10px;}
.f_pic .slideTxtBox .bd li div img{width:100%; height: 100%;}
.f_pic .slideTxtBox .bd li p{font-size: 14px; color: #717171; text-align: center; line-height: 30px;}









/*客服*/
.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 i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
	 font-size: 14px;
}
.lxfx li {
    background:#0b3d80;
    height: 60px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}

.mtop{background: #454545!important; height: 30px!important;}

.page_nav{padding:20px 0;overflow:hidden}
.page_nav p{font-size:14px;color:#999;margin-bottom:22px}
.page_nav p i{display:inline-block;margin-right:6px}
.page_nav p b{font-weight:400}
.page_nav p a{color:#999}
.page_nav ul{ width: 73%; float: left;}
.page_nav .location{ width: 27%; float: right;  color: #999; text-align: right; line-height: 46px; font-size: 14px;}
.page_nav .location img{ margin-right: 8px;}
.page_nav .location a{ color: #999; }
.page_nav .location a:hover{ color: #0b3d80;}
.page_nav ul li{float:left;width:14%;text-align:center;line-height:46px;font-size:15px;position:relative;margin-bottom:10px;}
.page_nav ul li a{display:block;border:1px solid #e8e8e8;border-bottom:5px solid #e8e8e8; display: block; height: 46px; line-height: 46px;}
.page_nav ul li a:after{content:"";height:5px;width:0;position:absolute;bottom:0;left:1px;background:#17509c;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}
.page_nav ul li a:hover,.page_nav ul li.active a{background:#0b3d80;color:#333;color:#fff}
.page_nav ul li a:hover:after,.page_nav ul li.active a:after{width:calc(100% - 2px)}
.about_body{ width: 100%; text-align: justify; padding: 10px 0 30px 0; font-size: 14px; min-height: 360px;}
.about_body p{ line-height: 2; color: #666;  color: #666;line-height: 30px;}




/* 新闻资讯列表页 */
.news_first_inside{ height: 200px; padding-bottom: 16px; border-bottom: 1px solid #eee; margin-bottom: 16px;}
.news_first_inside a.news_first_img{ display: block; width: 284px; height: 200px; overflow: hidden; float: left; }
.news_first_inside a.news_first_img img{ width: 100%; height: auto;transition:all 0.4s;}
.news_first_inside:hover a.news_first_img img{transform: scale(1.1); transition: all .4s; }
.news_first_inside:hover a{ color: #0b3d80}
.news_first_inside .news_first_right{ width: 884px; float: right; height: 200px;}
.news_first_inside .news_first_right p a{ font-size: 18px; line-height: 64px;}
.news_first_inside .news_first_right .date_cunt{ height: 30px;}
.news_first_inside .news_first_right .date_cunt li{ display: inline-block; float: left; margin-right: 20px; color: #999; padding-left: 20px;}
.news_first_inside .news_first_right .date_cunt li.date{ background: url(../images/tl_index_20.png) no-repeat left;}
.news_first_inside .news_first_right .date_cunt li.cunt{ background: url(../images/tl_index_21.png) no-repeat left;}
.news_first_inside .news_first_right span{ display:block; line-height: 1.5; color: #666; text-align: justify; font-size: 14px;}
.news_first_inside .news_first_right i{ font-style: normal; display: block; margin-top: 20px; color: #999;}
.inside_news_list{ width: 1300px;overflow: hidden;}
.inside_news_list li{ float: left; width: 588px; height: 142px; margin-right: 22px; margin-bottom: 16px; border-bottom: 1px solid #eee;}
.inside_news_list li:hover{  background: #fafafa;}
.inside_news_list li:hover a{ color: #0b3d80}
.inside_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;}
.inside_news_list li .news_left span{ font-size: 14px; color: #666;}
.inside_news_list li .news_right{ width: 434px; padding: 28px 0 0 24px; float: left; }
.inside_news_list li .news_right a{ font-size: 18px; line-height: 32px;  display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.inside_news_list li .news_right p{ font-size: 14px; line-height: 26px; color: #666;}

/* 新闻详情页 */
.grey_bg{ background: #f8f8f8; overflow: hidden;}

.news_detail_left{ min-height: 726px; float: left; background: #fff; padding: 20px 40px; overflow: hidden; margin-bottom: 30px;}
.news_detail_left h1{ font-size: 24px; line-height: 45px; text-align: center; margin-top: 20px;  width: 750px; margin: 0 auto;}
.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; font-size: 14px;}
.news_detail_left .news_body p{ line-height: 32px; color: #666; width: 766px;}
.news_detail_left .news_body p strong {
    font-weight: bold;
    font-size: 16px;
    color: #666;
}
.news_detail_left  p img{}
.news_detail_right{ width: 330px; float: right;}
.news_detail_right .pre_next_dttail{ height: 138px; background: #fff; margin-bottom: 16px;}
.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 em{ display: block; color: #999;text-indent: 25px; font-size: 14px;}
.news_fixed{position:fixed;top:30px;margin-left:870px;}
.news_abs{position:absolute;bottom:0;left:870px;}
.tj_news{ height: 300px; background: #fff; margin-bottom: 16px;}
.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;}
.tj_news ul li:hover{ line-height: 36px; background: url(../images/hw_top_33.png) no-repeat left;}
.return_list a{display: block; height: 42px; line-height: 42px; background: #0b3d80 url(../images/hw_top_34.png) no-repeat 110px 12px; color: #fff;text-align:center; font-size: 16px;}
.return_list a:hover{background: #333 url(../images/hw_top_34.png) no-repeat 110px 12px; color: #fff; }


/* 校园风采 */
.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; height: 358px;}
.case_list li .img img{ width: 100%; transition: all .4s;}
.case_list li:hover .img img{  transform: scale(1.1); transition: all .4s;}
.case_list li:hover{ border: 1px solid #0b3d80}
.case_list li:hover div{ color: #0b3d80; }
.gallery-title{ height: 42px; line-height: 42px; text-align: center;  font-size: 16px;}
.prod_list{ width: 1250px; overflow: hidden;}
.prod_list li{  width: 286px; float: left; border: 1px solid #eee; margin-right: 16px; margin-bottom: 16px; } 
.prod_list li .img{ width: 266px;  margin: 0 auto; overflow: hidden; margin-top: 10px; height: auto;}
.prod_list li .img img{ width: 100%; transition: all .4s;}
.prod_list li:hover .img img{  transform: scale(1.1); transition: all .4s;}
.prod_list li:hover{ border: 1px solid #0b3d80}
.prod_list li:hover div{ color: #0b3d80; }



/* 相册效果 */
.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; }
.inside_page_body{ width: 1300px;}
.pro_list{ width: 1200px; margin-bottom: 20px; overflow: hidden;}

ul.pro_list{ overflow:hidden; zoom:1;  }
ul.pro_list li{ width: 1198px; height: 403px; border: 1px solid #eee; padding-top: 36px; margin-bottom: 15px}
ul.pro_list li .team_pic{ margin-left: 36px; height: 363px; width: 275px; border-radius:10px; overflow: hidden; display: block;  float: left; margin-right: 46px;}
ul.pro_list li .team_pic img{transition: all .4s; width: 100%}
ul.pro_list li .team_pic img:hover{transform: scale(1.1); transition: all .4s;}
ul.pro_list li .team_biref{ width: 355px; float: left;}
ul.pro_list li .team_biref h2{font-size: 24px; line-height: 45px; margin-bottom: 10px;}
ul.pro_list li .team_biref h2 span{font-size: 14px; color: #0b3d80;margin-left: 10px; display: inline;}
ul.pro_list li .team_biref span{font-size: 16px;color: #0b3d80;line-height: 32px; display: block; margin-top: 20px;}
ul.pro_list li .team_biref p{ line-height: 30px; color: #666; background: url(../images/alice_index_8.jpg) no-repeat 0 14px; padding-left: 10px; font-size: 14px;}
ul.pro_list li .team_biref em{ line-height: 30px; color: #666; padding-right: 20px; display: block;}
ul.pro_list li .team_team{ float: left; width: 449px;}
ul.pro_list li .team_team img{  width: 100%;}
.jybz_text{ width: 266px; margin:5px auto 10px; text-align: center;}
.jybz_text span{ font-size: 16px; line-height: 45px; position: relative; margin-bottom: 10px; display: block;}
.jybz_text span::after{ content: "";position: absolute; bottom: 0;width: 30px; height: 5px; background:#0b3d80;left: 44%; }
.jybz_text p{ font-size: 14px; color: #666; line-height: 24px;}

.kecheng_main{ height: 305px; margin-bottom: 30px;}
.kecheng_main .text_left{ width: 46%; float: left; padding-right: 20px; line-height: 26px;}
.kecheng_main .text_left h2,.kecheng_main .text_right h2{ font-size: 18px; font-weight: bold; color:#0b3d80; line-height: 45px; }
.kecheng_main .kc_img_right{ width: 50%; text-align: right; float: right;}
.kecheng_main .kc_img_left{ width: 50%; text-align: left; float: left;}
.kecheng_main .text_right{width: 48%; float: right; padding-left: 20px; line-height: 26px;}
.kecheng_main .text_left p,.kecheng_main .text_right p{ line-height: 28px;}


.index_join .picMarquee-left{ overflow:hidden; position:relative; width:1200px; margin-top:20px; }
.index_join .picMarquee-left .bd{width:100%;}
.index_join .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.index_join .picMarquee-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.index_zizhi{width:280px; height:auto; overflow:hidden}
.index_zizhi img{width:100%; height:auto; display:block;}
.index_join .picMarquee-left .bd ul li h3{width:100%; height:40px; line-height:40px; color:#333; text-align:center; font-size:16px;}





@media only screen and (max-width:1440px ) {
	.intaocan-li{width:405px}
	.intaocan-li a{width:390px}
	.intaocan-zz-l{width:399px;}
	.intaocan-zz-r{width:300px}
	.intaocan .next{right:20.7%}
	.intaocan .prev{left:27.1%}
}



/* 内页banenr */
.inside_banner_about{ height: 300px; width: 100%;  background: url(../images/inside_banner_about.jpg) no-repeat center;}
.inside_banner_pro{ height: 300px; width: 100%;  background: url(../images/inside_banner_pro.jpg) no-repeat center;}
.inside_banner_yingyong{ height: 300px; width: 100%;  background: url(../images/inside_banner_yingyong.jpg) no-repeat center;}
.inside_banner_wenku{ height: 300px; width: 100%;  background: url(../images/inside_banner_wenku.jpg) no-repeat center;}
.inside_banner_jishu{ height: 300px; width: 100%;  background: url(../images/inside_banner_jishu.jpg) no-repeat center;}
.inside_banner_news{ height: 300px; width: 100%;  background: url(../images/inside_banner_news.jpg) no-repeat center;}
.inside_banner_join{ height: 300px; width: 100%;  background: url(../images/inside_banner_join.jpg) no-repeat center;}
.inside_banner_contact{ height: 300px; width: 100%;  background: url(../images/inside_banner_contact.jpg) no-repeat center;}

.download_con{float: left;width: 588px;  margin-bottom: 16px; height: 72px; background: #f8f8f8; position: relative; margin-right: 20px;}
.download_con .fujian_a{ font-size: 16px; line-height: 72px; padding-left: 20px;}
.download_con p a{ display: block; height: 32px; line-height: 32px; width: 80px; position: absolute; right: 20px; top: 20px; background: #0b3d80; color: #fff; text-align: center; border-radius: 5px;}



#map{ width: 854px; border: 1px solid #e8e8e8; height: 418px; margin-bottom: 30px; float:left;}
.contact_fs_main{ height: 418px; width: 345px; 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: #00995a; position: absolute; left:0; bottom: 0; }
.contact_fs_main p{ line-height: 24px;  color: #666; }
.contact_fs_main img{ margin-top: 10px;}
.BMap_bubble_title{ font-size: 16px; color: #e70317; font-weight: bold;}
.BMap_bubble_content{ line-height: 24px;}

.lianxi_400{ font-size: 16px;color: #666; font-weight: bold;  margin-top: 100px; line-height: 2;}


/* 右侧浮动效果 */
.right_fudong{ width: 132px; height: 182px; position: fixed; bottom: 160px; right: 12px;}
.right_fudong p{ height: 80px; background: #0b3d80; color: #fff; text-align: center; margin-bottom: 1px;}
.right_fudong p img{ margin-top:14px; }
.right_fudong p span{ display: block; text-align: center; color: #fff; font-size: 14px; line-height: 24px;}
.right_fudong p span.fudong_400{ font-size: 16px; font-weight: bold;}
.right_fudong a.back_up{ display: block; height: 32px;line-height: 32px;width: 100%; text-align: center; color: #fff; font-size: 14px; background: #454545;}



/*产品*/
.ny_product_show{margin-bottom:50px;}
.ny_proshow_top{width:100%; height:auto; overflow:hidden; margin-bottom:30px; margin-top:20px;}
.ny_proshow_xx{margin-left:506px; height:100%; overflow:hidden}
.ny_proshow_bottom{width:100%; height:auto; overflow:hidden}
.proshow_xxk{color: #fff; font-size: 20px;font-weight: bold; border-left: 3px solid #287db9;width:100%; display:block; background: #323136;padding-left:20px; height:40px; line-height:40px;}
.proshow_xx{font-size:16px; color:#666; line-height:30px; margin-top:10px;}
.proshow_xx img{max-width:100%;}
.go_black{width: 90px;height: 30px;background: #4cbcac; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: relative; float:right}
.proshow_xx table{border-collapse: collapse;}

#sl_PicShow{width:460px;height:auto; position: relative; float:left;}
#sl_ImgBox{width:460px;height:auto;overflow: hidden;border: 1px solid #ccc; background:#fff;}
.sl_SmallImgList{width:100%; margin: 10px auto;}
.sl_wrapper{float: left;display: inline;margin:0px 8px;}
#sl_ImgList div{border: 1px solid #ccc;background-color: white;width:60px;height:67px;overflow: hidden;margin: 0 3px;display: inline;float: left;cursor: pointer;}
.wslp #sl_ImgList div{height:67px;width: 60px}
#sl_ImgList .active{border: 1px solid #ccc;}
#sl_ImgList img{border: 0;}
#imgList_prev, #imgList_next{width: 10px;height: 45px;display: block;float: left;  display: inline;cursor: pointer;}
#imgList_prev{background: url(../images/left.gif) no-repeat;}
#imgList_next{background: url(../images/right.gif) no-repeat;}
#imgList_prev span, #imgList_next span{display: none;}
.clearfix{float: none;clear: both;}
.sl_zoom{float: left;position: relative;display:inline;cursor: pointer; width:100%; height:100%}
.sl_zoom img{width:100%!important; height:100%!important;}
div.zoomdiv{z-index: 100;position: absolute;top: 0px !important;left:531px !important;width: 200px;height: 200px;background: #ffffff;border: 1px solid #CCCCCC;display: none;text-align: center;overflow: hidden;}
div.jqZoomPup{z-index: 10;visibility: hidden;position: absolute;top: 0px;left: 0px;width: 50px;height: 50px;border: 1px solid #aaa;background: #ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
div.jqMagnifier{position: absolute;z-index:9;width: 23px;height: 23px;background: url(images/magnifier.png) no-repeat;top:228px;right:1px;}
#sl_ImgList div img{width:100%; height:100%!important;}