@charset "utf-8";/*轮播图开始*/

.pc-nav{margin:0 auto;width:100%;display:inline-block;padding-top:30px; border-bottom:rgba(204,204,204,0.5) 1px solid; padding-bottom:20px;position: absolute; z-index:10;transition:all 0.5s;}
.pc-nav .logo{float:left;}
.pc-nav .logo img{max-height:50px;}
.pc-nav .logot{width:100%;overflow:hidden;color:#cccccc;font-size:12px;padding:5px 0 0 12px;}
.m-nav{width:100%;display:none;}
.m-nav .logo{ padding-left:2px;float:left;}
.m-nav .logo img{max-height:45px;}
.m-nav .logo .logot{padding-left:8px;font-size:12px;width:310px;padding-top:5px;}

.pc-nav .logo1{display: none;transition:all 0.5s;}
.navtop .logo1{display: block; transition:all 0.5s;}
.navtop .logo0{display: none;transition:all 0.5s;}
.navtop .logot{color:#aaaaaa;}
.nav{background:#004898;width:100%;display:table;}
.navtop{ background-color:#ffffff; box-shadow:#ccc 5px;position:fixed;top:0px;left:0px;z-index:10; border:none;transition:all 0.5s;}
/*nav start*/

.nav-list{float:right; margin-top:20px;}
.nav-list li{float:left;height:50px;line-height:50px;position:relative;}
.nav-list li:before{content:'';height:43px; width:1px;background-color:#cccccc; position:absolute;top:6px;right:0;}
.nav-list li:last-child:before{content:'';display:none;}

.nav-list li a{display:inline-block;color:#cccccc;padding:0px 15px;margin:0 15px; font-size:16px; cursor:pointer;transition:all 0.5s;}
.nav-list li:last-child a{margin-right:0; padding-right:0;}
.nav-list li a:hover{color:#ffffff;}
.nav-list li p{width:100%;display:block;text-align:center;height:25px;line-height:25px;}
.nav-list li p span{ font-weight:bold;display:inline-block;margin:0 3px;vertical-align: middle; padding-bottom:11px;}

.navtop li a{color:#333333;}
.navtop li a:hover{color:#004898;}




:before,:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img, .ylw-img-responsive {height:auto;max-width:100%;}
.text-center {text-align:center;width:100%; margin-top:10px;overflow:hidden;}
.box {width:100%;height:100%;padding:0 0px;background-repeat:no-repeat;background-position:center top;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.slider{position:relative;width:100%;height:auto;overflow:hidden}
.slides{height:100%;overflow:hidden;*zoom:1;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;margin:0;padding:0;border:0}
.slide {position:relative;height:100%;float:left;clear:none;margin:0;padding:0;border:0;list-style-image:none;list-style-type:none}
.slider-arrow {position:absolute;display:block;margin-bottom:-30px;background-color:rgba(0,0,0,0.3);text-indent:-9999px;overflow:hidden;height:60px;width:40px;background-repeat:no-repeat;/*display:none;*/}
.slider-arrow--right {transform:translate(40px, 0);-ms-transform:translate(40px, 0);-webkit-transform:translate(40px, 0);-moz-transform:translate(40px, 0);-o-transform:translate(0px, 0);transition:0.5s ease;}
.slider-arrow--left {transform:translate(-40px, 0);-ms-transform:translate(-40px, 0);-webkit-transform:translate(-40px, 0);-moz-transform:translate(-40px, 0);-o-transform:translate(-40px, 0);transition:0.5s ease;}
.slider:hover .slider-arrow--right, .slider:hover .slider-arrow--left {transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);display:block;}
.slider-arrow--left {bottom:50%;left:0;background-image:url(../img/banner-fy.png);background-position:center top;}
.slider-arrow--right {bottom:50%;right:0;background-image:url(../img/banner-fy.png);background-position:center bottom;}
.slider-nav {position:absolute;left:50%;bottom:8%;cursor:default;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.slider-nav__item {position:relative;width:40px;height:4px;float:left;clear:none;display:block;margin:0 3px;background:#fff;/*border-radius:50%;*/}
.slider-nav__item--current:before{position:absolute;top:0px;left:0px;content:'';height:100%;background:#004898;animation:jb 5s 0s;}
@keyframes jb{0%{width:0%;}100%{width:100%;}
}




.about-video{width:100%;padding:40px 0px;overflow:hidden;}
.about{float:left;width:50%;}
.about h1{color:#111111;font-size:24px;font-weight:normal;}
.about h3{color:#004898;font-size:14px;margin-top:5px;font-weight:normal;}
.about .txt{font-size:14px;color:#616060;line-height:30px;margin-top:10px;display:-webkit-box;-webkit-box-orient:block-axis;-webkit-line-clamp:5;overflow:hidden;}


.about a.more{ display:block;margin-top:10px;text-align: center;width:100px;height:30px;font-size:14px;background-color:#fff;border:#ddd 1px solid;border-radius:8px;color:#004898;transition:0.5s;display: flex;}
.about a.more:hover{background-color:#004898;border: 1px solid #004898;transition:0.5s;}
.about a.more span{padding-left:15px;display: inline-block;transition:0.5s;line-height:30px;}
.about a.more:hover span{padding-left:20px;transition:0.5s;color:#ffffff;}
.about a.more i{margin:6px 0 0 3px;font-size:16px;}
.about a.more:hover i{color:#ffffff;}

.index-video{float:right;width:48%;overflow:hidden;}
.index-video video{width:100%;}

.index-sz{width:100%;}
/* 数字滚动 */
.number-info{position:relative;}
.number-info .number-w{max-width:1200px;}
.number-info ul{padding-top:20px;overflow: hidden;zoom:1;}
.number-info li{float:left;width:20%;padding-top:10px;color:#004898;}
.number-info li b{font-size:24px;text-align:center;display:inline-block;position:relative;margin:15px 0 10px;}
.number-info li p{font-size:12px;color:#666;}
.number-info li b i{font-style:normal; font-weight:600;}
.number-info li b sup{position:absolute;font-size:20px;right:-15px;top:-3px;}
.number-info li b em{font-style:normal;font-size:14px;font-weight:normal;padding-left:2px;position:relative;top:-4px;}




.yous{background-image:url(mod-bg.png);background-size:cover;background-attachment:fixed;background-position:center;padding: 30px 0;}
.yous h1{font-size:28px;text-align:center; font-weight:normal;padding:20px 0 10px 0;}
.yous h1 i{color:#004898;}
.yous p{font-size:14px;text-align:center;color: #004898;}
.yous ul{margin: 0 auto;max-width:1400px;margin-top: 40px;margin-bottom: 40px;overflow: hidden;}
.yous li{float:left;width: 25%;color:#ffffff;}
.yous .brp{width:auto;cursor:pointer;margin-right:25px;box-sizing:border-box;border-radius:5px;font-size:16px;position:relative;overflow:hidden;}
.yous .brp .pic{width:100%;}
.yous .brp .pic img{transition:0.5s;transform:scale3d(1,1,1);-webkit-transition:0.5s;-webkit-transform:scale3d(1,1,1);-o-transition:0.5s;-o-transform:scale3d(1,1,1);}
.yous .brp:hover .pic img{transform:scale3d(1.1,1.1,1);transition:0.5s;-webkit-transform:scale3d(1.1,1.1,1);-webkit-transition:0.5s;-o-transform:scale3d(1.1,1.1,1);-o-transition:0.5s;}

.yous .brp .hot{margin:0 50px;position:absolute;left:0;right:0; bottom:60px; z-index:20;}
.yous .brp .hot:before{content:'';width:45px;height:2px;background-color:#ffffff;position:absolute; left:0;right:0;bottom:-10px;}
.yous .brp .hot .t1{font-size:20px;color:#ffffff; text-align:left; line-height:30px;}
.yous .brp .hot .t2{font-size:14px;color:#ffffff; text-align:left;}
.yous .brp .hovertxt{width:100%;text-align:center;position:absolute;top:100%;height:100%;transition:all 0.5s;}
.yous .brp:hover .hovertxt{background-color:rgba(0,72,152,0.6);top:0;}
.yous .brp:hover .hot{display:none;}
.yous .brico{margin:80px 35px 20px 35px;}
.yous .brico i{font-size:50px;}
.yous .brico .lines{ height:2px; background:#eeeeee; margin:0px auto;width:40%; margin-top:20px;}
.yous .brtxt{margin:25px;line-height:30px;}
.yous .brtxt h2{font-size:24px;height:40px;line-height:40px;font-weight: normal;display: inline-block;margin-bottom:10px;overflow: hidden;}


.pro-wap{padding:30px 0 60px 0; background-color:#fff;overflow:hidden;}
.pro-wap .pro-tits{margin: 0 auto;max-width: 500px;margin-top: 35px;margin-bottom: 35px;}
.pro-wap .pro-tits h1{ margin: 0 auto;width: 200px;text-align: center;color:#222222;font-weight:normal;font-size:28px;position:relative;}
.pro-wap .pro-tits .tit-bgline{padding: 0 5px;position:relative;font-weight:normal}
.pro-wap .pro-tits h2{text-align: center;color:#004898;font-size:15px;margin-top:5px;font-weight: normal;}
.pro-list{margin:0 auto;max-width:1400px;overflow: hidden;}
.pro-list li{float:left;width:33.3%;}
.pro-list li .bor{background-color:#ffffff; box-sizing:border-box; border:#eee 1px solid;padding:5px;margin:15px;overflow:hidden;}
.pro-list li .tit{height:50px;line-height:25px; font-size:16px;padding-top:5px;}
.pro-list a{box-sizing:border-box;text-align:center;position:relative;}
.pro-list a .pic{text-align:center;overflow:hidden;}
.pro-list a .pic img{max-height:200px;margin-bottom:5px;}

.index-tits{margin: 0 auto;max-width: 500px;margin-top: 35px;margin-bottom: 35px;}
.index-tits h1{ margin: 0 auto;width: 200px;text-align: center;color:#222222;font-size:24px;font-weight: normal;position:relative;}
.index-tits .tit-bgline{padding: 0 5px;position:relative;}
/*.index-tits .tit-bgline:before{content:'';background:#222222;width:50px;height:1px;position: absolute;left:-52px;top:20px;}
.index-tits .tit-bgline:after{content:'';background:#222222;width:50px;height:1px; margin-left:6px;position: absolute;top:20px;}
*/
.index-tits h2{text-align: center;color:#004898;font-size:15px;margin-top:5px;font-weight: normal;}

.anli{background-image:url(mod-bg.png);background-size:cover;background-attachment:fixed;background-position:center;padding:35px 0px 20px 0px;overflow:hidden;}
.anli .anli-tits{float:left;}
.anli .anli-tits h1{color:#111111;font-size:24px;font-weight: normal;}
.anli .anli-tits h2{color:#004898;font-size:14px;margin-top:5px;font-weight: normal;}
.anli .anli-nav{float:right;}
.anli .anli-nav li{float:left;padding:0 10px 0 20px;}
.anli .anli-nav li a{ border-radius:3px;display:inline-block;background-color:#fcfcfc; color:#004898;height:35px;line-height:35px;padding:0 15px;transition:all 0.5s ease;}
.anli .anli-nav li a:hover{background-color:#004898;color:#FFF;transition:all 0.5s ease;}
.anli .pic{height:260px;line-height:260px;border:1px solid #eee;text-align:center;position:relative;overflow:hidden;}
.anli .pic:before{position:absolute;top:0;opacity:0;left:50%;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.17, .84, .44, 1) 0s;content:'+';width:50px;height:50px;color:#ffffff;font-size:40px;z-index:1;text-align:center;line-height:40px;border-radius:50%;border:1px solid #ffffff;}
.anli .pic:hover:before{top:50%;opacity:1;transition:all .6s cubic-bezier(.17, .84, .44, 1) 0s;}
.anli .pic img{max-height:260px;transition:0.5s;}
.anli .pic:hover img{transform:scale3d(1.2,1.2,1);-webkit-filter:brightness(0.5);transition:0.5s;}

.demo-bk{position:relative;}
.demo-list{margin:20px 50px;overflow:hidden;position:relative;z-index:1;}
.demo-list ul{width:3440px;position:relative;overflow:hidden;}
.demo-list ul li{float:left;width:430px;box-sizing:border-box;overflow:hidden;}
.demo-list ul li .bor{margin:20px;box-shadow:0 0 10px 2px rgba(0, 0, 0, .2);}
.demo-list ul li p{background-color:#fff;padding:10px 30px;font-size:16px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.demo-list ul li .more{background-color:#fff;padding:20px 30px;text-align: center;}
.demo-list ul li .more a{color:#004898;}
.demo-xz{position:absolute;height:100%;top:0px;left:0px;width:100%;padding:10px 0px;text-align:center;}
.demo-jtleft,.demo-jtright{display:inline-block;height:100%;font-size:50px;line-height:390px;font-family:"NSimSun";float:left;cursor:pointer;overflow:hidden;transition:0.5s;width:40px;}
.demo-jtleft:hover,.demo-jtright:hover{color:#004898;}
.demo-jtright{float:right;}


.phone-demo-bk{display:none;position:relative;}
.phone-demo-list{margin:15px 40px;overflow:hidden;position:relative;z-index:1;}
.phone-demo-list ul{width:2480px;position:relative;overflow:hidden;}
.phone-demo-list ul li{float:left;width:320px;box-sizing:border-box;overflow:hidden;}
.phone-demo-list ul li .bor{margin:10px;box-shadow:0 0 8px 2px rgba(0, 0, 0, .2);}
.phone-demo-list ul li p{background-color:#fff;padding:10px 30px; text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.phone-demo-list ul li .more{background-color:#fff;padding:10px 30px;text-align:center;}
.phone-demo-list ul li .more a{color:#004898;}
.phone-demo-xz{position:absolute;height:100%;top:0px;left:0px;width:100%;padding:10px 0px;text-align:center;}
.phone-demo-jtleft,.phone-demo-jtright{display:inline-block;height:100%;font-size:50px;line-height:300px;font-family:"NSimSun";float:left;cursor:pointer;overflow:hidden;transition:0.5s;width:40px;}
.phone-demo-jtleft:hover,.phone-demo-jtright:hover{color:#004898;}
.phone-demo-jtright{float:right;}


.news ul,.content ul,.about ul,.case-right ul{width:100%;overflow: hidden;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;flex-flow: row wrap;-webkit-flex-flow: row wrap;-webkit-box-orient: horizontal;-webkit-box-lines: multiple;}
/*news*/
.news{margin:0 auto;max-width:1400px;margin-top:60px;margin-bottom:30px;padding: 30px 0;box-sizing:border-box;position:relative;overflow:hidden;}
.news li{float:left;width:31%;margin-right:38px;box-sizing:border-box;}
.news li:last-child{float:right;margin-right:0;}
.news li .broo{background-color:#ffffff;width:100%;overflow:hidden;}
.news li .broo .pic{ height:240px;overflow: hidden;}
.news li .broo .date{color:#0047BA;font-size:14px;padding:15px 15px;}
.news li .broo .date i{ margin-right:3px;}
.news li .broo .tites{text-align:left;font-size:18px;height:60px;line-height:30px;padding:6px 15px 20px 15px;}




/*按钮特效*/
.btn {display:inline-block;margin-bottom:0;font-weight:900;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 40px;font-size:16px;line-height:1.5;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.btn-round.btn-default {color:#5a5751;background-color:#fff;}
.btn-round.btn-default:before,

.btn-round.btn-default:after {background:#5a5751;}
.btn-round.btn-default:hover {color:#fff;border-color:#5a5751;background:#5a5751;}
.btn-round {position:relative;z-index:1;overflow:hidden;background-color:transparent;transition:.2s;transition-delay:.1s;}
.btn-round:hover {transition-delay:.45s;}
.btn-round:before,

.btn-round:after {position:absolute;top:50%;content:'';width:20px;height:20px;background:#434345;border-radius:50%;transition:0.5s;z-index:-1;}
.btn-round:before {left:-20px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.btn-round:after {right:-20px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);}
.btn-round:hover:before {-webkit-animation:criss-cross-left 0.8s;animation:criss-cross-left 0.8s;}
.btn-round:hover:after {-webkit-animation:criss-cross-right 0.8s;animation:criss-cross-right 0.8s;}
/** 2.19 Animations Addons */

@-webkit-keyframes criss-cross-left {0% {left:-20px;}
50% {left:50%;width:20px;height:20px;}
100% {left:50%;width:375px;height:375px;}
}
@keyframes criss-cross-left {0% {left:-20px;}
50% {left:50%;width:20px;height:20px;}
100% {left:50%;width:375px;height:375px;}
}
@-webkit-keyframes criss-cross-right {0% {right:-20px;}
50% {right:50%;width:20px;height:20px;}
100% {right:50%;width:375px;height:375px;}
}
@keyframes criss-cross-right {0% {right:-20px;}
50% {right:50%;width:20px;height:20px;}
100% {right:50%;width:375px;height:375px;}
}
@media(max-width:1200px) {
.w1200{padding-left:5px;padding-right:5px;}
.yous{padding:20px 10px;}
.number-info li{width: 50%;}
.yous li{width: 50%;margin:5px 0;}
.pro-list li{float:left;width:50%;}
.news{padding:0px 7px}
.demo{padding:0px 7px 20px 7px;}
}
@media(max-width:1000px) {

}
@media(max-width:750px) {
.about .txt{ padding:10px; padding-bottom:0;}
.pro-list li .tit{font-size:16px;padding-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.about{padding:0px 10px 0px 10px; float:none; width:100%; box-sizing:border-box;}
.about ul{ display:block;}
.number-info li{ width:33%;}
.index-video{float:none; width:100%;padding:20px 10px 0px 10px;box-sizing:border-box;}
.yous .brp{ margin:5px 10px;}
.yous ul{ margin-bottom:0;}
.yous .brp .hot{margin:0 10px;bottom:30px;}
.yous .brico{margin:20px 15px 5px 15px;}
.yous .brico i{ font-size:30px;}
.yous .brtxt{margin:10px 15px;font-size:14px;}
.yous .brtxt h2{ font-size:18px; height:30px;line-height:30px;margin-bottom:0px;}
.yous .brtxt .txt{ font-size:14px; line-height:22px;}

.anli .anli-tits{float:none;text-align:center;padding-bottom:20px;}
.anli .anli-nav{float:none;margin:0 auto;width:320px;overflow:hidden;}
.anli .anli-nav li{padding:0 5px;}
.anli .anli-nav li a{padding:0 8px;}
.demo-bk{display:none;}
.phone-demo-bk{display:block;}

.news{margin-top:10px;}
.news li{width:100%;margin:10px 0px;}
.slider-arrow {display:none;}
}