/* 没有media的是全局通用样式，有media的只在描述范围内有效 */
/* reset */
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,img{ margin:0; padding:0;border:none;}
body{ background: #fff;font-family: "Microsoft YaHei","微软雅黑",arial;font-size: 12px;color: #333333;font-weight: normal; }
textarea,input{ font-family: "Microsoft YaHei","微软雅黑",arial;color: #333333;font-size: 12px;padding: 0;margin: 0;outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input:focus,textarea:focus{	outline: none;}
ol,ul,li{ list-style: none;}
h1,h2,h3,h4,h5,h6{ font-size:12px;color: #333333;font-weight:normal; }
a,a:link,a:visited,a:focus,a:active,a:hover{ font-family: "Microsoft YaHei","微软雅黑",arial;color: #929292;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0); }
i, cite, em, var, address, dfn {
    font-style: normal;
}

/* float设置 */
.fl{float: left;}
.fr{float: right;}

/* 字体 */
@font-face{
    font-family:BureauEagleBook;
    src:url('../font/BureauEagleBook.ttf');
}
@font-face{
    font-family:AdobeHeiti;
    src:url('../font/AdobeHeitiStd-Regular.otf');
}

/* 清除浮动 */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}

/* 宽度设定 */
.wrapper{width: 100%;overflow: hidden;position: relative;}
.wfix{width: 1200px;margin: 0 auto;position: relative;}


/* header */
header{transition:.4s all linear;-webkit-transition:.4s all linear;-moz-transition:.4s all linear;}
header.abso {
    position: absolute;
    width: 100%;
    height: 100px;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #ffffff;
}

header.abso.on{
    height:200px;
}

header.fixed {
    position: fixed;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .1);
}




.header-in {
    z-index: 100;
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.header-in .icon-sousuo {
    color: #2160b1;
    font-weight: 700;
}
.header-in .header-r-in{height: 100%;}
.header-in .nav-top{height: 100%;}
.header-in .nav-top ul{height: 100%;}
header .headtil{float: left;margin-top: 10px;}
header .headtil h2{font-size: 18px;font-weight:bold;}


.header-in .logolink{
    float: left;
    width:300px;
    margin-top: 25px;
}
.logo {
    width: 100%;
    display: block;
    position: relative;
    z-index: 999999;
    padding: 5px;
}
.logo img{width: 100%;}

.mlogo {display: none;}
.moible_hy {
    display: none
}

.m-close {
    display: none
}

.header-r {
    float: right;
    position: relative;
    z-index: 10;
    margin-top: 35px;
}








nav.nav-top>ul>li {
    position: relative;
    float: left;
    line-height: 30px;
    margin: 0 5px;
    width: 95px;
    height: 100%;
    font-size: 16px;
    text-align: center;
    border-radius: 50px;
    
    transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s
}

header.fixed nav.nav-top>ul>li {
    height: 100%;
    line-height: 35px;
 
    transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s
}

nav.nav-top>ul>li a {
    color: #4b4b4b;
    display: block;
}


nav.nav-top>ul>li:nth-child(1) {
    margin-left: 0
}

nav.nav-top>ul>li a:hover,
nav.nav-top>ul>li.cur a {
    color: #fff;
}
nav.nav-top>ul>li:hover,
nav.nav-top>ul>li.cur{
    background: #e15d26;
}

.top-sub-menu {
    position: absolute;
    padding-top: 35px;
    width:120px;
    left: -15px;
    opacity: 0;
    visibility:hidden;
    transition: opacity 1s ease;
}



header.fixed .top-sub-menu {
    top: 30px
}

nav.nav-top>ul>li:hover .top-sub-menu {
    opacity: 1;
    visibility: visible
}

.top-sub-menu>a {
    color: #666 !important;
    font-size: 12px !important;
    line-height: 22px;
    display: block;
    background: #ffffff;
    padding: 12px 25px !important;
    text-align: center;
    border-bottom: 1px solid #929292;
}

.top-sub-menu>a:hover {
    color: #fff !important;
    background: #e15d26
}


/* 主体 */
.main{margin-top: 100px;}



/* 标题 */
.title1{padding-top: 20px;padding-bottom: 40px;}
.title1 h2{font-size: 25px;text-align: center; line-height: 50px;font-family:'BureauEagleBook';}
.title1 p{font-size: 18px;text-align: center;}

.title2{padding-top: 20px;padding-bottom: 40px;}
.title2 h2{font-size: 25px;text-align: center;color: #e15d26;font-weight: 500; line-height: 50px;font-family:'BureauEagleBook';}
.title2 p{font-size: 18px;color: #ffffff;text-align: center;}

.intitle{padding: 20px 0;}
.intitle h2{font-size: 25px;text-align: center;color: #e15d26;font-weight: 500; line-height: 50px;font-family:'BureauEagleBook';}
.intitle p{font-size: 18px;;text-align: center;}

/* 页码 */
.page{
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.page .current {
    border: 1px solid #e0e0e0;
    border-right: none;
    padding: 2px 10px;
    color: #000;
}
.page .num{
    border: 1px solid #e0e0e0;
    border-right: none;
    padding: 2px 10px;
    background: #e15d26;
    color: #fff;
}
.page .next,.page .prev{
    background: #e15d26;
    color: #ffffff;
    border-radius: 5px;
    padding: 2px 5px;
    border: 1px solid #eeee;
}


/* 按钮 */
.morebt{text-align: center;padding: 40px 0;}
.morebt a{display: block;width:200px;margin: 0 auto; line-height: 40px; background: #fff;border: #ddd 1px solid;text-transform: uppercase;transition:.4s all linear;-webkit-transition:.4s all linear;-moz-transition:.4s all linear;}
.morebt span{color: #ddd;}
.morebt span.h{color: #fff;}
.morebt a:hover{background: #25e0d9;border: #fff 1px solid;}


/* footer */
footer{ background-color: #151515;}
footer .box{width: 1200px; margin: 0 auto; position: relative;padding: 20px 0;}
footer .box .flogo{border-bottom:1px solid #929292;padding-bottom: 20px;margin-bottom: 20px;}
footer .box .flogo img{margin: 0 auto;display: block;}
footer .box .fnav{width: 800px;margin: 0 auto;}
footer .box .fnav ul li{float: left;margin-left: 54px;}
footer .box .fnav ul li a{color:#929292;font-size: 15px;}
footer .box .flistbox{width: 800px;margin: 0 auto;margin-top: 20px;}
footer .box .flist{float: left;width: 310px;margin-left: 50px;}
footer .box .flist img{display: block;margin: 0 auto;}
footer .box .flist p{color: #929292;font-size: 14px;line-height: 50px;}
footer .beian{width: 550px;margin: 0 auto;padding-bottom: 5px;}

/* 回顶 */
.right-top{
    position: fixed;
    right: 1%;
    padding: 5px;
    z-index: 9999999;
    bottom: 20%;
    background: #929292;
    transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s

}
.right-top:hover{
    background:#e15d26;
}

/* banner */
.banner,.mbanner{width: 100%;height:auto;overflow: hidden;}
.banner .swiper-container,.mbanner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-container img,.mbanner .swiper-container img{width: 100%;height:100%;}
.banner .list,.mbanner .list{width:100%;height: 100%;}
.banner{display: block;}
.mbanner{display: none;}
.banner .swiper-button-prev{background-image: url('../images/banlc.png');left: 5%;}
.banner .swiper-button-next{background-image: url('../images/banrc.png');right: 5%;}
.banner .swiper-pagination,.mbanner .swiper-pagination{width:100%;position: absolute;  padding: 0;margin: 0;bottom:3%;}
.banner .swiper-pagination span,.mbanner .swiper-pagination span{display: inline-block;padding: 0;margin: 0;margin: 0 25px;opacity: 1;}
.banner .swiper-pagination-bullet,.mbanner .swiper-pagination-bullet{width:6px;height:6px;background: #fff; transition:.2s all linear;-webkit-transition:.2s all linear;-moz-transition:.2s all linear;}
.banner .swiper-pagination-bullet-active,.mbanner .swiper-pagination-bullet-active{background: #e15d26;}
/* inbanner */
.inbanner{width: 100%;height: auto;overflow: hidden;}
.inbanner img{display: block;width: 100%;height: 100%;}
.inbanner .mbpt{display: none;width: 100%;height: 100%;}



/* 内页顶部栏目二级分类 */
.page_nav{margin:20px auto;}
.page_menu{ width:100%; height:auto;text-align:center;}
.page_menu a{font-size:12px;text-align: center; display:inline-block;height:25px;line-height:25px;padding:0 30px;color:#5e5e5e;text-decoration:none;position:relative;}
.page_menu ul{display:inline-block; margin:0 auto; text-align:center;}
.page_menu ul li{display:inline-block;-webkit-transition:.2s ease-in-out .2s;-moz-transition:.2s ease-in-out .2s;transition:.2s ease-in-out .2s;}
.page_menu ul li.on a,.page_menu ul li:hover a{color:#ffffff;background: #e15d26;border-radius: 50px; z-index:2;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.mbx{position: relative;font-size: 14px; line-height: 40px;height: 40px;padding: 0 5%; border-bottom:1px solid #e5e5e5;}
.mbx .m_home{background: url('../images/house.jpg') no-repeat left;padding-left:20px;}
.mbx a:hover{color:#e15d26;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;}

/* 内页左侧栏目二级三级分类 */
.left_nav {
    margin: 40px auto;
    float: left;
    width: 250px;
    box-sizing: border-box;
    border: #e15d26 solid 1px;
}
.left_h {
    font-size: 22px;
    display: block;
    padding-left: 10px;
    color: #fff;
    background: #e15d26;
    height: 60px;
    line-height: 60px;
}
.left_nav_ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin: 15px 0px 0px 0px;
}
.left_nav_ul>li {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding: 8px 0px 8px 18px;
}
.left_nav_ul>li>a {
    text-decoration: none;
    color: #656464;
	font-size:14px;
	font-weight:bold;
}
.left_nav_ul>li>a:hover,
.left_nav_ul li a.left_active {
    color: #e15d26;
}
.left_nav_ul>li>a.cur,
.left_nav_ul li a.left_active {
    color: #e15d26;
}
ul.left_snav_ul {
    list-style: none;
    padding: 0px;
    /*display: none;*/
    padding-top: 8px;
}
ul.left_snav_ul>li {
    margin: 0px;
    padding: 5px 0px 5px 10px;
}
ul.left_snav_ul>li>a {
    border: 0;
    color: #797979;
    padding: 5px 0px 5px 0px;
	font-size:14px;
}
ul.left_snav_ul>li>a:hover, ul.left_snav_ul>li>a.cur{
    text-decoration: none;
    color: #e15d26;
}
.menu_head {
    cursor: pointer;
    font: 600 18px/30px "Open Sans", sans-serif;
    width: 35%;
    text-align: right;
    margin-right: 12px;
    color: #303c4b;
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 0px;
}
.menu_head:hover {
    color: #e15d26;
}

/* 首页公司简介 */
.index_about {padding: 20px 0;}
.index_about .aboutpt{
    float: left;
    width: 450px;
}
.index_about .aboutpt img{width: 100%;}
.index_about .abouttxt{
    float: right;
    width: 600px;
    margin-left: 150px;
    padding: 50px 0;
}
.index_about .abouttxt h2{
    font-size: 16px;
    font-weight: bold;
    padding-left: 15px;
    margin-bottom: 50px;
    border-left: 5px solid #e15d26;
}
.index_about .abouttxt h2 p{
    color: #6b6b6b;
    font-weight: normal;
}
.index_about .abouttxt .abouttxt_main{
    font-size: 14px;
    line-height: 45px;
    color: #6b6b6b;
}
.index_about .abouttxt a{float: right;font-size: 14px;color: #e15d26;}
@media only screen and (max-width: 1680px){
    .about .aboutlbox .aboutxt{padding: 15%  18% 0 15%;}
}
@media only screen and (max-width: 1440px){
    .about .aboutlbox .aboutxt{padding: 15%  8% 0 15%;}
}


/* 首页产品 */
.index_product{
    height: 598px;
    background-image: url('../images/indexproductbg.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
}
.index_product .indexprotxt{
    display: block;
    position: relative;
}
.index_product .protiltle{
    width: 50%;
    margin: 0 auto;
    margin-bottom: 70px;
}
.index_product .protiltle div{
    float: left;
    padding: 10px 30px;
    border-radius: 10px;
    color: #ffffff;
}
.index_product .protiltle div.on{
    background: #e15d26;
}
.index_product .indexprolist{
    position: relative;
    float: left;
    width: 24%;
    background: #ffffff;
    margin-right: 1%;
    margin-bottom: 1%;
}
.index_product .indexprolist .indexprocover{
    position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: none;
}
.index_product .indexprolist .indexprocover .indexpromore{
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 20px;
    padding: 5px 25px;
    position: absolute;
    top: 40%;
    left: 33%;
}

.index_product .indexprolist .indexprocover .indexpromore:hover{
    background: #ffffff;
    color: #000;
}


.index_product .indexprolist:nth-child(4){
    margin-right: 0;
}
.index_product .indexprolist:nth-child(8){
    margin-right: 0;
}
.index_product .indexprolist .indexpropt{
    max-width: 288px;
    height: 150px;
    max-height: 150px;
    margin: 0 auto;
    overflow: hidden; 
}
.index_product .indexprolist img{
    width: 100%;
}

.index_product .indexprolist p{
    width: 100%;
    background: #e5e5e5;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
}
.index_product .indexprolist p a{
    color: #333333;
}


/* 首页新闻 */
.index_news .indexnewslist{
    float: left;
    width: 47%;
    margin-bottom: 5%;
    margin-left: 5%;
    transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s
}
.index_news .indexnewslist:hover{
    box-shadow: rgba(0, 0, 0, .2) 10px 10px  10px;
}
.index_news .indexnewslist:nth-child(2n-1){
    margin-left: 0;
}
.index_news .indexnewslist .indexnewstime{
    background: #eeeeee;
    float: left;
    width: 12%;
    padding: 5px;
    box-sizing: border-box;
}
.index_news .indexnewslist .indexnewstxt{
    float: left;
    width: 80%;
    margin-left: 2%;
}

.index_news .indexnewslist .indexnewstime h2{
    text-align: center;
    color: #8d8d8d;
    font-size: 40px;
}
.index_news .indexnewslist .indexnewstime p{
    text-align: center;
    color: #8d8d8d;
    font-size: 14px;
}
.index_news .indexnewslist .indexnewstxt h2{
    font-size: 16px;
    color: #8d8d8d;
    line-height: 40px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.index_news .indexnewslist .indexnewstxt p{
    font-size: 12px;
    color: #8d8d8d;
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}






/* 产品列表 */
.product{
    float: left;
    width: 900px;
    margin-left: 50px;
    margin-top: 40px;
}

.product .productlist{
    position: relative;
    float: left;
    width: 24%;
    background: #ffffff;
    margin-right: 1%;
    margin-bottom: 1%;
}
.product .protxt{
    border:#9999 1px solid;
}
.product .productlist .procover{
    position: absolute;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: none;
}
.product .productlist .procover .promore{
    color: #ffffff;
    border: 1px solid #9999;
    border-radius: 20px;
    padding: 5px 25px;
    position: absolute;
    top: 40%;
    left: 27%;
}
.product .protxt:hover{
    border:#e15d26 1px solid;
}
.product .productlist .procover .promore:hover{
    background: #e15d26;
}


.product .productlist:nth-child(4n){
    margin-right: 0;
}

.product .productlist .propt{
    max-width: 288px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden; 
}
.product .productlist img{
    width: 100%;
}

.product .productlist p{
    width: 100%;
    background: #e5e5e5;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
}
.product .productlist p a{
    color: #333333;
}



/* 产品详情、新闻详情 */
.pro_m{margin: 40px 0;}
.pro_t_pt{width: 40%;float: left;}
.pro_t_pt img{width: 100%;}
.pro_t_txt{width: 55%;float: left;margin-top: 50px;margin-left: 5%;}
.pro_t_txt h2{font-size: 20px;margin-bottom: 20px;}
.pro_t_txt p{font-size: 16px;text-indent: 25px;line-height: 30px;}
.pro_c h2{color:#e15d26; border-bottom: #e15d26 2px solid;font-size: 16px; width: 70px; line-height: 30px;margin-bottom: 20px;}
.pro_c{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 45px;
}
.pro_c img{width: 60%;margin: 0 auto;display: block;}
.news_m .news_m_title{text-align: center;font-size: 25px;margin-top: 30px;}
.news_m .news_m_time{text-align: center;color: #929292;border-bottom: #929292 1px  dashed;line-height: 30px;}
.news_m .news_m_centent{text-indent: 25px;font-size: 16px;line-height: 25px;margin-top: 40px;border-bottom: #929292 1px  dashed;}
.news_m .reLink{line-height: 50px;}
.news_m .reLink a{color: #e15d26;}
.news_m .reLink .prevLink{
    float: left;
}
.news_m .reLink .nextLink{
    float: right;
}

/* 新闻列表 */
.news .newslist{
    float: left;
    width: 47%;
    margin-bottom: 5%;
    margin-left: 5%;
    transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s
}
.news .newslist:hover{
    box-shadow: rgba(0, 0, 0, .2) 10px 10px  10px;
}
.news .newslist:nth-child(2n-1){
    margin-left: 0;
}

.news .newslist .newspt{
    float: left;
    width: 48%;
    position: relative;
}

.news .newslist .newspt img{
    width: 100%;
}

.news .newslist .newstime{
    background: #eeeeee;
    float: left;
    width: 80px;
    padding: 5px;
    position: absolute;
    top: 0;
    box-sizing: border-box;
}
.news .newslist .newstxt{
    float: left;
    width:46%;
    margin-left: 2%;
}


.news .newslist .newstxt h2{
    font-size: 16px;
    font-weight: 600;
    padding: 0 7px;
    color: #e15d26;
    line-height: 40px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news .newslist .newstxt p{
    font-size: 14px;
    margin-top: 10px;
    padding: 0 7px;
    text-indent: 20px;
    color: #8d8d8d;
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
}
.news .newslist .newstime h2{
    text-align: center;
    color: #8d8d8d;
    font-size: 40px;
}
.news .newslist .newstime p{
    text-align: center;
    color: #8d8d8d;
    font-size: 14px;
}

/* 简介内页 */


/* 企业文化 */

.wenhua{padding: 40px 5%;}
.wenhua .wenhuatxt{margin-bottom: 20px;}
.wenhua .wenhuatxt h2{text-align: center;font-size: 30px;color: #464646;font-weight: bold;margin-bottom: 10px;}
.wenhua .wenhuatxt p{font-size: 16px;}
.wenhua .wenhuapt img{width: 100%;}


/* 联系 */
.contact{padding: 40px 5%;}
.contact .conmain{border-top: #f4f4f4 1px solid;border-bottom: #f4f4f4 1px solid;padding: 3% 0;margin-bottom: 2%;}
.contact .contile{font-size: 30px;text-align: center;color: #464646;font-weight: bold;margin-bottom: 20px;}
.contact .conlist{width: 30%;float:left;font-size: 16px;line-height: 26px;}
.joinIForm {margin-bottom:25px;  position: relative; }
.joinIForm .jtxt {border:0px none; background-color:#f4f4f4; width:28%; padding:20px 2%; margin:0px 2% 0px 0px; float:left; display:block; height:20px; line-height:20px; }
.joinIForm .jtxt2 {border:none; background-color:#f4f4f4; width:96%; padding:20px 2%; margin:10px 0px; float:left; display:block; line-height:20px; height:130px;}
.joinIForm .jbtn{height:45px; line-height:45px; text-align:center; color:#333; background-color:#eee; width:198px; border:none;display: block;margin: 0 auto;}
.joinIForm .jbtn:hover {background-color:#e15d26; cursor:pointer; color:#fff;}
input.jtxt:focus {background-color:#dcdada; }
textarea.jtxt2:focus {background-color:#dcdada; }
.trans3 {-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.map{height: 550px;width: 100%;}

/* 招聘信息 */
.join_t{ margin-top:5%; margin-bottom:4%; overflow:hidden; text-align:center; font-weight:normal; color:#000000;}
.join_bg{ background:#25e0d9;padding:4%; background-size:cover;}
.join_bg h2{font-size: 30px;color: #fff;text-align: center;font-weight: bold;}
.join_t2{ margin-top:5%; margin-bottom:4.5%; overflow:hidden; text-align:center; font-weight:normal; color:#fff;}
.join_ul{ overflow:hidden; margin-top:5%;}
.join_ul ul li{ float:left; background:#fff;overflow:hidden; margin-bottom:2%; margin-right:2%; width:49%; transition:all 0.3s; }
.join_ul ul li:nth-child(2n+0){ margin-right:0;}
.join_ul ul li .txts2{ color:#666666;overflow:hidden; width:80%; margin:0 auto; padding-top:5%; padding-bottom:7%;}
.join_ul ul li .txts2 .h3{font-size: 24px; font-weight:normal; overflow:hidden;height:66px; line-height:66px; margin-bottom:5%; color:#000;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis; position:relative;}
.join_ul ul li .txts2 .h3:after{ position:absolute; content:""; bottom:0; left:0; width:20px; height:2px; background:#cccccc;}
.join_ul ul li .txts2 .p{font-size: 16px; line-height:30px; height:60px; overflow:hidden; color:#666666;}
.join_ul ul li:hover .txts2 .h3{ color:#25e0d9;}