body{ background-color:#fcfcfc;}


/* CSS Document */
.float{ width:768px; left:0; top:0; height:100%; position:fixed; margin-left:-384px; background-color:rgba(0,0,0,0.9); z-index:1000; display:none; }
.float > .f-navlist{ width:100%; position:absolute; left:0; top:0; z-index:1002; display:none;}
.float > .f-navlist > h3{ width:100%; height:48px; line-height:48px; font-size:16px; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.8); color:#333; text-align:center; font-weight:normal; color:#FFF;} 
.float > .f-navlist > h3 > span{ float:left;}
.float > .f-navlist > h3 > span a,.float > .f-navlist > h3 > span a:hover{ color:#FFF;}
.float > .f-navlist > h3 > span:nth-of-type(2){ float:right; }
.float > .f-navlist > h3 > span > i{ font-size:14px;}
.float > .f-navlist > ul{ width:100%; box-sizing:border-box; box-sizing:border-box;}
.float > .f-navlist > ul > li{ width:100%; height:40px; line-height:40px; font-size:12px; overflow:hidden; text-align:left; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.6);}
.float > .f-navlist > ul > li + li{}
.float > .f-navlist > ul > li > a,.float > .f-navlist > ul > li > a:hover{ color:#FFF !important; }
.float > .f-navlist > ul > li > a > i{ color:#FFF; font-size:16px;}
.float > .f-navlist > ul > li:nth-last-of-type(1) > a > i{ font-size:18px;}
.float > .f-navlist > ul > li:hover{ background-color:#000;}
.float > .f-navlist > ul > li:hover > a,.float > .f-navlist > ul > li > a:hover,.float > .f-navlist > ul > li:hover > a > i,.float > .f-navlist > ul > li:hover > a:hover > i{ color:#FFF !important;}



.header{ margin:0 auto;/* position:fixed; left:0; top:0;*/ text-align:right; height:auto; background-color:transparent; background-color:#f4f8fb; width:100%; border-bottom:0px solid #EEE; box-shadow:0 5px 5px rgba(0,0,0,0); z-index:200; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
.header > .site{ width:100%; height:auto; background-color:#515151; text-align:right; font-size:12px;}
.header > .site > .c-con{height:36px; line-height:36px; text-align:right; font-size:14px; color:#9e9e9e; }
.header > .site > .c-con a{ color:#9e9e9e;}
.header > .site > .c-con a:hover{color:#FFF;}
.header > .site > .c-con > p{ float:left; }
.header > .hd-con{ margin:0 auto; width:1200px; height:auto; box-sizing:border-box; padding-top:20px; padding-bottom:20px; position:relative;  }
.header > .hd-con > .logo{ width:400px; display:block; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; float:left;}
.header > .hd-con > .logo img{ width:100%;}

.header > .hd-con > .btn-nav{ display:none; position:absolute; right:0; top:50%; margin-top:-15px; height:30px; line-height:28px; width:30px; box-sizing:border-box; border:1px solid #DDD; background-color:#FFF; border-radius:4px; text-align:center; }
.header > .hd-con > .btn-nav > i{ font-size:14px;}
.header > .hd-con > .banner{ display:block; width:360px; height:30px; float:left; margin-top:18px; margin-left:10px; }
.header > .hd-con > .banner img{ width:100%;}
.header > .hd-con > .phone{ width:250px; height:50px; background-image:url(../../avbt/image/phone.png); background-position:left top; background-repeat:no-repeat; background-size:cover; position:absolute; right:0; top:50%; margin-top:-25px;}

.col-hdblank{ width:100%; height:100px; background-color:#FFF;}
.scrolltop{animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; width:100%;  background-color:#f4f8fb;position:fixed; left:0; top:0;}
.scrolltop > .hd-con{ }
.nav{ width:100%; height:auto; background-color:#28158a;}
.nav > .nav-list{ height:auto;}
.nav > .nav-list > ul > li{ width:12.5%; height:auto; float:left; text-align:center; font-size:16px; }
.nav > .nav-list > ul > li > a{ color:#FFF; display:block; height:50px; line-height:50px; text-align:center;}
.nav > .nav-list > ul > li > a:hover,.nav > .nav-list > ul > li > a.on{ background-color:#1c0e60; color:#FFF !important;}

.swiper1{ overflow:hidden;}
.swiper1 .swiper-pagination {width: 100%; bottom:10px;}
.swiper1 .swiper-pagination-bullet{opacity:1; background:rgba(255,255,255,0.5); margin:0 5px!important; width:50px; height:4px; border-radius:0;}
.swiper1 .swiper-pagination-bullet-active{background:rgba(255,255,255,1);}
.swiper1 .swiper-container {width: 100%; height:100%; overflow:hidden; position:relative;}
.swiper1 .swiper-slide img{ width:100%;}
.swiper1 .swiper-mouse{ width:28px; height:auto; position:absolute; left:50%; bottom:4%; margin-left:-14px;  z-index:100;}
.swiper1 .swiper-mouse img{ width:100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ background-image:url(none); }
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ width:54px; height:110px; line-height:110px; text-align:center; background-color:rgba(0,0,0,0.3)}
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:30px; color:#FFF;}
.swiper1 .swiper-button-next{ rigth:0;}
.swiper1 .swiper-button-prev{ left:0;}
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{  background-color:rgba(0,0,0,0.6); color:#000;} 

.main{ padding-top:20px; padding-bottom:20px;}
.search{  width:100%; height:36px; box-sizing:border-box; padding-right:250px; position:relative;}
.search > p{ width:100%; height:36px; line-height:36px; box-sizing:border-box; padding-left:10px; padding-right:10px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.search > .search-form{ width:250px; height:36px; position:absolute; background-color:#f2f2f2; right:0;top:0; padding-right:36px; box-sizing:border-box;}
.search > .search-form p:nth-of-type(1){ width:100%; height:100%}
.search > .search-form p:nth-of-type(1) input{ width:100%; height:36px; line-height:36px; font-size:14px; color:#999; box-sizing:border-box; padding-left:10px; padding-right:10px; border:0;background-color:transparent;}
.search > .search-form p:nth-of-type(2){ width:36px; height:36px; position:absolute; right:0; top:0;}
.search > .search-form p:nth-of-type(2) > input{ width:100%; height:100%; border:0; background-color:transparent; font-family:"iconfont" !important; font-size:20px;}


.about{ width:100%; background-color:#384d5c; height:auto; background-image:url(../../avbt/image/about.png); background-repeat:no-repeat; background-position:center top; box-sizing:border-box; padding-top:2.5%; padding-bottom:5%;}
.about .about-header{ width:100%; font-size:24px; text-align:center; color:#FFF; margin-bottom:1.2%;}
.about .about-icon{ display:block; width:680px; height:36px; margin:0 auto; position:relative;}
.about .about-icon::after{ content:' '; width:280px; height:1px; background-color:#FFF; position:absolute; left:0; top:50%;}
.about .about-icon::before{ content:' '; width:280px; height:1px; background-color:#FFF; position:absolute; right:0; top:50%;}
.about .about-icon > p{ width:25px; height:25px; background-color:#FFF; position:absolute; left:50%; top:0; margin-left:-5px; transform:rotate(45deg) translateY(7px); -webkit-transform:rotate(45deg translateY(7px));}
.abocon{ width:100%; height:auto; display:flex; flex-direction:row; flex-wrap:nowrap; margin-top:3%;}
.abocon > .ac-img{ width:45%; display:block; align-self:center;}
.abocon > .ac-img img{ width:100%;}
.abocon > .ac-about{ width:55%; line-height:42px; font-size:16px; box-sizing:border-box; padding-left:3%; align-self:center; color:#FFF;}
.abocon > .ac-about > a{ color:#fc4545;}
.flash{ width:100%; position:relative;}
.flash > img{ width:100%;}
.flash > .c-con{ height:100%; position:absolute; left:50%; top:0; margin-left:-600px; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
.flash > .c-con .fc-logo{display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; width:80%; }
.flash > .c-con .fc-logo > p{ width:100px;}
.flash > .c-con .fc-logo > p img{ width:100%;}
.flash > .c-con .fc-logo > h3{ color:#FFF; padding-left:10px; }
.flash > .c-con .fc-logo > h3 > p{ font-size:24px; font-weight:normal }
.flash > .c-con .fc-logo > h3 > p:nth-of-type(2){ font-size:16px; font-weight:normal; text-transform:uppercase; padding-top:5px; }
.flash > .c-con .fc-about{ width:15%; color:#FFF;} 
.flash > .c-con .fc-about > a{ display:block; width:90%; font-size:14px; height:36px; line-height:36px; display:block; background-color:#F00; color:#FFF; text-align:center;}
.flash > .c-con .fc-about > h3{ width:100%; font-size:12px; font-weight:normal; margin-top:5px;}
.flash > .c-con .fc-about > p{ width:100%; font-size:20px; }

.prods{ width:100%; box-sizing:border-box;  position:relative; margin-top:20px;overflow:hidden; }
.prods > .prodleft{ width:240px; height:100%; background-color:#efefef; position:absolute; left:0; top:0;display:none;}
.prods > .prodleft > .pl-menu{ width:100%; height:auto; }
.prods > .prodleft > .pl-menu > h3{width:100%; height:60px; line-height:60px; font-weight:normal; font-size:18px; text-align:center; color:#FFF; background-color:#28158a; }
.prods > .prodleft > .pl-menu > .pl-menu-list{ width:100%; height:auto;}
.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #e5e5e5; box-sizing:border-box; padding-left:20px; padding-right:20px; font-size:14px; position:relative; cursor:pointer; }
.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li::after{ content:' '; width:4px; height:12px; background-color:#28158a; position:absolute; left:0px; top:50%; margin-top:-6px;}
.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li::before{ content:' '; position:absolute; right:10px; top:50%; margin-top:-5px; width: 0; height: 0; border-top:8px solid transparent;border-left: 10px solid #efefef; border-bottom:8px solid transparent;}
.prods > .prodleft > .pl-contact{ width:100%; box-sizing:border-box; padding:10px; background-color:#28158a; color:#FFF; position:absolute; left:0; bottom:0;}
.prods > .prodleft > .pl-contact > h3{ font-weight:normal; font-size:16px; margin-bottom:5px; }
.prods > .prodleft > .pl-contact > h4{ font-size:12px; font-weight:normal; height:auto; line-height:24px; position:relative; box-sizing:border-box; padding-left:48px;}
.prods > .prodleft > .pl-contact > h4 > p{ width:48px; display:inline-block; float:left; height:24px; line-height:24px; position:absolute; left:0; top:0; }
.prods > .prodcont{ width:100%; height:auto;}
.prods > .prodcont > .prodlist{ width:100%;  height:auto; display:block; }

.prods > .prodcont > .prodlist > ul > li{ width:23.5%; height:auto; float:left; margin-right:2%; margin-top:0;}
.prods > .prodcont > .prodlist > ul > li:nth-of-type(4n){ margin-right:0;}
.prods > .prodcont > .prodlist > ul > li:nth-of-type(1),.prods > .prodcont > .prodlist > ul > li:nth-of-type(2),.prods > .prodcont > .prodlist > ul > li:nth-of-type(3){ margin-top:0;}
.prods > .prodcont > .prodlist > ul > li > a > img{width:100%;}
.prods > .prodcont > .prodlist > ul > li > a > h3{ background-color:#e5e5e5; width:100%; height:40px; line-height:40px; font-weight:normal; text-align:center; overflow:hidden; font-size:14px;}
.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li.on::after,.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li:hover::after{ background-color:#e70012;}
.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li.on > a,.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li:hover > a{ color:#e70012 !important;}
.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li.on::before,.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li:hover::before{border-left: 10px solid #e70012;}

.news{ width:100%; height:auto; padding-bottom:10%; background-image:url(../../avbt/image/news.png); background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;}
.cols-header{ padding-top:1.6%; padding-bottom:1.6%; }
.cols-header > h3,.cols-header > p{ width:100%; font-size:24px; text-align:center; font-weight:normal; }
.cols-header > p{ font-size:16px; text-transform:uppercase; margin-top:10px;}
.cols-header > p > span{ color:#999;}
.tedian{ width:100%;}
.tedian-cont{ width:100%; position:relative; text-align:center; margin-top:3%; }
.tedian-cont > .td-cont-img{width:30%; display:inline-block; position:relative; z-index:100;}
.tedian-cont > .td-cont-img img{ width:80%;padding-left:10%;}
.tedian-cont > .td-list{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:50;}
.tedian-cont > .td-list > ul{ width:100%; height:100%; display:flex; flex-direction:row; flex-wrap:wrap; align-content:space-between;}
.tedian-cont > .td-list > ul > li{ width:50%; height:100px; background-color:#777b82; border-left:4px solid #FFF; box-sizing:border-box; padding:10px; position:
relative;}
.tedian-cont > .td-list > ul > li::after{ content:' '; width:4px; height:20px; background-color:#aecf71; position:absolute; left:-2px; top:15px;}

.tedian-cont > .td-list > ul > li > h3,.tedian-cont > .td-list > ul > li > p{ width:100%; box-sizing:border-box; padding-right:30%; overflow:hidden; color:#FFF;}
.tedian-cont > .td-list > ul > li > h3{ font-size:18px; height:30px; line-height:30px;}
.tedian-cont > .td-list > ul > li > p{ font-size:15px; height:50px; line-height:25px;}
.tedian-cont > .td-list > ul > li:nth-of-type(2n){ border-left:0; border-right:4px solid #FFF;}
.tedian-cont > .td-list > ul > li:nth-of-type(2n)::after{ right:-2px; left:auto;}
.tedian-cont > .td-list > ul > li:nth-of-type(2n) > h3,.tedian-cont > .td-list > ul > li:nth-of-type(2n) > p{ padding-left:30%; padding-right:0; text-align:right;}


.youshi-header{ width:100%; position:relative;}
.youshi-header::after{ content:' '; width:100%; height:1px; background-color:#ebebeb; position:absolute; left:0; top:50%;}
.youshi-header > h3{ width:40%; height:48px; margin:0 auto; border:1px solid #ebebeb; background-color:#fcfcfc; box-sizing:border-box; margin-top:10%; position:relative; z-index:10;}
.youshi-header > h3 > p{ display:inline-block; background-color:#fcfcfc; font-size:28px; text-align:center; font-weight:normal; padding-left:20px; padding-right:20px; transform:translateY(-80px); -webkit-transform:translateY(-80px); text-align:center; }
.youshi-header > h3 > p > span:nth-of-type(1){ display:inline-block; font-size:80px; font-weight:bold; padding-left:20px; padding-right:20px; }
.youshi-header > h3 > p > span{ color:#2b1791;}

.youshi-list{ width:1200px; margin:0 auto;}
.youshi-list > ul > li{ width:100%; position:relative;}
.youshi-list > ul > li > img{ width:100%;}
.youshi-list > ul > li:nth-of-type(1) > img,.youshi-list > ul > li:nth-of-type(3) > img{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg);}
.youshi-list > ul > li > .ysl-cont{ width:100%; height:100%; box-sizing:border-box; padding:3.5% 5.5%;  display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;/* background-color:rgba(0,0,0,0.3);*/ position:absolute; left:0; top:0;}
.youshi-list > ul > li > .ysl-cont > .ysl-cont-img{ width:45%; padding:10px; box-sizing:border-box; display:block; border:1px solid #d4d4d4; background-color:#FFF;}
.youshi-list > ul > li > .ysl-cont > .ysl-cont-img > img{ width:100%;}
.youshi-list > ul > li > .ysl-cont > .ysl-cont-about{ width:45%; }
.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3{ width:100%; height:52px; line-height:52px; font-weight:normal; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis; position:relative; margin-bottom:10px; }
.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3 > p{ height:40px; line-height:40px; background-color:#2b1791; color:#FFF; padding-left:20px; padding-right:20px; position:absolute; left:0; top:0; width:60px; box-sizing:border-box; font-size:20px; text-align:center;}
.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3 > a{ padding-left:70px; display:inline-block; height:52px; line-height:52px; box-sizing:border-box; color:#2b1791; font-size:22px; transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3::after{ content:' '; width:20px; height:1px; background-color:#2b1791; position:absolute; left:70px; top:0;}
.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3::before{ content:' '; width:50%; height:2px; background-color:#ebebeb; position:absolute; left:0; bottom:0;}

.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > p{ width:100%; height:auto; font-size:14px; line-height:32px;}


.news-list{}
.news-list > ul > li{ box-sizing:border-box; border:1px solid #e1e2e6; background-color:#FFF; float:left; margin-right:2%; width:23.5%; height:auto; padding:20px;}
.news-list > ul > li:hover{ border:1px solid #2f1ba0;}
.news-list > ul > li:nth-of-type(4n){ margin-right:0;}
.news-list > ul > li .nl-title{ width:100%; height:56px; overflow:hidden; margin-bottom:10px; box-sizing:border-box; padding-left:66px; position:relative;}
.news-list > ul > li .nl-title > h3{ width:56px; height:56px; box-sizing:border-box; border:1px solid #e1e2e6; background-color:#eff0f3; position:absolute; left:0; top:0; padding-top:4px; padding-bottom:4px; }
.news-list > ul > li .nl-title > h3 > p{ width:100%; height:23px; line-height:23px; text-align:center; font-weight:normal; font-size:16px;}
.news-list > ul > li .nl-title > h3 > p:nth-of-type(2){ font-size:14px; color:#999;}
.news-list > ul > li .nl-title > p{ width:100%; line-height:24px; height:56px; padding-top:4px; padding-bottom:4px; overflow:hidden; box-sizing:border-box; font-size:14px; border-bottom:1px solid #e1e2e6;}
.news-list > ul > li .nl-text{ width:100%; height:60px; line-height:20px; font-size:12px; overflow:hidden; }
.news-btn{ width:160px; height:40px; line-height:40px; margin:0 auto; box-sizing:border-box; border-radius:20px; border:1px solid #413198; color:#413198; text-align:center; display:block; font-size:14px; text-align:center; margin-top:4%; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.news-btn:hover{ background-color:#413198; color:#FFF !important;}
.news-btn > i{ font-size:14px;}


.service{ height:auto; margin:0 auto; padding-bottom:1%; background-color:#1c0e60;}
.service > .serv-nav{ width:100%; height:auto; border-bottom:1px solid #302d3b; margin-bottom:1%;}
.service > .serv-nav > .serv-nav-list{ }
.service > .serv-nav > .serv-nav-list > ul > li{ width:12.5%; height:60px; line-height:60px; text-align:center; float:left; font-size:16px;}
.service > .serv-nav > .serv-nav-list > ul > li > a,.service > .serv-nav > .serv-nav-list > ul > li > a:hover,.service > .links > a,.service > .links > a:hover,.footer > .copyright > a,.footer > .copyright > a:hover{ color:#FFF;}
.service > .servcon{ padding-right:160px; box-sizing:border-box; position:relative;}
.service > .servcon > .serv-contact{ width:100%; height:auto;box-sizing:border-box;}
.service > .servcon > .serv-contact > h3{width:100%; height:64px; font-size:16px; font-weight:normal; overflow:hidden;position:relative; margin-bottom:10px; }
.service > .servcon > .serv-contact > p{ width:100%; height:auto; line-height:30px; font-size:14px; color:#FFF;}
.service > .servcon > .serv-contact > p > span{ color:#bfea9a;}
.service > .servcon > .serv-erweima{ width:auto; height:auto; box-sizing:border-box; position:absolute; right:0; top:0;  }
.service > .servcon > .serv-erweima > p{ width:60px; height:60px; line-height:60px; text-align:center; float:left;}
.service > .servcon > .serv-erweima > p > a,.service > .servcon > .serv-erweima > p > a:hover{ color:#FFF;}
.service > .servcon > .serv-erweima > p i{  font-size:40px;}
.service > .links{ height:auto; line-height:30px; font-size:14px; text-align:left; color:#FFF;}

.footer{width:100%; height:auto; background-color:rgba(0,0,0,1); position:relative; z-index:180; overflow:hidden; }
.footer > .copyright{ width:100%; line-height:24px; padding-top:1%; padding-bottom:1%;text-align:center; font-size:14px; color:#FFF;}
.footer > .copyright > a,.footer > .copyright > a:hover{ color:#FFF;}