body{ font-family: "Microsoft YaHei","微软雅黑";}
ul{padding:0;}
ul li{ list-style-type: none;}
* {
    transition: all 0.5s ease 0s;
}
a {
    color: #666;
    text-decoration: none;
}
a:hover{text-decoration:none; }



.navbar{margin-bottom: 0px; min-height: 1px;}
.navbar-default .navbar-toggle{ border: 1px solid #fed102; padding: 8px 6px; margin-top: 20px;}
.xrnav{ background-color: #3176c5; border-bottom: 3px solid #1558a5; margin-top: 0px;}
.menus{ height: 2px; width: 20px; overflow: hidden; background: #374b9b; margin-top: 2px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #374b9b;}


nav.navbar.bootsnav,.navbar-default{background-color: transparent}

.topt{display: inline-block; background: url('../images/toptel.png'); margin-top: 16px; width: 100%; height: 40px; background-position: left center; background-repeat: no-repeat; padding-left: 40px;}
.toptel{ font-size: 18px; color: #374b9b; font-weight: bold;}

.yslogo{ padding-top: 10px; padding-left: 40px; padding-bottom: 10px;}
.navbar-default .navbar-nav>li>a{color: #fff; padding-left: 16px; padding-right: 16px; font-size: 15px; font-weight: bold; margin-top: 16px;}
nav.bootsnav.navbar-brand-top .navbar-header{ padding-bottom: 0px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: #263d8c; background: rgba(40,60,140,1); color: #fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background: #263d8c; background: rgba(40,60,140,1); color: #fff;}
.sfpage1{ margin-top: -190px; z-index: 11; position: relative;}

.navbar-nav>li>a{ padding: 28px 60px;}
nav.navbar.bootsnav, .navbar-default{ border-bottom: 0px;}
.navbar-right{ margin-right: 40px;}
.navbar-default .navbar-nav>li>a >P{ text-align: center; width: 100%; font-size: 12px;}
.navbar-default{ background: transparent;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ color: #fff; padding: 10px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background: #000; color: #a0825c;}
nav.bootsnav .dropdown.megamenu-fw {
    position: static;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;

    padding: 16px 0;
    margin: 2px 0 0;
width: 100%;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background: #263d8c; background: rgba(40,60,140,1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #00d029;
    border-top: solid 5px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu > li > .row{ padding: 10px 16px; margin-left: 16px; margin-right: 16px;}
.menu-col2 li{ float: left; margin: 10px 16px; }
.dropdown-menu .title{ color: #fff; font-size: 16px; }
.dropdown-menu .h3{ color: #fff; font-size: 20px; }
.dropdown-menu .col-menu{ border-right: 1px solid #0d3462;}
.menu-col a{color: #3190fe;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background: #ebb326; background: rgba(235,179,38,1);}
/*向上*/
.triangle_border_up{
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #263d8c;/*透明 透明  灰*/
    border-color:transparent transparent rgba(40,60,140,1);/*透明 透明  灰*/
    top:-10px; left: 50%; margin-left: -20px;
    position:absolute;
}


.dxseach{ margin-top:  40px; width: 200px; float: right;}
.dxinput{border-radius: 100px;background-color: transparent; border: 1px solid #fff; color: #fff; font-size: 12px; height: 31px; padding-left: 20px;}
.dxinput::-webkit-input-placeholder{
    color:#fff;
}
.dxinput::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#fff;
}
.dxinput:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
.dxinput:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#fff;
}
.bxbtn{ background-color: transparent;  border: 1px solid #fff; font-size: 14px; padding: 5px 10px 4px; border-radius: 0 100px 100px 0;  color: #fff;outline:none;text-decoration: none;}
.bxbtn:hover,.bxbtn:active,.bxbtn:focus{background-color: transparent; color: #fff;  padding: 5px 8px 4px;  border: 1px solid #fff;outline:none;}

.pagea{ width: 100%; display: inline-block; padding: 80px 0;}

.sy-product{}
.product-ul li{ margin-top: 16px;}
.product-li{ background: #f6f6f6; display: inline-block; width: 100%; margin-top: -4px; padding-top: 8px; padding-bottom: 8px;}
.product-li .pro-tit{ padding: 8px 16px; height: 36px; color: #3176c5; font-weight: bold;}
.triangle-topleft {
    width: 0;
    height: 0; float: left; display: inline-block;;
    border-top: 30px solid #555;
    border-right: 30px solid transparent;
}
.pro-img{ width: 100%; text-align: center; height: 260px; display: inline-block; position: relative; overflow: hidden; }
.pro-img img{ position: absolute; max-width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  /* 使用css3的transform来实现 */}
.product-1{display: inline-block; width: 100%; border-bottom: 1px solid #555  }
.pro-new{ float: left; line-height: 30px; height: 30px; padding: 0px 16px; background: #555; color: #fff; display: inline-block;;}
.pro-note{ width: 100%; padding: 8px 16px;line-height: 20px; margin-top: 10px; height: 48px; overflow: hidden;}

.product-2{display: inline-block; width: 100%; border-bottom: 1px solid #555  }
.pro-new1{ background: #555;}
.topleft1{border-top: 30px solid #555;}

.product-2{display: inline-block; width: 100%; border-bottom: 1px solid #3176c5  }
.pro-new2{ background: #3176c5;}
.topleft2{border-top: 30px solid #3176c5;}

.product-3{display: inline-block; width: 100%; border-bottom: 1px solid #00d42b  }
.pro-new3{ background: #00d42b;}
.topleft3{border-top: 30px solid #00d42b;}

.sy-h3{ width: 100%; text-align: center; font-size: 30px; font-weight: bold; margin-top: 20px; line-height: 60px;}
.sy-ab-con{ width: 100%; font-size: 18px; line-height: 30px; margin-top: 20px; text-align: center;}
.footera{background: #2964a7; padding: 10px 0;}
.footerb{background: #1f4d82; padding: 10px 0;}
.footera,.footerb,.footera a,.footerb a{ color: #fff;}
.footera li{ display: inline-block; padding: 10px 20px; border-right: 1px solid #fff;}


/**/


/*内页*/
.ysbreadcrumb{     background-color: #fff;}
.breadcrumb{ margin-bottom: 0px; background: #fff; display: inline-block;}
.breadcrumb li,.breadcrumb div{ float: left;}
.page-name-n{ margin-top: 0px; width: 100%; display: inline-block; background: #f5f5f5; text-align: center; padding: 40px 0;}
.page-cn-n{ background: url("../images/nypagen.png"); height: 127px; width: 225px; text-align: center; font-size: 20px; color: #263d8c; font-weight: bold; padding: 16px 0; display: inline-block;}
@font-face {
    font-family: "pageen";
    src: url('../fonts/xefus.TTF');

}
.page-en{ display: inline-block; font-family: pageen; font-weight: bold; text-align: center; width: 273px; margin-top: 10px; text-transform:uppercase; color: #ccc; font-size: 18px;letter-spacing:1px;}

.page-nav1{ padding: 20px 0; background: #263d8c; margin-top: -40px; }
.ny-nav-ul{ margin-top: 40px; width: 100%; display: inline-block; text-align: center;}
.ny-nav-ul li{ margin: 0 5px; display: inline-block;  }
.ny-nav-ul li a{ border: 1px solid #ebb326; padding: 8px 26px; width: 100%; display: inline-block; color: #fff;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active{ background: #ebb326;}

.page-nav-left{padding: 0px 0 10px 0; background: #263d8c; margin-top: 20px; width: 100%; display: inline-block;}
.ny-left-nav-ul{ margin-top: 0px; width: 100%; display: inline-block; text-align: center;}
.ny-left-nav-ul li{ margin:  0px; display: inline-block; width: 100%; text-align: left;
}
.ny-left-nav-ul li a{ border-bottom: 1px solid #022f63; padding: 8px 16px; line-height: 20px; width: 100%; display: inline-block; color: #fff;}
.ny-left-nav-ul li a:hover,.ny-left-nav-ul li a.active{ background: #3176c5;}
.ny-left-nav-ul li a.leftname{ background: #ebb326; text-align: center; line-height: 25px; margin-top: 0px;}
.ny-left-nav-ul li:first-child{margin-top: 0px;}
.ny-pagen{ width: 100%; line-height: 50px; font-weight: bold; font-size: 20px; letter-spacing: 1px; margin-top: 20px;}
.nypage{line-height: 30px; min-height: 300px;}
.about-hz{background: #ebb326; margin-top: 20px; padding: 20px 10px;}

/*news*/
.news-ul{ width: 100%; display: inline-block;}
.news-ul li{ margin-top: 16px;}
.news-div{ width: 100%; display: inline-block;}
.news-div:hover{box-shadow: 5px 5px 15px #ccc;}
.news-div:hover .news-img img{ transform:scale(1.2);}
.news-div .news-img{ height: 200px; width: 100%; position: relative; overflow: hidden;}
.news-div .news-img img{ width: 100%; height: 100%;}
.news-div .news-img .new-ty{ width: 60px; height: 70px; left: 20px; top: 0; position: absolute; background: #ebb326; background: rgba(235,179,38,0.8); color: #fff; text-align: center; padding: 10px 0;}
.news-body{ background: #f5f5f5; width: 100%; height: 150px;}
.news-body .news-tit{ font-size: 16px; font-weight: bold; margin-left: 10px; margin-right: 10px; height: 30px; overflow: hidden;}
.news-body .news-time{ color: #ccc; font-size: 12px; margin-left: 10px;}
.news-body .news-note{ font-size: 14px; color: #999; line-height: 25px; margin-right: 10px; margin-left: 10px; height: 50px; overflow: hidden;}
.news-body .news-more{ display: inline-block; width: 100%; text-align: center; font-size: 12px;}
.news-body .news-more a{ display: inline-block; padding: 0px 16px; border: 1px solid #ebb326; color: #ebb326; border-radius: 60px;}


.sy-pr-ul{ display: inline-block; width: 100%; margin-top: 10px;}
.sy-pr-ul li{ margin-top: 10px;}
.sy-pr-div .h3 A{ color: #333; }
.sy-pr-div .h3{ text-align: center; font-size: 18px;}

.ny-page-name{ font-size: 16px; font-weight: bold;}



/*閸掑棝銆夐弽宄扮础*/
.fenyeys{ float:left; width:90%; text-align:center; margin:22px 0px; font-size: 14px; font-family: "微软雅黑";}
.fenyeys span{  margin:2px 6px; border-radius:25px;  padding:2px 15px; background:#5e7b7a; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:2px 15px; background:#666; color:#fff; }
.fenyeys a:hover{ background:#5e7b7a;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}

.fl{float: left}
.fr{ float: right;}
.f18{ font-size: 18px;}

.mt20{ margin-top: 20px; }
.mt40{ margin-top: 40px; }
.mb40{margin-bottom: 40px;}
.p0{ padding: 0px;}
.pl0{padding-left: 0px;}
.pr0{padding-right: 0px;}
.plr0{padding-left: 0px; padding-right: 0px;}
.ptb20{ padding-top: 20px; padding-bottom: 20px;}
.border0{border: 0px;}
.bt2{ border-bottom: 2px solid #fff; display: inline-block;}
.baise{color: #fff;}
.mores{ padding: 16px 46px;display: inline-block; text-align: center; margin: 0px auto;   margin-top: 10px; background: #009944; border-radius: 100px; }
.mores a{color: #fff;}
.mores:hover{  background: #74b0ae; box-shadow: 5px 5px 15px #999; padding: 16px 50px; }
.mores:hover a{color: #fff;}


/**/
.p-more{ padding: 10px 36px; margin:20px; margin-top:40px;display: block; text-align: center; background: #333;}
.p-more a{color: #fff; font-size: 18px; font-weight: bold;}
.p-more:hover{ background: #d1c399; padding: 10px 40px; }
.p-more:hover a{color: #fff;}
/**/
.w100{ width: 100%;}
p {
    margin-bottom: 6px;
}

.chengse{ color: #fed102;}
.zhuse{ color: #009b4c;}
.color-5e7b7a{ color: #5e7b7a;}
.font-w600{ font-weight: 600}
.container img{ max-width: 100%;}
.pb20{ padding-bottom: 20px;}
.bg-f1ede0{background: #f1ede0;}
.bor1{ border-bottom: 1px solid #fff;}