@media screen and (min-width: 1200px) {
	.waponly { display: none }
	.m_img{ display:none}
	.padtop{ padding-top:115px;}
	.vido{ width:100%; height:100vh;object-fit: fill;}
	.m_nav{ display:none}
	.navbar { background: #fefefe; border: none; padding: 4px 0 13px ; opacity:0.6;}
	.navbar-collapse { max-height: none !important; padding-bottom: 15px }
	.navbar-collapse * { color: #fefefe; margin: 0 }
	.navbar-nav > li:first-child .caret { visibility: hidden }
	.navbar-nav > li > a { font-size: 16px; color: #fefefe; margin-top: 0; padding: 28px 19px }
	.navbar-nav > li.active > a { background: transparent; color: #0070c0 }
	.navbar-nav > li > a:hover { background: transparent; color: #0070c0 }
	.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus { background: transparent }
	.navbar-link { font-size: 14px; color: #fefefe; margin-left: 20px }
	.navbar-link.reg { }
	.navbar-text { margin: 0; margin-left: 70px }
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: transparent }
	.carousel-control { background: transparent none !important; text-shadow: none; opacity: .8;}
	.navbar-link.reg:after { content: "/"; position: relative; width: 10px; height: 10px; left: 10px }
	.logo-a { padding: 0; display: block; margin-left: 15px; height: auto }
	.WebLogo { width: auto; margin-top: 13px }
	.navbar-nav > li > .dropdown-menu li:last-child { border: none }
	.navbar-nav > li > .dropdown-menu li { margin: 5px 9px; padding: 0 0 7px }
	.navbar-nav > li  .dropdown-menu li a:active { }
	.navbar-nav > li > .dropdown-menu li a { font-size: 16px !important; padding: 5px 0; position: relative }
	.navbar-nav > li > .dropdown-menu li.on a { background: transparent; color:#125d9d }
	.navbar-nav > li > .dropdown-menu li:first-child:after { content: url("../images/b/default.jpg"), url("../images/b/about.jpg"), url("../images/b/news.jpg"), url("../images/b/contact.jpg"), url("../images/b/product.jpg"), url("../images/b/services.jpg"), url("../images/b/yingyong.jpg"); display: none }
	.navbar-nav > li > .dropdown-menu li a:hover { color: #0070c0; background: transparent }
	.navbar-nav > li > .dropdown-menu a { color: #666 }
	.navbar-nav > li > .dropdown-menu { display: none; left: 0; right: auto; border: none; border-radius: 0; box-shadow: none; text-align: center; padding-top: 30px }

.navbar-nav > li.li4 > .dropdown-menu {
    width: 280px;
}
	.navbar-nav .caret { position: relative; height: 7px; width: 20px; overflow: hidden; display: inline-block; vertical-align: middle; top: 1px; left: 0; border: none }
	.navbar-nav .caret:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; bottom: 3px; left: 50%; border: 1px solid #504f4f; transform: rotate(45deg); margin-left: -5px; z-index: 99 }
	.navbar-nav .dropdown { }
	.navbar-nav > li a { padding: 20px; display: block }
	.navbar-nav > li a { display: inline-block; padding: 29px 14px 0; color: #333; font-size: 18px }
	.navbar-nav .dropdown i { display: inline-block; width: 10px; height: 6px; margin-left: 8px; vertical-align: top; position: relative; overflow: hidden; top: 9px }
	.navbar-nav .dropdown i:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; top: -7px; left: 0; border: 1px solid #504f4f; transform: rotate(45deg) }
	.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { background: transparent }

}
/*Page*/
.ui-page{user-select:none;}
.ui-page ul{margin:0;padding:0;list-style:none;display:flex;margin-left:1px;}
.ui-page ul li{font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-1px;}
.ui-page ul li:first-child,.ui-page ul li:first-child a{border-radius:4px 0 0 4px;}
.ui-page ul li:last-child,.ui-page ul li:last-child a{border-radius:0 .4px 4px 0;}
.ui-page ul li a{font-size:16px;display:block;padding:0 15px;line-height:40px;color:#444;background:#fefefe;}
.ui-page ul li a:not([href]){color:#999;cursor:not-allowed;}
.ui-page ul li.active{border-color:#1890FF;background:#1890FF;}
.ui-page ul li.active a{color:#fefefe;background:#1890FF;}
.ui-page ul li.active a:hover{background:#1890FF;}
.ui-page ul li:hover a{background:#f9f9f9;}
.ui-page-red ul li.active{border-color:#ED4014;background:#ED4014;}
.ui-page-red ul li.active a{background:#ED4014;}
.ui-page-red ul li.active a:hover{background:#ED4014;}
.ui-page-yellow ul li.active{border-color:#F37B1D;background:#F37B1D;}
.ui-page-yellow ul li.active a{background:#F37B1D;}
.ui-page-yellow ul li.active a:hover{background:#F37B1D;}
.ui-page-green ul li.active{border-color:#19BE6B;background:#19BE6B;}
.ui-page-green ul li.active a{background:#19BE6B;}
.ui-page-green ul li.active a:hover{background:#19BE6B;}
.ui-page-info ul li.active{border-color:#2DB7F5;background:#2DB7F5;}
.ui-page-info ul li.active a{background:#2DB7F5;}
.ui-page-info ul li.active a:hover{background:#2DB7F5;}
.ui-page-mid ul li{margin-right:6px;}
.ui-page-mid ul li{border-radius:2px;}
.ui-page-mid ul li:first-child,.ui-page-mid ul li:last-child{border-radius:2px;}
.ui-page-center ul{display:flex;justify-content:center;align-items:center;}
.ui-page-right ul{display:flex;justify-content:flex-end;}
.ui-page-right{display:flex;}
.ui-page-right .ui-page-other{flex:1;justify-content:flex-start;align-items:center;display:flex;}
.header{position: fixed; top: 0; z-index: 9999; width:100%;}
#fullcarousel .item img { width: auto; height: auto; max-width: none; visibility: hidden }
.carousel-caption { left: 50%; right: auto; top: 80px; width: 1200px; margin: 0; margin-left: -0; text-align: left }
.carousel-caption * { color: #333 }
.carousel-caption .animated0 { opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; text-shadow: none; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) }
.item_0 .carousel-caption { margin-left: -600px }
@media screen and (min-width:1440px) {
	.carousel-caption { top: 135px }
}
@media screen and (min-width:1921px) {
	.carousel-caption { top: 185px }
}

.topbar0{background: #f5f5f5; opacity:0.6;}
.topbar0 *{font-size:14px;line-height: 32px;color: #666;}

#polylang-3 * {
    vertical-align: middle;
}

#polylang-3 ul {
    text-align: right;
}

#polylang-3  li {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}
.carousel-control i:before, .carousel-control i:after { font-size: 80px; margin-top: -40px; display: inline-block; font-family: sans-serif; font-weight: 400 }
.carousel-control:hover i:after, #fullcarousel .carousel-control:hover i:before { color: #FF554C }
.caption-animate{ padding-top:0px;}
.caption-animate .item h3 { animation-delay: .3s; font-size: 65px; font-weight: 400 }
.caption-animate .item .p1 { animation-delay: 0.4s; font-size: 54px; line-height: 1.5; margin-left: 0 }
.caption-animate .item .p2 { animation-delay: 0.6s; font-size: 18px; line-height: 1.7; margin-left: 9px; color: #666666 }
.caption-animate .item .more { animation-delay: 1.6s; display: inline-block; color: #fefefe; font-size: 18px; width: 150px; text-align: left; padding: 9px 0; padding-left: 52px; margin-right: 5px; margin-left: 10px; margin-top: 40px; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; border-radius: 5px; background: #FF554C url("../images/bg1.png") no-repeat 19px center }
.caption-animate .item .more.a2 { background-position: -149px center }
.caption-animate .item .more:hover { background-color: #E14C44; text-decoration: none }
.carousel-indicators { margin-bottom: 20px }
.carousel-indicators li { width: 70px; height: 6px; border-radius: 0; background: #5A5D61; border: none; margin: 5px }
.carousel-indicators li.active { width: 70px; height: 6px; border-radius: 0; background: #FF554C; border: none; margin: 5px }
.ban { }
.ban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none }
#pageban { position: relative; z-index: 10 }
#pageban .ban { position: relative; background-color: transparent !important }
#pageban img { height:520px;}
#pageban .btext { width: 100%; top: 200px; position: absolute; text-align: center; color: #fefefe }
#pageban .btext .in { display: inline-block; text-align: left; position: relative; top: 3px; left: 20px }
#pageban .btext .in .p1 { font-size: 28px; margin-bottom: 0; text-transform: uppercase }
#pageban .btext .in .p2 { }
#pageban h1 { display: inline-block; font-size: 50px; padding-right: 20px; border-right: 1px solid #fefefe }
#main { padding-top: 10px }
.remark1 { }
.remark1 {padding: 40px 50px 10px;}
.pagettl0 { margin-top: 0; font-family: microsoft yahei }
.pagettl0_f { margin-bottom: 30px }
#submenus { border-bottom: 1px solid #DDDDDD; background: #fefefe; margin-bottom: 40px }
#submenus .subnav { }
#submenus .subnav .con a:first-child { }
#submenus .subnav .con a { line-height: 60px; font-size: 18px; color: #666; display: inline-block; margin-right: 80px }
#submenus .subnav .con a:hover, #submenus .subnav .con a.on { color: #0070c0; position: relative }
#submenus .subnav .con a:hover:after, #submenus .subnav .con a.on:after { content: ""; display: block; position: absolute; width: 100%; height: 2px; bottom: -1px; left: 0; background: #0070c0 }
.quick-reveal, .to-reveal, .long-reveal, .top-reveal, .long-long-reveal { visibility: hidden }
.fancybox-skin { padding: 0 !important; background: transparent }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { z-index: 99999 }
.navbar .textr { margin: 16px 0 0 10px; border-left: 1px solid #E8E8E8; padding-left: 15px; height: 45px }
.navbar .textr .p1 { }
.navbar .textr .p2 { font-size: 12px; transform: scale(.8); position: relative; left: -31px; margin-top: -8px; color: #999 }
.divttl { }
.divttl p[rel=h2] { margin: 40px 0 }
.divttl h2 .more:hover { color: #D9271B }
.divttl h2 .more { font-size: 16px; position: absolute; right: 0; color: #666; top: 50%; margin-top: -1px; vertical-align: middle }
.divttl h2:before { content: ""; display: inline-block; width: 4px; height: 36px; margin-right: 14px; background: #FF554C; vertical-align: middle; margin-top: -5px }
.bgline1 { position: relative; width: 100%; height: 1px; margin: 40px 0 }
.bgline1:before { content: ""; display: block; position: absolute; height: 10px; top: 0; left: 50%; background: url("../images/bg2.jpg") repeat-x; width: 1215px; margin-left: -607px; z-index: 18 }
.bgline1:after { content: ""; display: block; position: absolute; width: 100%; height: 2px; top: 4px; left: 0; z-index: 8; background: #F1F1F1 }
.sct1 { padding: 40px 0 80px }
.sct1 p[rel=h2] { margin-top: 10px }
.sct1  .con { position: relative; overflow: hidden }
.sct1  .con img { position: relative; z-index: 1; left: 0; top: 0 }
.sct1  .con .cover { width: 100%; height: 100%; position: absolute; z-index: 2; left: 0; background: rgba(0, 112, 192, .43); transition: all .3s; opacity: 0; border-radius: 0; transform: scale(0) }
.sct1  .con h3 { position: absolute; width: 100%; left: 40px; color: #fefefe; bottom: 120px; z-index: 3; font-weight: bold; font-size: 30px; margin-bottom: 4px }
.sct1  .sinfo { position: absolute; width: 50%; left: 42px; bottom: 40px; z-index: 4; font-size: 18px; color: #fefefe; line-height: 1.7 }
.sct1  .more { width: 100%; position: absolute; z-index: 9; text-align: center; font-size: 18px; left: 0; bottom: 80px; color: #fefefe; bottom: -40px; transition: all .5s }
.sct1  .con:hover { }
.sct1  .con:hover img { }
.sct1  .con:hover .cover { top: 0; opacity: 1; transform: scale(1) }
.sct1  .con:hover h3 { left: 0; text-align: center; bottom: auto; top: 70px }
.sct1  .con:hover .sinfo { width: 50%; text-align: center; left: 25%; bottom: auto; top: 140px }
.sct1  .con:hover .more { bottom: auto; top: 280px }
.sct1  .con:hover .more:before {/* content: ""; */display: block;position: absolute;width: 1px;height: 30px;top: -53px;left: 50%;background: #fefefe}
.sct1 .con3 .sinfo, .sct1 .con4 .sinfo, .sct1 .con5 .sinfo { font-size: 14px }
.sct1 .con3 h3, .sct1 .con4 h3, .sct1 .con5 h3 { font-size: 24px; bottom: 107px }
.sct1 .con3 .more, .sct1 .con4 .more, .sct1 .con5 .more { font-size: 16px }
.sct1 .con3:hover .more:before, .sct1 .con4:hover .more:before, .sct1 .con5:hover .more:before { height: 20px; top: -32px }
.sct1 .con4 .sinfo {width: 100%;padding-right: 70px;line-height: 1.2;}
.sct1 .con4 h3 { }
.sct1 .con4 .more { }
.sct1 .con4:hover .sinfo { width: 80%; left: 50%; margin-left: -40%; padding: 0 }
.sct1 .con4:hover h3 { }
.sct1 .con4:hover .more { top: 236px }
.sct1 .con3 .sinfo { }
.sct1 .con3 h3 { }
.sct1 .con3 .more { }
.sct1 .con3:hover .sinfo { width: 40%; left: 50%; margin-left: -20% }
.sct1 .con3:hover h3 { }
.sct1 .con3:hover .more { top: 236px }
.sct1 .con5 .sinfo { color: #222; width: 100%; padding-right: 80px }
.sct1 .con5 h3 { color: #222 }
.sct1 .con5 .more { }
.sct1 .con5:hover .sinfo { width: 80%; left: 50%; margin-left: -40%; padding: 0; color: #fefefe }
.sct1 .con5:hover h3 { color: #fefefe }
.sct1 .con5:hover .more { top: 236px }
.sct2 { padding: 20px 0 90px; background: url("../images/bg1.jpg") no-repeat center/cover }
.sct2 p[rel=h2] { color: #fefefe; margin-bottom: 50px }
.sct2 .h2ttl.bline:after { background: #fefefe }
.sct2 .row2 { }
.sct2 .con { background: #fefefe; text-align: center; padding: 0; height: 350px }
.sct2 .con a { display: block; position: relative; height: 100%; padding: 40px 0 50px }
.sct2 .con .more { position: absolute; z-index: 1 }
.sct2 .con .bgimg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2 }
.sct2 .con .bgfff { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; transition: all .3s }
.sct2 .con .in { position: absolute; z-index: 14; width: 100%; top: 40px }
.sct2 .in i { display: block; margin: 0 auto; border: 1px solid #ccc; border-radius: 500px; width: 180px; height: 180px; padding-top: 30px }
.sct2 .col-md-6:nth-child(3) .in i { padding-top: 59px }
.sct2 .col-md-6:nth-child(4) .in i { padding-top: 47px }
.sct2 .con i img { }
.sct2 .con .fb { font-size: 24px; margin-top: 20px }
.sct2 .con .en { font-size: 14px; color: #999; margin-top: -5px }
.sct2 .con:hover a { }
.sct2 .con:hover .more { z-index: 9; width: 100%; left: 0; font-size: 16px; color: #fefefe; bottom: 48px }
.sct2 .con:hover .bgfff { background: -moz-linear-gradient(top, rgba(0, 112, 192, 0) 0%, rgba(0, 112, 192, 1) 68%, rgba(0, 112, 192, 1) 100%); background: -webkit-linear-gradient(top, rgba(0, 112, 192, 0) 0%, rgba(0, 112, 192, 1) 68%, rgba(0, 112, 192, 1) 100%); background: linear-gradient(to bottom, rgba(0, 112, 192, 0) 0%, rgba(0, 112, 192, 1) 68%, rgba(0, 112, 192, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000070c0', endColorstr='#0070c0', GradientType=0) }
.sct2 .con:hover .in { }
.sct2 .con:hover .in i { display: none }
.sct2 .con:hover i img { }
.sct2 .con:hover .fb { margin-top: 160px; color: #fefefe }
.sct2 .con:hover .en { color: #fefefe }
.sct3 { height: 550px; padding: 0px 0 30px; position: relative;}
.sct3 p[rel=h2] { }
.sct3 .slick-slider { }
.sct3 .slick-slide { }
.sct3 .con { float: left; width: 450px; height: 350px; background: transparent; overflow: hidden; margin: 0 13px 13px; transition: all .3s }
.sct3 .con * { transition: all .3s }
.sct3 .con a { height: 550px; display: block; background: transparent }
.sct3 .con .nail { width: 450px; height: 350px; margin-bottom: 0 }
.sct3 .con .nail img { }
.sct3 .txt { background: #575757; height: 70px; padding-top: 16px; padding-left: 30px }
.sct3 .txt .s1 { float: left; font-size: 26px; color: #fefefe }
.sct3 .txt .s2 { float: left; color: #a7a7a7; font-size: 16px; margin: 10px 10px 0 }
.sct3 .txt .s3 { float: right; margin-right: 20px; margin-top: 10px }
.sct3 .txt .s3 i:after { left: 9px }
.sct3 .con:hover { -webkit-box-shadow: 0 0 10px 2px rgba(153, 153, 153, 0.87); -moz-box-shadow: 0 0 10px 2px rgba(153, 153, 153, 0.87); box-shadow: 0 0 10px 2px rgba(153, 153, 153, 0.87) }
.sct3 .con:hover a { }
.sct3 .con:hover .txt { background: #1B3E83 }
.sct3 .hdl { width: 70px; height: 86px; background: rgba(0, 0, 0, .5); border-radius: 0; position: absolute; top: 220px; z-index: 999; left: 50%; border: none; margin-left: -701px }
.sct3 .hdl:hover { background: #0070c0 }
.sct3 .hdl.next { margin-left: 631px }
.sct3 .hdl:after { font-size: 37px; left: 27px; top: 13px }
.sct3 .hdl:hover { }
.sct3 .hdl:hover:after { }
.sct3 .hdl.prev:after { content: "<" }
.sct4 { background: url("../images/bg3.jpg") no-repeat center/cover; padding: 50px 0 90px; margin-top: 20px }
.sct4 p[rel=h2] { text-align: left; margin-top: 20px }
.sct4 .h2ttl.bline:after { left: 0; margin: 0 }
.sct4 .p1 { font-size: 36px; color: #1b3e83 }
.sct4 .sinfo { line-height: 28px; margin-top: 20px }
.sct4 .more { color: #0070c0; font-size: 18px; margin: 10px 0 20px; display: inline-block }
.sct4 .more i { border-color: #0070c0; margin-left: 10px; top: 0px }
.sct4 .more i:after { color: #0070c0; left: 9px }
.sct4 .out { padding-left: 10px }
.sct4 .num li { display: inline-block; margin-right: 94px }
.sct4 .num li:last-child { margin-right: 0 }
.sct4 .num .s1 { font-size: 60px; color: #666; font-family: mywfont }
.sct4 .num .s1 sup { font-size: 52%; font-family: -webkit-pictograph; font-weight: bold; top: -33px; left: -10px }
.sct4 .num .s2 { display: block; text-indent: 7px; font-size: 18px; color: #666 }
.sct5 { padding: 30px 0 80px;  }
.sct5 p[rel=h2] { color: #000; margin-bottom: 10px; margin-top: 30px }
.sct5 .n_list { }
.sct5 .newstype { text-align: center; margin-bottom: 50px }
.sct5 .newstype .on { }
.sct5 .newstype span { }
.sct5 .newstype span a { display: inline-block; padding: 0 38px; margin: 0 6px; background: #ECECEC; border-radius: 100px; line-height: 44px; font-size: 18px; transition: all .3s }
.sct5 .newstype .on a { background: #0070c0; color: #fefefe }
.sct5 .in { padding: 20px 30px }
.sct5 .in2 { }
.sct5 .time { color: #999 }
.sct5 .more { }
.sct5 .more i { border-color: #666 }
.sct5 .more i:after { color: #666; left: 9px }
.sct5 .slk5 { }
.sct5 .slk5 .con { background: #f8f8f8 }
.sct5 .slk5 .con2 { margin-bottom: 20px }
.sct5 .slk5 .con1 { }
.sct5 .slk5 .con h4 { margin-bottom: 20px }
.sct5 .slk5 .con h4 a { }
.sct5 .slk5 .con2 .sinfo {margin-bottom: 55px;}
.sct5 .slk5 .con3 .sinfo, .sct5 .slk5 .con4 .sinfo { margin-bottom: 33px }
.sct5 .slk5 .con .clearfix { }
.sct5 .slk5 .con .itme { }
.sct5 .slk5 .con .more { float: right; font-size: 16px }
.sct5 .slk5 .con1 .nail { width: 100%; height: 320px }
.sct5 .slk5 .con1 .nail img { }
.sct5 .slk5 .con1 h4 { }
.sct5 .slk5 .con1 h4 a { }
.sct5 .slk5 .con1 .sinfo { }
.sct5 .slk5 .con1 .clearfix { }
.sct5 .slk5 .con1 .itme { }
.sct5 .more:hover * { color: #0070c0; border-color: #0070c0 }
.sct5 .more:hover i:after { color: #0070c0 }
.sct6 { padding: 30px 0 }
.sct6 .hdl { border-color: #bbb; width: 32px; height: 32px; position: absolute; top: 25px; left: -60px }
.sct6 .hdl:hover { border-color: #0070c0 }
.sct6 .hdl:hover:after { color: #0070c0 }
.sct6 .hdl.prev:after { content: "<"; left: 9px }
.sct6 .hdl:after { color: #bbb; left: 12px; font-size: 18px }
.sct6 .hdl.next { left: auto; right: -50px }
.sct6 .container { position: relative }
.sct6 .slick-slider { }
.sct6 .con { height: 80px; display: table-cell; vertical-align: middle; text-align: center; width: calc(1398px / 6) }
.sct6 .slick-slide img { margin: auto }
.num1 { padding: 20px 0 }
.num1 li { display: inline-block; margin: 30px 70px }
.num1 .s1 { font-size: 48px; color: #333 }
.num1 .s2 { color: #666; font-size: 18px }
.num1 sup { }
#submenuwrap { height: 70px; position: absolute; bottom: 150px; z-index: 99999; width: 100%; padding-top: 140px }
#submenuwrap #submenu { }
#submenuwrap .box { }
#submenuwrap .box>a { display: none }
#submenuwrap .box ul { display: flex; width: 100% !important }
#submenuwrap .box ul li {flex: auto;text-align: center;border-right: 1px solid #BFBFBF;background: #fefefe}
#submenuwrap .box ul li:last-child { border: none }
#submenuwrap .box ul li a { line-height: 70px; font-size: 20px; display: block }
.msg_form { display: flex; flex-wrap: wrap; column-gap: 20px; margin-top: 30px }
.msg_form .frm_ipt {margin-bottom: 20px;flex: auto;min-width: 40%;background: #fefefe;border: none;line-height: 2;padding: 10px 15px;font-size: 16px}
.msg_form .ipt_name { }
.msg_form .ipt_phone { }
.msg_form .ipt_email { }
.msg_form .ipt_title { }
.msg_form .ipt_content { flex: 1 1 100% }
.msg_form .ipt_submit {
    border: none;
    margin: 10px auto 10px;
    font-size: 18px;
    flex: 0 0 190px;
    min-width: 0;
    padding: 10px 0;
    background: #df201e;
    color: #fefefe;
}


.body_product #submenuwrap .box ul li a {
    /* font-size: 14px; */
}
#submenuwrap .box ul li.on { border: none }
#submenuwrap .box ul li.on a { font-weight: bold; background: #0070c0; color: #fefefe }
#pagelist {text-align: center;margin-top: 30px;}

div#pagelist .pagination {
    margin: 0;
}
.article_list #pagelist { margin-top: 30px; margin-bottom: 10px }
#pagelist .current { padding: 0 14px }
#pagelist .current, #pagelist a:hover {color: #fefefe;border-color: #df201e;background-color: #df201e;}
#pagelist a { background: #fefefe; font-size: 16px; line-height: 40px; display: inline-block; overflow: hidden; min-width: 50px; height: 40px; margin: 0 5px; padding: 0 12px; transition: .2s; text-align: center; color: #666; border-radius: 0; border: 1px solid #d7d7d8 }

#pagelist .page-num-current {
    background: #df201e;
    color: #fefefe;
    border-color: #df201e;
}
.procat2 { display: flex; justify-content: space-around; margin: 0 -5px 25px }
.procat2 a { line-height: 60px; height: 60px; flex: 1; text-align: center; background: #fefefe; margin: 0 5px; font-size: 18px; transition: all .3s }
.procat2 a:hover, .procat2 a.on { color: #fefefe; background: #1B3E83 }
.productlist { }
.in.in1 { background: #fefefe; padding: 30px; margin-bottom: 30px }
.productlist .in a { }
.productlist .in .nail { }
.productlist .in .nail img { max-width: 390px; max-height: 390px }
.productlist .in .txt { font-size: 22px; margin-top: 20px; margin-bottom: 0 }
.jbcs { padding: 0; margin-bottom: 10px }
.jbcs dl { margin-top: 10px; padding-top: 20px; padding-bottom: 10px; margin-bottom: 10px }
.jbcs dl dt { float: left; width: 75px; font-weight: bold; font-size: 14px; color: #000; line-height: 1.8 }
.jbcs dl dd { float: left; width: calc(100% - 80px); margin-bottom: 5px; color: #666; line-height: 1.8 }
.zixun p { display: inline-block; padding-left: 60px; background: url("../images/phone.png") no-repeat left center; position: relative; top: 7px; left: 30px }
.zixun p span { font-size: 14px; color: #777; line-height: 1.1 }
.zixun p b { font-size: 20px; color: #1b3e83; display: block; line-height: 1.4; font-family: mywfont }
.zixun a:hover { font-weight: bold }
.zixun a { display: block; width: 130px; text-align: center; line-height: 45px; color: #fefefe; height: 45px; float: none; font-size: 16px; margin-top: 20px }
.prodetail { padding-top: 10px }
.prodetail .nail { width: 380px; border: 1px solid #EEEEEE }
.prodetail .scontent { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #ccc }
.prodetail .rexian { float: left; padding-left: 40px; background: url("../images/phonebg.png") no-repeat left 3px; margin-top: 4px }
.prodetail .rexian span { font-size: 14px; color: #777; line-height: 1.1 }
.prodetail .rexian b { font-size: 22px; display: block; line-height: 1.1; margin-top: 5px }
.prodetail h1.name { padding-bottom: 25px }
.prodetail .con_s { padding-left: 10px; padding-top: 30px }
.prodetail .con_pd { padding: 45px 50px; margin-top: 30px }

.prodetail .con_pd1 {
    margin-bottom: 30px;
}

.xg3 {}

.xg3 ul {
    padding: 30px 0;
    margin-bottom: 10px;
}

.xg3 li {
    padding: 6px 0;
    font-size: 16px;
}

.xg3 a {}

.xg3 .img {
    text-align: center;
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

.xg3 .txt {
    text-align: center;
    display: block;
    line-height: 1.8;
    margin: 10px auto 20px;
}
.prodetail .con_s h1 {font-size: 28px;font-family: mywfont, 'microsoft yahei';font-weight: bold;line-height: 1.58;}
.prodetail .xiangqing {margin-top: 0;/* padding: 20px 50px */}
.prodetail .xiangqing .proArtiNum {padding: 40px 0 0;font-size: 16px;margin-top: 40px;line-height: 2;border-top: 1px solid #ddd;}

.prodetail .xiangqing .proArtiNum * {
    font: inherit;
}
.prodetail .guige { padding-bottom: 10px }
.prodetail  h2.fbth2 { text-transform: uppercase; color: #0070c0; font-weight: 400; font-size: 24px; display: inline-block; padding-bottom: 14px; border-bottom: 2px solid #0070c0; margin-top: 0; margin-bottom: 0 }
.prodetail .guige table { border: none; border-collapse: collapse; width: 100% }
.prodetail .guige table th, .prodetail .guige table td { border-bottom: 1px solid #F0F0F0; padding: 8px 0; font-size: 16px; color: #666 }
.prodetail .guige table th { width: 23%; font-weight: 400 }
.prodetail .guige table tr { }
.prodetail .guige table td { }
.prodetail .zixun a:hover { color: #fefefe; background: #0070c0 }
.prodetail .zixun a { background: #0070c0; width: 164px; height: 50px; text-align: center; line-height: 50px; margin-top: 40px; transition: all .3s; border-radius: 0; color: #fefefe; font-size: 18px; text-transform: uppercase; padding: 0 21px; display: inline-block }
.detailpart2 { background: #fefefe; padding: 35px 0 50px }
.prodetail .dl1 { margin-top: 30px; padding-top: 40px; padding-bottom: 20px; border-bottom: 1px dashed #D9C8BF; border-top: 1px dashed #D9C8BF; margin-bottom: 30px; margin-right: 20px; padding-right: 60px }
.prodetail .dl1 dt { float: left; width: 85px; font-weight: bold; font-size: 16px; color: #7D2C2C; line-height: 1.8 }
.prodetail .dl1 dd { float: left; width: calc(100% - 85px); margin-bottom: 15px; color: #666; line-height: 1.8; font-size: 16px }
#the_detail { margin-bottom: 60px }
#the_detail .hdl { background: #F0F0F0; margin-bottom: 40px }
#the_detail .hdl a.on { background: #c71616; color: #fefefe }
#the_detail .hdl a { transition: all .3s; font-size: 18px; line-height: 50px; color: #333; display: inline-block; padding: 0 30px }
#the_detail .thecontent { font-size: 16px }
#the_detail .thecontent * { font: inherit }
.newslist a>p.f22 {min-height: 72px;}

.newslist p.sinfo {
    min-height: 70px;
    font-size: 16px;
    margin: 20px 0 10px;
}
.newslist .clearfix { }
.newslist .clearfix .fl { margin-top: 8px }
.newslist .clearfix .more { }
.newslist .clearfix .more i { border-color: #999 }
.newslist .clearfix .more i:after { color: #888; left: 8px }
.newslist a:hover .more i { border-color: #0070c0 }
.newslist a:hover .more i:after { color: #0070c0 }
.newslist .in.in1 a:hover * { color: #0070c0 }
.newslist .in.in1 .nail { height: 200px }
#msgiframe { margin-top: 30px; width: 70%; height: 290px; margin: auto; margin-top: 10px }
#msgiframe iframe { margin: 0; padding: 0; border: none; width: 100%; height: 100% }
.prodetail .zhutu { width: 497px; height: 397px; border: 1px solid #ECE7E4; margin-left: 5px; background: #fefefe; display: flex; align-items: center; justify-content: center }
.prodetail .zhutu img { }
.prodetail .xiaotu img { width: 98px; height: 98px; margin-bottom: 6px; position: relative; display: block; border: 1px solid #ECE7E4 }
.prodetail .xiaotu.on:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 2px solid #E3CFC4 }
.prodetail .xiaotu img.on { border: 4px solid #0070c0 }
.prodetail .bor:hover { border-color: #DFD7CC }
.prodetail .bor { width: 98px; cursor: pointer; border: 1px solid #1B3E83; padding-bottom: 0px; margin-bottom: 4px; margin-top: 5px; height: 34px; background: #1B3E83 }
.prodetail .bor1:after { content: ""; display: block; position: absolute; width: 100%; height: 6px; bottom: 0; left: 0; z-index: 999 }
.prodetail .bor2 { margin-top: 0 }
.prodetail .bor1 { position: relative; padding-bottom: 0; margin-top: 0; margin-bottom: -4px }
.prodetail .duotu { width: 108px }
.prodetail .pn { display: block !important; width: 100%; height: 20px; position: relative; overflow: hidden; margin-top: 10px }
.prodetail .pn.prev { margin-top: 0 }
.prodetail .pn.prev:after { content: ""; display: block; position: absolute; width: 20px; height: 20px; transform: rotate(45deg); border: 2px solid #fefefe; background: transparent; left: 50%; top: 14px; margin-left: -10px; cursor: pointer }
.prodetail .pn.next:after { content: ""; display: block; position: absolute; width: 20px; height: 20px; transform: rotate(45deg); border: 2px solid #fefefe; background: transparent; left: 50%; top: -13px; margin-left: -10px; cursor: pointer }
.prodetail .pn.prev:hover:after { }
.prodetail .pn.next:hover:after { }
.prodetail .slick-slider { margin: 14px auto 5px }
.prodetail .prosinfo { float: left; clear: both; width: 100%; text-align: left; margin-top: 20px }
.prodetail .prosinfo .sinfo { color: #666 }
.prodetail .prosinfo a.btn_1 { margin-top: 5px; border-radius: 50px; background: #693418; margin-bottom: 50px }
.body_about { }
.body_single .section { padding: 40px 0 }
.body_about .about_main { }
.body_about .about_main .col1 { }
.body_about .about_main .col1 .con { padding-right: 20px }
.body_about .about_main h1 { margin-top: 0 }
.body_about .about_main .en { margin-bottom: 35px }
.body_about .about_main .content { text-align: justify }
.body_about .about_main .v { }
.body_about .about_main .v img { }
#gssl { background: #7C9DBA url("../images/bg6.jpg") no-repeat center; background-size: cover; padding: 100px 0; position: relative; margin-top: 80px }
#gssl .row { margin-top: 20px }
#gssl .slick-slide { }
#gssl .con { }
#gssl .con .inner { }
#gssl .con img { width: auto; display: inline-block }
#gssl .con span { color: #fefefe; font-size: 102px; vertical-align: middle; margin-left: 41px }
#gssl .arrows:hover { color: #0070c0; transform: scale(1.2) }
#gssl .arrows { transition: all .3s; position: absolute; z-index: 99; color: #fefefe; font-size: 60px; font-family: simsun; top: 202px; left: 50%; cursor: pointer }
#gssl .arrows.left { margin-left: 610px }
#gssl .arrows.right { margin-left: -610px }
#gssl .con .sinfo { margin-top: 40px }
#ryzz { padding: 50px 0 }
#ryzz .container { }
#ryzz .rypic { margin-top: 0px }
#ryzz .rypic .p_img { width: 95%; height: 400px; border: 1px solid #eee }
#ryzz .rypic .p_img img { }
#ryzz .rypic a:hover { color: #0070c0 }
#ryzz .rypic a { display: block; padding: 10px 0; text-align: center; color: #333; margin: 18px auto 30px; font-size: 18px }
#fzyzl { padding: 66px 0 80px }
#fzyzl .innner { background: #fefefe; padding: 30px 25px; text-align: left }
#fzyzl .innner p { margin: 0 }
#fzyzl .innner p.sinfo { margin-top: 15px }
#fzyzl .p_img { width: 100%; height: 198px; margin: 0 }
#ygfc { padding: 66px 0 100px }
#fzlc { background: #f5f5f5; margin-top: -40px; padding-bottom: 100px }
#fzlc .con { background: url("../images/bg2.png") no-repeat center top }
#fzlc .con .div_w { width: 390px; position: relative; background: #fefefe; padding: 30px }
#fzlc .con .div_w:nth-child(odd) { right: -750px; top: 70px }
#fzlc .con .div_w:nth-child(even) { top: 0px; left: 80px }
#fzlc .con .div_w:after { content: "" }
#fzlc .con .div_w:nth-child(odd):after { content: "" }
#fzlc .con .div_w:nth-child(even):after { content: "" }
#fzlc .con .div_w:before { content: "" }
#fzlc .con .div_w:nth-child(odd):before { content: "" }
#fzlc .con .div_w:nth-child(even):before { content: "" }
#fzlc .con .div_w:nth-child(1) { }
#fzlc .con .div_w:nth-child(2) { top: 40px }
#fzlc .con .div_w:nth-child(3) { top: 0px }
#fzlc .con .div_w:nth-child(4) { top: -40px }
#fzlc .con .div_w:nth-child(5) { top: -80px }
#fzlc .con .div_w:nth-child(6) { }
#fzlc .con .div_w:nth-child(7) { }
#fzlc .con .div_w p { }
#fzlc .con .div_w .p1 { }
#fzlc .con .div_w .p2 { }
#footer { background: #013964 url("../images/b7.jpg") no-repeat center top; color: #fefefe; padding: 0px 0 0px }
#footer #f2 { background: #013964; padding-bottom: 0px }
#footer .footer_nav { margin: 40px auto 0 }
#footer .footer_nav>li { float: left; width: 15%; min-width: 130px }
#footer .footer_nav>li:last-child { width: 80px; min-width: 1px }
#footer .footer_nav>li>a { font-size: 18px; color: #fefefe; display: inline-block; position: relative; padding-bottom: 10px; font-weight: bold; line-height: 30px }
#footer .footer_nav>li>a.kefu { width: 230px; margin-top: 15px }
#footer .footer_nav>li>a.kefu i { margin-right: 10px }
#footer  .dpt_li_2 { color: #b4b4b4; font-size: 16px }
#footer li li a { color: #fefefe; font-size: 16px; line-height: 36px }
#footer  a:hover { color: #fefefefff }
#footer  .depth2 { padding-top: 15px; position: relative }
#footer .footer_nav>li .depth2 a { color: #a6a6a6; font-size: 14px; line-height: 31px; font-weight: 400 }
#footer .footer_nav>li .depth2 a:hover { color: #fefefefff }
#footer .footer_nav>li.footer_contact { width: 300px; margin-top: -10px }
#footer  .footer_contact p { color: #666666 }
#footer  .footer_contact p.p2 { font-size: 36px; font-weight: 400; color: #fefefe }
#footer .footer_nav>li.qr { float: right }
#footer  .qr img { display: block; margin: 0px auto 10px }
#footer  .qr span { display: block; text-align: center; color: #6e6e6e; font-size: 16px }
#footer .cr { text-align: center; border-top: 1px solid #343434; padding: 30px 0 }
#footer .cr .copyright { color: #b4b4b4 }
#footer .cr .icp a, #footer .cr .icp { color: #b4b4b4 }
#footer .copyright { padding: 0px 0 30px; background: #013964; margin-top: 20px; text-align:center;}
.copyright .container { border-top: 1px solid #2c495f; padding-top: 30px }
#footer .copyright a { color: #fefefe; margin: 0 5px; font-size: 14px }
#footer .copyright a:hover { color: #fefefe }
#footer .copyright .col1 .con { font-size: 14px; color: #fefefe; line-height: 2 }
#footer .copyright .col2 .con { padding-bottom: 0 }
#footer .copyright .col2 .con a { color: #666 }
#footer .copyright .col2 .con a:hover { color: #E4373F }
#footer .copyright .col2 .con a:first-child { margin-right: 40px; position: relative }
#footer .copyright .col2 .con a:first-child:after { content: ""; display: block; position: absolute; width: 1px; height: 14px; top: 3px; right: -20px; background: #999 }
#footer li.contact { width: 330px; padding-left: 23px; float: right; text-align: right }
#footer li.contact .s3 { display: block; padding-right: 25px; background: url("../images/ic1.png") no-repeat right top }
#footer li.contact .s4 { background: url("../images/ic2.png") no-repeat right top; margin-top: 9px }
#footer li.contact .p1 { text-align: right; margin-top: 20px; margin-bottom: 20px }
#footer li.contact .p1 img { display: inline; float: right }
#footer li.contact .s5 { width: 1.6em; display: block; float: right; padding: 15px 0px; text-align: center; max-height: 108px }
#footer .caret { display: none }
#footer .flogo { }
#footer .flogo a { }
#footer .flogo a img { }
#footer .flogo+span { color: #757575; vertical-align: bottom; margin-left: 30px; font-family: microsoft yahei }
#footer .con2 .fg { margin: 0 9px; color: #757575 }
#footer .con2 { vertical-align: middle }
#footer .con2 * { vertical-align: middle }
#footer .seemap a { background: url("../images/seemap.png") no-repeat; width: 325px; height: 110px; display: block; overflow: hidden; text-indent: -200px }
#footer .seemap a { }
#footer .seemap a:after { }
#newslist { padding-top: 20px }
#newslist .pagettl0 { }
#newslist .pagettl0_f { }
#newslist .itemss { }
#newslist .toutiao_l { }
#newslist .toutiao_r { }
#newslist .item { }
#newslist .d0 { }
#newslist .d0 .a_img { width: 95%; height: 400px }
#newslist .d2 { padding-left: 10px }
#newslist .d2 .a_txt { }
#newslist .container { margin-bottom: 30px; margin-top: 60px }
#newslist .d2 .sinfo { line-height: 2; margin-bottom: 40px }
#newslist .d2 .time { font-size: 18px; display: block; margin-bottom: 10px }
#newslist .more { vertical-align: middle; color: #666 }
#newslist a:hover { color: #D9271B !important }
#newslist .more i { display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #fefefe; font-size: 12px; background: #D9271B; border-radius: 50%; font-family: simusn; font-style: normal; vertical-align: middle; margin-right: 13px; margin-top: -5px }
.articlelist { }
.articlelist ul { margin-top: 30px }
.articlelist li.media { padding-top: 30px; border-bottom: 1px dotted #ccc; padding-bottom: 30px }
.articlelist li:nth-child(2n+1) { }
.articlelist li.media .media-object { }
.articlelist li.media a.a_img { width: 100%; width: 240px; height: 165px; margin: 0; display: block }
.articlelist li.media .media-body { padding-left: 0; width: 66%; padding-right: 20px }
.articlelist li.media .media-body p.sinfo { font: 400 14px/25px 'microsoft yahei'; margin-top: 8px; text-indent: 0; color: #666 }
.articlelist li.media .media-heading { font: 700 16px/2 'microsoft yahei'; color: #333; margin: 10px 0 40px }
.articlelist li.media a:hover { color: #0070c0 }
.articlelist li.media .infotime { font: 400 14px/30px 'microsoft yahei'; display: block; width: 88px; height: 93px; margin: 0 auto; float: right }
.articlelist li.media .infotime strong { font: bold 30px/62px 'microsoft yahei'; display: block; text-align: center; color: #666; background: #f1f1f1 }
.articlelist li.media .infotime b { display: block; text-align: center; font: 400 14px/28px ' '; color: #fefefe; background: #A3A3A3 }
.articlelist li.media .seemore { margin: 0 15px; font: 400 16px/30px 'microsoft yahei'; color: #0094D8 }
.body_news_detail { }
.body_news_detail #maincontent { padding: 30px 0 60px }
.body_news_detail .InfoTitle h1 { font: 400 26px/30px 'microsoft yahei'; color: #000; margin-top: -5px; margin-bottom: 30px }
.body_news_detail .info_from_wrap { height: 45px; background: #f5f5f5; color: #666 }
.body_news_detail .info_from_wrap b { line-height: 45px; margin-left: 25px; color: #666; font-weight: 400 }
.body_news_detail .info_content { padding: 30px 0; font: 100 14px/1.9 'microsoft yahei' }
.body_news_detail .info_content img { display: block; margin: 10px auto; max-width: 100% }
.body_news_detail .info_content * { font: 400 14px/1.9 'microsoft yahei' }
.body_news_detail .info_content p { text-indent: 2em }
.body_news_detail .info_previous_next_wrap { font: 100 14px/30px 'microsoft yahei'; color: #555 }
.body_news_detail .info_previous_next_wrap b { font: 400 14px/30px 'microsoft yahei'; color: #333 }
.body_news_detail .info_previous_next_wrap a { font-weight: 400; color: #333 }
.body_news_detail .left1 { padding-right: 5px }
.body_news_detail .goback { text-align: right }
.body_news_detail .goback a { display: block; padding: 8px 20px; text-align: center; border: 1px solid #ccc; width: 110px; color: #555; float: right; margin-top: 30px }
.body_news_detail .crumbs { border-bottom: 1px solid #ccc; margin-bottom: 30px }
.tjxw a:hover { color: #D9271B }
.tjxw h3.ttl:after { display: none !important }
.tjxw h3.ttl { margin: 0; height: 45px; font: 400 22px/37px 'microsoft yahei'; text-indent: 0; margin-top: 10px; text-align: left; border-bottom: 1px solid #eee; margin-bottom: 10px }
.tjxw ul { margin-left: 0 }
.tjxw ul li { padding: 11px 0 11px 0px; border-bottom: 1px solid #eee; list-style: initial; margin-left: 27px }
.tjxw ul li a { font: 400 16px/28px 'microsoft yahei'; color: #333 }
.tjxw ul li p { margin: 0; color: #666; padding-top: 10px }
.pagelist { margin-bottom: 80px; margin-top: 70px; text-align: center }
.pagelist>* { display: inline-block; border: 1px solid #A3A3A3; height: 28px; padding-left: 6px; padding-right: 6px; font-size: 12px }
.pagelist * { line-height: 24px }
.pagelist .pageinfo span { }
.pagelist .pageinfo span.pageper { }
.pagelist .pageinfo span.pageper .pageper1 { }
.pagelist .pagefirst { }
.pagelist .pagenum { }
.pagelist .pageend { }
.pagelist .current { background: #A3A3A3; color: #fefefe; display: inline-block; padding-left: 10px; padding-right: 10px }
.pagelist .pageinfo label { }
.pagelist a:hover { background: #A3A3A3; color: #fefefe; display: inline-block }
.pagelist select { margin-left: 5px; vertical-align: middle }
.disabled { pointer-events: none; cursor: default; background: gray }
.body_fuwu { }
#zxal { }
#caselist { }
#caselist .con { margin: 10px auto 35px }
#caselist a:hover * { color: #D9271B; border-color: #D9271B; transition: all .3s }
#caselist a:hover .s2 i { color: #D9271B; border-color: #D9271B; transition: all .3s }
#caselist a { display: block }
#caselist .p_img { height: 240px }
#caselist .s1 { display: block; margin: 25px; margin-left: 25px }
#caselist .s2 { margin-left: 25px; margin-bottom: 25px; display: inline-block; line-height: 2; margin-top: 0 }
i.moremore { font-style: normal; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #666; border-radius: 50%; vertical-align: middle; margin-left: 4px; color: #666; font-family: simsun; font-size: 14px }
#fuwu1 { margin-bottom: 90px }
#fuwu1 .con a { display: block }
#fuwu1 .con { padding: 40px 30px 25px; background: #F1F4F6 }
#fuwu1 a:hover * { color: #D9271B }
#fuwu1 .p_img { }
#fuwu1 .s2 { line-height: 2 }
#fuwu1 .s1 { display: block; margin: 20px 0 }
#caselistpage { padding: 70px 0 }
#caselistpage p[rel=h2] { }
#caselistpage .sub { text-align: center; margin-top: 30px; margin-bottom: 30px }
#caselistpage .sub li { display: inline-block; background: #969696; padding: 9px 25px; border-radius: 560px; margin: 20px 10px 40px }
#caselistpage .sub li a { color: #fefefe; font-size: 18px }
#caselistpage .sub li#current1, #caselistpage .sub li:hover { background: #FF554C }
#caselistpage .sub li#current1 a, #caselistpage .sub li:hover a { }
.body_dev { }
.body_dev p[rel=h2] { }
.body_dev h2 .more { }
.body_dev .fbt { }
.body_dev .con { margin-bottom: 25px }
.body_dev_c .pagettl0 { margin-bottom: 50px !important }
.body_dev_c .con { margin-bottom: 45px }
.body_dev .con a { }
.body_dev .con .p_img { height: 200px }
.body_dev .con .s1 { }
.body_dev .con .sinfo { font-size: 14px; line-height: 24px; color: #666; margin: 20px 0 }
.body_dev .con .s2 { }
.body_dev .con .s2 i { }
#dev1 { padding-top: 20px }
#dev1 p[rel=h2] { margin-bottom: 15px }
#dev1 h2 .more { }
#dev1 .fbt { margin-bottom: 30px; margin-left: -4px }
#dev1 .con { }
#dev1 .con a { display: block; padding-bottom: 1px }
#dev1 .con .p_img { }
#dev1 .con .s1 { padding: 0px 20px 5px; display: block; color: #333; line-height: 1.8 }
#dev1 .con .sinfo { margin: 10px 20px; display: block }
#dev1 .con .s2 { margin: 20px 20px 20px; display: block; text-align: right }
#dev1 .con .s2 i { }
#dev2 { }
#dev2 p[rel=h2] { }
#dev2 h2 .more { }
#dev2 .fbt { }
#dev2 .con { }
#dev2 .con a:hover { background: #F1F3F9 }
#dev2 .con a { display: block; background: #F9F9F9; padding: 40px 0; height: 196px }
#dev2 .con .p_img { }
#dev2 .con .s1 { text-align: center }
#dev2 .con .sinfo { }
#dev2 .con .s2 { }
#dev2 .con .s2 i { }
#dev3 { }
#dev3 b { color: #333; font-weight: 400 }
#dev3 .sinfo b { font-size: 16px; color: #333; margin-right: 10px }
#dev3 p[rel=h2] { }
#dev3 h2 .more { }
#dev3 .fbt { }
#dev3 .con { }
#dev3 .con a:hover .s1 { color: #FF554C }
#dev3 .con a { display: block; padding: 30px 20px; border-top: 2px solid #CDCDCD }
#dev3 .con .p_img { }
#dev3 .con .s1 { color: #305c93 }
#dev3 .con .sinfo { }
#dev3 .con .s2 { }
#dev3 .con .s2 i { }
#dev4 { padding-bottom: 60px }
#dev4 p[rel=h2] { }
#dev4 h2 .more { }
#dev4 .fbt { }
#dev4 .con { }
#dev4 .con a { display: block; position: relative }
#dev4 .con .p_img { height: 230px }
#dev4 .con a:hover .s1 { color: #FF554C }
#dev4 .con .s1 { display: block; padding: 0 20px 20px; color: #333; line-height: 1.7 }
#dev4 .con .sinfo { }
#dev4 .con .s2 { }
#dev4 .con .play { width: 82px; height: 82px; background: url("../images/play.png") no-repeat; position: absolute; top: 72px; left: 50%; margin-left: -41px }
#dev4 .con .s2 i { }
.body_dev_c #maincontent { padding: 10px 0 80px }
.body_dev_c #dev1 .fbt { margin-top: -30px; margin-bottom: 50px }
.body_dev_c #dev1 .con .s1 { margin-top: 0 }
.body_dev_c #downloadlist .con { margin: 0; vertical-align: middle; padding: 20px 0 }
.propage_contact{
    background: #1b202a;
}
.propage_contact .con{
    padding: 30px 0 0;
    /* text-align: center; */
    color: #fefefe;
}
.propage_contact .con span{
    display: inline-block;
    margin-right: 10px;
}
.propage_contact .con b{}
#downloadlist { }
#downloadlist .row>div { padding-top: 1px }
#downloadlist .row { border-bottom: 1px solid #eee; padding: 11px 0 }
#downloadlist .col1 { }
#downloadlist .col1 a { }
#downloadlist .col2 { }
#downloadlist .col2 a { }
#downloadlist .col3 { }
#downloadlist .col4 .con { margin-top: -11px }
#downloadlist .col1 .con { padding-left: 60px; background: url("../images/bg7.png") no-repeat left center }
#downloadlist .col3 .con { }
#downloadlist .col1:hover a span { color: #FE554B !important }
#downloadlist .col4 { }
a.downloadbutton:hover { background: #FE554B url("../images/bg8.png") no-repeat 68px center }
a.downloadbutton { display: inline-block; padding: 9px 10px; padding-right: 35px; background: #BCBCBC url("../images/bg8.png") no-repeat 68px center; text-align: center; color: #fefefe; border-radius: 50px; width: 80% }
li.li_download .downloadbutton i { display: inline-block; width: 30px; height: 30px; background: url("../images/bg8.png") no-repeat center 3px; vertical-align: middle; margin-right: 5px }
li.li_download .downloadbutton:hover { background: #FE554B }
li.li_download .downloadbutton { background: #bcbcbc; color: #fefefe; width: 100%; padding: 0; vertical-align: middle; line-height: 42px }
li.li_download { list-style: none !important; margin-left: 0 !important; border: none !important }
li.nobor { border: none !important }
#location { padding: 50px 0 20px }
#location * { font-size: 16px; color: #999; font-weight: 400 }
#location a:hover { color: #FE554B }
#location span { margin: 0 5px }
#dituContent { width: 100%; height: 440px; margin-top: 30px; margin-bottom: 60px; border: none; padding-right: 40px; overflow: hidden }
#dituContent * { max-width: none !important; box-sizing: content-box !important }

#dituContent #ctpart1 {
    height: 450px;
    width: 100%;
}
#searchresult { }
#searchresult ul { margin-bottom: 90px }
#searchresult ul li { border-bottom: 1px dashed #eee; padding-bottom: 10px; margin-bottom: 10px }
#searchresult ul li * { font-size: 16px; font-weight: 400; margin-right: 10px }
#searchresult ul li b { }
#searchresult ul li a { }
#searchresult ul li a:hover { color: #FD564D }
#searchresult ul li span { }
#videoElement { width: 1200px }
.content_ptns { display: flex; flex-wrap: wrap }
.content_ptns li { flex: 0 0 25%; text-align: center; border: 1px solid #eee; margin-left: -1px }
.content_ptns li img { }
.content_rongyu_pics { display: flex; flex-wrap: wrap;  }
.content_rongyu_pics li { flex: 0 1 calc(30% - 20px); text-align: center; margin: 5px 30px; margin-bottom: 30px; background: #f7f7f7; padding: 20px }
.content_rongyu_pics li img { }
#contactpart1 { background: #fefefe; margin: 50px auto }
#contactpart1 .con1 { padding: 40px 50px; background: #fefefe url("../images/bgmap.jpg") no-repeat 300px 110px }
#contactpart1 .con1 p[rel=h2] { text-align: left }
#contactpart1 .con1 h2:after { left: 0; margin: 0 }
#contactpart1 .con1 dl { }
#contactpart1 .con1 dt { float: left; clear: left; font-weight: 400 }
#contactpart1 .con1 dt, #contactpart1 .con1 dd {margin-bottom: 10px;color: #333;font-size: 16px;}

dd {}
#contactpart1 .con1 dd { }
#contactpart1 .col2 { }
#contactpart1 .col2 #dituContent { }
#contactpart1 iframe { width: 100%; height: 100% }
.downloadtbl { width: 94% }
.downloadtbl th, .downloadtbl td { font-size: 18px; color: #666; text-align: left; padding-left: 15px !important }
.downloadtbl .th1 { }
.downloadtbl .th2 { }
.downloadtbl th { background: #F0F0F0; font-weight: 400 }
.downloadtbl td { font-size: 16px; padding: 11px 5px 11px 15px !important }
.downloadtbl .td1 { }
.downloadtbl .td2 { }
.downloadtbl td a { }
.downloadtbl td a i { display: inline-block; width: 24px; height: 24px; background: url("../images/down.jpg") no-repeat; position: relative; left: 10px; top: 8px }
i.cicon { display: inline-block; width: 50px; height: 43px; margin-right: 4px; vertical-align: middle; background: url("/assets/images/bgic1.png") }


.cicon.sub_icon_1 { background-position: 8px 6px }
.cicon.sub_icon_2 { background-position: -453px 6px }
.cicon.sub_icon_3 { background-position: -921px 6px }
.cicon.sub_icon_4 { background-position: -9px -281px }
.cicon.sub_icon_5 { background-position: -358px -282px }
.cicon.sub_icon_6 { background-position: -704px -279px }
.cicon.sub_icon_7 { background-position: -1050px -281px }
.cicon.sub_icon_8 { background-position: -16px -835px }
.cicon.sub_icon_9 { background-position: -303px -835px }
.cicon.sub_icon_10 { background-position: -574px -835px }
.cicon.sub_icon_11 { background-position: -836px -835px }
.cicon.sub_icon_12 { background-position: -1143px -835px }
.cicon.sub_icon_13 { display: none }
.cicon.sub_icon_14 { display: none }
.cicon.sub_icon_15 { display: none }
.cicon.sub_icon_16 { display: none }
.cicon.sub_icon_17 { display: none }
.cicon.sub_icon_18 { display: none }
.cicon.sub_icon_19 { background-position: 4px 5px }
.cicon.sub_icon_20 { background-position: -456px 5px }
.cicon.sub_icon_21 { background-position: -922px 5px }
.cicon.sub_icon_22 { background-position: -830px -1133px }
.cicon.sub_icon_23 { background-position: -132px -1133px }
.on .cicon.sub_icon_1 { background-position: 8px -114px }
.on .cicon.sub_icon_2 { background-position: -453px -114px }
.on .cicon.sub_icon_3 { background-position: -921px -114px }
.on .cicon.sub_icon_4 { background-position: -9px -447px }
.on .cicon.sub_icon_5 { background-position: -358px -447px }
.on .cicon.sub_icon_6 { background-position: -704px -447px }
.on .cicon.sub_icon_7 { background-position: -1050px -447px }
.on .cicon.sub_icon_8 { background-position: -16px -623px }
.on .cicon.sub_icon_9 { background-position: -303px -623px }
.on .cicon.sub_icon_10 { background-position: -574px -624px }
.on .cicon.sub_icon_11 { background-position: -836px -624px }
.on .cicon.sub_icon_12 { background-position: -1143px -624px }
.on .cicon.sub_icon_13 { background-position: 100px 200px }
.on .cicon.sub_icon_14 { background-position: 100px 200px }
.on .cicon.sub_icon_15 { background-position: 100px 200px }
.on .cicon.sub_icon_16 { background-position: 100px 200px }
.on .cicon.sub_icon_17 { background-position: 100px 200px }
.on .cicon.sub_icon_18 { background-position: 100px 200px }
.on .cicon.sub_icon_19 { background-position: 4px -115px }
.on .cicon.sub_icon_20 { background-position: -456px -115px }
.on .cicon.sub_icon_21 { background-position: -922px -115px }
.on .cicon.sub_icon_22 { background-position: -830px -998px }
.on .cicon.sub_icon_23 { background-position: -132px -1000px }
.xuqiubtn { background: #0070c0; color: #fefefe; border: none; line-height: 46px; padding: 4px 45px; font-size: 16px }
.xuqiubtn:hover { background: #B02929 }
.body_zulin { }
.body_zulin .sinfo16 { }
.body_zulin strong { font-size: 24px; font-weight: 400; line-height: 60px; color: #1b3e83 }
.body_zulin ul.ul1 { margin-bottom: 60px; margin-left: 42px }
.body_zulin ul.ul1 li { color: #666; line-height: 2; font-size: 16px }
.body_zulin ul.ul1 li:before { }
.tmp201 { }
.tmp201 h3 { color: #1b3e83; margin-bottom: 16px }
.tmp201 img { margin-left: 50px; margin-right: 40px }
.tmp201 div.fl { width: 650px; float: right; padding-right: 50px; text-align: left; margin-top: -20px }
.tmp201 .sinfo16 { }
.tmp202 { padding: 40px }
.tmp202 .sinfo16 { text-indent: 2em }
@media screen and (max-width:1441px) {
	#videoElement { width: 1000px }
}
@media screen and (max-width:1367px) {
	#videoElement { width: 900px }
}
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
   .vido{ width:100%; height:100%;object-fit: fill;}
   .caption-animate{ padding-top:55px;}
   .header{ display:none;}
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:55px;background:#f8f8f8;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:42px;display: block; margin-top:5px;}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;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 #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fefefe;line-height:45px;padding-left:5%;font-size:16px}
   .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;}
   .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(../imgs/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../imgs/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;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}