*{margin: 0;padding: 0;font-size: 14px;font-family: "微软雅黑";color: #333;}
html{ -webkit-text-size-adjust:none;}
html, body{overflow-x: hidden;}
img{ border:none; vertical-align:middle;}
input, .secectBox, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
li{list-style: none;}
a{text-decoration: none;outline:none;}
table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.justify { text-align:justify; text-justify:distribute-all-lines; /*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}
a, input, .imgBox img, .imgBar figure img, i, :after, nav p, nav>a:before, .navBox p, .navBox,
.banner .swiper-button-next, .banner .swiper-button-prev, .sfq li, .sfq li figure, 
.sfq li figure p, .boyaList li div, .boyaList li span, .boyaList li div:after, .con3_list2 p,
.con3_right_list1 li, .con3_right_list1>a span, .con3_right_u2 li .line, .con3_right_u2 li h3,
.con3_right_u2 li p, .address h5 span, .shzr ul li .line, .shzr ul li h3, .shzr ul li p,
.shzr ul li, .hzhbList .divBox p img, .hzhbList .divBox p, .year p, .year .swiper-button-prev, 
.year .swiper-button-next, .year .swiper-button-prev i, .year .swiper-button-next i,
.yearMan h3, .yearMan p, .yearItem li, .yearList, .zlkjList li h2, .zlkjList li h3,
.zlkjList li p, .zlkjList li h3 b, .ghsj li p .line, .ghsj li p .yuan, .ghsj li div,
.ghsj li figure:before, .ghsj li figure:after, .ghsj li h3, .ghsj li p .yuan, .zyywList li,
.zyywEr li, .zyywEr li:after, .tzgl a div, .tzgl a h3, .tzgl a p, .tzgl ul li a:before, 
.tzgl ul li a:after, .tzgl ul li, .glzxList li, .glzxList h3, .glzxList p, .caseList li h2,
.caseList li p, .caseList li .line, .caseList li, .newsList2 li, .time time, .time span,
.newsList2 li .line, .news ol li, .news ol li a, .newsList3 a span, .newsList3 li a:after, 
.newsList3 div time, .newsList3 div h3, .teamList1 li h3, .teamList1 li p, .teamList1 li,
.teamList1 li h3 span, .teamList1 .line, .teamList2 a div, .teamList2 a:before, .teamList2 a:after,
.zxTeam a:after, .teamList3 a:before, .teamList3 a:after, .teamList3 a div, .teamList3 h3,
.teamList3 .line, .teamList3 p, .byzzList li h3, .byzzList li h3 b, .byzzList li h4, 
.byzzList li p, .byzzList li a, .byzzList li, .cbskList li, .cbskList li p, .cbskList li time,
.meal:after, .meal i, .zxnslist>li>p, .zxnslist li span b, .zxnslist li>p span, .product li a:before, 
.product li a:after, .product li, .product li h3, .product li p, .product li span, .modo li,
.caseBar .swiper-pagination-bullet, .teamBar .swiper-pagination-bullet, .mapBox>ul li,
.menuBox div, .listBox .swiper-pagination span:after, .product li span, .cbl a img, .phoneNav, .proList li a span,

.proList li a:after, .proList li a span, header .divBox, .erMap, .erMap ul li, .erMap ul:after, .erMap h2,

.secectBox ul li, .secectBox p:after, .erMap .divBox{
   transition:all .4s ease-in-out 0s;
  -webkit-transition:all .4s ease-in-out 0s;
   -moz-transition:all .4s ease-in-out 0s; 
  -ms-transition:all .4s ease-in-out 0s; 
  -o-transition:all .4s ease-in-out 0s; 
}
.gdyw .divBox:after, .ryzzList:after, .glzxList li:after, .mapBox:after, .proList:after{content: '';display: block;clear: both;}
.imgBox, .imgBar figure{overflow: hidden;}
.imgBox img, .imgBar figure img{width: 100%;}
.imgBox:hover img, .imgBar li:hover figure img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}
.divBox{width: 1200px;margin: 0 auto;max-width: 95%;}
/*.more{width: 125px;height: 30px;text-align: center;line-height: 30px;color: #0f1827;font-size: 12px; display: block;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-o-border-radius: 30px;border: 1px solid rgba(255,255,255,0.5);color: #fff;}*/
.more span{font-family: 'kaiti';font-size: 12px;color: #fff;}
/*字母转大写*/
/*{text-transform:uppercase;}*/
/*绝对居中*/
.boyaList li div:after, .banner1 .divBox, .banner2 .divBox, .banner1 h4:after, .zlkjList li div, .teamList2 a div,
.teamList2 a:before, .teamList2 a:after, .teamList3 a:before, .teamList3 a:after, .xyzp .swiper-slide>div,
.product li a:before, .product li a:after, .listBox .swiper-pagination span:after, .proList li a:after,
.inContact .inMap a span:after, .inContact .inMap a span:before, .banTitle:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
/*上下居中*/
.mapBox>ul{position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
/*左右居中*/
{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
/*盒子*/
.ryzzList li, .hzhbList .divBox p, .form .secectBox, .form input, .caseList li{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
/*圆形*/
.yuan{display:block; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}
/*内联块*/
h1, nav, menu, header .form2, nav>a, .navBox p a, .about1, .aboutVideo, .sfq li figure, .sfq li div div,
.footLink ul li, footer ul li, .erMap .divBox div, .erMap .divBox ul, .erMap ul li, .pages a, .fzyj div,
.fzyj ul, .yearItem li a time, .yearItem li a figure, .yearItem li a .yearMan, .csr article figure,
.csr article div, .glzx>p, .ghsj li p .line, .ghsj li p .yuan, .zyywList li, .zyywEr li, .glzxList figure,
.glzxList div, .form .secectBox, .form input, .team article figure, .team article div, .lstdxqTop h3,
.lstdxqTop figure, .lstdxqTop div, .xqPage a, .zxTeam a figure, .zxTeam a div, .hzyx div a,
.product li span, .product li div, .product li i, .banner2 h2, .banner2 p, .erMap2 .divBox p i, 
.erMap2 .divBox p a, .modo ol li, .contact .address li i, .contact .address li div, .menuBox div{display: inline-block;vertical-align: middle;}
.sfq li, .boyaList li, .inContact .inMap, .inContact .address, .shzr ul li, .ryzzList li, .hzhbList .divBox p,
.fzyj ul li p, .fzyj ul li i, .fzyj ul li span, .yearItem h4, .yearItem ul, .jtjj div, .byjjList li,
.zxyy div, .zxyy>p, .pagess a, .tzgl li, .ghsj li, .caseList li, .team ul li, .zxTeam li, .zxTeamXq div,
.zxTeamXq article, .hzyx img, .hzyx div, .product ul li, .contact .address li,
.proList li a span, .proList li a div, .proList li{display: inline-block;vertical-align: top;}
{display: inline-block;vertical-align: bottom;}
header, nav, .navBox p, .inAbout .divBox, .sfq, .sfq li>div, .boyaList, .inContact, .footLink ul,
footer ul, .erMap .divBox, .erMap ul, .shzr ul, .ryzzList, .hzhbList .divBox, .fzyj, .fzyj ul li,
.yearItem, .yearItem li a, .csr article, .jtjj, .byjjList, .glzx, .zxyy, .pagess, .tzgl ul, 
.ghsj ul, .zyywList, .zyywEr, .glzxList .divBox, .form, .caseList, .team article, .team ul,
.lstdxqTop, .zxTeam a, .zxTeam, .zxTeamXq, .hzyx, .hzyx div, .product ul, .modo ol, .contact .address,
.contact .address li, .proList, .sfq, .pagess p, .proList{font-size: 0;}
address{font-style: inherit;}
html, body{overflow-x: hidden;}
header{
  /* position: fixed; */
  width: 100%;z-index: 999;top: 0;left: 0;margin: 20px 0;}
/* header.active{background: rgba(0,0,0,0.7);} */
header .divBox{
  /* background: rgba(0,0,0,0.5); */
  border-bottom-left-radius: 200px;border-bottom-right-radius: 200px;}
header.active .divBox{background: transparent;}
/* header .divBox:hover{background: rgba(0,0,0,0.6);} */
header.active .divBox:hover{background: transparent;}
/* h1{margin-left: 50px;} */
h1 a{font-size: 0;line-height: 0;}
nav{position: relative;margin: 0 90px;}
nav a, header form input{color: #fff;}


nav .navtop,nav .navbt{line-height: 36px;text-align: right;}
nav .navtop>a,nav .navbt>a{font-size: 16px;padding: 8px 0;margin: 0 20px;position: relative;color: #000;display: inline-block;width: 64px;text-align: center;}
nav .navtop>a:hover, nav .navbt>a:hover{color: #55aaff;}
nav .navtop>a:after,nav .navbt>a:after{content: '';display: block;width: 1px;height: 13px;background: rgba(255,255,255,0.3);position: absolute;right: -20px;top: 50%;margin-top: -6px;}
/* nav .navtop>a:before,nav .navbt>a:before{content: '';display: block;width: 0;height: 2px;background: #55aaff;position: absolute;top: 0;left: 0;} */
nav .navtop>a:last-of-type:after,nav .navbt>a:last-of-type:after{display: none;}
nav .navtop>a:hover:before, nav .navtop>a.active:before{width: 100%;}
nav .navbt>a:hover:before, nav .navbt>a.active:before{width: 100%;}
nav .navtop>a:hover + p, nav p:hover.nav .navbt>a:hover + p, nav p:hover{left: 0;z-index: 9999;}
/* nav .navtop>a img,nav .navbt>a img{position: absolute;left: 0;top: 4px;} */
header h1 a img:first-of-type{display: block;}
header h1 a img:last-of-type{display: none;}
.navbt>a{color: #676767 !important;}
.navtop>a{border-bottom: 1px dashed #e5e5e5;}



nav>a{font-size: 18px;line-height: 70px;margin: 0 20px;position: relative;}
nav>a:after{content: '';display: block;width: 1px;height: 13px;background: rgba(255,255,255,0.3);position: absolute;right: -20px;top: 50%;margin-top: -6px;}
nav>a:before{content: '';display: block;width: 0;height: 2px;background: #55aaff;position: absolute;top: 0;left: 0;}
nav>a:last-of-type:after{display: none;}
nav>a:hover:before, nav>a.active:before{width: 100%;}
nav p a{display: none;opacity: 0.6;font-size: 16px;line-height: 50px;margin-left: 45px;}
nav p a:hover{opacity: 1;}
nav p{position: absolute;left: 1240px;top: 100%;width: 350%;background: #55aaff;}
nav>a:hover + p, nav p:hover{left: 0;}
nav>a img{position: absolute;left: 0;top: 4px;}
header .form2 input{height: 30px;}
header .form2 input[type="text"]{width: 120px;text-indent: 1em;outline: none; border: 1px solid rgba(0,0,0,0.4);border-radius: 30px;background: transparent;}
header .form2 input[type="text"]:focus{border-color: #fff;}
header .form2{position: relative;margin:10px}
header .form2 input[type="button"]{position: absolute;top: 1px;right: 1px;width: 30px;background: url(../images/search01.png) no-repeat center;border: none;outline: none;cursor: pointer; }
header .form2 input[type="button"]:hover{background-image: url(../images/search02.png);}
.menu1{width: 32px;height: 21px;background: #55aaff;border-radius: 50%;padding-top: 10px;margin-right: 90px;cursor: pointer;position: relative;z-index: 999;display: none;}
.menu1 span{display: block;width: 50%;margin: 0 auto 3px;background: #fff;height: 2px;}
.navBox{position: fixed;top: 0;left: 100%;width: 100%;text-align: center;background: rgba(0,0,0,0.9);z-index: 999;height: 100%;}
.navBox.active{left: 0;}
.navBox ul{padding-top: 150px;}
.navBox h3 a{font-size: 30px;color: #fff;line-height: 88px;}
.navBox p{overflow: hidden;height: 0;}
.navBox p a{font-size: 0;color: #fff;margin: 0 20px;position: relative;font-size: 18px;line-height: 60px;}
.navBox li.active p, .navBox li:hover p{background: #55aaff;height: 60px;}
/*.navBox .active p a, .navBox li:hover p a{}*/
.navBox p a:after{content: '';display: block;width: 1px;height: 13px;background: rgba(255,255,255,0.3);position: absolute;right: -20px;top: 50%;margin-top: -6px;}
.navBox p a:last-child:after{display: none;}
.navBox p a:hover{opacity: 0.6;}
.menu3{margin-right: -622px;opacity: 0;text-align: center; line-height: 32px;padding-top: 0;height: 32px;}

.menu3 i{color: #fff;font-size: 14px;}
.menu3{transition: all 0.1s ease-in-out 0.4s;}
.navBox.active .menu3, .phoneNav.active .menu3{opacity: 1;transition: all 0.1s ease-in-out 0.4s;}
.navBox .divBox{padding-top: 18px;}
.close{display: inline-block;margin-top: 50px;cursor: pointer;}
.close i{color: #fff;font-size: 36px;display: inline-block;}
.close:hover i{transform: rotateZ(-90deg);}
#video{width: 100%;height: 100%;display: block;}
.footLink{/*background: url(../images/indexbg_04.jpg) no-repeat center bottom;*/text-align: center;}
.footLink .divBox{padding: 50px 0 45px;border-top: 1px solid #E1E1E1;background: url(../images/indexbg_04.jpg) no-repeat center bottom;}
.footLink h2{color: #333;font-size: 48px;font-family: yuweij;font-weight: normal;margin: 10px 0;}
.footLink h3{font-weight: normal;color: #333;font-size: 15px;}
.footLink .line{width: 70px;height: 3px;background: #55aaff;display: block;margin: 25px auto;}
.footLink ul a{color: #333;font-size: 16px;opacity: 0.5;}
.footLink ul li:hover a{opacity: 1;color: #b81c22;}
.footLink ul li{margin: 0 13px;position: relative;}
.footLink ul li:after, footer li:after{content: '';display: block;position: absolute;width: 1px;height: 13px;right: -13px;top: 50%;margin-top: -6px;background: #C5C5C5;}
.footLink figure{margin-top: 45px;}
.footLink figure img{margin: 0 10px;vertical-align: top;display: inline-block;}
footer{background: #363636;}
footer p, footer a{color: #6d6d6d;line-height: 50px;font-size: 13px;}
footer p{display: inline-block;}
footer ul{float: right;}
footer li{position: relative;margin: 0 13px;}
footer li:hover a{color: #b81c22;}
footer li:last-child, .footLink ul li:last-child{margin-right: 0;}
footer li:last-child:after, .footLink ul li:last-child:after{display: none;}
footer li:after{background: #404040;}
/*menu{padding: 12px 10px;background: #BF1004;position: absolute;right: 35px;top: 60px;cursor: pointer;width: 30px;height: 19px;}
menu span{background: #fff;width: 30px;height: 3px;display: block;position: absolute;left: 10px;}
menu .s1{top: 12px;}
menu .s2{top: 20px;}
menu .s3{top: 28px;}
header.active menu{top: 35px;}
menu:hover .s2{width: 0;}
menu.active .s2{display: none;}
menu.active .s1{transform: rotateZ(45deg) translateX(6px) translateY(4px);}
menu.active .s3{transform: rotateZ(-45deg) translateX(7px) translateY(-6px);}*/

@font-face {
	font-family:yuweij;
	src: url(../css/yuweij.woff);
}

.cbl{position: fixed;z-index: 101;right: 0;bottom: 10px;margin-top: 0;width: 55px;}
.cbl a{position: relative; display: block;width: 55px;margin-bottom: 3px; border-top-left-radius: 5px;border-bottom-left-radius: 5px; height: 55px;line-height: 55px;background: #535050;font-size: 0;}
.cbl .number{width: 258px;}
.cbl a i{display: inline-block;font-weight: bold; color: #fff;font-size: 15px;text-align: center;border: 2px solid rgba(255,255,255,0.2);border-radius: 50%; vertical-align: middle;width: 30px;height: 30px;line-height: 30px;margin-left: 11px;}
.cbl .goTop, .cbl .goTop i{height: 38px;line-height: 38px;}
.cbl .goTop i{border: none;border-radius: 0;margin-top: 0;}
.cbl span{font-size: 13px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
    line-height: 22px;
    display: block;
    margin-left: 56px;
    margin-top: -50px;}
.cbl a:hover{background: #55aaff;}
.cbl .number:hover{transform: translateX(-200px);}
.cbl a img{position: absolute;top: 0;right: -600%;width: 200px;height: auto;opacity: 0;}
.cbl a:hover img{opacity: 1;right: 100%;}
.cbl .message{width: 100px;}
.cbl .message span{width: 35px;font-size: 14px;margin-left: 15px;font-weight: normal;display: inline-block;vertical-align: middle;line-height: 20px;margin-top:0;}
.cbl .message:hover{transform: translateX(-40px);}
.phoneNav{background: rgba(0,0,0,0.78);position: fixed;top: 0;left: 100%;height: 100%;width: 100%;z-index: 999;}
.phoneNav.active{left: 0;}
.phoneNav a{line-height: 40px;display: block;color: #fff;font-size: 15px;text-align: center;}
.phoneNav a.active{background: #55aaff;}
.phoneNav .divBox{height: 70px;}

.byjjList b{color: #b81c22;font-size: 48px;font-family: "times new roman";margin-right: 13px;display:inline-block; vertical-align:middle;margin-bottom:-13px;}

.byjjList h3{border-bottom: 1px solid #DFDFDF;padding-bottom: 10px;}

.byjjList p{color: #333;line-height: 22px;}

.byjjList li{width: 150px;margin-right: 112px;margin-bottom: 65px;}

.byjjList li:nth-child(5n){margin-right: 0;}

.byjjList{margin-top: 80px;}

.someMark{position: fixed;transform: translate(-50%,-50%);left: 50%;top: 50%;width: 742px;height: 395px;max-width: 95%;z-index: 997;display: none;}

.someMark img{width: 100%; height: auto;}

.someMark i{display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;position: absolute;top: 10px;right: 10px;color: #666;}

.someMark i:hover{transform: rotateZ(90deg);}


.sojoiadaa{position: relative;}
.sljaqqq{position: absolute;right: 40px;bottom:40px;width:200px;}
.someMark{width: auto;height: auto;}
.sljaqqq a{width:190px;display: block;line-height: 30px;color: #b81b22;font-size: 14px;border: 1px solid #b81b22;border-radius: 50px;margin:10px auto 0;text-align: center;}

.sljaqqq a:hover{background: #b81b22;color: white;}

@media only screen and (max-width: 1440px) {
	.navBox h3 a{font-size: 28px;}
	.navBox ul{padding-top: 50px;}
}