* {padding:0;margin:0;}

body {font:14px/24px '微软雅黑','Roboto',Arial,Helvetica,sans-serif;color:#232323;background:#fff;}

a {text-decoration:none !important;}

a:focus {outline:none;}

/*--------------------------------------------2. Heading Styles--------------------------------------------*/

h1 {font-size:45px;}

h2 {font-size:40px;}

h3 {font-size:32px;}

h4 {font-size:24px;}

h5 {font-size:18px;}

h6 {font-size:16px;}

ul,li{ list-style: none;}

.top60 {margin-top:60px;}

.bottom60 {margin-bottom:60px;}

.pa0 {padding:0 !important;}

.pa5{ padding: 0 20px 10px 0 !important;}

.pic{ width: 100%; height: auto;}

.cont8{ width: 90%; height: auto; margin: 0 5%; }

@media all and (min-width: 1450px) and (max-width: 1920px){

    .cont8{ width: 80%; height: auto; margin: 0 auto;}

    .syabout .syacenter{ padding: 176px 0 !important;}

    .syhuanj{ margin-top: 68px;}

}

/* nav */

.navbar{

    width: 100%;

    height: auto;

    background: #111 url(../images/topbg.png);

    border: none;

}

.navbar-brand{

    padding: 10px 0;

}

.navbar-default .navbar-nav>li>a{

    color: #ddd;

    font-size: 16px;

    line-height: 86px;

    padding: 0 20px;

}

.navbar-default .navbar-nav>li:hover>a{

    color: #fff;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{

    background: none;

    color: rgba(255,255,255,0.95);

}

.navbar-brand{

    width: 68px;

    height: auto;

}

.navbar-brand img{

    width: 100%;

    height: auto;

}

.topnbox{ 

    width: 100%;

    height: auto;

    display: flex; 

    display: -webkit-flex; 

    flex-flow: row wrap; 

    justify-content: space-between;

}

.language{

    line-height: 86px;

}

.language a{

    display: inline-block;

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    border-radius: 50%;

    background: rgba(255,255,255,0.9);

    font-size: 14px;

    font-weight: 600;

}

/* syabout */

.syabout{

    width: 100%;

    height: auto;

    margin: 0;

    display: inline-block;

}

.syabout .syaleft{

    width: 92%;

    margin: 100px 0;

}

.syabout .syaleft h5{

    color: #666;

    margin: 0 0 30px;

}

.syabout .syaleft h3{

    color: rgba(255,0,0,0.9);

    font-size: 30px;

    font-family: normal;

    font-weight: bolder;

    padding-bottom: 38px;

}

.syabout .syaleft p{

    font-size: 15px;

    color: #1a1a1a;

    margin-bottom: 20px;

    text-align: justify;

}

.syabout .syaleft h1{

    font-size: 180px;

    color: #f5f5f5;

    font-style: italic;

    text-align: right;

}

.syabout .syaleft h1 span{

    font-size: 56px;

}

/* btn */

.thm-btn {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    -webkit-appearance: none;

    border: none;

    outline: none !important;

    background-color: rgba(0,0,0,0.92);

    color: #ffffff !important;

    font-size: 14px;

    text-transform: uppercase;

    padding: 0 32px;

    transition: 500ms;

    letter-spacing: 0.1em;

    margin-top: 50px;

}



.thm-btn:before {

    position: absolute;

    bottom: -5px;

    width: 100%;

    height: 1px;

    left: 0;

    background: rgba(0,0,0,0.7);

    content: "";

    transition: transform 500ms ease;

    transform-origin: left center;

    transform: scale(1, 1);

}



.thm-btn:hover {

    background: rgba(255,0,0,0.9);

    color: #ffffff;

}



.thm-btn:hover::before {

    transform: scale(0, 1);

    transform-origin: right center;

}



.syabout .syacenter{

    width: 100%;

    height: auto;

    background: #fbfbfb;

    text-align: center;

    padding: 126px 0;

}

.syabout .syacenter ul li{

    margin-bottom: 42px;

}

.syabout .syacenter ul li h3{

    font-size: 40px;

    color: rgba(255,0,0,0.9);

    font-weight: 600;

    margin-bottom: 5px;

}

.syabout .syacenter ul li h3 span{

    font-size: 20px;

    font-weight: 600;

}

.syabout .syacenter ul li p{

    font-size: 14px;

    color: #444546;

}

.syabout .syaright{

    width: 100%;

    height: auto;

    display: inline-block;

    background: #eee;

    padding: 50px 0;

}

.syabout .syaright .syarzi{

    padding: 0 40px;

}

.syabout .syaright .syarzi h3{

    font-size: 26px;

    font-weight: 600;

    margin-bottom: 8px;

}

.syabout .syaright .syarzi p{

    font-size: 16px;

    color: rgba(255,0,0,0.8);

    letter-spacing: 1px;

}

.syabout .syaright .absp{

    width: 100%;

    height: auto;

    margin: 32px 0 0;

}



/* syhuanj */

.syhuanj{

    width: 100%;

    height: auto;

    display: inline-block;

    margin-bottom: 30px;

}

.sytitle{

    width: 100%;

    text-align: center;

    border-bottom: 1px solid #ddd;

    position: relative;

}

.sytitle::before{

    content: "";

    position: absolute;

    background: rgba(255,0,0,0.8);

    width: 42px;

    height: 1px;

    bottom: -1px;

    left: 0;

    right: 0;

    display: block;

    margin: 0 auto;

}

.sytitle h3{

    color: #111;

    font-weight: 600;

    letter-spacing: 2px;

    font-size: 25px;

    margin: 10px 0 20px;

}

.sytitle h5{

    color: #999;

    letter-spacing: 1px;

    /* text-transform:uppercase; */

    font-size: 18px;

    font-style: italic;

}

.gytu{

    width: 100%;

    height: auto;

    margin: 58px 0;

}

.gyjs{

	width: 100%;

	background: #fff;

    padding: 20px 0 0;

    margin-bottom: 100px;

}

.listit h3{

    color: #666;

}

.listit h2{

    text-transform:uppercase;

    padding-left: 34px;

    color: rgba(255,0,0,0.8);

    font-weight: 600;

    font-size: 42px;

    margin: 0 0 30px;

}

.gybox h4{

    font-size: 18px;

    margin: 28px 0 5px;

    font-style: italic;

    color: #515151;

    font-family: normal;

    font-weight: bolder;

}

.gybox p{

    font-size: 15px;

    margin: 10px 0 20px;

    line-height: 24px;

}

.tz {width:100%; overflow:hidden; height: auto;}

.tz img {transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}

.tz:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}

.thm-btn.mb0{ margin: 0; background: rgba(0,0,0,0.8);}

.thm-btn.mb0:hover {

    background: rgba(255,0,0,0.9);

    color: #ffffff;

}



/* sykehu */

.syhezuo{

    width: 100%;

    height: auto;

    display: inline-block;

    background: url(../images/bg1.jpg) no-repeat center center;

    padding: 100px 0;

}

.sytitle2 h4{

    color: #fff;

    text-transform:uppercase;

    margin: 0 0 10px 0;

}

#honeycomb {

    padding-bottom: 40px;

    width: 1200px;

    margin: 42px auto 0;

}

#honeycomb ul {

    width: 100%;

    display: flex;

    justify-content: center;

    height: 130px;

}

#honeycomb ul li img{

    width: 142px;

    height: auto;

}

#honeycomb ul li {

    position: relative;

    background-image: url(../images/partner/six.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    margin: 0 5px;

    height: 163px;

    align-items: center;

    z-index: 1;

    display: flex;

}

#honeycomb ul li .mask {

    background-image: url(../images/partner/six-dark.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    content: "";

    opacity: 0;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transition: all .3s linear;

    z-index: 1;

}



/* sypro */

.sypro{

    width: 100%;

    height: auto;

    display: inline-block;

    padding: 80px 0 60px;

    background: #fbfbfb;

}

.prolei{

    width: 100%;

    height: auto;

    margin-top: 42px;

    display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: space-between;

}

.prolei .gytu1{

    width: 22%;

    height: auto;

    margin: 20px 0 0;

}

.gyjs1{

	width: 100%;

	background: #fff;

    padding: 20px 0 0;

    margin-bottom: 100px;

}

.gybox1 h4{

    font-size: 18px;

    line-height: 32px;

}

.gybox1 a{

    color: #333;

    border-bottom: 1px solid #333;

    display: inline-block;

}

.gybox1:hover a{ color:#fff; background: rgba(255,0,0,0.9);}

.tz1 {width:100%; overflow:hidden; height: auto; border: 5px solid #ddd;}

.tz1 img {transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}

.tz1:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}

.tz2 { width: 100%; height: auto; margin: 15px 0; display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: space-between;}

.tz2 a{ border: none; font-size: 24px; width: 32px; height: 32px; line-height: 28px; background: #333; color: #fff; text-align: center; border-radius: 50%;}





/* synews */

.synews{

    width: 100%;

    height: auto;

    display: inline-block;

    margin: 80px 0 0;

}

.sytitle3 h5{

    color: #999;

    margin-bottom: 10px;

    font-size: 20px;

    text-transform:uppercase;

}

.sytitle3 h4{

    color: #111;

    font-weight: 600;

}

.synews .syntit h3{

    color: #133984;

    font-size: 42px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: -1px;

}

.left_con{ width: 100%; height: auto;}

.cont_box{ width: 100%; height: auto; color: #333; padding: 20px 0 15px; display: flex; display: -webkit-flex; flex-flow: row wrap; justify-content: space-between;}

.cont_box .dec{ font-size: 18px; margin: 0; padding-left: 6px;}

.cont_box .year{ font-size: 16px; color: #999; display: block; padding: 5px 10px 0 0;}

.cont_box { position: relative;}

.right_con{ width: 90%; margin: 30px 0 0;}

.right_con ul li .cont_box:before{content: "";display: block;width:100%; height:1px;background-color: #c7d3d9; position: absolute;bottom: -2px;transition: all 0.6s ease 0s; }

.right_con ul li .cont_box:after{content: "";display: block;width:64px; height:1px;background-color: rgba(255,0,0,0.9); position: absolute;bottom: -2px;transition: all 0.6s ease 0s; }

.right_con ul li .cont_box:hover:after{width: 100%;background-color: rgba(255,0,0,0.9);}

.syprightu {width:100%;margin:0;overflow:hidden; height: auto;}

.syprightu img {transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;}

.syprightu:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}



/* footer */

.footer{

    width: 100%;

    height: auto;

    display: -webkit-box;

    padding: 86px 0 20px;

    background: #222;

    color: #f5f5f5;

    position: relative;

    border-top: 6px solid rgba(255,0,0,0.8);

}

.footer p{

    color: #cbcbcb;

    font-size: 15px;

    margin-bottom: 0;

}

.flist h3{

    font-size: 18px;

    font-weight: 600;

    color: #8f8f8f;

    margin-bottom: 30px;

}

.flist p{

    width: 100%;

    display: inline-block;

    margin-bottom: 5px;

    line-height: 20px;

}



.flist p a{

    font-size: 14px;

    color: #cbcbcb;

}

.flist p span{

    float: left;

}

.fright{

    width: 100%;

    height: auto;

    display: inline-block;

}

.fright h2 {

    font-size: 24px;

    margin-bottom: 30px;

}

.fright h3 {

    font-size: 20px;

    margin-bottom: 30px;

    color: #8f8f8f;

    font-weight: 600;

}

.ficon i{

    font-size: 24px;

    color: #cbcbcb;

    margin-right: 10px;

}

.bq{

    width: 100%;

    height: auto;

    margin: 40px 0 0;

    border-top: 1px solid rgba(255,255,255,0.1);

    padding: 20px 0 0;

    font-size: 15px;

}

.bq a{

    color: #ddd;

}

.ewm{

    width: 100px;

    height: auto;

}

.ficon i {

    font-size: 24px;

    margin: 10px 5px 0 0;

}



.ficon a .tianmao {

margin: -10px 0 0 0;

}





/* bread */

.position {

    width: 100%;

    height: 52px;

    line-height: 52px;

    border-bottom: 1px solid #ddd;

  }

  

  .position .posbox {

    width: 100%;

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

  }

  .position .posbox .nybanleft {

    width: 68%;

  }

  

  .position .posbox .nybanleft h3 {

    position: relative;

    display: inline;

    color: rgba(255,0,0,0.8);

    font-size: 18px;

    font-weight: 600;

  }

  .position .posbox .nybanleft h3::after {

    content: "";

    position: absolute;

    top: 35px;

    left: 0;

    right: 0;

    background: rgba(255,0,0,0.8);

    height: 3px;

  }

  .position .posbox .nybanright{

    font-size: 14px;

  }

  .position .posbox .nybanright a {

    color: #333;

  }

  

  .position2 {

    width: 100%;

    height: 52px;

    line-height: 52px;

    border-bottom: 1px solid #ddd;

  }

  

  .position2 .posbox {

    width: 100%;

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

  }

  

  .position2 .posbox .nybanleft {

    width: 68%;

  }

  

  .position2 .posbox .nybanleft h3 {

    position: relative;

    display: inline;

    padding: 18px 30px;

    line-height: 52px;

    background: #333;

    color: #fff;

    font-size: 18px;

  }

  

  .position2 .posbox .nybanleft ul li {

    float: left;

    padding: 2px 18px;

    line-height: 52px;

    font-size: 16px;

    position: relative;

    margin-top: -3px;

  }

  

  

  .position2 .posbox .nybanleft ul .active {

    background: #081838;

  }

  .position2 .posbox .nybanleft ul .active a{

    color: #fff;

  }

  

  .position2 .posbox .nybanleft ul a {

    color: #333;

  }

  

  .position2 .posbox .nybanright a {

    color: #333;

  }

  

  .inner-about {

    padding: 0 20px;

  }

  

  .inner-about h1 {

    margin: 0;

    text-align: center;

    color: #CCC;

  }

  

  .inner-about h2 {

    margin: 0;

    text-align: center;

    font-size: 26px;

    margin-top: 20px;

  }

  

  .inner-about p {

    text-indent: 2em;

    font-size: 15px;

    line-height: 30px;

    margin-top: 10px;

    color: #444;

    letter-spacing: 1px;

  }

  

  .inner-about h3 {

    margin: 0;

    text-align: center;

    font-size: 26px;

  }

  

  

  /* ny-about */

  .nyabbg {

    width: 100%;

    height: auto;

    display: inline-block;

    background: #fff;

    margin: 60px 0;

  }

  .nyabox{

    width: 100%;

    height: auto;

    display: inline-block;

    background: url(../images/about/bg0.jpg) top center no-repeat;

    background-size: center;

  }

  .abtu {

    width: 100%;

    display: block;

  }

  

  .nycontent {

    width: 100%;

    height: auto;

    margin: 36px 0;

    display: inline-block;

    background: #fff;

    box-shadow: 2px 3px 5px #ddd;

    padding: 50px;

  }

  

  .tu {

    width: 100%;

    height: auto;

    display: block;

    margin: 0 auto;

  }



  .abjj {

    width: 100%;

    margin: 15px 0 0;

    padding: 0 15px 100px 0;

    height: auto;

  }

  .abjj h4{

    margin: 10px 0 30px 0;

    font-weight: 600;

  }

  

  .abjj p {

    line-height: 26px;

    font-size: 15px;

    color: #333;

    text-align: justify;

  }



  .nyculture{

    width: 100%;

    height: auto;

    display: inline-block;

    background: url(../images/about/bg.jpg) center no-repeat;

    padding: 86px 0;

  }



  .bai{ color: #fff; font-size: 28px; letter-spacing: 2px; margin-bottom: 40px;}

  .nyculture .culzi{ width: 95%; margin: 0 auto; min-height: 500px; background: #fff; padding: 50px 20px; position: relative;}

  .nyculture .culzi:hover { background: rgba(255,0,0,0.7) !important; color: white;}

  .nyculture .culzi:hover .title{ color: #fff;}

  .nyculture .culzi:hover .detail{ color: #fff;}

  .nyculture .culzi:hover .ico{ border-bottom: 2px solid #fff;}

  .nyculture .culbox1{ background: url(../images/card1.jpg);}

  .nyculture .culbox2{ background: url(../images/card2.jpg);}

  .nyculture .culbox3{ background: url(../images/card3.jpg);}

  .nyculture .culzi .title{

    position: absolute;

    top: 72px;

    left: 30px;

    font-size: 24px;

    color: #111;

    letter-spacing: -1px;

  }

  .nyculture .culzi .title span{ 

    font-size: 42px;

    display: block;

    position: absolute;

    left: -32px;

    top: -52px;

    font-weight: bold;

    line-height: 100px;

    opacity: .15;

    text-transform:uppercase;

  }

  .nyculture .culzi .ico {

    width: 30px;

    position: absolute;

    bottom: 160px;

    right: 40px;

    height: 47px;

    border-bottom: 2px solid rgba(255,0,0,0.8);

    overflow: hidden;

  }

  .nyculture .culzi .ico img {

    width: 100%;

    height: auto;

    filter: drop-shadow(white 80px 0);

  }

  .nyculture .culzi .ico .tu2{ opacity: 0; position: absolute; top: 0; left: 0;}

  .nyculture .culzi:hover .ico .tu1{ opacity: 0 !important;}

  .nyculture .culzi:hover .ico .tu2{ opacity: 1 !important;}

  .nyculture .culzi .detail {

    display: block;

    position: absolute;

    width: 56%;

    right: 40px;

    bottom: 50px;

    font-size: 15px;

    text-align: right;

    line-height: 2em;

    color: #333;

  }

  .nyshebei{

    width: 100%;

    height: auto;

    display: inline-block;

    margin: 80px 0 50px;

  }

  .nyshebei .abtit{

    width: 100%;

    height: auto;

    margin: 0 0 36px;

  }

  .nyshebei .abtit h3{

    font-size: 28px;

    margin: 0 0 15px 0;

  }

  .nyshebei .abtit h4{

    font-size: 20px;

    margin: 0 0 15px 0;

    color: #666;

  }

  .cfbox {

    width: 100%;

    margin: 0 auto 30px;

    border: 5px solid #ddd;

    background: #fff;

    text-align: center;

    transition: all 0.3s ease 0s;

  }



  .cfbox:hover {

      border: 5px solid #fff;

      box-shadow: 0px 60px 60px rgba(0, 0, 0, 0.1);

      transform: translate(0, -10px);

  }

  .nyhonor{

    width: 100%;

    height: auto;

    background: url(../images/about/bg1.jpg) center no-repeat;

    padding: 68px 0;

  }

  .nyhonor .honorzi{

    font-size: 22px;

    color: #444;

    padding: 42% 50px 0 0;

    text-align: justify;

  }

  .nyhonor .honorzi span{

    color: rgba(255,0,0,0.8);

  }

  

  /* ny-news */

  .news {

    display: inline;

  }

  

  .news li {

    width: 100%;

    display: inline-block;

    border: #ddd 1px solid;

    padding: 32px;

    margin-bottom: 15px;

    transition: all 1s;

  }

  

  .news li:hover {

    background: #fafafa;

    box-shadow: 10px 10px 10px #ddd;

  }

  

  .news li:hover h4 {

    color: rgba(255,0,0,0.8);

  }

  

  .news li a {

    color: #333;

  }

  

  .news li a p {

    color: #666;

    font-size: 15px;

    line-height: 26px;

    margin-bottom: 10px;

  }

  

  .news li h4 {

    font-size: 20px;

    margin: 0 0 15px;

  }

  .newshow h3 {

    font-size: 22px;

    margin-bottom: 20px;

  }

  

  .newshow p {

    font-size: 15px;

    line-height: 26px;

    text-indent: 2em;

    margin-bottom: 10px;

  }

  

  .newback {

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

    margin-top: 50px;

  }

  

  .newback a:hover {

    color: #014d97;

  }

  .cont_box.nynews p{

    font-size: 15px;

    line-height: 26px;

    padding: 0 10px;

    margin: 5px 0;

    color: #666;

  }

  .cont_box.nynews .dec{

    padding: 0 10px;

    font-size: 18px;

    font-weight: 600;

  }

  

  /* ny-download */

  .downbox {

    width: 98%;

    height: auto;

  }

  

  .downbox li {

    width: 100%;

    padding: 0 15px;

    background: #fff;

    border-bottom: 1px solid #ddd;

  }

  

  .downbox li a {

    width: 100%;

    display: flex;

    line-height: 56px;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

  }

  

  .downbox li p {

    color: #333333;

    font-size: 16px;

    font-weight: 400;

    margin: 0;

    line-height: 56px;

    padding-bottom: 0;

    text-indent: 0;

  }

  

  .downbox li b {

    color: #999999;

    font-size: 16px;

    font-weight: normal;

  }

  

  .downbox li:hover b {

    color: #333;

  }

  

  /* ny-page*/

  .pagination {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin: 30px auto 0;

    justify-content: space-between;

  }

  

  .pagination span>a {

    padding: 5px 10px;

    color: #333;

    border: solid 1px #ccc;

    border-radius: 5px;

  }

  

  .page-num-current {

    padding: 5px 0 !important;

  }

  

  .pagination span>a select,

  .pagination span>a select:focus {

    border: solid 1px transparent !important;

    padding: 5px 10px;

    background: transparent;

  }



  .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {

    z-index: 3;

    color: #fff;

    cursor: default;

    background-color: #031652;

    border-color: #031652;

}

  

  /* ny-product */

  .probox {

    width: 100%;

    height: auto;

    display: inline-block;

    margin-bottom: 10px;

    background-color: skyblue;

    background: #fff;

    overflow:hidden;

  }

  

  .probox img {

    width: 100%;

    height: auto;

    transition: all 1s;

    padding: 42px 15px;

    transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;

  }

  .probox:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}

  

  .probox h4{

    font-size: 16px;

    color: #333;

    padding: 28px 30px 0;

    height: 50px;

  }

  .probox a:hover h4{

    color: rgba(255,0,0,0.8);

  }

  .probox p {

    line-height: 42px;

    font-size: 16px;

    color: #1b1b1b;

  }



  .probox a{

    display: inline-block;

    color: #333;

  }

  .pro-title{

    margin-top: 0 !important;

  }

  .hover-one {

    border: 1px solid #666;

    width: 160px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 20px;

    float: left;

  }

  .nyprolist{ width: 100%; height: auto; background: #efefef; padding: 76px 0; }

  .navptit{ float: left; height: 26px; line-height: 26px;}

  .navplist{ width: 100%; height: auto; display: inline-block; margin-bottom: 30px; color: #4b4848; font-size: 15px;}

  .navplist ul li{ float: left; margin: 0 5px; height: 26px; line-height: 26px; padding: 0 15px;}

  .navplist ul .active{ background: rgba(255,0,0,0.9);}

  .navplist ul li:hover{ background: rgba(255,0,0,0.9);}

  .navplist ul li:hover a{ color: #fff;}

  .navplist ul li a{ color: #4b4848;}

  .navplist ul .active a{ color: #fff;}



  /* left-nav */

  .nav-pro>ul {border:none;}

  .nav-pro>ul>li {position:relative;margin:0 15px 0 0;border-bottom:1px solid #fff;transition:.3s; background: #f5f5f5;}

  .nav-pro>ul>li>a {padding: 2px 0 0 20px;display:block;transition:.3s;cursor:pointer; line-height: 42px;}

  .nav-pro>ul>li:hover>a {border-left:5px solid rgba(255,0,0,0.8);background:#f5f5f5;}

  .nav-pro>ul>li>i {position:absolute;right:6px;top:8px;font-size:24px;}

  .nav-pro>ul>.active{ border: none;}

  .nav-pro>ul>.active>a {border-left:5px solid #333;background:#f5f5f5;display:block;}

  .nav-pro>ul>li>a {color:#333;font-size:16px;}

  .nav-pro>ul>li>ul>li>a {color:#555;padding:10px 5px;margin:0 10px;border-bottom:1px solid #ddd;display:block; font-size: 15px;}

  .nav-pro>ul>li>ul>.active {background:#333;}

  .nav-pro>ul>li>ul>li>ul>li{ padding-left: 26px;}

  .nav-pro>ul>li>ul>li>ul>li>a{ color: #888; line-height: 32px; width: 92%; display: block; padding: 0 0 0 8px; border-bottom: 1px dotted #ddd;}

  .submenu {display:none !important;}

  .showsub .submenu {display:block !important;}

  .sonmenu{display: none;}

  

  /* ny-contact */

  .linkbox {

    width: 100%;

    height: 392px;

    display: inline-block;

    border-left: 1px solid #ddd;

    padding: 20px 0 30px 50px;

  }

  

  .linkbox b {

    font-weight: normal;

  }

  

  .linkbox ul li {

    padding: 0 15px;

    line-height: 52px;

    border-bottom: 1px dotted #666;

    color: #555;

    font-size: 16px;

  }



  .linkbox ul li i{

    color: rgba(255,0,0,0.8);

    font-size: 20px;

    width: 26px;

    height: auto;

  }

  .linkbox p{

    font-size: 16px;

    line-height: 28px;

    margin: 15px 0;

  }

  

  .messagebox {

    width: 100%;

    display: inline-block;

    /* border: 1px solid #ddd; */

    padding: 30px 45px;

    background: #f5f5f5;

    margin-top: 0;

  }

  

  .linktu {

    width: 100%;

    height: auto;

    margin: 0 auto;

    position: relative;

  }

  

  .linktu img {

    display: block;

    margin: 0 auto;

  }

  

  .messagebox h4 {

    font-size: 20px;

  }

  

  .message-con {

    width: 100%;

    padding: 10px 0 0;

  }

  

  .message-con>form {

    display: -ms-flex;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

  

  }

  

  .message-con>p {

    font-size: 26px;

    font-weight: block;

    text-align: center;

  }

  

  .form-group {

    width: 50%;

    margin-top: 5px;

    margin-bottom: 0 !important;

    padding: 5px;

  }

  

  .form-group input,

  .form-group1 textarea {

    padding: 10px;

    border-radius: 5px;

    letter-spacing: 1px;

    font-size: 15px;

    outline: none;

    border: none;

    box-shadow: none;

    display: block;

    width: 100%;

    height: 34px;

    line-height: 28px;

    color: #555;

    background-color: #fff;

    background-image: none;

  }

  

  .form-group1 {

    width: 100%;

    margin: 10px 0;

    padding: 5px;

  }

  

  .form-group1 textarea {

    width: 100%;

    height: 90px;

  }

  

  .yzm {

    margin: 15px 30px 0 0;

  }

  

  .submit {

    background: #031652;

    color: #fff;

    border-radius: 0;

    font-size: 15px;

    width: 24%;

    margin: 12px 38%;

    height: 38px;

    outline: none;

    letter-spacing: 1px;

    cursor: pointer;

    border: none;

  }

  

  .message-bd {

    height: 30px;

  }

  

  .message-con img {

    height: 35px;

  }

  

  .linkicon2 {

    margin: 20px 0;

    line-height: 46px;

    text-align: center;

  }

  

  .linkicon2 li {

    display: inline-block;

    background: rgba(0, 0, 0, .8);

    border-radius: 50%;

    width: 60px;

    height: 60px;

    text-align: center;

    line-height: 72px;

    margin: 0 20px;

  }

  

  .linkicon2 li:hover {

    background: rgba(70, 158, 48, .9);

  }

  

  .linkicon2 li>a {

    color: #fff;

  }

  .pro-next {

    padding: 15px;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    margin: 26px 0 38px;

    display: flex;

    display: -webkit-flex;

    flex-flow: row wrap;

    justify-content: space-between;

  }

  .pro-next p{

    margin: 0;

  }

  .pro-next p a {

    color: #333;

  }

  

  .pro-next p a:hover {

    color: #333;

  }

  

  .searchbox {

    width: 100%;

    margin: 0 auto;

    padding: 0 15px 30px;

  }

  .searchbox p{

    margin-bottom: 20px;

  }

  .searchbox .seayemian {

    width: 100%;

    height: auto;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

  }

  .searchbox .seayemian input {

    width: 40%;

    border-radius: 15px 0 0 15px;

    border-right: none;

  }

  .searchbox .seayemian a {

    background: rgba(255,0,0,0.8);

    border-radius: 0 15px 15px 0;

    color: #fff;

    padding: 6px 18px;

  }

.sjkh{ display: none;}

.sj{ display: block;}

.sjlan{ display: none !important;}

@media all and (max-width: 768px){

    /* index */

    .navbar-header{ width: 100%;}

    .navbar-brand{ margin: 10px 0; padding: 0;}

    .navbar-toggle{ margin-top: 16px;}

    .navbar-default .navbar-nav>li>a{ line-height: 42px;}

    .sjlan{ display: block !important;}

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{ width: 100%; text-align: center;}

    .language{ display: none;}

    .syabout .syaleft{ width: 100%; margin: 50px 0;}

    .syabout .syaleft h1{ display: none;}

    .syabout .syaleft h3{ font-size: 26px;}

    .syabout .syaright{ padding: 0;}

    .thm-btn{ margin: 0;}

    .syabout .syacenter{ width: 100%; display: inline-block; padding: 0;}

    .syabout .syacenter ul li{ width: 50%; float: left; margin: 25px 0 5px;}

    #honeycomb{ display: none;}

    .sjkh{ display: block; margin: 20px 0 0;}

    .sjkh ul li img{ width: 100%; height: auto; margin-bottom: 15px;}

    .prolei .gytu1{ width: 48%;}

    .sj{ display: none;}

    .bq span{ display: inline-block; width: 100%;}

    .right_con { width: 100%;}

    .gytu{ margin: 58px 0 0;}

    /* banner */

    .main-slider h2 {font-size:30px !important; padding: 0 50px 0 20px;}

    .main-slider h2 span{ font-size: 22px !important;}

    .main-slider .container{ padding: 150px 0 100px !important;}

    /* ny-style */

    .nyban{ margin-top: 66px;}

    .nybanright{ display: none;}

    .abjj{ padding: 0 0 30px 0;}

    .nyculture{ padding: 50px 0;}

    .nyculture .culbox2{ display: none;}

    .nyculture .culbox3{ display: none;}

    .nyhonor .honorzi{ padding: 0 0 20px 0;}

    .linkbox{ border: none; padding: 36px 0 0 0;}

}