@charset "utf-8";
/* CSS Document */

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#000; font-family:Microsoft YaHei,sans-serif; }
img { border:0; vertical-align:top;
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
html, body {width:100%;height:100%;max-width: 100%;min-width: 320px;}
address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;}
::-webkit-scrollbar{width: 8px;height: 8px;}
::-webkit-scrollbar-thumb{background-color: hsl(228deg 75% 45%/100%);-webkit-transition: background-color .3s;transition: background-color .3s;}
::-webkit-scrollbar-track{background: rgba(255,252,252,.11);}

/* a */
a { color:#333; text-decoration:none; }
a:visited { }
a:active, a:hover{text-decoration:none;color:#144385;}
a:focus{outline:none;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;}
:focus{outline: none;}
.ovfl{overflow: hidden;}
.flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.dh300s{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dhwz2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.mar0a{margin: 0 auto;}
.con-fff{width:100%;height:100%;position:relative;}
.fl {float:left;}
.fr {float:right;}
input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; }
textarea { border-radius:0; -webkit-appearance:none; appearance:none;  background:none; border:0; box-shadow:0 0 0; font-size:14px; }
table {border-collapse:collapse; border-spacing:0;}
table td, table th{padding: 5px 10px;border: 1px solid #ddd;}

@media (min-width: 1210px){
    .container{width: 1180px;}
}
@media (min-width: 1310px){
    .container{width: 1280px;}
}
@media (min-width: 1410px){
    .container{width: 1380px;}
}
@media (min-width: 1470px){
    .container{width: 1440px;}
}
@media (max-width:767px) {
    .container{padding-left: 10px;padding-right: 10px;width: 100%;}
    .row{margin-left: -10px;margin-right: -10px;}
}

/*header*/
#header{background: #fff; padding:15px 0; position: fixed; width: 100%; z-index: 99; box-shadow: 0px 0px 5px #999;}
#header .logo{ float: left;}
#header .navpc{float: left;padding-left: 6%;}
#header .navpc ul li{ float: left;}
#header .navpc ul li a{font-size: 16px;color: #252525;line-height: 46px;border-bottom: 4px solid #fff;display: block;padding: 0 10px;margin: 0 14px;}
#header .navpc ul li.cur a,#header .navpc ul li:hover a{border-bottom: 4px solid #144385; color: #144385;}
#header .search{float: left;border:1px solid #d5d5d5;line-height: 30px;border-radius: 20px;margin-top: 8px;}
#header .search .tt{ line-height: 30px; border:none; color: #d5d5d5;}
#header .search .s_bt{ font-size: 0; background: url(../images/search.png) no-repeat center; width: 30px; height: 30px; border:none;}
.head-lang{float: right;position: relative;}
.head-lang a{display: block;padding: 14px 20px 14px 0px;font-size: 14px;font-weight: bold;color: #333;position: relative;}
.head-lang>a::before{content: '';position: absolute;right: 6px;top: 19px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #333;transition: all .3s;-webkit-transition: all .3s;}
.head-lang a img{margin-right: 8px;vertical-align: sub;}
.head-lame{display: none;position: absolute;top: 48px;width: 100%;background-color: #fff;z-index: 10;transition: all .3s;-webkit-transition: all .3s;}
.head-lang:hover>a{background-color: #ddd;}
.head-lang:hover .head-lame{display: block;}
.head-lame:hover{background-color: #ddd;}
@media(max-width: 1479px){
    #header .navpc{ float: left; padding-left: 3%; }
    #header .navpc ul li a{font-size: 14px;color: #252525;line-height: 46px;border-bottom: 4px solid #fff;display: block;padding: 0 7px;margin: 0 5px;}
}

@media(max-width: 1199px){
    #header .navpc{ float: right; padding-left: 0%; }
}

@media(max-width: 991px){
    #header .logo{ float: none; text-align: center;}
    #header .navpc{ float: none; padding-left: 0%; }
    #header .navpc ul li a{font-size: 15px;color: #252525;line-height: 46px;border-bottom: 4px solid #fff;display: block;padding: 0 8px;margin: 0 8px;}
}

@media(max-width: 768px){
    #header .logo{ float: left; text-align: center;}
    .head-lang{width: 92px;}
}

@media (max-width:400px) {
	.head-lang a{padding: 10px 24px 10px 14px;}
	.head-lang>a::before{top: 15px;}
    .head-lame{top: 40px;}
}

@media (max-width:350px) {
	.head-lang a{padding: 8px 24px 8px 14px;}
    .head-lame{top: 36px;}
}


/* logo */
.hoico1{float:left;margin-left:65px;margin-top:20px;position:relative;cursor:pointer;}
.hoimg1{position:absolute;left:50%;top:50px;margin-left:-152px;box-shadow:0px 4px 51px 0px rgb(8 55 126 / 63%);z-index:10;display:none;}
.hoimg1 img{width:280px;}
.hoico1:hover .hoimg1{display:block;}
.hoico2{float:left;margin-left:15px;margin-top:13px;position:relative;cursor:pointer;}
.hoimg2{position:absolute;left:50%;top:55px;margin-left:-140px;box-shadow:0px 4px 51px 0px rgb(8 55 126 / 63%);z-index:10;display:none;}
.hoimg2 img{width:280px;}
.hoico2:hover .hoimg2{display:block;}
.hetrg{float:right;padding:7px 0;}
.htmail{float:left;width:40px;height:40px;line-height:40px;border:1px solid #ddd;border-radius:20px;text-align:center;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.htmail span{font-size:18px;color:#999;}
.htmail:hover{background:#144385;}
.htmail:hover span{color:#fff;}
.httel{float:left;padding:0 28px;border-radius:20px;line-height:40px;background-color:#144385;background-image:linear-gradient(-60deg, #19712f, #5ca721);margin-left:22px;}
.httel span{color:#fff;font-size:18px;font-weight:bold;display:block;padding-left:32px;background: url(../images/httel.png) no-repeat left;}
.htlang{float:left;font-size:16px;font-weight:bold;color:#353535;margin-left:15px;margin-top:9px;margin-bottom:9px; padding-right:15px;}
.htlang span{margin-right:8px;}
.navbtn{float:right;}
.navbtn img{width:40px;}
.htsearch{float:right;position:relative;}
.htsearch>span{color:#fff;font-size:18px;line-height:40px;padding:0 15px;cursor:pointer;padding-top: 8px;}
.q_search{position:absolute;right:0;top:48px;width:280px;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);border: 1px solid rgba(0,0,0,.15);z-index:99999;display:none;}
.q_search .q_search1{/*padding:25px 20px;*/}
.q_search .form-group{position:relative;margin:0;}
.q_search input[type="search"]{display: block;width: 100%;color: #000;line-height: 24px;padding: 7px 40px 7px 15px;height: 40px;background: #fff;}
.q_search .search-btn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;text-align: center;color: #555;font-size: 16px;background: 0;cursor: pointer;border:0;}
@media only screen and (max-width: 1199px) {
    .htsearch{display:none;}
    .hoico1, .hoico2{display:none;}
}
@media only screen and (max-width: 991px) {
    .httel{margin-left:10px;}
    .htlang{margin-left: 10px;padding-right: 0;}
    .hetrg{display: none!important;}
}
@media only screen and (max-width: 767px) {
    header, #headHigh{height:80px;}
    .httel{margin-right:10px;}
    .hetrg{display: block!important;;}
}
@media only screen and (max-width: 1199px) {
    .hoprotab{width:200px;}
    .hoproConDiv{width: calc(100% - 200px);}
    .hoproBox h3{padding: 15px 0 15px 30px;}
    .hoproBox ul{padding: 15px 30px;}
}
/* 首页nav */
.headernav{background-color:#144385; line-height: 56px;}
.nav {}
.nav>li{ float: left; position: relative; padding-left: 1px;}
.nav>li::before{position: absolute; content: ''; right: -1px; top:22px; width: 1px; height: 12px; background: #fff; }
.nav>li:last-of-type::before{display: none;}
.nav>li>a{color:#ffffff; font-size:16px; text-align:center; padding: 0 55.6px; }
.nav>li.cur>a,.nav>li:hover>a,.nav>li>a:hover{background-color:#4ebaff;}
.twnav{position:absolute;left:0;width:100%;z-index: 111;background: #144385;display:none;}
.twnav a{display:block;color:#ffffff; font-size:14px; text-align:center; padding: 0 5px;line-height:40px;}
.twnav a:hover{background-color: #4ebaff;}
.nav>li:hover .twnav{display:block;}
@media(max-width: 1469px){
    .nav>li>a{color:#ffffff; font-size:15px; text-align:center; padding: 0 53.8px;}
}
@media(max-width: 1199px){
    .nav>li>a{ padding: 0 12px;font-size:14px;}
}
@media only screen and (max-width: 1200px) {
    .headercont .hcontleft .logo h1 a img{height:60px;}
    .headercont .hcontleft .companyname h2{font-size:25px;}
    .headercont .hcontleft .hcorp p{font-size:18px;}
}
@media only screen and (max-width: 991px) {
    .headernav{display:none;}
    .headercont .hcontleft .logo h1  {border-right:none;}
    .headercont .hcorp{display:none;}
    .headercont .hcontright{display:none;}
}
@media only screen and (max-width: 767px) {
    .headercont .hcontleft .logo h1 a img{height:48px; margin-top: 16px;}
    .headercont .hcontleft .companyname {display:none;}
    .hconts .headercont{margin-top:0;}
}
.hopronav{background:#f0f0f0;position:absolute;left:0;width:100%;border-top:2px solid #144385;display:none;z-index:111;}
.hoprotab{width:300px;float:left;background:#144385;height:450px;}
.hoprotab ul{display: flex; flex-direction: column;height:100%;}
.hoprotab ul li{width: 100%;flex: 1;}
.hoprotab ul li.on{background:#76b631;}
.hoprotab ul li a{width:100%;height:100%;font-size: 18px;color: #fff;}
.hoproConDiv{float:left;width:calc(100% - 300px);height:450px;}
.hoproCon{display:none;height:100%;}
.hoproCon:first-child{display:block;}
.hoproBox{height:100%;overflow-y:hidden;}
.hoproBox::-webkit-scrollbar{width: 5px;height: 1px;}
.hoproBox::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #d5d5d5;}
.hoproBox::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;}
.hoproBox:hover{overflow-y:scroll;}
.hoproBox h3{padding: 15px 0 15px 52px;border-bottom: #e2e2e2 solid 1px;font-size: 16px;font-weight: bold;}
.hoproBox ul{padding: 15px 30px 15px 52px;overflow:hidden;}
.hoproBox ul li{float: left;font-size: 14px;line-height: 36px;padding-left: 2%;padding-right: 2%;width: 25%;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hoproBox ul li a{color: #727272;}
.hoproBox ul li::after{content: '';position: absolute;right: 0;top: 50%;margin-top: -6px;width: 1px;height: 12px;background: #ccc;}
.hoproBox ul li a:hover{color:#144385;}
.m_nav{display:none;}
@media only screen and (max-width: 1199px) {
    .hoprotab{width:200px;}
    .hoproConDiv{width: calc(100% - 200px);}
    .hoproBox h3{padding: 15px 0 15px 30px;}
    .hoproBox ul{padding: 15px 30px;}
}
@media only screen and (max-width: 991px) {
    .hoprotab{width:150px;}
    .hoproConDiv{width: calc(100% - 150px);}
    .m_nav{display:block;position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;z-index:10000}
    .m_nav .closecover{position:absolute;width:100%;height:100%;background:#1f2429;filter:alpha(opacity=0);opacity:0;left:0;top:0;z-index:1}
    .m_nav .closeicon{position:absolute;width:20%;left: 10px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
    .m_nav .m_navList{position:absolute;width:80%;right:0;top:0;background:#1f2429;height:100%;z-index:100;right:-80%;overflow-y:scroll}
    .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
    .m_nav .m_navList ul li{border-bottom:1px solid #868bab}
    .m_nav .m_navList ul li .m_f_a{display:flex;align-items:center;justify-content:space-between;width:100%}
    .m_nav .m_navList ul li .m_f_a a{flex:1;display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px;overflow: hidden;}
    .m_nav .m_navList ul li .m_f_a i{width:40px;height:35px;box-sizing:border-box;padding:0 5px;display:block}
    .icon{background:url(../images/plus.png) 100% no-repeat;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .m_nav .m_navList ul li .m_s_nav{display:none;width:100%}
    .m_nav .m_navList ul li .m_s_nav>a{display:block;height:40px;color:#fff;line-height:40px;font-size:14px;padding-left:8%;overflow:hidden;white-space:nowrap;width:90%;text-overflow:ellipsis;}
    .m_nav .m_navList ul li .mm_s_nav{padding-left:12%;}
    .m_nav .m_navList ul li .mm_s_nav>a{display:inline-block;height:30px;line-height:30px;color: #fff;margin-right: 15px;}
}


@media( max-width: 500px) {
    .navbtn img { width: 35px; }
}


/* 小屏幕导航 */
.mm-nav-box{overflow:hidden;position: fixed;top: 0;right: 0;width: 100%;height: 100%;z-index: -1;display: none;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);}
.mm-nav-box[data-on="active"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);top:140px;}
.mm-nav-box .mm-wrap{position: fixed;top: 0;right: 0;width: 40%;padding-bottom: 15px;z-index: 100;border-top: 1px solid rgba(0,0,0,.15);box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);}
.mm-nav-box .mm-wrap:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;z-index: -1;}
.mm-nav-box .mm-nav .li1{margin: 0 20px;line-height: 60px;border-bottom: 1px solid rgba(0,0,0,.15);}
.mm-nav-box .mm-nav .li1 .a1{display: block;color: #222222;font-size: 16px;}
.mm-nav-box .mm-nav .li1.on .a1{color: #e00000;}
.mm-nav-box .mm-nav .li1.on .mm-title{border-color: #e00000;}
.mm-nav-box .mm-nav .li1 .mm-title{position: relative;height: 60px;line-height: 60px;}
.mm-nav-box .mm-nav .li1 .mm-title .am{display:block;width:100%;height:100%;}
.mm-nav-box .mm-nav .li1 .mm-title .a1{position: absolute;top: 0;left: 0;height: 100%;z-index: 10;}
.mm-nav-box .mm-nav .li1 .mm-title .click{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mm-nav-box .mm-nav .li1 .mm-title .click:after{content: "";position: absolute;top: 50%;right: 20px;width: 6px;height: 6px;border-top: 1px solid #222222;border-right: 1px solid #222222;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin-top: -3px;}
.mm-nav-box .mm-nav .li1 .mm-title .mclick{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mm-nav-box .mm-nav .li1 .mm-title .mclick a{display:block;width:100%;height:100%;}
.mm-nav-box .mm-nav .li1.on .mm-title .click:after{border-color: #e00000;}
.mm-nav-box .mm-nav .li1 .mm-innav{display: none;padding: 6px 0;}
.mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav{display: block;border-top: 1px solid rgba(0,0,0,.15);}
.mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.mm-nav-box .mm-nav .li1[data-on="click"] .a1{color:#144385}
.mm-nav-box .mm-nav .li1 .mm-innav li{margin: 0 10px;border-bottom: 1px solid rgba(255,255,255,.4);line-height: 1;}
.mm-nav-box .mm-nav .li1 .mm-innav li a{color: #222222;font-size: 14px;line-height: 1.4;display: block;padding: 6px 0;}
.mm-nav-box .mm-nav .li1 .mm-innav li a:hover{color:#144385}
.mm-nav-box .mm-nav .li1 .mm-innav li .box2{margin: 0 15px;}
.mm-nav-box .mm-wrap .mmlang{padding: 0 10px;font-size: 0;display: none;}
.mm-nav-box .mm-wrap .mmlang .mmitem{height: 55px;line-height: 55px;width: 50%;font-size: 14px;color: #222222;display: inline-block;*display: inline;*zoom: 1;text-align: center;}
.mm-nav-box .mm-wrap .mmlang .mmitem.on{color:  #e00000;}
.header_atop{width:100%;height:40px;}
.header_space{width: 100%;height: 100px;display:none;}
@media (max-width: 1409px){
    .nav>li>a{padding: 0 47.6px;}
}
@media (max-width: 1309px){
    .nav>li>a{padding: 0 40.7px;}
}
@media (max-width: 1199px){
    .nav{display:block;}
    .nav>li>a{padding: 0 30.2px;}
    .mm-nav-box {display: block;}
    #m-head-nav{display:block;}
    .header_space{display:block;}
    .head-raea{margin-left:0;}
}
@media (max-width: 800px){
    .mm-nav-box .mm-nav .li1 .mm-title{height: 45px;line-height: 45px;}
}
@media (max-width: 767px){
    .headcon{padding:0 10px;}
}
@media (max-width: 600px){
    .mm-nav-box .mm-wrap{width: 100%;padding-bottom: 0;}
    .mm-nav-box .mm-nav .li1 .mm-title .a1{font-size: 14px;}
    .mm-nav-box .mm-nav .li1 .mm-innav li a{font-size: 13px;}
    .mm-nav-box .mm-nav .li1{margin: 0 10px;}
    .mm-nav-box .mm-wrap .mmlang{display: block;}
}
@media (max-width: 500px){
   /* #header{height:110px;}*/
    .header_space{height:70px;}
    .headercont .hcontleft .logo img{height:45px;}
    .mm-nav-box[data-on="active"]{top:110px;}
    #header:hover .logo, #header.active .logo{margin: 10px 0;}
    #header:hover .head-raea, #header.active .head-raea{margin-top: 16px;}
    #search-btn{font-size:14px;padding:0 15px;margin:15px 0;}
    #m-head-nav{margin-left:15px;margin-top: 10px;}
    .mm-nav-box{top: 66px;}
}
@media (max-width: 450px){
   /* #header{height:100px;}*/
    .head-atop{padding:0 10px;line-height:30px;height:30px;}
    .head-search>p{height:30px;}
    .head-search>p>a{font-size:15px;}
    .head-search>form{display:none;}
    .header_atop{height:30px;}
    .mm-nav-box[data-on="active"]{top:100px;}
}

/* 轮播图 */
#banner{position:relative;padding-top: 80px;}
#banner video{width:100%;display:block;}
#banner .swiper-slide a{display:block;}
#banner .swiper-slide img{display:block;max-width:100%;}
#banner .swiper-pagination{bottom:40px;font-size:0;width: auto;left: 50%;transform: translateX(-50%);padding:14px 18px;background:rgb(0 0 0 / 20%);border-radius:20px;}
#banner .swiper-pagination-bullet{width:12px;height:12px;opacity:1;border-radius: 50%;background:#fff;position:relative;margin:0 8px;}
#banner .swiper-pagination-bullet-active{background:#1135a5;}
#banner .swiper-button-prev, #banner .swiper-button-next{width:46px;height:46px;background:url(../images/page/ban-jt.png) no-repeat center left;border:1px solid #fff;border-radius:50%;transition:all .3s;-webkit-transition:all .3s;}
#banner .swiper-button-prev{left:-115px;}
#banner .swiper-button-next{right:-115px;transform: rotate(180deg);}
#banner:hover .swiper-button-prev{left:115px;}
#banner:hover .swiper-button-next{right:115px;}
#banner .swiper-button-prev:hover, #banner .swiper-button-next:hover{background:url(../images/page/ban-jt.png) no-repeat center left -46px #fff;box-shadow: 0 0 3px 0px rgb(200 200 200 / 80%);}
@media (max-width: 1400px){
    #banner .swiper-button-prev{left:60px;}
    #banner .swiper-button-next{right:60px;}
}
@media (max-width: 991px){

}
@media (max-width: 767px){
    #banner .swiper-pagination{bottom:20px;}
    #banner .swiper-pagination-bullet{border:none;}
    #banner .swiper-button-prev, #banner .swiper-button-next{display:none;}
}
@media (max-width: 450px){
    #banner .swiper-pagination{bottom: 5px;padding:8px;display:none;}
    #banner .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px;}
}

/* 内页banner */
.nybanner>div{background-position: center;background-repeat: no-repeat;background-size: cover;}
@media (max-width: 1329px){
    .nybanner>div{height: 420px !important;}
}
@media (max-width: 1199px){
    .nybanner>div{height: 360px !important;}
}
@media (max-width: 991px){
    .nybanner>div{height: 320px !important;}
}
@media (max-width: 767px){
    .nybanner>div{height: 280px !important;}
}
@media (max-width: 700px){
    .nybanner>div{height: 240px !important;}
}
@media (max-width: 580px){
    .nybanner>div{height: 175px !important;}
}
@media (max-width: 420px){
    .nybanner>div{height: 150px !important;}
}
@media (max-width: 374px){
    .nybanner>div{height: 130px !important;}
}

/* 搜索Search */
/*#search{border-bottom:1px solid #eeeeee;}
#search .container .search-right{padding:20px 0px;}
.search-aa { line-height: 2;}
.search-aa span{color:#333; font-size:14px; font-weight:bold; line-height: 2;}
.search-aa a{ padding-right: 15px;}
.search-form {border-bottom:1px solid #d5d5d5; line-height: 2;}
.search-form .tt{font-size:14px; line-height: 2; color:#999999; float:left; width: calc(100% - 30px);}
.search-form .s_bt{background:url(../images/search.jpg) no-repeat center; font-size:0px; width:28px; height:28px; float:right;}
@media only screen and (max-width: 991px) {
    .search-aa {display:none;}
    #search .container .search-right{display:flex;align-items:center;justify-content:center;}
}*/

/* 首页标题 */
.title{padding:0 10px;text-align: center;}
.title h2{font-size: 40px;color: #333;font-weight: bold;}
.title p{color: #999;font-size: 18px;margin-top: 8px;text-transform:uppercase;font-family:Arial;}
@media only screen and (max-width:767px){
    .title h2{font-size: 30px;}
    .title p{font-size: 14px;margin-top: 5px;}
}
@media only screen and (max-width:500px){
    .title h2{font-size: 26px;}
}
.title-t h5{ font-size: 32px; color: #252525; font-weight: bold; text-transform: uppercase;}
.title-t h2{color:#252525; }
/*about*/
#about{ padding:50px 0; overflow: hidden;}
#about .about-txt{padding-right: 60px;}
#about .about-txt h5{ font-size: 32px; color: #252525; font-weight: bold; text-transform: uppercase;}
#about .about-txt h2{ font-size: 24px; line-height: 48px; color: #252525;}
#about .about-txt .about-p{color: #666; line-height: 28px; padding-top: 30px;}
#about .about-txt .about-more a{width: 160px; line-height: 40px; border:1px solid #144385; margin-top: 30px; display: block; border-radius: 30px; position: relative; float: left;}
#about .about-txt .about-more a::before{position: absolute; content: ''; width: 40px; height: 40px; background: #144385; border-radius: 30px; left: 0;  transition:all 1s;}
#about .about-txt .about-more a span{padding-left: 66px; position: relative; display: block;}
#about .about-txt .about-more a span::before{position: absolute; content: '▲'; color:#fff; left: 13px; transform:rotate(90deg); }
#about .about-txt .about-more a:hover::before{width: 100%;}
#about .about-txt .about-more a:hover span{color: #fff; }
#about .about-txt .about-more p{ float: right; font-size: 42px; color: #eee; font-style: italic;}
#about .about-txt .about-more p em{ font-size: 80px; font-style: italic;}


@media(max-width: 1479px){
    #about .about-txt{padding-right: 15px;}
    #about .about-txt .about-p{color: #666; line-height: 28px; padding-top: 10px;}
    #about .about-txt .about-more p{ float: right; font-size: 24px; color: #eee; font-style: italic;}
    #about .about-txt .about-more p em{ font-size: 40px; font-style: italic;}
    #about .about-txt .about-more a{width: 160px; line-height: 40px; border:1px solid #144385; margin-top: 10px; display: block; border-radius: 30px; position: relative; float: left;}
}

@media(max-width: 1199px){
    #about .about-txt .about-p{color: #666; line-height: 28px; padding-top: 0px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
}

@media(max-width: 991px){
    #about .about-txt{padding:0; overflow: hidden;}
    #about .about-img{padding:0; margin-top: 15px;}
}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

/*product*/
#product{overflow: hidden; background-image: linear-gradient(to bottom, #fff 50%, #f3f3f3 50%); padding: 50px 0; }
#product .prolan{overflow: hidden;}
#product .prolan ul li{padding:0px 20px 0 0; position: relative; margin-top: 50px; transition:all 1s;}
#product .prolan ul li:hover{margin-top: 20px; }
#product .prolan ul li h3{color: #fff; font-size: 28px; font-weight: bold; line-height: 48px;}
#product .prolan ul li p{font-size: 16px; color: #fff;}
#product .prolan ul li em{display: none;}
#product .prolan ul li .prolan-t {position: absolute; bottom: 30px; padding:0 20px; }
#product .prolan ul li .prolantxt{ position: absolute; background-image: linear-gradient(to top, rgba(0,0,0,.3) , rgba(255,255,255,.2)); height: 100%; bottom: 0; width: calc(100% - 20px);}
#product .prolan ul li:hover .prolantxt{box-shadow: 0px 3px 5px #999; background: rgba(20,67,133,.7);}
#product .prolan ul li:hover .prolantxt  .prolan-t { bottom: 45%;}
#product .prolan ul li:hover em{display: block; width: 120px; height: 40px; border:1px solid #fff; text-align: center; line-height: 40px; font-size: 16px; color: #fff; border-radius: 20px; margin-top: 50px;}

@media(max-width: 1199px){
    #product .prolan ul li h3{color: #fff; font-size: 24px; font-weight: bold; line-height: 48px;}
}

@media(max-width: 991px){
    #product .prolan ul li{padding:0px 10px;}
}

@media(max-width: 767px){
    #product{padding: 0;}
    #product .prolan ul li{margin-top: 20px; }
    #product .prolan ul li h3{color: #fff; font-size: 18px; font-weight: bold; line-height: 48px;}
    #product .prolan ul li p{font-size: 14px; color: #fff;}
    #product .prolan ul li .prolan-t {position: absolute; bottom: 30px; padding:0 10px; }
}

/*service*/
#service{ overflow: hidden; padding:50px 0;}
#service .service-t .service-tl{ float: left; margin-top: 20px;}
#service .service-t .service-tl h6{ font-size: 32px; color: #252525; font-weight: bold; text-transform: uppercase;}
#service .service-t .service-tl h2{ font-size: 24px; line-height: 48px; color: #252525;}
#service .service-t .service-tr{float: right;}
#service .service-t .service-tr h5{background: url(../images/service-tr.png) no-repeat; line-height: 34px; padding-left: 20px; font-style: italic; width: 172px; color: #fff; font-weight: bold; font-size: 16px;}
#service .service-t .service-tr p{padding:15px; box-shadow: 0px 0px 5px #999; width: 420px;}
#service ul{ overflow: hidden; margin-top: 50px;}
#service ul li{ width: 12.5%; float: left; position: relative;}
#service ul li h5{text-align: center; font-size: 16px; color: #252525; line-height: 45px;}
#service ul li p{position: absolute; bottom: 0px; width: 40px; height: 40px; font-size: 24px; font-weight: bold; color: #444; border-radius: 20px; border:2px solid transparent; text-align: center; line-height: 36px; box-sizing:border-box; background-clip:padding-box,border-box; background-origin:padding-box,border-box; background-image:linear-gradient(45deg,#fff,#fff),linear-gradient(45deg,#58c45b,#10619b); left: 20px; bottom: 50px;}
#service ul li img{ border-radius: 80px; border:3px solid transparent; margin:0 auto; box-sizing:border-box; background-clip:padding-box,border-box; background-origin:padding-box,border-box; background-image:linear-gradient(45deg,#fff,#fff),linear-gradient(45deg,#10619b,#58c45b);}


@media(max-width: 1479px){
    #service ul li h5{text-align: center; font-size: 15px; color: #252525; line-height: 45px;}
}
@media(max-width: 1199px){
    #service ul li h5{text-align: center; font-size: 13px; color: #252525; line-height: 45px;}
    #service ul li p{left: 0; bottom: 45px;}
}

@media(max-width: 991px){
    #service ul li{ width: 25%; float: left; position: relative;}
    #service ul li p{left: 28px; bottom: 45px;}
}

@media(max-width: 767px){
    #service .service-t .service-tr p{padding:15px; box-shadow: 0px 0px 5px #999; width: 340px;}
    #service ul li h5{text-align: center; font-size: 12px; color: #252525; line-height: 45px;}
    #service ul li p{left: 0px; bottom: 45px;}
}


/*case*/
#case{padding:50px 0; overflow: hidden; background: url(../images/case.jpg) no-repeat center fixed; }
#case .case-t h5{ font-size: 32px; color: #fff; font-weight: bold; text-transform: uppercase;}
#case .case-t h2{ font-size: 24px; line-height: 48px; color: #fff;}
#case .case-li {position: relative; }
#case .case-li .hd{position: absolute; top: -65px; right: 0; overflow: hidden;}
#case .case-li .hd ul li{ font-size: 18px; color: #fff; float: left; margin-left: 30px; line-height: 36px; }
#case .case-li .hd ul li.on{border-bottom: 2px solid #fff; font-weight: bold;}
#case .case-li .bd{ padding-top: 60px;}
#case .case-li .bd ul {padding:0 80px; position: relative;}
#case .case-li .bd ul li h3{ line-height: 46px; color: #fff; background: url(../images/casebg.png) left no-repeat; font-size: 16px; padding-left: 10px; }
#case .case-li .bd ul .owl-nav { }
#case .case-li .bd ul .owl-nav .owl-prev{font-size: 0; width: 64px; height: 48px; background: #144385; position: absolute; left: 0; top: 50%; margin-top: -24px;}
#case .case-li .bd ul .owl-nav .owl-next{font-size: 0; width: 64px; height: 48px; background: #144385; position: absolute; right: 0; top: 50%; margin-top: -24px;}
#case .case-li .bd ul .owl-nav .owl-prev::before{position: absolute; content:'PREV'; left: 22px; font-size: 14px; color: #fff; line-height: 48px; }
#case .case-li .bd ul .owl-nav .owl-prev::after{position: absolute; content: ''; width: 15px; height: 1px; background: #fff; left: 0; top: 23px;}
#case .case-li .bd ul .owl-nav .owl-next::before{position: absolute; content:'NEXT'; right: 22px; font-size: 14px; color: #fff; line-height: 48px; }
#case .case-li .bd ul .owl-nav .owl-next::after{position: absolute; content: ''; width: 15px; height: 1px; background: #fff; right: 0; top: 23px;}

@media(max-width: 767px){
    #case .case-li .hd{position: absolute; top: 0; left: 0; overflow: hidden;}
    #case .case-li .hd ul li{ font-size: 18px; color: #fff; float: left; margin-right: 30px; margin-left: 0; line-height: 36px; }
    #case .case-li .bd ul {padding:0px; position: relative;}
}


/*partner*/
#partner{ padding:50px 0; overflow: hidden;}
#partner #certificatelist3{ padding-top: 30px;}
#partner #certificatelist3 li img{/*height: 80px;*/}
#partner #certificatelist3 li dt{ box-shadow: 0px 0px 3px #999;}
#partner .owl-stage-outer{padding:10px;}
#partner .owl-nav{display: none;}
#partner .owl-dots {overflow: hidden; margin: 0 auto; text-align: center; display: table; margin-top: 20px;}
#partner .owl-dots .owl-dot{ width: 30px; height: 5px; background: #ccc; float: left; margin: 0 5px;}
#partner .owl-dots .owl-dot.active{background: #144385;}

@media(max-width: 767px){
    #partner .owl-dots .owl-dot{ width: 30px; height: 5px; background: #ccc; float: left; margin: 0 3px;}
}


/*news*/
#news{padding:50px 0; overflow: hidden; background: #f3f3f3;}
#news .news-li {position: relative; }
#news .news-li .hd{position: absolute; top: -65px; right: 0; overflow: hidden;}
#news .news-li .hd ul li{ font-size: 18px; color: #333; float: left; margin-left: 30px; line-height: 36px; }
#news .news-li .hd ul li.cur{border-bottom: 2px solid #333; font-weight: bold;}
#news .news-li .bd{margin-top: 30px;}
#news .news-li .bd ul dl{padding: 0 10px;}
#news .news-li .bd ul dl dd{padding: 5px;}
#news .news-li .bd ul .news-l{padding: 0;}
#news .news-li .bd ul dd h3{ font-size: 16px; color: #252525; line-height: 36px;}
#news .news-li .bd ul dd p{    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#news .news-li .bd ul dd span{ display: block; line-height: 48px; position: relative; padding-left: 22px;}
#news .news-li .bd ul dd span::before{position: absolute; content:''; font-size: 16px; left: 0; top: 19px; width: 16px; height: 11px; background: url(../images/newsspan.png) no-repeat center left;}
#news .news-li .bd ul li{overflow: hidden; margin-bottom: 30px;}
#news .news-li .bd ul li .news-litxt {overflow: hidden;}
#news .news-li .bd ul li .news-litxt p{ width: 60px; float: left;}
#news .news-li .bd ul li .news-litxt p em{ text-align: center; display: block; color: #333; }
#news .news-li .bd ul li .news-litxt p i{ text-align: center; display: block; font-style: inherit; font-size: 30px; color: #333; line-height: 2;}
#news .news-li .bd ul li .news-litxt h3{ width: calc(100% - 60px); float: right; font-size: 16px; color: #252525; line-height: 24px;}
#news .news-li .bd ul li .news-litxt h6{    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; width: calc(100% - 60px); float: right; font-size: 14px; color: #999; line-height: 24px;}
#news .news-li .bd ul li span{ display: block; line-height: 24px; position: relative; padding-left: 22px; margin-left: 60px;}
#news .news-li .bd ul li:hover span{color:#144385;}
#news .news-li .bd ul li:hover h3{color:#144385;}
#news .news-li .bd ul li:hover h6{color:#144385;}
#news .news-li .bd ul li span::before{position: absolute; content:''; font-size: 16px; left: 0; top: 7px; width: 16px; height: 11px; background: url(../images/newsspan.png) no-repeat center left; }
#news .news-li .bd ul li:last-of-type{margin-bottom: 0;}
#news .news-li .bd ul dl dt{ overflow: hidden;}
#news .news-li .bd ul dl dt img{transition:all 1s;width: 100%; max-width: 100%;}
#news .news-li .bd ul dl:hover dt img{transform:scale(1.1);}
#news .news-li .bd ul dl:hover h3{color: #144385; font-weight: bold;}
#news .news-li .bd ul dl:hover p{color:#144385; }
#news .news-li .bd ul dl:hover span{color:#144385;}



@media(max-width: 1479px){
    #news .news-li .bd ul li{overflow: hidden; margin-bottom: 10px;}
}

@media(max-width: 767px){
    #news .news-li{overflow: hidden;}
    #news .news-li .bd ul dl{padding: 15px; margin-bottom: 10px; border:1px solid #dedede;}
}



/* 通用配置 */
.owl-rela{position:relative;}
.owl-prev, .owl-next{display:block;width:30px;height:68px;background:url(../images/pro-jtbn.png) no-repeat;position:absolute;top:50%;margin-top:-34px;text-indent:-99999999px;opacity:0.2;transition:all .3s;-webkit-transition:all .3s;}
.owl-prev{left:-30px;}
.owl-next{right:-30px;transform: rotate(180deg);}
.owl-prev:hover, .owl-next:hover{opacity:1;}
@media (max-width:800px){
    .owl-prev, .owl-next{display:none;}
}

/* 图片封面动画 */
.white, .whites{position: relative;overflow: hidden;}
.white::after, .whites::after{content: '';cursor: pointer;position: absolute;left: -120%;top: 0;width: 100%;height: 100%;
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
    transform: skewx(-25deg);transition: unset;}
.white:hover::after{left: 120%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}


/* 底部 */
#footer{overflow: hidden; padding: 60px 0 20px;}
#footer .footer-lr{ overflow: hidden; padding-bottom: 30px;}
#footer .footer-lr .footer-lnav a{font-size:16px; padding-right: 45px; color: #333; }
#footer .footer-lr .footer-feed{margin-top: 50px;}
#footer .footer-lr .footer-feed p{ line-height: 40px; background: #144385; font-size:15px; color: #fff; padding:0 20px; display: inline-block; border-radius: 10px 0 0; font-style: italic;}
#footer .footer-lr .footer-feed ul {box-shadow:0 0px 3px #dedede; display: block; overflow: hidden; width: 80%; line-height: 52px;}
#footer .footer-lr .footer-feed ul li{ float: left; width: calc(100% - 54px);}
#footer .footer-lr .footer-feed ul li input{ height: 52px; border:none; width: 100%; color: #999; font-size:16px; padding-left: 10px;}
#footer .footer-lr .footer-feed ul>a{line-height: 52px; width: 52px; float: left; text-align: center; }
#footer .footer-lr .footer-feed ul>a img{margin-top: 20px;}
#footer .footer-r {text-align: right;}
#footer .footer-r .footer-rtxt{width: calc(100% - 160px); float: left;}
#footer .footer-r .footer-rtxt h6{ font-size:16px; color: #252525; line-height: 24px; position: relative;}
#footer .footer-r .footer-rtxt h6::before{position: absolute; content:''; width: 24px; height: 24px; background: url(../images/footer-rel.png) no-repeat; right: 130px;}
#footer .footer-r .footer-img{ float: right;}
#footer .footer-r .footer-img img{ width: 140px;}
/*#footer .footer-r .footer-img img{border:3px solid #dedede;}*/
#footer .footer-r .footer-rtxt p{font-size:20px; color: #333; font-weight: bold; line-height: 40px;}
#footer .footer-r .footer-rtxt .footer-txt{margin-top: 20px; line-height: 28px;color: #666;}

@media(max-width: 1479px){
    #footer .footer-lr .footer-lnav a{font-size:16px; padding-right: 20px; color: #333; }
}


@media(max-width: 1199px){
    #footer .footer-lr .footer-feed ul{ width: 100%;}
    #footer .footer-lr .footer-lnav a{font-size:16px; padding-right: 5px; color: #333; }
}

@media(max-width: 991px){
    #footer{overflow: hidden; padding: 50px 0 20px;}
    #footer .footer-lr .footer-lnav a{font-size:16px; padding-right: 47px; color: #333; }
    #footer .footer-lr .footer-feed{margin-top: 20px;}
    #footer .footer-lr .footer-feed ul{ width: 64%;}
    #footer .footer-r {text-align: right; margin-top: 20px;}
}

@media(max-width: 767px){
    #footer{overflow: hidden; padding: 20px 0;}
    #footer .footer-l{padding:0;}
    #footer .footer-lr .footer-feed ul{ width: 100%;}
    #footer .footer-lr{ overflow: inherit; padding-bottom: 0px;}
    #reserved{border-top: 1px solid #dedede; padding-bottom: 52px;}
    #lianxi{ background: #144385; overflow: hidden; height: 52px; position: fixed; width: 100%; z-index: 9; bottom: 0;}
    #lianxi ul li{ width: 25%; float: left; border-right: 1px solid #114fa7; height: 52px;}
    #lianxi ul li p{color: #fff; text-align: center;}
    #lianxi ul li img{display: block; margin: 2px auto;}
}
#reserved.footbg{background: #ededed;}
#reserved .copyright{ float: left; line-height: 60px;}
#reserved .copyright p{color: #666;}
#reserved .record{color: #666;}
#reserved .record a{color: #666;}
#reserved .record{ float: right; line-height: 60px;}
#reserved .record .sitemap{padding-left: 20px;}
#roll {width: 40px;height: 40px;display: none;background: #000;position: fixed;right: 20px;bottom: 60px;z-index: 150;overflow: hidden;transition: all .2s ease-in-out 0s;cursor: pointer;border-radius: 50%;}

#roll:hover {background: #144385;}

#roll_top {width: 40px;height: 40px;display: block;background: url(../images/gotop.png) no-repeat;transition: all .2s ease-in-out 0s;}

#roll_top:hover {background: url(../images/gotop.png) no-repeat;}

.footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #144385;text-align: center;}

.footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;}

.footer-bottom a i{font-size: 16px;display: block;}

/*links*/
#links{ background: #ededed; overflow: hidden; padding:15px 0;}
#links h5{ float: left; line-height: 24px; width: 120px;color: #333;}
#links ul{ float: left; width: calc(100% - 120px); }
#links ul li{ float: left; padding-right: 20px;}
#links ul li a{ font-size:12px; line-height: 24px;}


#reserved .footbg{background: #ededed;}
.ab_ny{background: #f6f6f6;}

.brank_con{font-size: 16px;line-height: 1.8;color: #333;}
.brank_con>.cpcon{padding:50px 0;overflow: hidden;}
.brank_con>.cpcon:last-child{margin-bottom: 0;}
.brank_con>.cpcon:nth-child(odd){background: transparent;}
.brank_con>.cpcon:nth-child(odd) .cpcon_img{float: right;}
.brank_con>.cpcon:nth-child(even){background: #f5f5f5;}
.brank_con>.cpcon>h3{text-align: center;font-size: 36px;margin-bottom: 50px;}
.brank_con>.cpcon .cpcon_img img{max-width: 100%;height:auto!important;display: block;margin:0 auto;}
.brank_con>.cpcon .cpcon_txt{padding-top: 15px;padding-bottom: 15px;}
@media (max-width: 767px){
    .brank_con{font-size: 14px;line-height: 1.6;}
    .brank_con>.cpcon{padding:20px 0;}
    .brank_con>.cpcon>h3{font-size: 24px;margin-bottom: 20px;}
}

.sss4{}
.sss4 ul{overflow:hidden;padding:10px 0;}
.sss4 ul li{margin-bottom: 30px;}
.sss4 ul li>div{text-align: center; background: #f5f5f5; padding: 20px;height: 100%;transition:all .3s;-webkit-transition:all .3s;}
.sss4 ul li>div h2{padding: 20px 0; font-size: 24px; font-weight: bold;}
.sss4 ul li>div h3{padding-bottom: 20px; font-size: 24px; font-weight: bold;}
.sss4 ul li>div p{}
.sss4 ul li>div:hover{box-shadow:0 0 8px 0 rgb(0 125 255 / 30%);}
@media (min-width:768px) {
    .sss4 ul{display:flex;}
    .sss4 ul li{flex:1;}
    .con3 ul{flex-wrap: wrap;align-content: flex-start;}
    .con3 ul li{flex:50%;}
    .con5 ul li:first-child{flex:100%;}
}
@media (min-width:1200px) {
    .con3 ul li{flex:25%;}
}
@media (max-width:767px) {
    .sss4 ul li>div{padding:20px 10px;}
}


/*招聘模块*/
.job_list{padding: 30px 0;}
.job_list dl{padding: 20px; box-shadow: 0px 0px 2px #999; margin:10px 0;}
.job_list dl h3{line-height: 36px; font-size: 18px; color: #333; font-weight: bold; border-bottom: 1px dashed #dedede; }
.job_list dl dd p{line-height: 32px;}
.job_list dl dd .editor{line-height: 32px;}
.job_list dl dd.list{padding: 10px; padding-bottom: 0;}
.job_list dl dd .dtail a p{ width: 120px; background: #144385; color: #fff; text-align: center; margin-top: 10px;}

@media(max-width: 767px){
    .job_list>.container>div{padding:0;}
}

#showjob h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;}
#showjob .paralist li{ float:left; width:45%; padding:3px 15px 3px; background:url(../images/dt-0.gif) no-repeat 5px center;}
#showjob .paralist li span{ float:left; margin-right:10px; color:#999;}
#showjob .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; }
#showjob .info_cv{ font-size:12px; text-align:center; margin:10px 0px; }
#showjob .editor{ line-height:2; padding:0px 10px; font-size:14px; }



/* 手机底部按钮 */
.footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #144385;text-align: center;}
.footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;}
.footer-bottom a i{font-size: 16px;display: block;}

/* 在线客服 */
.diyos {position: fixed;width: 54px;right: 0;top: 50%;z-index: 100;}
.diyos ul{position:relative;list-style: none;margin: 0;padding: 0;}
.diyos ul li {width: 54px;height: 54px;background: #144385;float: left;position: relative;border-top:1px solid #333;z-index:1;}
.diyos ul li:first-child{ border-top:0;}
.diyos ul li .sidebox, .diyos ul li .semail {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background:#144385;}
.diyos ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;}
.diyos ul li.sideewm {width: 54px;height: 54px;line-height: 54px;display: inline-block;}
.diyos ul li .sideewmshow{width: 130px;position:absolute; top:0; left:-131px; z-index:120; display:none;max-width:none;border: 1px solid #e5e5e5;}
.diyos ul li.sideewm:hover .sideewmshow{ display:block;}
.diyos ul li img {float: left;}

/* 面包屑 */
#location{box-shadow:0px 3px 20px 0px rgba(0,0,0,0.1);overflow:hidden;/*margin-bottom:30px;*/}
.crumbs{padding-left:20px;background:url(../images/page/location.png) no-repeat left center;line-height:25px;padding-top:10px;padding-bottom:10px;float:left;color:#666;}
.crumbs a{color:#666;}
.crumbs a:hover{color:#144385;}


#sidebar{float:right;}
#sidebar li{display:inline-block;margin:0 10px;position: relative;}
#sidebar li a{display:block;height:45px;line-height:44px;text-align:center;color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#sidebar li a::after{content: "";display: block;width: 0%;height: 2px;background: #144385;position: absolute;left: 50%;bottom: 0;overflow: hidden;transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;}
#sidebar li:hover a, #sidebar li.cur a{color:#144385;}
#sidebar li:hover a::after, #sidebar li.cur a::after{left: 0;width: 100%;}
@media (max-width:767px) {
    #location{margin-bottom: 20px;background:#f3f3f3;border-bottom: 1px solid #ddd;box-shadow:none;}
    .w100{width:100%;float:left;}
    .w50{width:50%;float:left;}
    .w33{width:33.33%;float:left;}
    .w25{width:25%;float:left;}
    #sidebar{float:none;}
    #sidebar li{padding:0 5px;margin:0;}
}



/* 内页样式 */
#inside{padding-bottom:50px;padding-left:10px;padding-right:10px;overflow:hidden;}
.bgf5{background:#f5f5f5;}
.nocontect{background-image: url(../images/page/error.png);background-repeat: no-repeat;background-position: 10px 10px;height: 100px;padding-top: 40px;padding-left: 120px;font-size: 14px;margin-bottom:20px;}
@media (max-width:767px) {
    #inside{padding-bottom:30px;}
}

/* 内页产品导航 */
#nyprozs{/*padding: 42px 0;*/padding-bottom: 0;}
.nyprotit{ background: #144385; padding: 18px 0; margin-bottom: 1px;}
.nyprotit h2{ color: #fff; margin-bottom: 10px; font-weight: bold; font-size: 32px;}
.nyprotit p{ color: #fff; line-height: 24px; text-transform: uppercase;}

#pronav{text-align: center;margin-bottom: 20px;}
.pronav-a{/*position: relative;*/z-index: 999;background: #fff;border-bottom: 4px solid #144385;}
.pronav-a dl ul{width: 100%;z-index: 9999;padding: 10px 0;display: flow-root;}
.pronav-a dl ul li{float: left;width: 100%;line-height: 40px;text-align: left;background: url(../images/page/iyuan.png) no-repeat 10px 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pronav-a dl ul li a{color: #333;text-align: left;font-size: 16px;font-weight: normal;padding-left: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pronav-a dl ul li:hover{background: url(../images/page/iyuan.png) no-repeat 10px 18px #fff;}
.pronav-a dl ul li:hover a{color: #144385;}

.pronav-a dl:hover>a{background:#144385;}
.pronav-a dl dl:hover>a{ color:#ffffff;  }
.pronav-a dl:hover ul{}
.pronav-a dl{font-size: 22px;color: #fff;margin-bottom: 6px;font-weight: bold;text-align: left;line-height: 20px;}
.pronav-a dl.cur, .pronav-a dl:hover{ }
.pronav-a dl>a, .pronav-a dl>a{background: #f5f5f5;width: 100%;display: inline-block;line-height: 54px;padding-left: 24px;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pronav-a dl>a.cur,.pronav-a dl:hover>a{color: #fff;background: #144385;}

.nyhotpro{ width: 100%; overflow: hidden; margin-top: 20px;}
.nyhotpro .nyjc-til{ background: #144385; padding: 24px 0;}
.nyhotpro .nyjc-til h2{color: #fff;font-weight: bold;font-size: 32px;}
.nyhotpro .nyjc-til p{color: #fff;font-size: 16px;font-family: Arial;padding-top: 10px;}
.nyhotpro .bd{ border: 1px solid #ccc;}
.nyhotpro .bd ul{}
.nyhotpro .bd ul li{padding: 16px;}
.nyhotpro .bd ul li a{}
.nyhotpro .bd ul li a img{width: 100%;border: 1px solid #ccc;}
.nyhotpro .bd ul li a p{ line-height: 42px; font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

@media (max-width:1509px) {
    .pronav-a{display:block;}
    .pronav-a dl{/* display:inline-block; */padding: 0;}
}
@media (max-width:1409px) {
    .pronav-a dl{padding: 0;font-size:15px;}
}
@media (max-width:1309px) {
    .pronav-a{line-height:60px;}
    .pronav-a dl{padding: 0;font-size:14px;line-height: 20px;}
    .pronav-a dl>a, .pronav-a dl>a{ font-size: 16px; font-weight: normal; padding-left: 16px; line-height: 42px;}
}

@media (max-width: 991px) {
    #pronav{ display:none }
    #proxqy{ padding-top:24px; }
    #nyprozs{ padding-top:24px; }
}

@media (min-width:768px) and (max-width:1199px) {
    .pronav-a dl{display:block;float:left;width: 100%;line-height: 16px;}
}
@media (max-width:767px) {
    .pronav-a dl{display:block;float:left;width:25%;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media (max-width:500px) {
    .pronav-a{line-height:40px;}
}

#proxqy{ padding-top:40px; }

.kkk1{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin: 0 10px;margin-top: 0px;}
.kkk1 h3{float: left;width: 300px;text-indent: 30px;height: 40px;line-height: 37px;border-bottom: 2px #144385 solid;color: #144385;font-size: 18px;font-weight: bold;background: url(../images/p14-icon11.png) no-repeat 0 center;}
.pro_main {position: relative;padding: 0 10px;display: none;}




/*大事记*/
.event_box{ width: 92%; margin: 3% auto 0;position: relative; /*min-height: 420px;*/}
.event_box .parHd {width: 100%; display: inline-block; height: 92px; overflow: hidden;}
.parHd  ul{ width: 100%; text-align: center; margin: 0 auto; padding-top: 25px !important;}
.parHd .tempWrap{ margin: 0 auto;}
.parHd .tempWrap:after{content: ''; width: 85%; height: 1px; background: #580000; position: absolute; right: 8%; top: 35%; z-index: 10;}
.parHd li.no_line:before{ display: none;}
.parHd li{  display: inline-block; cursor: pointer; padding-top: 30px; font-size: 16px; color: #000;margin:0 30px; position: relative; }
.parHd li:after{ content: ''; background: url(../images/dot_ico.png) no-repeat; width: 24px; height: 24px; position: absolute;  z-index: 20;top: -12px; left: 50%; margin-left: -12px;}
.parHd li.act:after,.parHd li:hover:after{ content: ''; background: url(../images/dot_icoh.png) no-repeat; width: 24px; height: 24px; position: absolute;  z-index: 20;top: -12px; left: 50%; margin-left: -12px;}
.parBd{ text-align: center; margin-top: 60px;}
.parBd h4{ position: relative; font-size: 40px; margin-bottom: 3%; padding: 0 60px;  display: inline-block; text-align: center;}
.parBd h4:after{ content:''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px;}
.parBd h4:before{ content:''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px;}
.parBd p{ line-height: 180%; font-size: 16px; width: 100%; margin: 0 auto;}
div#listBox { width: 100%;}
.sPrev,.sNext{ width: 30px; height: 30px; display: block; position: absolute; top: 80px; z-index: 999;}
.sPrev{ left: 0;}
.sNext{ right: 0;}
.sPrev img,.sNext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95); -moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95); -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95); -o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);     }
/*#memorabilia{padding: 50px 0;}*/
.memorabilia-t h2{ font-size: 30px; color: #333; text-align: center; font-weight: bold; line-height: 60px;}
.memorabilia-t p{text-align: center; font-size: 18px; line-height: 36px;}

/*show*/
/*#showtext{ padding:30px 0; line-height: 2.4; }
#showtext img{margin-top: 20px; max-width: 100%;}*/
.showcontact ul{border:1px solid #dedede; overflow: hidden; padding:30px;}
.showcontact .showcontactdgmap {overflow: hidden;}
.showcontact .showcontactdgmap .showcontactdgtxt h4{background: #144385; line-height: 50px; font-size: 20px; text-align: center; color: #fff; }
.showcontact .showcontactdgmap .showcontactdgtxt ul li{color: #666; line-height: 48px; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-bottom: 14px; box-shadow: 1px 1px 2px #dedede;}
.showcontact .showcontactdgmap .showcontactdgtxt ul li:last-of-type{margin-bottom: 0;}
.showcontactli{margin-top: 30px;}
.showcontactli h4{background: #144385; line-height: 50px; font-size: 20px; text-align: center; color: #fff; }
.showcontactli ul li{color: #666; line-height: 48px; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-bottom: 25px; box-shadow: 1px 1px 2px #dedede;}
.showcontactli ul li:last-of-type{margin-bottom: 0;}
.m20{margin: 20px 0; height: 1px; background: #dedede;}

@media(max-width: 1479px){
    #showtext .showcontact ul{border:1px solid #dedede; overflow: hidden; padding:20px;}
    .showcontactli ul li{ font-size: 14px;}
}


#showtext{ padding:60px 0; font-size: 16px; line-height: 32px;}
#showabout{ padding:60px 0; font-size: 16px; line-height: 32px;}

@media(max-width: 767px){
    #showtext{ padding:30px 0; font-size: 15px; line-height: 32px;}
    #showabout{ padding:30px 0; font-size: 15px; line-height: 32px;}
    .showcontact .showcontactdg{padding: 0;}
    .showcontact .showcontactmap{padding: 0;}
    .showcontactli{padding: 0;}
    #showtext .showcontact ul{border:1px solid #dedede; overflow: hidden; padding:15px;}
}

#flip{ margin-top: 20px;}



/* 内页单页面标题 */
#nytitle{text-align: center;padding:0 10px;margin-bottom:40px;}
#nytitle h1{font-size: 36px;color: #353535;font-weight:bold;}
#nytitle p{color: #999;font-size: 16px;margin-top: 10px;text-transform:uppercase;}
@media only screen  and (max-width: 500px){
    #nytitle{margin-bottom:20px;}
    #nytitle h1{font-size: 30px;}
    #nytitle p{font-size: 14px;}
}

/* 内页单页面内容 */
.nyshow{width:100%;margin-top: 50px;}
.nyshow .shownews-con p{color: #333;}
.nyshow .showabout-l div{color: #666;}
.nyshow-til{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin:20px 0;}
.nyshow-til>h1, .nyshow-til>h2{float: left;padding-right:15px;text-indent: 25px;height: 40px;line-height: 40px;border-bottom: 2px #144385 solid;color: #144385;font-size: 18px;font-weight: bold;position:relative;}
.nyshow-til>h1::before, .nyshow-til>h2::before{content:'';position:absolute;left:0;top:50%;margin-top: -15px;width:6px;height:30px;background:#144385;}
.nyshowdesc{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:40px;min-height:300px;}
.nyshowdesc p{margin:5px 0;color: #333;}
.nyshowdesc img{max-width:100%;height:auto !important;}
.block-shadow{height: 200px;-webkit-box-shadow: 0 10px 20px 0 rgba(50,50,50,.20);box-shadow: 0 10px 20px 0 rgba(50,50,50,.20);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;}
.block-shadow:hover{box-shadow: 0 10px 20px 0 rgba(0,125,255,.5);}
.radius-md{border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.icon-sm{width: 60px;display: inline-block;text-align: center;}
.icon-sm em{font-size: 30px;line-height: 30px;}
.icon-content{overflow: hidden;}
.icon-content h5{font-weight: bold;font-size: 18px;line-height: 25px;color: #1a1a1a;margin-top: 10px;margin-bottom: 10px;}
@media (max-width:767px) {
    .nyshowdesc{font-size:14px;line-height:1.6;margin-bottom:20px;min-height:100px;}
    .nyshowdesc h1{font-size:30px;}
    .nyshowdesc h2{font-size:24px;}
    .nyshowdesc h3{font-size:18px;}
    .nyshowdesc h4{font-size:14px;}
    .block-shadow{height:auto;}
}

.nyshowdesc>.nyject{overflow:hidden;background: #f5f5f5;}
.nyshowdesc>.nyject .nyject_img{overflow:hidden;}
.nyshowdesc>.nyject .nyject_img img{transition: 0.5s;}
.nyshowdesc>.nyject .nyject_txt{padding:20px 50px;}
.nyshowdesc>.nyject .nyject_txt h4{color:#333;font-size:24px;margin-bottom:20px;font-weight:bold;}
.nyshowdesc>.nyject .nyject_txt p{font-size:16px;color:#666;}
.nyshowdesc>.nyject:hover .nyject_img img{transform: scale(1.1);}
@media (min-width:768px) {
    .nyshowdesc>.nyject{display:flex;align-items: center;}
    .nyshowdesc>.nyject:nth-child(even){flex-direction: row-reverse;}
    .nyshowdesc>.nyject .nyject_img,  .nyshowdesc>.nyject .nyject_txt{flex:50%;}
}
@media (max-width:767px) {
    .nyshowdesc>.nyject .nyject_txt{padding:20px;}
}
@media (max-width:500px) {
    .nyshowdesc>.nyject .nyject_txt{padding:15px;}
    .nyshowdesc>.nyject .nyject_txt h4{font-size:20px;margin-bottom:10px;}
    .nyshowdesc>.nyject .nyject_txt p{font-size:14px;}
}

/* 留言模块Message */
#nymessage{padding:50px 0;background:url(../images/nymessagebg.jpg) no-repeat center / cover;}
#nymessage h4{color:#144385;}
#nymessage form{overflow:hidden;margin-top:50px;}
#nymessage form label{font-weight:normal;text-align:none ! important; white-space: nowrap; }
#nymessage .nymessage-h6{text-align:left;}
@media (max-width:767px) {
    #nymessage{padding:30px 0;}
    #nymessage h4{font-size:16px;line-height:1.4;}
    #nymessage form{margin-top:30px;}
    #nymessage form>div[class^="col-"]{padding:0 5px;}
}


/*文章模块*/
#newslist{padding:30px 0;}
#newslist .n_cont dl{border:1px solid #dedede; padding: 20px; overflow: hidden; margin-bottom: 20px;}
#newslist .n_cont dl:hover{box-shadow: 0px 0px 3px #666;}
#newslist .n_cont dl img{ width: 300px; transition:all 1s;}
#newslist .n_cont dl dt{ float: left;}
#newslist .n_cont dl dd{ float: right; width: calc(100% - 320px);}
#newslist .n_cont dl h3{ font-size: 18px; color:#333; line-height: 36px; border-bottom: 1px dashed #dedede; font-weight: bold;}
#newslist .n_cont dl p{ line-height: 2;color: #666;}
#newslist .n_cont dl span{display: block; line-height: 32px; background: url(/images/hits.png) no-repeat left; padding-left: 30px;}
#newslist .n_cont dl em{text-align: right; display: block;}
#shownews{ padding: 30px 0;}
#shownews h1.title{ font-size: 18px; line-height: 40px; border-bottom: 1px dashed #dedede; font-weight: bold; text-align: center;}
#shownews .editor{padding: 10px; line-height: 2; font-size: 16px;}
#shownews .editor img{max-width: 100%;}

#newslist .n_cont dl dt{overflow: hidden;}
#newslist .n_cont dl:hover img{transform:scale(1.1);}
#newslist .n_cont dl:hover h3{color: #144385;}

@media(max-width: 767px){
    #newslist .n_cont dl img{ width: 100%;}
    #newslist .n_cont dl dd{ float: auto; width:100%;}
    #shownews .editor{padding: 10px; line-height: 2; font-size: 14px;}

}




/* 业务领域 */
.nybusiness{line-height: 40px;border-bottom: 1px #ccc solid;overflow:hidden;}
.nybusiness>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #144385 solid;color: #144385;font-size: 18px;font-weight: bold;background:url(../images/page/ny-objs.png) no-repeat left;}
#nybusinesslist{margin-bottom:20px;}
#nybusinesslist li a{display:block;position:relative;}
.nybusiness-img{overflow:hidden;}
#nybusinesslist li a p{position:absolute;left:0;bottom:0;background: rgba(0,0,0,.5);width:100%;line-height:36px;padding:0 10px;text-align:center;color:#fff;font-size:15px;}
#nybusinesslist li a:hover p{background: rgb(20 67 133 / 79%)}
@media only screen and (max-width:767px) {
    #nybusinesslist li a p{line-height:30px;font-size:14px;}
}
.list-unstyled .owl-nav{display: none;}

/*推荐新闻*/
.nyhotnews{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;}
.nyhotnews>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #144385 solid;color: #144385;font-size: 18px;font-weight: bold;background:url(../images/page/nyhotnewico.png) no-repeat left;}
.nyhotnews-list{margin-top:10px;overflow:hidden;}
.nyhotnews-list li{font-size: 14px;line-height: 30px;background: url(../images/page/iyuan.png) no-repeat left;background-size: 8px;box-sizing:border-box;}
.nyhotnews-list li a{float:left;width:calc(100% - 90px);color:#333;}
.nyhotnews-list li span{float:right;color:#666;}
.nyhotnews-list li:hover{background: url(../images/page/iyuan_on.png) no-repeat left;background-size: 8px;}
.nyhotnews-list li:hover a{color:#144385;}

/*视频列表*/
.nyvideo-ul{overflow:hidden;}
.nyvideo-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;}
.nyvideo-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;}
.nyvideo-div a img{display:block;max-width: 100%;width: 311px;}
.nyvideo-div a.nyvideo-a{padding:0 10px;border:none;line-height:25px;text-align:center;}
.nyvideo-div:hover a{border-color:#144385;color:#144385;}

/*视频详情*/
.showvideo-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;}
.showvideo-top>h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;}
.showvideo-time{text-align:center;}
.showvideo-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;}
.showvideo-time span:last-child{margin-right:0;}
.showvideo-mp{margin:20px 0;text-align:center;}
.showvideo-mp video, .showvideo-mp iframe{width:800px;max-width:100%;}
.showvideo-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;}
.showvideo-con  img{max-width:100%;height:auto !important;}

/*下载列表*/
.nydown-list{margin-bottom:20px;}
.nydown-list table{width:100%;text-align:center;}
.nydown-list table thead{background:#144385;color:#fff;font-size:16px;line-height:2;}
.nydown-list table tbody{line-height:1.6}
.nydown-list table tbody tr td{color:#666;}
.nydown-list table tbody tr td:first-child{color:#333;}

/*下载详情*/
.showdown-top{margin-bottom:20px;}
.showdown-top>h1{font-size: 18px;margin-bottom:10px;color:#333;font-weight:bold;padding-left:20px;}
.showdown-top>ul{padding:10px;background:#f6f6f6;}
.showdown-top>ul>li{border-bottom: 1px solid #eee;font-size:12px;color:#666;margin-bottom:5px;line-height:20px;}
.showdown-top>ul>li:last-child{margin-bottom:0;}
.showdown-top>ul>li>span{padding: 0px 10px;margin-right: 5px;}
.showdown-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;}
.showdown-con  img{max-width:100%;height:auto !important;}

/*图片列表*/
.nyimg-ul{overflow:hidden;}
.nyimg-ul li {margin-bottom:20px;padding:0 10px;}
.nyimg-ul li .nyimg-div {background:#fff;padding:7px;border:1px solid #D9D9D9;}
.nyimg-ul li .nyimg-div a {display:block;overflow:hidden;}
.nyimg-ul li .nyimg-div img {margin:0 auto;-webkit-transition:1s;-moz-transition:1s;transition:1s;width:100%;}
.nyimg-ul li .nyimg-a{padding:0 5px;margin-top:9px;line-height:40px;display:block;background:#EFEFEF;font-size:14px;color:#333;text-align:center;}
.nyimg-ul li:hover .nyimg-a {color:#ffffff !important;}
.nyimg-ul li:hover .nyimg-div img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.nyimg-ul li:hover .nyimg-a {background:#144385;color:#fff;}
@media (max-width:767px){
    .nyimg-ul li .nyimg-a{line-height:32px;}
}

/*图片详情*/
.showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;}
.showimg-top h1{line-height: 1.5;color: #333;text-align: center;font-size:30px;}
.showimg-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;}
.showimg-img{margin-top: 25px;margin-bottom: 15px;text-align:center;}
.showimg-img img{max-width: 100%;height:auto !important; border: 1px solid #ddd;}
.ctitle{margin-bottom:15px;}
.ctitle h3{padding-left:20px;background: url(../images/dt-7.gif) no-repeat left center;line-height:30px;border-bottom: 1px dotted #ccc;color:#666;font-size:16px;font-weight:bold;}
.showimg-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 300;padding: 0 10px;border-bottom: 1px solid #F0F2F5;padding-bottom: 20px;}
.showimg-con img{max-width: 100%;height:auto !important;}
.showimg-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;}
.showimg-page>div[class^="col-"]{padding: 0 10px;}
.showimg-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;}
.showimg-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;}
.showimg-right{border-left:1px solid #f0f2f5;}
@media (max-width:767px){
    .showimg-left{padding:0;}
    .showimg-top h1{font-size: 20px;}
    .showimg-con{font-size:14px !important;}
    .showimg-page a{padding:8px;}
}

/* 右侧栏目信息 */
.nybusiness{margin-bottom: 20px;}
.nybusiness>p{font-size: 16px;color: #144385;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-objs.png) no-repeat left;}
.nybusiness a{margin-bottom:10px;display:block;position:relative;}
.nybusiness a:last-child{margin-bottom:0;}
.nybusiness-img{overflow:hidden;}
.nybusiness a p{position:absolute;left:0;bottom:0;background: rgba(0,0,0,.5);width:100%;line-height:30px;padding:0 10px;text-align:center;color:#fff;}
.nybusiness a:hover p{background: rgba(0,153,255,.5);}

.hotnews{}
.hotnews p{font-size: 16px;color: #144385;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-news.png) no-repeat left;}
.hotnews a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(../images/iyuan.png) no-repeat left;background-size:8px;}
.hotnews a:hover{background: url(../images/iyuan_on.png) no-repeat left;color: #144385;}

/*新闻列表*/
.nynews-ul {overflow:hidden;}
.nynews-ul li.nynews-li {padding:0 10px 10px;margin-bottom:20px;cursor:pointer;}
.nynews-img {padding:0;overflow:hidden;border:1px solid #f3f3f3;}
.nynews-img a {display:block;}
.nynews-img img {width:100%;transition:.8s}
.nynews-ul li.nynews-li:hover img {transform:scale(1.02);}
.nynews-date {color:#333;line-height:20px;font-size:12px;}
.nynews-date span {color:#4d4c51;}
.nynews-date img {margin:4px 6px 0 0;float:left;}
.nynews-date p {float:left;margin:0;}
.nynews-date i {margin-right:5px;}
.nynews-con h3 {font-size:18px;font-weight:bold;color:#3b3c3c;text-transform:uppercase;line-height:32px;letter-spacing:1px;margin-top:0px;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nynews-con h3 a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;}
.nynews-ul li.nynews-li:hover h3 a {color:#144385;}
.nynews-con {background-color:#f9f9f9;padding-top:16px;padding-bottom:18px;}
.nynews-con p.nynews-desp {color:#8d8d8d;font-size:14px;line-height:23px;margin:10px 0;height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nynews-con a.nynews-more {position:relative;left:0;color:#ffffff;font-size:15px;padding:7px;background:#144385;margin-top:10px;width:120px;display:block;border-radius:20px;float:left;text-align:center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.nynews-con a.nynews-more:hover {background:#FF7A0E;left:10px;color:#ffffff !important;}
@media (max-width:991px) {
    #nynewslist>.container {padding-left:5px;padding-right:5px;}
    .nynews-ul li.nynews-li {padding:0 5px 4px;margin-bottom:14px;}
}
@media (max-width:767px) {
    .nynews-con h3 {font-size:16px;font-weight:bold}
    .nynews-con {padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 12px;}
    .nynews-con p.nynews-desp{margin: 2px 0 8px;}
}

/*新闻详情*/
.shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;}
.shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;}
.shownews-time{text-align:center;}
.shownews-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;}
.shownews-time span:last-child{margin-right:0;}
.shownews-con{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;}
.shownews-con  img{max-width:100%;height:auto !important;}
.shownews-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;}
.shownews-page>div[class^="col-"]{padding: 0 10px;}
.shownews-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;}
.shownews-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;}
@media (max-width:767px){
    .shownews-top h1{font-size: 20px;}
    .shownews-con{font-size:14px !important;line-height: 1.6;}
    .shownews-page a{padding:8px;}
}

/* 招聘模块Nyjoblist*/
.nyjoblist-ul{overflow: hidden;}
.nyjoblist-ul li{margin-bottom: 20px;border-bottom: 1px solid #dedede;}
.nyjoblist-ul li .nyjoblist-top{padding: 20px;position: relative;overflow:hidden;}
.nyjoblist-ul li .nyjoblist-top h3{color: #333;font-size: 20px;font-weight: bold;padding-bottom: 10px;}
.nyjoblist-ul li .nyjoblist-top span{padding-right: 20px;color: #999;}
.nyjoblist-ul li .nyjoblist-top p{color:#666;margin:10px 0;}
.nyjoblist-ul li .nyjoblist-top>a{float:left;padding:10px 25px;background:#144385;border-radius:20px;color:#fff;margin-right:10px;}
.nyjoblist-ul li .nyjoblist-top>a+a{margin-right:0;}
.nyjoblist-ul li .nyjoblist-top>a:hover{background:#ffc531;color:#333;}
@media (max-width:767px) {
    .nyjoblist-ul li .nyjoblist-top{padding:10px;}
}






.showjob-left{padding-bottom:30px;}
.showjob-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:10px;}
.showjob-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 30px;}
.showjob-list{overflow:hidden;margin-bottom:30px;}
.showjob-list li{width:50%;float:left;padding:5px 10px;background: url(../images/dt-0.png) no-repeat left top 13px;}
.showjob-list li span{float: left;margin-right: 10px;color: #999;}
.showjob-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 400;padding: 10px 0;}
.showjob-con img{max-width: 100%;height:auto !important;}
.showjob-more{}
.showjob-page{padding-top: 20px;padding-bottom:20px;overflow: hidden;}
.showjob-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;}
.showjob-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;}
@media (max-width:767px){
    .showjob-top h1{ font-size:20px;}
    .showjob-top h2{ font-size:16px;}
    .showjob-con{padding:0;font-size:14px !important}
    .showjob-left{padding: 0;}
    .showjob-page>div[class^="col-"]{padding: 0 10px;}
}

/* 产品列表 */
.nypro-ul{overflow:hidden;}
.nypro-ul li{padding:0 10px;margin-bottom:10px;}
.nypro-ul li a{display:block;position:relative;overflow:hidden;}
.nypro-ul li a:hover .nypro-img{box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);}
.nypro-ul li a:hover p{color:#fff;}
@media (max-width:767px){
    .nypro-ul li a p{line-height:30px;font-size:14px;}
}



/*产品详情*/
.showpro-top{border-bottom: 1px solid #f0f2f5;margin-bottom:20px;}
.showpro-top h1{line-height: 1.5;color: #333;/*text-align: center;*/font-size:30px;border-bottom: 1px solid #f0f2f5;}
.showpro-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;}
.showpro-img{margin-bottom:20px;}
.showpro-img .sp-wrap {
    display: block;
}
.showpro-img .sp-wrap img{width: 100%; max-width: 100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{width:140px;height:93px;}
@media (max-width:767px){
    .showpro-top h1{font-size: 20px;}
    .showpro-imgbox{padding:0;}
}


/*产品参数*/
.nyproshow-info{line-height:1.8;color:#666;margin-bottom:20px;}
.showpro-tel{overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;}
.showpro-telx{float:left;line-height:40px;}
.showpro-telx img{float:left;margin-right:12px;}
.showpro-telcon{float:left;}
.showpro-telcon p{float:left;color:#666;margin-bottom:0;}
.showpro-telcon span{float:left;color:#333;font-size:24px;font-family: arial;}
.showpro-tel a{float:right;display:block;line-height:40px;padding:0 20px;background:#144385;color:#fff;}
.showpro-tel a i{margin-right:5px;}
.showpro-tel a:hover{background:#034ad8;}
.showpro-down{padding:10px 0;}
.showpro-down a{display: block;line-height: 40px;background: #144385;text-align: center;color: #fff;font-size: 16px;}
.showpro-con{margin-top: 20px;}
.showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;overflow:hidden;}
.showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;}
.showpro-con ul li.on{background: #144385;color:#fff;}
.showpro-con ul li:last-child{margin-right: 0;}
.showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;}
.showpro-details .showpro-det{/*display:none;*/min-height:100px;}
.showpro-details div{margin-bottom: 10px;}
.showpro-details p{margin: 5px 0;}
.showpro-details img{max-width: 100%;height:auto !important;}
.showpro-details video{max-width: 100%;height:auto !important;}
@media (max-width:767px){
    .showpro-details{font-size: 14px;line-height: 1.6;}
}

/*相关产品*/
.nyaboutpro{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;}
.nyaboutpro>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #144385 solid;color: #144385;font-size: 18px;font-weight: bold;background:url(../images/nyaboutproico.png) no-repeat left;}
#abprolist{margin:20px 0;}
#abprolist li{padding:0 10px;}
#abprolist li a{display:block;}
#abprolist li a .abpro-img{padding:2px;border:1px solid #ccc;}
#abprolist li a .abpro-img img{display:block;max-width:100%;}
#abprolist li a p{line-height:35px;height:35px;text-align:center;background:#ccc;padding:0 10px;color:#333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#abprolist li a:hover .abpro-img{border-color:#144385;}
#abprolist li a:hover p{background:#144385;color:#fff;}

/* 标签 */
.pro_key {line-height: 35px;font-size: 15px;color: #333;font-weight: bold;}
.pro_key a{font-size: 14px;background: #9e9c9c;padding: 2px 6px;color:#fff;font-weight: normal;text-decoration: none;}
.pro_key a:hover{background:#144385;}
/* 分享按钮 */
.jiathis{padding-top:10px;height:35px;line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;margin-bottom:20px;}
.jiathis .jiathis_txt{float: left;}
/* 上下页按钮 */
.ny-page{overflow: hidden;margin-bottom:30px;}
.ny-pagea{width:50%;float:left;padding:0 10px;box-sizing:border-box;}
.ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;}
.ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;}

/* 搜索模块 */
.nysearch-ul{overflow: hidden;}
.nysearch-ul li.nysearch-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;overflow:hidden;}
.nysearch-til>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #144385;margin-right: 5px;position: relative;top:0;padding: 4px 6px;}
.nysearch-til>a .nysearch-arrow{position: absolute;width: 0;height: 0;vertical-align: top;top: 7px;right: -4px;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-color: #144385;}
.nysearch-til>a:hover{background:#333;}
.nysearch-til>a:hover .nysearch-arrow{border-left-color:#333;}
.nysearch-til>h2{display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px;}
.nysearch-con p.nysearch-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.nysearch-date {color: #333;line-height: 20px;font-size: 12px;}
.nysearch-date span{color: #999;}
.nysearch-date p{float: left;margin: 0;}
.nysearch-date i{margin-right: 5px;}
.nysearch-con a.nysearch-more{position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
.nysearch-con a.nysearch-more:hover{background: #144385;left:10px;}


/*联系我们*/
.product-inlist{background-color:#f6f6f6;}
.contact_meg {float:right;width:50%;height:510px;z-index:3;background:#f6f6f6;}
.meg_con .title2 {font-size:28px;color:#333333;max-width:510px;margin-bottom:24px;margin-top:35px;font-weight:bold;}
.meg_con .tel {padding:18px 0;border-top:solid 1px #333;border-bottom:solid 1px #333;color:#333;max-width:510px;font-size:30px;}
.meg_con .tel img {display:inline-block;}
.meg_con .megs {margin-top:28px;font-size:15px;line-height:36px;}
.meg_con {width:100%;z-index:3;padding-left:8%;padding-right:4%;box-sizing:border-box;}
.my-map {margin:0 auto;width:50%;height:510px;float:left;}
.amap-container {height:100%;}
@media only screen and (max-width:1199px) {
    .meg_con {width:100%;position:unset;padding-left:5%;box-sizing:border-box;}
    .meg_con .title2,
    .meg_con .tel{max-width: initial;width: 100%;}
    .contact_meg {width:100%;float:none;height:auto;padding-bottom:40px}
    .my-map {margin:0 auto;width:100%;height:400px;float:none;}
}
@media only screen and (max-width:991px) {
    .product-inlist>div{margin-bottom: 0 !important;}
    .product-inlist{margin-bottom: 0;}
}
@media only screen and (max-width:768px) {
    .meg_con .title2 {margin-bottom:16px;margin-top:20px;font-size:24px;}
    .meg_con .megs {font-size:14px;line-height:30px;}
    .meg_con .tel {padding:10px 0;font-size:20px;}
    .meg_con .tel img {width:26px;}
    .meg_con .megs {margin-top:10px;}
    .meg_con .tel img {width:20px;margin-bottom:0;}
    .meg_con .title2 {font-size:22px;}
    .product-inlist {margin-top:10px;}
}




/*翻页样式*/
.metpager_1{ text-align:center;}
.metpager_2{ text-align:center;}
.metpager_3{ text-align:center;}

#flip{line-height: 25px;}
.digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}

.metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;}
.metpager_4 a:hover { border:1px solid #009; color:#000;}
.metpager_4 a:active {border:1px solid #009; color:#000;}
.metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;}
.metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;}

.metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#144385; display: inline-block; }
.metpager_5 a:hover { border:1px solid #144385; color:#fff; background-color:#144385;}
.metpager_5 a:active {border:1px solid #009; color:#000;}
.metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#fff; background:#144385; border:1px solid #144385; text-decoration:none;display: inline-block;}
.metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;}

.metpager_6{ color:#ff6500; }
.metpager_6 a,.metpager_6 span.miy{ border:1px solid  #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);}
.metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;}
.metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;}

.metpager_7 a,.metpager_7 span.miy{ border:1px solid  #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;}
.metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;}
.metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;}
.metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;}
.metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; }
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; }
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; }
.metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;}
.metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}
@media (max-width:767px){
    .digg4>span:nth-child(-n+2){display:none;}
}

/*内页联系我们*/
.lianxi_m {overflow: hidden;margin-top: 10px;margin-bottom: 24px;background: #f5f5f5;}
.lianxi_m .lianxi_ml {width: 410px;float: left;background: #144385;color: #fff;padding: 30px 40px 30px 40px;overflow: hidden;}
.lianxi_m .lianxi_ml .lianxi_ml_m { overflow: hidden;font-size: 36px;font-weight: bold;line-height: 52px;margin-bottom: 18px; color: #fff; }
.lianxi_m .lianxi_ml .lianxi_ml_s { width: 310px;border: solid 2px #fff;font-size: 26px;font-family: Arial, Helvetica, sans-serif;text-align: center;margin-bottom: 18px;line-height: 55px; }
.lianxi_m .lianxi_ml .lianxi_ml_en { font-family:'Arial';font-size: 24px;line-height: 40px; }

.lianxi_mr {float: right;position: relative;width: calc(100% - 470px);}
.lianxi_mr_i {float: left;font-family: Arial, Helvetica, sans-serif;font-size: 100px;font-weight: 89;margin-left: -28px;line-height: normal;color: #999;position: absolute;overflow: hidden;margin-top: 20px;}
.lianxi_m .mr_i {font-size: 100px;line-height: 200px;margin-top: 100px;margin-left: calc(100% - 690px); position: absolute; right:30px;}
.lianxi_mr_m {width: calc(100% - 69px);float: left;overflow: hidden;padding-left: 22px;padding-right: 10px;padding-top: 38px;line-height: 28px;color: #666;font-size: 16px;text-align:left}
.lianxi_mr_m span {font-size: 24px;font-weight: bold;line-height: 60px;color: #144385;}
.contact_ny ul{ background: #fff; overflow: hidden; border-right: none;}
.contact_ny ul li {float: left;width:33.3333%;height: 140px;border-width: 1px 0 1px 1px;border: 1px solid #ececec;padding:35px;text-align: left;box-sizing: border-box; }
.contact_ny ul li em {float: left;display: inline-block;width: 51px;height: 51px;margin-right: 9px;margin-top: 6px;}
.contact_ny ul li h5 {color: #144385;margin-bottom: 6px;margin-top: 10px;font-size: 18px;font-weight: bold;display: block;}


@media(max-width: 1199px) {
	.lianxi_m .lianxi_ml { width: 400px; }
	.lianxi_mr_i { display: none; }
	.lianxi_mr { width: calc(100% - 400px); }
}

@media(max-width: 991px) {
	.contact_ny ul li { width: 50%; }
	.lianxi_mr { width: calc(100% - 360px); }
	.lianxi_m .lianxi_ml { width: 360px;padding: 30px 20px 30px 20px; }
	.lianxi_mr_m{ width: 100%; }
}

@media(max-width: 767px) {
	.lianxi_m .lianxi_ml{ width: 100%;float: none; overflow: hidden; padding: 20px 20px 20px 20px;}
	.lianxi_mr { width: 100%; float: none; overflow: hidden; }
	.contact_ny ul li{ width: 100%; }
	.lianxi_mr_m{ padding-top: 15px; padding-bottom: 20px; }
	.lianxi_m .lianxi_ml .lianxi_ml_m { font-size: 24px; }
	.lianxi_m .lianxi_ml .lianxi_ml_s { width: 290px; line-height: 48px; font-size: 24px; }
	.lianxi_m .lianxi_ml .lianxi_ml_en { font-size: 20px; line-height: auto; }
}

@media(max-width: 500px) {
	.contact_ny ul li{padding: 26px 35px;height: 120px;}
}





/*产品模块*/

.nyprolist{padding: 30px 0;}

.nypro-img{border:1px solid #e6e6e6;overflow: hidden;}

.nypro-img img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

.nypro-ul li{margin-bottom: 15px}

.nypro-ul li p{background: #e6e6e6;text-align: center;height: 45px;line-height: 45px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:0;padding:0 10px;}

.nypro-ul li:hover .nypro-img{border-color:#144385;}

.nypro-ul li:hover .nypro-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.nypro-ul li:hover p{background: #144385;color:#fff;}

@media (max-width: 991px) {

    .nyprolist{padding: 2px 0 15px;}

}



.showpro-p h1 { font-size: 20px;line-height: 30px;color: #222;margin-bottom: 15px;font-weight: bold;text-transform: capitalize; }
.showpro-p h4 { color: #808080;font-size: 14px;line-height: 24px; border-top:1px solid #ddd; padding-top: 10px; }


.pro-ico{display: flex;margin: 15px 0;}

.pro-ico a{flex: 1;padding: 0 10px;}

.pro-icoimg{width: 60%;margin: 0 auto;background: #ccc;border-radius: 50%;padding: 20px;}

.pro-ico p{text-align: center;margin-top: 5px;}

.pro-mlist{background: #fff;overflow: hidden;}

.pro-mp{padding-left: 15px;border-bottom: 1px dashed #eee;}

.pro-mp p{line-height: 50px;font-size:16px;padding-left: 15px;position: relative;}

.pro-mp p::before{content:'';position: absolute;left: 0;top: 50%;margin-top: -7px;width: 2px;height: 16px;background: #144385;}

.pro-mlist li{padding: 10px;border-bottom: 1px dashed #eee;}

.pro-m-img{padding: 0;border: 1px solid #ddd;}

.pro-m-txt{padding-left: 10px;padding-right: 0;}

.pro-m-txt>a{font-size: 16px;display: block;color: #333;margin-bottom: 10px;}

.pro-m-txt>p{font-size: 14px;color: #999;line-height: 20px;height: 40px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.pro-m-al{overflow: hidden;margin-top: 10px;margin-right: 20px;}

.pro-m-al a{width: 40px;height: 30px;display: block;float: right;border: 1px solid #f3f3f3;}

.pro-m-al a.pro-mico1{background: url(../images/pro-mico1.png) no-repeat center;background-size: 20px;}

.pro-m-al a.pro-mico2{background: url(../images/pro-mico2.png) no-repeat center;background-size: 20px;border-left: none;}

@media (max-width: 800px) {

    .pro-icoimg{padding: 15px;}

}

@media (max-width: 700px) {

    .pro-icoimg{width: 80%;}

}

@media (max-width: 600px) {

    .pro-icoimg{width: 80%;}

    .pro-ico p{font-size: 12px;}

}

@media (max-width: 500px) {

    .pro-ico{margin: 10px 0;}

    .pro-ico a{padding: 0 5px;}

    .pro-icoimg{width: 100%;}

}






.nyjc{}

.nyjc-til{padding:10px; color:#fff; background: #144385; line-height: 3;}

.nyjc-til p{font-size: 24px;padding-left:40px;background:url(../images/fen-bt.png) no-repeat left;}

.nyjc-til i{display: block;height: 1px;width: 90px;background: #fff;margin:10px 0;}



.nyrepro-til{border-bottom:1px solid #e5e5e5;}

.nyrepro-til p{
    width: 150px;
    text-indent: 30px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px #144385 solid;
    color: #144385;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/page/ny-objs.png) no-repeat left;}

.showpro .nyrepro .nyrepro-til p{ background: url(../images/xgcp.png) no-repeat left; }


.nyrepro ul{background: #fff;}

.nyrepro ul li{padding: 10px ; }
.nyrepro ul li a{border:1px solid #dedede; display: block;}
.nyrepro ul li a .img { padding:2px;  }
.nyrepro ul li a .desc { padding-top: 30px; }
.nyrepro ul li a .desc p { font-size: 14px; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 2; }
.nyrepro ul li a .desc span { font-size: 12px; color: #666; }
.nyrepro ul li:hover a .desc p { color: #144385; }
.nyrepro ul li:hover a .desc span{ color: #144385; }
.nyrepro ul li h3{ font-size: 15px; text-align: center; background: #dedede; line-height: 2.4; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px;}
.nyrepro ul li:hover a{border:1px solid #144385;}
.nyrepro ul li:hover h3{background: #144385; color: #fff;}







#sidebar2{padding:10px; background:#f8f8f8;}

#sidebar2 li{margin-top: 10px;}

#sidebar2 li:first-child{margin-top: 0px;}

#sidebar2 li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;color: #666;background: #eee;}

#sidebar2 li.cur a, #sidebar2 li:hover a{background: #144385;color: #fff;}

#sidebar2 dt{ font-weight: normal; font-size: 15px; line-height: 2.5; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: left; color: #666; cursor: pointer; background: #eee;  margin-bottom: 10px;}



#sidebar2 dt>a{display: block; font-size: 15px; color: #666; padding-left: 20px;}

#sidebar2 dt.cur a,#sidebar2 dt:hover a{color:#fff; background: #144385;}

#sidebar2 dd.cur>a,#sidebar2 dd:hover>a{color:#144385;}





#sidebar2 dd a{display: block;line-height: 35px;border-bottom: 1px dashed #ddd;background: url(../images/iyuan.png) 5px center no-repeat;padding-left: 25px;margin-bottom: 5px;position: relative;color: #333;}

#sidebar2 dd a.cur, #sidebar2 dd a:hover{background: url(../images/iyuan_on.png) 5px center no-repeat;color:#144385;}







@media(max-width: 991px){

    .nyrepro-til{padding: 0;}

    .pro-mp{padding-left: 0;}

    .page-header{margin-bottom: 0;}



}






#nynav{padding: 10px 0;border-bottom: 1px solid #ddd;}

.nyjc-crcrumbs{border-bottom: 1px solid #ddd;background: url(../images/nav_tb.png) left 6px no-repeat;padding-left: 20px;color: #808080;margin-bottom: 15px;line-height: 25px;padding-bottom: 10px;}

.nyjc-crcrumbs a{color: #808080;}

.nyjc-crcrumbs a:hover{color: #144385;}


.nyprolist{padding: 30px 0;}

/*.nypro-img{border:1px solid #e6e6e6;overflow: hidden;}*/

.nypro-img img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; width: 100%;}

.nypro-ul{overflow: hidden;padding-top: 20px;}

.nypro-ul li{margin-bottom: 20px}
.nypro-ul li>div {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 10px;
}

.nypro-ul li:hover .nypro-img{border-color:#144385;}

.nypro-ul li:hover .nypro-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.nypro-ul li:hover p{background: #144385;color:#fff;}

@media (max-width: 991px) {

    .nyprolist{padding: 2px 0 15px;}

}


.case_img p>img{margin: 10px 0;}



/*相关推荐*/

.xgred{overflow: hidden;}
.xgred li:nth-child(odd) {  padding-left: 0px; }

.xgred .xgred-con{line-height: 40px;border-bottom:1px #ccc dashed;overflow: hidden;}

.xgred .xgred-con a{font-size: 14px;color: #4b4b4b;display: block;float: left;width: calc(100% - 90px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.xgred .xgred-con em{float: right;font-size: 13px;color: #ccc;line-height: 40px;margin-right: 10px;}

.xgred .xgred-con a:hover{color: #144385}


@media(max-width: 767px) {
    .xgred li:nth-child(odd) {  padding-left: 15px; margin-top: 20px; }
    .nyjc { margin-top: 20px; }
}
.page-header { padding-bottom:  0px;}

.page-header h3 {
    width: 150px;
    text-indent: 30px;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px #144385 solid;
    color: #144385;
    font-size: 18px;
    font-weight: bold;
    background: url(../images/page/nyhotnewico.png) no-repeat left; }



@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot');
    src:url('../fonts/icomoon.eot@#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Common styles of menus */

.dl-menuwrapper {
    width: 100%;
    max-width: 210px;
    float: right;
    position: absolute;
    top:0;
    right:0;
    padding-top: 54px;
    z-index: 999;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    -moz-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
}

.dl-menuwrapper button {
    /*background: url(../images/header-bg.png) repeat-x bottom left;*/
    border: none;
    width: 44px;
    height: 40px;
    text-indent: -900em;
    overflow: hidden;
    position: absolute;
    top:20px;
    right:5px;
    cursor: pointer;
    outline: none;
    background:  url(../images/menu-button-bg.png) no-repeat center center;
    background-size: 60%;
}

.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {
    /*background: url(../images/header-bg.png) repeat-x bottom left;*/

}

.dl-menuwrapper ul {

}

/*
.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 60%;
	height: 4px;
	background: #fff;
	top: 12px;
	left: 22%;
	box-shadow:
		0 10px 0 #fff,
		0 20px 0 #fff;
}
*/

.dl-menuwrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
    background: #fff;
}

.dl-menuwrapper li a {
    display: block; padding-left: 10px;
    position: relative;
    border-bottom: 1px #dedede dashed;
    font-size: 15px;
    line-height: 40px;
    font-weight: 300;
    color: #666;

    outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 40px;

    speak: none;
    -webkit-font-smoothing: antialiased;
    content: '+'; color: #999;
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(255,255,255,0.8);
}

.dl-menuwrapper .dl-menu {
    right: 13px;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen { padding: 15px; background: #fff;
    opacity: 1; box-shadow: 0px 0px 3px #999;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
    display: none;
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    -moz-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    -moz-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    -moz-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    -moz-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    -moz-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut1 {
    50% {
        -moz-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -moz-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        -moz-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut2 {
    100% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut3 {
    100% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut4 {
    100% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut5 {
    100% {
        -moz-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    50% {
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    100% {
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    -moz-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    -moz-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    -moz-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    -moz-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    -moz-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn1 {
    0% {
        -moz-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -moz-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -moz-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn2 {
    0% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn3 {
    0% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn4 {
    0% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn5 {
    0% {
        -moz-transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        transform: translateY(40%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    -moz-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    -moz-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    -moz-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    -moz-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn1 {
    0% {
        -moz-transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn2 {
    0% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn3 {
    0% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn4 {
    0% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn5 {
    0% {
        -moz-transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    -moz-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    -moz-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    -moz-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    -moz-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut1 {
    0% {
        -moz-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -moz-transform: translateX(50%);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut2 {
    0% {
        -moz-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut3 {
    0% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut4 {
    0% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut5 {
    0% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -moz-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    100% {
        transform: translateZ(-200px);
        opacity: 0;
    }
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: '';
}