@charset "utf-8";
/* CSS Document */
html { display:block; padding:0px; 
       margin:auto;
}

@font-face {
    font-family: 'Gotham-Black';
    src: url('Gotham-Black.otf') format('opentype');
}
body {
    margin: 0px;
    padding: 0px;
    color: #333;
    font-family: 'Microsoft YaHei',Arial;
    font-size: 14px;
    background-color: #fff;
    overflow-y: scroll;
    text-align: center;
}
.Gotham-Black {
    font-family: Gotham-Black;
}
.phonemenu { display:none;
}

ul, dl, dd, h1, h2, h3, h4, h5, h6, form, p {
    padding: 0;
    margin: 0;
}
ul { list-style:none;  }
img { border:0px;}
a { color:#000; text-decoration:none;   outline: none; star:expression(this.onFocus=this.blur());}
a:hover { color:#ff8000;   outline: none; star:expression(this.onFocus=this.blur());}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

   .not-select{
    -moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;
}

#xinyu {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0px;
    margin: auto;
}
.usermodule { width:100%; max-width:1200px; text-align:left; margin:auto;
}
.usermodulet { width:100%; max-width:1200px; text-align:center; margin:auto;
}
.menubx {
    height: 100px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: #000000;
    opacity: 0.8;
}


#xinyutop {
    position: fixed;
    font-family: Gotham-Black;
    top: 0px; left:0px;
    width: 100%;
    height: auto;
    z-index: 111801;
}
.topcon { color:#000; text-align:left;  line-height:38px; font-size:16px; position:relative;
}
#menu { 

    height: 100px;
    position: relative; 
/*    box-shadow:0px 1px 8px #333;*/
}
#logo {  float:left; width:150px; padding:20px 20px 0px 0px; height:60px;
}
    #logo img { 
    height:100%; }

#menulist { float:right;   z-index:999999;
}
    #menulist ul {
    display:block; padding:0px; margin:auto; }
        #menulist ul li { float:left;  width:90px;   line-height:80px; margin-top:10px; margin-right:20px;
        }
            #menulist ul li a {  color:#fff;  font-size:18px;  height:80px; display:block;  text-align:center;
            width:100%;  }
                #menulist ul li a:hover {
                    border-bottom: 10px #ff8000 solid;
                    color: #ff8000;
                }
            #menulist ul li select { background-color:transparent;
               border:1px #fff solid;  font-size:16px; border-radius:4px; }
                #menulist ul li select option {
                    background-color: transparent;
                }
                #xinyu_banner {
                    width: 100%;
                    display: block;
                    padding: 0px;
                    margin: 0px;
                }
#xinyu_nybanner {


}
.menutwo { background-color:#ff8000; display:none;   line-height:30px;  border-top:1px #000 solid; width:90px; opacity:0.9; padding:15px 0px;
}
.menutwolist a { width:90px; margin:auto; font-size:16px;   color:#000;  height:30px; display:inline-block; text-align:center; margin-top:5px;
}
    .menutwolist a:hover { color:#fff;
    }

    .ind1 {
        background-color: #eee;
        padding: 50px 0px;
    }
.ind1_title { width:100%; margin-bottom:50px;
}

.nyabout {
    background-color: #fff;
    padding: 0px 0px 50px 0px;
    box-shadow: 0px 5px 10px #808080;
    position: absolute;
    top: -100px;
    left: 50%;
    margin: auto auto auto -600px;
    z-index: 80; width:90%; max-width:1200px;
}
.nyconabout {
    padding-bottom: 50px;
    position: relative;
    z-index: 9999; 
}

.aboutcon { width:90%; margin:auto;
}
.habout { min-height:1300px;
}
.hhonor {min-height:2000px;
}

.aboutmenulist {
    margin-left: 5%;
    margin-top: 20px;
}

    .aboutmenulist ul li {
        padding-bottom: 10px;
        width: 11%;
        float: left;
        margin: 10px 6%;
        font-size: 20px;
        
        line-height: 30px;
        background-repeat: no-repeat;
        padding-top: 8.5%;
        background-position: top center;
        background-size: 70%; cursor:pointer;
    }

.aboutmenulist_1 {
    background-image: url(/skin/about1.png);
}

    .aboutmenulist_1:hover {
   
        background-image: url(/skin/about1x.png);
        color: #ff8000;
    }

.aboutmenulist_2 {
    background-image: url(/skin/about2.png);
}

    .aboutmenulist_2:hover {
        background-image: url(/skin/about2x.png);
        color: #ff8000;
    }

.aboutmenulist_3 {
    background-image: url(/skin/about3.png);
}

    .aboutmenulist_3:hover {
        color: #ff8000;
        background-image: url(/skin/about3x.png);
    }
.aboutmenulist_4 {
  
    background-image: url(/skin/about4.png);
}

    .aboutmenulist_4:hover {
        color: #ff8000;
        background-image: url(/skin/about4x.png);
    }

.honorlist1 ul li { width:20%; float:left;  margin:20px 2.5%;
}
    .honorlist1 ul li img { width:100%; display:block;
    }

.honorlist2 { margin-top:50px;
}
.honorlist2 ul li {
    width: 20%;
    float: left;
    margin: 20px 2.5%;
    height: 160px;
    position: relative;
}
    .honorlist2 ul li img { width:100%; display:block;  position:absolute; bottom:40px; 
    }
    .honorlist2 ul li span { text-align:center;  height:40px; position:absolute; bottom:0px; left:0px; right:0px; width:100%;  display:inline-block;
    }

.listproduct { width:100%; display:block; margin-top:50px;
}
    .listproduct ul li { width:23%;  float:left; margin:auto 1%; position:relative; cursor:pointer;
    }
        .listproduct ul li img { width:100%;
        }
            .listproduct ul li img:hover {
                transform: scale(1.1, 1.1);
                -webkit-transform: scale3d(1.1,1.1);
                transition: .8s transform;
                -webkit-transition: .8s transform;
            }


            .promenu2 {
                text-align: center;
            }
.promenu2 a {
    width: 120px;
    margin: 10px 10px;
    padding: 2px 5px; font-weight:bold;
    border: 1px #808080 solid;
    color: #808080;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
}
    .promenu2 a:hover { background-color:#ff8000; color:#000; border:1px #ff8000 solid;
    }




    .compet {
        width: 100%;
        display: block;
        color: #fff;
    }
    .compet ul li { width:22%; margin:10px 1.5%;  float:left; position:relative; cursor:pointer;
    }
        .compet ul li img { width:100%;
        }
        .compet ul li b { line-height:80%; font-size:30px; font-weight:bold; position:absolute; top:45%; left:0px; width:100%;  z-index:998; display:none;
        }
        .compet ul li div { z-index:997; 
            display: none;
            background-color: #ff8000;
            opacity: 0.8;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }
        .compet ul li:hover div { display:block;
        }
        .compet ul li:hover b {
            display: block;
        }
        .compet ul li div span { display:inline-block; margin-top:90%; font-size:16px; 
        }


        .ind6 {
            background-color: #fff;
            padding: 50px 0px;
        }
.ind6_title { width:100%;
}
.ind6_span1 { font-size:30px;  display:block; margin-top:50px;
}
.ind6_span2 { font-size:20px;  line-height:80px;
}


.ind7 {
    margin: 10px auto 0px auto;
    position: relative;
    height: 550px; 
}

.ind7video {
    
    /*box-shadow: 0 15px 30px #666;*/
    /* box-shadow: 0px 0px 6px 3px #eee;*/
    /*border-radius: 10px;*/
    padding: 50px;
    min-height: 350px;
    position: absolute;
    left: 0%;
    right: 0%;
    margin: auto;
    max-width: 1200px;
    width: calc(100% - 100px);
    background-color: #fff;
    z-index: 888;
}

.ind7videobg {
    background-color: #d6392b;
    width: 100%;
    height: 200px;
    z-index: -1;
    position: absolute;
    bottom: 0px;
}

.ind7videoleft {
    width: 50%;
    float: left;
    height: 100%;
}

.ind7videoright {
    width:45%;
    float: right;
    height: 100%;
    text-align: left;
    margin-left: %;
}

.ind7videoright_1 {
    color: #000;
    font-size: 40px; font-weight:bold; line-height:50px;
}

.ind7videoright_2 {
    font-size: 20px; margin-top:40px;
    line-height: 36px;
    color: #000;
}

.morexind  img{ float:right; cursor:pointer;
 width:40px;}



.indnewlist {
    width:100%; 

}
    .indnewlist ul li {
        float: left;
        width: 21%; font-size:16px;
        margin: auto 2%;
        min-height: 150px;
        line-height: 28px;
        padding-bottom: 30px;
        border-bottom: 8px #ddd solid; cursor:pointer;
    }

    .indnewlist ul li:hover {
     border-bottom:8px  #ff8000 solid;   }
.newt { font-weight:bold; font-size:20px; 
}
.newtime { font-size:14px;
}



.more4 { margin:auto;  background-color:#ff8000; color:#000; width:130px; display:inline-block;  font-weight:bold; font-size:16px; padding:5px 10px; cursor:pointer;
}
    .more4:hover { background-color:#000; color:#ff8000;
    }

    .compet3 {
        margin-top: 40px;
    }
    .compet3 ul { display:block; padding:0px; margin:auto;
    }
.compet3 ul li {
    padding-bottom: 10px;
    width: 21%;
    float: left;
    margin: 10px 2%;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    background-repeat: no-repeat;
    padding-top: 21%;
    background-position: top center;
    background-size: 90%;
    cursor: pointer;
    color: #Fff;
}

.compet3_1 {
    background-image: url(/skin/comz1.png?x);
}

    .compet3_1:hover {
        background-image: url(/skin/comz1x.png);
        color: #ff8000;
    }

.compet3_2 {
    background-image: url(/skin/comz2.png);
}

    .compet3_2:hover {
        background-image: url(/skin/comz2x.png);
        color: #ff8000;
    }

.compet3_3 {
    background-image: url(/skin/comz3.png);
}

    .compet3_3:hover {
        color: #ff8000;
        background-image: url(/skin/comz3x.png);
    }

.compet3_4 {
    background-image: url(/skin/comz4.png);
}

    .compet3_4:hover {
        color: #ff8000;
        background-image: url(/skin/comz4x.png);
    }



.hislist {margin:10px auto; text-align:center; 
           background-image:url(/skin/hisbg.jpg); background-repeat:repeat-y; background-position:center top;
}
.hislist  img{ width:70%;
}
    .hislistleft {
        float: left;
        width: calc(50% - 2px);
        padding: 30px 0px;
    }
.hislistright {
    float: right;  
 /*   border-left: 4px #ddd solid;*/
    height: 100%;
    width: calc(50% - 2px);
    padding: 30px 0px;
}

.rbiao { width:20px; height:20px; border-radius:12px; background-color:#ff8000; display:inline-block;
}
.tuleft {
    text-align: right;
    padding-right: 40px;
    font-size: 16px;
    line-height: 30px;   width:60%; padding-left:calc(40% - 40px);
}


.wenleft {
    text-align: right;
}

.wenleftbiao {
    font-size: 34px;
    font-weight: bold;
    margin-right: -12px; color:#ff8000;
}
    .wenleftbiao b {
        margin-right: 30px;
    }
.wenleft2 {
    padding-right: 40px;
    font-size: 16px;
    padding-top: 10px;
    line-height: 30px;
}
.hhistory {  min-height: 1500px;
}
.hculture {min-height: 2200px;
}


.turight {
    text-align: left;
    padding-left: 40px;
    font-size: 16px;
    line-height: 30px;
}
.wenright { text-align:left; 
}
.wenrightbiao {
    font-size: 34px;
    font-weight: bold;
    margin-left: -12px;
    color: #ff8000;
}
.wenrightbiao  b{ margin-left:30px;
}
    .wenright2 {
        padding-left: 40px;
        font-size: 16px;
        padding-top: 10px;
        line-height: 30px;
    }



























.ind8 {
    padding: 80px 0px;
    display: block;
    background-color: #ff8000;
    color: #000;
}

.ind8p {
    max-width: 100%;
}

.ind8left {
    float: left;
    width: 50%;
    text-align: left;
 
}

.ind8right {
    float: right;
    width: 50%;
    text-align: center;
}

.ind8left_1 {
    font-size: 50px;
    font-weight: bold;
}

    .ind8left_1 span {
        background-color: #fff;
        border-radius: 10px;
        margin-left: 20px;
        color: #FF8000;
        display: inline-block;
        padding: 0px 20px;
        font-size: 30px;
        cursor: pointer;
    }

.ind8left_2 {
    line-height: 30px;
    font-size: 18px;
    margin: 15px auto;
}

.ind8left_3 {
    font-weight: bold;
    font-size: 50px;
}

.ind8right_con {
    width: 80%;
    margin: auto;
}

    .ind8right_con input {
        border: 0px;
        border-bottom: 1px #000 solid;
        text-align: left;
        line-height: 40px;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 18px;
        width: 100%;
        background-color: #FF8000;
        color: #000;
        outline: none;
    }

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #000;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #000;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000;
}

.ind8right_but {
    
    height: 50px;
    text-align: center;
    font-size: 24px;
    color: #000;
    border: 2px #000 solid;
    cursor: pointer;
    margin-top: 30px;
    line-height: 50px;
}

    .ind8right_but:hover {
        background-color: #000;
     
        border: 1px #000 solid;
        color: #FF8000;
    }


.nycon { padding:50px 0px;
}
.contact1 {
    width: 100%; 
}
.contact2 {
    margin-left: 5%;
}
.contact2  ul li{ border:1px #ddd solid; padding:20px;  border:1px #ddd solid; width:20%; float:left;  margin:40px 4%; 
                  font-size:20px; line-height:30px;  background-repeat:no-repeat; padding-top:20%; background-position:  center  30px; 

}
.contact2_1 {
    background-image: url(/skin/contact_m.png);
    background-size: 80%;
}
    .contact2_1:hover {
        background-image: url(/skin/contact_mx.png); color:#ff8000; border:1px #ff8000 solid;
    }

.contact2_2 {
    background-image: url(/skin/contact_t.png);
    background-size: 60%;
}

    .contact2_2:hover {
        background-size: 60%;
        background-image: url(/skin/contact_tx.png);
        color: #ff8000;
        border: 1px #ff8000 solid;
    }

.contact2_3 {
    background-image: url(/skin/wx.png);
    background-size: 70%;
}

.contact2_3:hover {
 
    color: #ff8000;
    border: 1px #ff8000 solid;
}

.contact3 { padding:30px 0px;
}
.contact4_1 { width:100%; padding-top:40px;
}
.contact5 { margin-left:5%; margin-top:50px;
}
.contact5 ul li {
   padding-bottom:50px;
    width: 20%;
    float: left;
    margin: 10px 5.7%;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    background-repeat: no-repeat;
    padding-top:21%;
    background-position: top center;
}

.contact5_4 { background-size:90%; 
    background-image: url(/skin/cc1.png);
}

    .contact5_4:hover {background-size:90%; 
        background-image: url(/skin/cc1x.png);
        color: #ff8000;
    }

.contact5_5 {
    background-size: 90%;
    background-image: url(/skin/cc2.png);
}

    .contact5_5:hover {
        background-image: url(/skin/cc2x.png);
        color: #ff8000;
    }

.contact5_6 {
    background-size: 90%;
    background-image: url(/skin/cc3.png);

}

    .contact5_6:hover {
        color: #ff8000;
        background-image: url(/skin/cc3x.png);
    }
.contact9 { width:100%; min-height:400px; margin:40px auto;
}
.contact9left { float:left; width:55%;
}
.contact9right { float:right; width:40%; padding-left:5%; line-height:30px; text-align:left;
}




.newslists {
    width: 90%;
    margin: 10px auto;
    line-height: 30px;
    height: 200px;
}

.newslistsleft {
    float: left;
    width: 30%;
    overflow: hidden;
    cursor: pointer;
}

    .newslistsleft img {
        width: 100%;
        overflow: hidden;
    }

        .newslistsleft img:hover {
            transform: scale(1.3, 1.3);
            -webkit-transform: scale3d(1.3,1.3);
            transition: .8s transform;
            -webkit-transition: .8s transform;
        }

.newslistsright {
    width: 65%;
    float: right;
}

.newslistsright_1 {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.newslistsright_2 {
    height: 30px;
    min-width: 80px;
    line-height: 30px;
    color: #ccc;
}

.newslistsright_5 {
    border-bottom: 3px #FF7900 solid;
    margin-bottom: 2px;
    margin-top: 3px;
    width: 30px;
    height: 0px;
}

.newslistsright_3 {
    margin-top: 0px;
    line-height: 25px;
    display: inline-block;
    margin-bottom: 10px;
    color: #808080;
}

.morer {
    display: inline-block;
    width: 80px;
    height: 25px;
    border: 1px #808080 solid;
    color: #808080;
    margin-top: 260px;
    line-height: 25px;
    font-size: 13px;
    cursor: pointer;
}

    .morer:hover {
        background-color: #FF7900;
        border: 1px #FF7900 solid;
        color: #Fff;
    }



.job1_1 { width:100%;
}
.jobmenu { margin:50px auto 5px auto;
}
.jobmenu ul li {
    width: 25%;
    float: left;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
    .jobmenu ul li:hover { color:#ff8000; 
    }
.jobcon { display:none;
}

.joblist { width:100%;  ; border-bottom:1px #eee solid; margin:15px auto; font-size:16px; color:#666; 
}
.joblist_left { width:60%; float:left; line-height:40px; text-align:left; margin-left:9%;
}
.joblist_t { font-weight:bold; font-size:20px;  color:#000;
}
.joblist_money { color:#ff8000;
}

.joblist_right { margin-right:8%; margin-top:20px;
    width: 130px;
    float: right;
}
    .joblist_right a {
        color: #808080;
        border: 1px #808080 solid;
        line-height: 40px;
        width: 120px;
        display: block;
        font-size: 16px;
    }
        .joblist_right a:hover {
            background-color: #ff8000;
            color: #fff;
            border: 1px #ff8000 solid;
        }





        .promenu {
            display: none;
        }







    .botlogo {
        width: 200px;
        background-color: #ff8000;
        padding: 20px 30px;
        margin-left: 0px;
        margin-bottom: 10px;
        margin-top: 0px;
    }


.sjbottom {
    color: #fff;  display:block;  
}

.sjbottom_con {
    background-color: #000;
    padding: 0px 0px 0px 0px;
}

.sjbottom_friend {
    height:60px;
}

.btxian {
    height: 8px;
    width: 100%;
    background-image: url(/skin/xian.png?3x);
}

.btfriend_left {
    float: left;
    width: 100px;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 8px;
}

.brfriend_right {
    float: right;
    /*width: calc(100% - 200px);*/
    text-align: right;
    line-height: 40px;
    margin-top: 8px;
}

    .brfriend_right A {
        color: #FFF;
    }
    .brfriend_right A:hover {
        color: #ff8000;
    }
.btfriend_mess {
    color: #eee;
    text-align: left;
    line-height: 30px;
    font-size: 13px;
}

.sjbottomzhi {
    width: 100%;
    display: block;
    margin: 30px auto 50px auto;
    font-size:18px;
}

.sjbottomzhi_left {
    float: left;
    width: 86%;
}

    .sjbottomzhi_left dl {
        width: 13.1%;
        float: left;
        text-align: left;
    }

        .sjbottomzhi_left dl dt {
            font-weight: bold;
           line-height:35px;
            margin-bottom: 00px;
        }

        .sjbottomzhi_left dl dd {
            line-height: 40px;
           
        }

            .sjbottomzhi_left dl dd img {
                float: left;
                margin-right: 9px;
                display: block;
            }

            .sjbottomzhi_left dl dd span:hover {
                color: #FF7900;
                cursor: pointer;
            }

.sjbottomzhi_right {
    float: right;
    width: 13%;
}

    .sjbottomzhi_right img {
        width: 100%;
        padding-left: 0%;
    }

.sjbottom_copyright {
    background-color: #f2f2f2;
    line-height: 30px;
    text-align: center;
    color: #333;
}

    .sjbottom_copyright table {
        margin: auto;
        float: left;
    }

    .sjbottom_copyright img {
        margin-top: 8px;
    }

    .sjbottom_copyright a {
        color: #333;
    }

    .sjbottom_copyright span {
        line-height: 30px;
        display: block;
        margin-top: 4px;
        float: right;
    }
.sjbottomzhi_left  .sjbottomzhi_left11 {width: 28%; margin-right: 5%; text-align: left;
}
.nybanner2 { width:100%; display:block;
}

.competind2_1 { z-index:0; width:100%; min-height:500px; display:block;
}

.pro1menu { width:100%; display:inline-block;   line-height:30px;  font-size:18px;
}
.pro1menu_t { font-weight:bold; text-align:right; padding-right:10px;
width:80px; float:left;  }
.pro1menu_l { width:calc(100% - 90px); float:left; display:inline-block;
}
    .pro1menu_l a { float:left;  display:inline-block; padding-right:20px;  font-size:16px;
    }
.procon { padding:50px 0px; line-height:30px; font-size:16px;
}
    .procon img { max-width:1200px;
    }
.promess { font-size:16px;  margin:20px auto;
}






#NcBanner {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0px auto;
}

        #Bannerchange { width:100%;  height:100%; 
        }
            #Bannerchange .div1 { display:none; padding:0px; margin:0px; width:100%; height:100%;  position:absolute;
                                 background-repeat:no-repeat; background-size:contain;    background-position:center center;

            }
#bannerbiao { position:absolute;  bottom:10px;  left:0%;  right:0px;  z-index:999; margin:auto; width:80%;   max-width:1200px;  display:block; text-align:center; 
}
    #bannerbiao table {   padding:0px;  border-collapse:collapse;  text-align:center;   margin:auto;
                       
    }
    #bannerbiao table tr {  margin:0px; padding:0px;
    }
        #bannerbiao table tr td { width:24px; height:24px;  padding:5px;   cursor:pointer; background-image:url(/skin/dotx.png?x); background-repeat:no-repeat;
        }