body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
body{
    font-family: "宋体","PingFang SC";
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga","kern";
}
ul,li,ol{ list-style: none;}
img{ border: none;}
a{ text-decoration: none;}
a:hover{ text-decoration: none;}

.clearfix:after{
    content: '';
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    clear: both;
    visibility: hidden;
}
.fl{ float: left;}
.fr{ float: right;}
.w100{ display: block; width: 100%;}
.content{ width: 100%; height: 100%; background: #fff; position: relative; margin: 0 auto;}

*{
    transition: all 0.1s;
    -moz-transition: all 0.1s; /* Firefox 4 */
    -webkit-transition: all 0.1s; /* Safari and Chrome */
    -o-transition: all 0.1s; /* Opera */
}
@media screen and (min-width: 1200px){
    .content{ width: 1200px;}
}

@media screen and (min-width: 1360px){
    .content{ width: 1360px;}
}


/*head*/
.head{width: 100%;height: 50px;position: relative;}
.theLeftBg{ position: absolute; width: 50%; left: 0; top: 0; height: 100%; background: #f08300;}

.logo{background: #f08300;width: 26.67%;height: 100%;}
.logo a{display: block; padding: 10px 0;}
.logo a img{ display: block; height: 30px; margin: 0 auto;}
.indexIcon{ display: none;}
.navButton{ margin: 14px 10px 0 0;}
.navButton span{
    display: block; width: 32px; height: 3px; background: #3e3a39; margin-bottom: 5px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.navButton.on span:nth-child(1){
    -webkit-transform: rotate(45deg) translate(0,11px);
    -moz-transform: rotate(45deg) translate(0,11px);
    -o-transform: rotate(45deg) translate(0,11px);
    -ms-transform: rotate(45deg) translate(0,11px);
    transform: rotate(45deg) translate(0,11px);
}
.navButton.on span:nth-child(2){ opacity: 0;}
.navButton.on span:nth-child(3){
    -webkit-transform: rotate(-45deg) translate(0,-11px);
    -moz-transform: rotate(-45deg) translate(0,-11px);
    -ms-transform: rotate(-45deg) translate(0,-11px);
    -o-transform: rotate(-45deg) translate(0,-11px);
    transform: rotate(-45deg) translate(0,-11px);
}

.navPC{ display: none; height: 100px; margin-left: 20px;}
.navList{ height: 100px;}
.navList li{ float: left;}
.navList li a{ width: 102px; text-align: center; line-height: 100px; display: block; color: #3e3a39; font-size: 14px; position: relative;}
.navList li a i{ color: #b5b5b6; font-size: 12px; margin-left: 5px;}
.navList li a.active,
.navList li a.active i,
.navList li.on a,
.navList li.on a i{ color: #f08300;}

.shareList{ display: none; height: 100px; position: relative;}
.shareList li{ float: left; height: 100px; line-height: 100px; margin-left: 20px;}
.shareList li a{ color: #f08300; font-size: 20px;}
.shareList li a:hover{color: #f08300;}

@media screen and (min-width: 768px){
    .head{ height: 80px;}
    .logo a{ padding: 13px 0;}
    .logo a img{ height: 54px;}
    .navButton{ margin: 23px 23px 0 0;}
    .navButton span{ width: 40px; height: 4px; margin-bottom: 9px;}
    .navButton.on span:nth-child(1){
        -webkit-transform: rotate(45deg) translate(0,17px);
        -moz-transform: rotate(45deg) translate(0,17px);
        -ms-transform: rotate(45deg) translate(0,17px);
        -o-transform: rotate(45deg) translate(0,17px);
        transform: rotate(45deg) translate(0,17px);
    }
    .navButton.on span:nth-child(3){
        -webkit-transform: rotate(-45deg) translate(0,-17px);
        -moz-transform: rotate(-45deg) translate(0,-17px);
        -ms-transform: rotate(-45deg) translate(0,-17px);
        -o-transform: rotate(-45deg) translate(0,-17px);
        transform: rotate(-45deg) translate(0,-17px);
    }
}

@media screen and (min-width: 1200px){
    .head{height: 100px;}
    .indexIcon{ display: block; width: 62px; background: #f8e2c7; height: 100px;}
    .indexIcon a{ display: block; width: 100%; height: 100%; color: #f08300; text-align: center; line-height: 100px; font-size: 18px;}
    .navButton{ display: none;}
    .logo{ width: 180px;}
    .logo a{ padding: 33px 0 0 0;}
    .logo a img{ height: auto;}
    .navPC,
    .shareList{ display: block;}
}

.footer{ width: 100%; background: #2c2c2c;}
.footerCenter{ width: 100%;}
.footerLeft{ width: 100%; padding: 5%;}
.footerLeftTitle{ color: #f08300; font-size: 16px; height: 30px; line-height: 30px;}
.footerLeftTitle i{ font-size: 20px; margin-right: 10px; float: left;}

.footerLeftContact{ width: 100%; padding: 5% 0 0 0;}
.footerLeftContact li{ border: 1px solid #3a3a3a; height: 40px; line-height: 40px; border-radius: 20px; margin-bottom: 10px; padding: 0 20px; font-size: 15px; color: #fff;}

.footerLeftEwm{ width: 100%; padding: 5% 8%;}
.footerLeftEwm li{ float: left; width: 44%; color: #c1c1c1; font-size: 12px; text-align: center;}
.footerLeftEwm li.lst{ margin-left: 12%;}
.footerLeftEwm li span{ display: block; width: 100%; margin-bottom: 10px;}

.footerLeftBot{ width: 100%; padding: 5% 8%; text-align: right; color: #898989; font-size: 13px; line-height: 22px;}

.footerRight{ display: none; float: right; border-left: 1px solid #343434;}
.footerRightNav{ width: 100%; padding: 50px 0; border-bottom: 1px solid #343434;}
.footerRightNav dl{ float: left; padding-left: 30px; border-right: 1px solid #343434; width: 140px; height: 250px;}
.footerRightNav dl.lst{ border: none;}
.footerRightNav dl dt{ margin-bottom: 20px; font-weight: normal;font-size: 14px; color: #fff;}

.footerRightNav dl dd{ line-height: 24px;}
.footerRightNav dl dd a{ color: #898989; font-size: 12px;}
.footerRightNav dl dd a:hover{ color: #f08300;}

.footerRightBot{ width: 100%; padding: 25px 0 70px 30px;}
.footerRightBotLt{ font-size: 12px; color: #898989;}
.footerRightBotLt a{ color: #898989; margin: 0 5px;}
.footerRightBotLt a:hover{ color: #f08300;}
.footerRightBotRt{ text-align: right; font-size: 12px; line-height: 24px; color: #898989;}

@media screen and (min-width: 768px){
    .footerLeftEwm li{ width: 130px;}
}

@media screen and (min-width: 1200px){
    .footerCenter{ width: 1200px; margin: 0 auto;}
    .footerRight{ display: block;}
    .footerLeft{ width: 320px; padding: 5% 0 2% 0; float: left;}
    .footerLeftEwm{ padding: 5%;}
    .footerLeftEwm li.lst{ margin-left: 9%;}
    .footerLeftBot{ display: none;}
    .footerRightNav dl{ width: 125px;}
}

@media screen and (min-width: 1360px){
    .footerCenter{ width: 1360px;}
    .footerRightNav dl{ width: 140px;}
}


/* nav下拉菜单 */
.navListConWeb{ position: absolute; left: 0; top: 49px; z-index: 10000; width: 100%; min-height: 100%; padding-bottom: 20px; background: #fff; display: none;}
.navListConWeb ul{ padding: 0 10px;border-top: 1px solid #43454d;}
.navListConWeb li{ border-bottom: 1px solid #43454d;}
.navListConWeb li>a{ display: block; height: 50px; line-height: 50px; padding: 0 30px; font-size: 15px; color: #3e3a39;}
.navListConWeb li>a i{font-style: normal; width: 20px; display: inline-block;}
.navListConWeb li span{ display: block; height: 50px; line-height: 50px; padding: 0 30px; font-size: 15px;}
.navListConWeb li span i{ font-style: normal; width: 20px; display: inline-block;}
.navListConWeb li div{width: 100%; padding: 0 50px; display: none;}
.navListConWeb li div a{ display: block; font-size: 13px; margin-bottom: 10px; color: #3e3a39;}
.navListConWeb li div a i{ display: inline-block; width: 10px;}

@media screen and (min-width: 768px){
    .navListConWeb{ top: 79px;}
}

/*下拉菜单 pc*/
.navListConPc{ width: 100%; background: #efeff0; position: absolute; left: 0; top: 100px; z-index: 200000; border-top: 1px solid #ddddde; display: none;}
.navListConPc-center{ width: 1360px; margin: 0 auto;}
.navListConPc-center-left{ width: 260px; padding-top: 50px;}
.navListConPc-center-left li{ display: none; color: #fff; font-size: 24px; line-height: 30px;}
.navListConPc-center-left li font{ color: #f08300;}
.navListConPc-center-left li.on{ display: block;}

.navListConPc-center-center{ width: 240px; padding-top: 45px;}
.navListConPc-center-center ul{ display: none;}
.navListConPc-center-center ul li{ border-bottom: 1px solid #ddddde;padding: 0px 15px;cursor: pointer;}
.navListConPc-center-center ul li:hover{background: #f08300;}
.navListConPc-center-center ul li a{ line-height: 36px; font-size: 14px; color: #595757;}
.navListConPc-center-center ul li:hover a{ color: #fff;}
.navListConPc-center-center ul li:hover a i{ color: #fff;}
.navListConPc-center-center ul li a i{ margin-right: 10px; color: #dcdddd;}
.navListConPc-center-center ul.on{ display: block;}

.navListConPc-center-right{ width: 450px; border-left: 1px solid #ddddde; padding: 55px 0 100px 55px;}
.navListConPc-center-right-box{ width: 300px; position: relative;}
.newChangeNav{ display: none;}
.newChangeNav span{ display: block; width: 300px; height: 180px; overflow: hidden; margin-bottom: 20px;}
.newChangeNav p{ font-size: 14px; color: #595757; margin-bottom: 20px;}
.newChangeNav a{ display: block; width: 140px; height: 32px; background: #f08300; font-size: 14px; text-align: center; line-height: 32px; color: #fff;}
.newChangeNav a i{ margin-left: 10px;}


.navNewsList-pagination{ width: 100%; height: 8px; margin-top: 10px;}
.navNewsList-pagination span{ display: block; float: left; width: 8px; height: 8px; background: #dcdddd; border-radius: 100%; margin-right: 5px;}
.navNewsList-pagination span.swiper-pagination-bullet-active{ background: #f08300;}

/*面包屑*/
.positionMenu{ display: none; width: 100%; height: 100px; background: #efeff0; overflow: hidden;}
.positionMenuBox{ width: 1360px; margin: 0 auto; line-height: 100px;}
.positionMenuLeft{ color: #dddddd;}
.positionMenuLeft a{ font-size: 18px; color: #3e3a39; margin: 0 20px;}
.positionMenuLeft a.on{ color: #f08300;}
.positionMenuRight{ font-size: 12px; color: #9fa0a0;}
.positionMenuRight a{ color: #9fa0a0;}
.positionMenuRight a:hover{ color: #f08300;}

@media screen and (min-width: 1200px){
    .positionMenu{ display: block;}
    .positionMenuBox{ width: 1200px;margin: 0 auto;}
}
@media screen and (min-width: 1360px){
    .positionMenuBox{ width: 1360px;}
}

/*分页*/
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 9px 15px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #f7f7f7;
    border: 0;
}

.pagination > li >  input{
    border: 0;
    position: relative;
    float: left;
    height: 40px;
    padding: 0;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    width: 40px;
    margin: 0 4px;
    text-align: center;
}

.pagination > li:nth-last-child(3) a{
    margin-left: 4px;
}

.pagination > li >  input:focus{
    outline: none;

}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #f08300;
    border-color: #f08300;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-radius: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    margin-left: 0;
    border-radius: 0;
}


/*search*/
.searchBox{width: 202px; height: 32px; position: absolute; right: 0; top: 35px; z-index: 1000;}
.searchBox input[type="text"]{
    width: 150px; height: 30px; box-sizing: border-box; border: 1px solid #f08300; float: left; padding: 0 5px;
    line-height: 28px; color: #000; outline: none;
}
.searchBox input[type="submit"]{
    width: 50px; height: 30px; border: none; background: #f08300; text-align: center; color: #fff;outline: none;
    float: left; font-size: 12px;
}
.searchBox i{ font-size: 18px; line-height: 30px; color: #999; margin-left: 5px; cursor: pointer;}