@charset "utf-8";

/****top****/
.top{border-top:4px solid #0076db;border-bottom:1px solid #ddd;height:38px;line-height:38px;}
.top a{padding:0 5px;}
/****logobox****/
.logobox .telBox .telTxt{text-align:right;margin-right:10px;}
.nav{background:url(../images/nav_bg.png) no-repeat;height:60px;line-height:60px;z-index:10000;position:relative;bottom:-30px;}
.nav ul{margin-left:40px;}
.nav li{float:left;width:140px;text-align:center;}
.nav li a{color:#fff;font-size:16px;}
.nav li.active{background:#f7a418;}
.nav li:hover{background:#f7a418;}

/*banner*/
.banner{position: relative; width:100%;}	
.banner .pic{position:relative; z-index:2;}	
.banner .pic li{height:500px;}	
.banner .hd{position:absolute;bottom:10px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:15px;height:15px;background:#fff;display:inline-block;margin-left:5px;border-radius:50%;}
.banner .hd li.on{background:#f7a418;}

/*公用大标题*/
.index-title h3{background:url(../images/title_bg.png) center no-repeat;font-size:24px;}
.index-title h3 em{color:#0076db;font-style:normal;font-weight:bold;}
.index-title span{color:#666;background:#fff;border:1px solid #ddd;padding:5px 10px;}
.index-title p{margin-top:15px;}
/*aboutus*/
.aboutus{background:#f2f1e;padding:45px 0;}
.aboutus_box img{padding-right:25px;}
.aboutus_box .aboutus_txt h3{font-size:18px;color:#000;line-height:40px;font-weight:normal;padding-top:20px;}
.aboutus_box .aboutus_txt p{margin:20px 0;line-height:28px;}
.aboutus_box .aboutus_txt a{background:#0076db;padding:12px 30px;color:#fff;}
.aboutus_box .aboutus_txt a:hover{background:#f7a418;}

/*product*/
.product{background:url(../images/product_bg.jpg) top center no-repeat;padding:30px 0;}
.proScroll{position:relative;}
.proScroll li{float:left;width:265px;margin:10px 12px 0 12px;}
.proScroll li a{display:block;background:#fff;padding:15px;text-align:center;}
.proScroll li a img{width:235px;height:210px;}
.proScroll li a p{border:1px solid #ddd;margin-top:10px;line-height:32px;}
.proScroll a.prev{position:absolute;top:120px;left:-80px;background:url(../images/prev.png) no-repeat;width:60px;height:60px;z-index:9;display:block;}
.proScroll a.next{position:absolute;top:120px;right:-80px;background:url(../images/next.png) no-repeat;width:60px;height:60px;z-index:9;display:block;}
/*advant*/
.advant{background:url(../images/advant_bg.jpg) top center no-repeat;padding:40px 0 160px;}
.advant_item .advant_txt{width:474px;margin-left:110px;margin-top:40px;}
.advant_item2 .advant_txt{width:474px;margin-right:60px;margin-top:190px;}
.advant_item3 .advant_txt{width:474px;margin-left:110px;margin-top:160px;}
.advant_item .advant_txt strong{font-size:35px;color:#0076db;font-weight:bold;}
.advant_item .advant_txt p{font-size:18px;color:#0076db;margin-top:10px;}
/*jidi*/
.jidi{background:url(../images/jidi_bg.jpg) top center no-repeat;padding:30px 0;}
.jidiScroll li{float:left;width:270px;margin:10px 8px 0;text-align:center;}
.jidiScroll li a p{padding-top:5px;line-height:24px;color:#fff;}

/*news*/
.news{background:#f2f1ef;padding:30px 0;}
.news_menu{background:url(../images/line.jpg) repeat-x;height:37px;text-align:center;}
.news_menu li{border:1px solid #dedede;background:#f2f1ef;border-radius:30px;font-size:16px;padding:6px 22px;margin-left:5px;transition:all .3s;display:inline-block;}
.news_menu li.active{background:#0076db;color:#fff;border:1px solid #0076db;}
.news_menu li.active a{color:#fff;}
.news_menu li:hover{background:#0076db;color:#fff;border:1px solid #0076db;}
.news_menu li:hover a{color:#fff;}

.news_txt{background:#fff;padding:20px;overflow:hidden;}
.news_txt .news_imgbox{width:486px;}
.news_txt .news_imgbox img{width:486px;height:255px;}
.news_txt .news_imgbox strong a{color:#0076db;font-size:16px;line-height:36px;}
.news_txt .news_imgbox p{color:#666;}

.news_list{float:right;width:580px;}
.news_list li{clear:both;margin:10px 0;overflow:hidden;}
.news_list .newList_l{float:left;width:80px;text-align:center;border-right:1px solid #ddd;}
.news_list .newList_l span{display:block;font-size:52px;color:#000;}
.news_list .newList_l p{font-size:18px;color:#000;}
.news_list .newList_r{float:right;width:480px;}
.news_list .newList_r strong a{font-size:16px;color:#0076db;font-weight:normal;line-height:44px;}

.footer{background:#30363c;padding:30px 0;overflow:hidden;}
.foot_l{width:300px;color:#fff; float:left;}
.foot_l img{padding-right:10px;}
.foot_l .foot_tel strong{font-size:30px;}
.footer dl{float:left;margin-left:50px;}
.footer dl dt{color:#fff;font-size:16px;line-height:30px;}
.footer dl dd a{color:#cfc9c9;line-height:26px;}
.footer .foot_contact{width:474px;}
.footer .foot_contact img{margin-right:10px;border:2px solid #a4a4a4;}
.footer .foot_contact p{color:#fff;line-height:28px;}

.copy{height:38px;line-height:38px;color:#14171f;background:#14171f;}
.copy .friendlink{float:left;color:#fff;}
.copy .friendlink a{padding:0 5px;color:#fff;}
.copy .copyTxt{float:right;color:#fff;}



/*内页列表页样式*/

/*补充*/

#nav-position {
    border: 1px solid #ddd;
    padding: 3px 10px;
    margin-top: 30px;
    background: #fff;
    line-height: 40px;
}
#main-box{margin-top: 20px; margin-bottom: 20px }
.submenu-box {border: 1px solid #ddd;background: #fff;}
.submenu-box h1 {
    font-size: 16px;
    background: #00bb57;
    padding: 8px 12px;
    color: #fff;
}
#main-con {
    margin-top: 10px;
    min-height: auto;
}
.submenu-box ul {padding: 5px 12px 20px;}
.submenu-box li {border-bottom: 1px dashed #ddd;}
.submenu-box li a {display: block;background: url(../images/submenu-li-bg.jpg) left center no-repeat;padding-left: 5px;line-height: 45px;transition: all 0.5s;}
.submenu-box li a:hover {background: url(../images/submenu-li-bg.jpg) 10px center no-repeat #f7f7f7;padding-left: 22px;}
.submenu-box li a span {float: right;}
.left-lianxi {border:1px solid #ddd;}
.left-lianxi h1 {
    font-size: 16px;
    background: #00bb57;
    padding: 8px 12px;
    color: #fff;
}
.left-lianxi li span {display: inline-block;text-align: center;width: 20px;color: #ccc;}
.left-lianxi ul {padding: 10px;line-height: 2;}
#main-con {margin-top: 10px;min-height: auto; }
#main-con {
    background: #fff;
    min-height: 500px;
    padding: 10px 20px;
    box-shadow: 3px 5px 10px rgba(0,0,0,.1);
    border: 1px solid #ddd;
    line-height: 2;
}
#main-con img {max-width: 100%;  }
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0px;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.layui-col-lg9{position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px; 

}
.photo_list_page li p {
    text-align: center;
    height: 24px;
}
.x9{margin-top: -10px;}