﻿/*====================导航*********/
.header{width:100%;position:fixed;top:0;left:0;z-index:999;padding: 0 30px; border-bottom:1px #a7d1ec solid; height:88px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(rgba(255, 255, 255, 0))); background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), #fff); background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), #fff); background: linear-gradient(bottom, rgba(255, 255, 255, 0), #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#ffffff, GradientType=0); top: 0;max-width: 1920px;margin: 0 auto;left: 0;right: 0;}
/*左侧logo*/
.header .left{width: 240px;padding-top:20px;}
.header .left a img{height:auto;}
.header .left .img2{display: none;}
/*右侧*/
.header .nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height: 100%;line-height: 50px;display: block; padding-top:18px;}
.header .navbar_nav li{float:left;position: relative;display: block;margin: 0 19px;}
.header .navbar_nav li:after{content: ""; width: 0; height: 2px; background: #007dc7; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s;}
.header .navbar_nav li:hover:after{width: 100%;}
.header .navbar_nav li a{text-decoration: none;height: 100%;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;color: #333333;font-size: 17px;}
.header .navbar_nav li:hover a{color:#007dc7;}
.header .navbar_nav li.dropdown{display: inherit;position: relative;}
.header .navbar_nav li.dropdown .jt{width: 20px;height: 20px;background: url(https://www.bojx.com/bojx/jrsc/i/top.png) no-repeat;background-size: 100% 100%;display: block;}
.header .navbar_nav li.dropdown .dropdown_menu{display: none;position: absolute;top:50px;background: #fff;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 150px; left:0;opacity: 0.8; border-radius:20px 0px 20px 20px; }
.header .navbar_nav li.dropdown .dropdown_menu a{font-size: 14px;color: #000000;padding: 0 10px;line-height: 40px;text-align: center;border-bottom:1px #ccc solid; }
.header .navbar_nav li.dropdown .dropdown_menu a:last-child{ border-bottom:none;}
.header .navbar_nav li.dropdown:hover .dropdown_menu{display: block;background: #f3f3f3;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color: #000000;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color: #fff;background: #007dc7;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:first-child:hover{ border-radius:20px 0px 0px 0px;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:last-child:hover{ border-radius:0px 0px 20px 0px;}
.header .navbar_nav li.dropdown .lings_nav{ width:300px;}
.header .navbar_nav li.dropdown .lings_nav a{ width:50%;padding-left:30px;text-align:left;float:left;}
.selected .sy1_a{ color:#007dc7!important;font-weight:bold;}
/*白色背景的头部*/
.header.on{background: #fff;border-bottom: 1px solid #ccc;}
.header.on .left .img1{display: none;}
.header.on .left .img2{display: block;}
.header.on .navbar_nav li a{color: #333;}
.header.on .navbar_nav li:hover a{color: #007dc7;}
#navToggle{display: none;}
.banner{width: 100%;}
.MainNav{float:right; position:relative;}
.MainNav .login{display: none;}
.MainNav li{float:left; text-align:center;}
.MainNav li span{display: block; position: relative; z-index: 6; padding-right:24px;}
.MainNav li span a{z-index:1; position:relative;display:block; color:#fff; padding:0 9px; font-size:18px; height:80px; line-height:80px; transition: all ease 0.3s;}
.MainNav li span a em{position:relative; z-index:3;}
.MainNav li .name{padding-right: 0;}
.MainNav li.lihide{display: none;}
.MainNav .bg{position:absolute; width: 100%; height: 100%; left: 0; top: 0; background: #0a1b29; filter:alpha(opacity=0); opacity:0; z-index: 0;}
.MainNav .arr{display:none;}
.MainNav .arr .iconjian{display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{color:#00a7ea;}
.MainNav li:hover .bg{filter:alpha(opacity=90); opacity:0.9;}
/* .MainNav li.onnav span .bg,.MainNav li span a.sele .bg{bottom:-1px; opacity:1;} */
.MainNav li#nav39 .NavPull{display:none !important;}
.openbtn{cursor:pointer; display:none;width:32px; height:25px; position:absolute; right:12px; top:50%; margin-top: -13px; z-index:999;}
.closebtn{position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:99; display:none;}
.openbtn span{display:block; height:3px; background:#fff; border-radius:4px; margin:4px;transition: all ease 0.3s;}
.openbtn.on .sp1{-webkit-transform: translate(0, 7px) rotate(45deg) !important;-moz-transform: translate(0, 7px) rotate(45deg) !important;-ms-transform: translate(0, 7px) rotate(45deg) !important;-o-transform: translate(0, 7px) rotate(45deg) !important;transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2{-webkit-transform: translate(0, 0) rotate(-45deg) !important;-moz-transform: translate(0, 0) rotate(-45deg) !important;-ms-transform: translate(0, 0) rotate(-45deg) !important;-o-transform: translate(0, 0) rotate(-45deg) !important;transform: translate(0, 0) rotate(-45deg) !important;}
.openbtn.on .sp3{display:none;}
.NavPull{position:absolute; top:80px; width:785px; opacity:0; visibility:hidden; z-index:5; text-align:left; left:0; padding:10px 0; line-height:33px; transition: all ease 0.3s;}
.NavPull::before{content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #0a1b29; filter:alpha(opacity=90); opacity:0.9;}
.NavPull.null{background:none; padding:0; line-height:none; box-shadow:0 5px 15px rgba(0,0,0,0);}
.NavPull dl{width:21%; margin:0 2%; float:left; padding:12px 0; /*border-bottom:1px solid rgba(255,255,255,0.1);*/ line-height:35px;}
.NavPull dl dt{line-height:40px;}
.NavPull dl dt a{padding-left:16px;color:#fff;}.NavPull dl dt a:hover{color:#00a7ea;}
.NavPull dl dt i{display:none; vertical-align:middle; width:7px; height:7px; background:#fff; margin-right:8px; border-radius:50%;}
.NavPull dl dt:hover i{background:#00b9fa;}
.NavPull dl dd a{color:rgba(255,255,255,0.7); display:block; padding-left:30px;}
.NavPull dl dd a:hover{color:#00a7ea;}
.NavPull dl dd span{display:inline-block; color:#ff5353;
animation:icon-bounce 2s linear 0.5s infinite alternate;
-webkit-animation:icon-bounce 2s linear 0.5s infinite alternate;}
.NavPull dl:nth-child(4n+1){clear:both;}
.MainNav .arr{display:none;}
.NavPull.on,.header .Right .Ver.on dd{opacity:1; visibility:visible;}
.NavPull .nav,.NavPull .navpic{position: relative; z-index: 3;}
.header.on .NavPull::before{background: #0a1b29; filter:alpha(opacity=90); opacity:0.9;}
.header .Right{ float:right; line-height:88px; line-height:82px;position: static;}
.header .Right .login{float:left; font-size: 16px;}
.header .Right .login .btn{cursor:pointer; position:relative; padding:0 18px; color:#fff; line-height: 40px;height:65px; margin-left:5px; display:inline-block; vertical-align: middle;}
.header .Right .login em{position:relative; z-index:1;font-size: 15px;font-family:inherit;color:#ffffff;line-height: 75px;/*background:url(../picture/2021031119371622577.png) no-repeat 20px center;*/ letter-spacing:3px;padding-left:30px;}
.header .Right .login .btn:after{content:""; position:absolute; left:0; bottom:0; top:20px; width:140px; height:36px; background: url(../picture/2021031119144463045.png) no-repeat center center;-moz-border-radius: 20px 0px 20px 20px; -webkit-border-radius: 20px 0px 20px 20px; border-radius:20px 0px 20px 20px;}
.header .Right .login .btn .iconfont{margin-right:5px; display: none;}
/* .header .Right .login .btn:hover{color: #00a7ea;} */
.header .Right .login .sub{opacity:0; visibility:hidden; z-index:100; position:absolute; line-height:30px; top:100%; left:0; text-align:center; width:100%;}
.header .Right .login .sub dl{position: relative; padding:10px 0;}
.header .Right .login .sub dl::after{position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ''; background: #ffffff; filter:alpha(opacity=70); opacity:0.7;}
.header .Right .login .sub a{display:block; color:#fff; position: relative; z-index: 5;}
.header .Right .login .sub a:hover{color:#00a7ea;}
.header .Right .login .btn:hover{background: none;}
.header .Right .login .btn:hover .sub{opacity:1; visibility:visible;}
.header .Right .Search{position:relative; float:left;}
.header .Right .Search .Searchico{cursor:pointer; color:#007dc7; padding:5px 0 0 18px;}
.header .Right .Search .Searchico .iconfont{vertical-align:top; font-size:26px;}
.header .Right .Search .Searchico .icongb1{display:none;}
.header .Right .Search .Searchico:hover{color:#007dc7;}
.header .Right .Search .Searchico.on .icongb1{display:block;}
.header .Right .Search .Searchico.on .iconso{display:none;}
.header .Right .Search .searchbox{width:265px; padding-right: 35px; background:#fff; line-height:40px; right:0; box-shadow:0 0 10px #999; visibility:hidden; opacity:0; position:absolute; top:152px;transition: all ease 0.3s;}
.header .Right .Search .searchbox.on{visibility:visible; opacity:1; top:87px;}
.header .Right .Search .searchbox input{width:100%; height:40px; text-indent:1em; font-size:14px;border:none;background:#fff;}
.header .Right .Search .searchbox .input::-webkit-input-placeholder{color: #959595;}
.header .Right .Search .searchbox .btn{position:absolute; right:5px; top:50%; margin: -13px 0 0; width:29px; line-height: 26px; background:none; padding: 0;}
.fant_t a{ color:#007dc7;font-size:13px;padding: 0px 2px;border: 1.7px #007dc7 solid;border-radius: 30px; }
/*in_login导航盒子*/
div.in_login{width: 130px; height:36px; line-height: 36px; text-align: center; font-size: 12px; position: relative; background:url(../picture/2021031119144463045.png) no-repeat center center; float:left; -moz-border-radius: 20px 0px 20px 20px; -webkit-border-radius: 20px 0px 20px 20px; border-radius:20px 0px 20px 20px;margin-top:25px;}
/*.in_login_main*/
.in_login_main{width: 100%; height: 100%; list-style-type: none;}
.in_login_main #li-1{color:#ffffff;padding-left:10px;letter-spacing:4px;height:58px;line-height:34px;font-size:16px;}
.in_login_main span{display: inline-block; margin-left:5px; width: 10px; height: 8px; background: url(../picture/2021031517351596090.png) no-repeat;}
/*图标向上旋转*/
.hover-up{transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
/*图标向下旋转*/
.hover-down{transition-duration: .5s; transform: rotate(0deg); -webkit-transform: rotate(0deg);}
/*导航条设置*/
ul.login_main>li{width: 120px; height: 100%; display: block; float: left; background: #643519; color: #fff; margin-right: 1px; cursor: pointer;}
ul.in_login-main>li:hover{background: #643519;}
/*隐藏盒子设置*/
div.hidden-box{display:none; box-sizing:border-box; position: absolute; background: #fff; width: 320px; left: -90px; text-align: center; top:60px; padding:20px; border-radius:15px; box-shadow:0px 0px 20px 0px #ccc; z-index:999;}
div.hidden-box::before{content:"";position:absolute;border: 10px solid #fff; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -20px; left: 50%; margin-left: -10px;}
.wy_login{color: #fff; background: #298ccb; padding: 5px 30px; border-radius: 15px;}
.wy_link{padding: 5px 0; border-bottom: 1px solid #ddd;}
.wy_link a{color:#333;margin:0 5px; background: url(../picture/2021031910104468238.png) no-repeat left; padding-left:10px;}
.wy_link a:hover{ color:#007dc7;}
.com_wy{padding-top:15px;}
.shouj_fw{margin-top:15px;}
.shouj_fw a{padding:8px 30px;background:rgb(240,162,69);color:#ffffff;margin-right:20px;}
.shouj_fw a:last-child{margin-right:0;}
.down_zq a{margin-right:0 6px;color:#888;}
.down_zq a:hover{ color:#007dc7;}
.hidden-box h3{font-size:16px;font-weight:bold;display:none;}
.hidden-box h3 span{float:right;}
.hidden-box li:hover{background: #298ccb; color: #fff;}
/*隐藏盒子位置设置*/
.hidden-loc-index{left:5px;}
.hidden-loc-us{left: 242px;}
.hidden-loc-info{left: 363px;}
.p_dis_n{ display:none;}
/*无障碍*/
.wuza_img{ padding:3px 0 0 15px; position: relative;}
.wuza_img a{color:#007dc7;}
.wuza_img img{width:18px;height:20px;-webkit-transform:scale(1.0);-moz-transform:scale(1.0);transform:scale(1.0);transition:all 0.1s;}
.wuza_img img:hover{ -webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);}

/*手机版*/
@media screen and ( max-width:1199px){
.header .nav{ display:none;}
.p_dis_n{ display:block;}
.b_dis_n{ display:none;}
div.in_login{ }
.header{ padding: 0 10px;height:80px;position:relative;}
.header .left{width: 176px;padding-top:25px;}
.header .left a img{ height: auto;}
.header .left .img2{display: none;}
.header .Right{ float:right; line-height:80px; line-height:80px;position: absolute;top: 0;right: 50px;}
.header .Right .Search .Searchico{cursor:pointer; color:#007dc7; padding:0 18px 0 18px;}
/*.header #navToggle{height: 100%;padding:25px 10px;display: inline-block;float: right;display:none;}
.header #navToggle span{position: relative;width: 30px;height:2px;margin-top: 12px;}
.header #navToggle span:before,.header #navToggle span:after{content: '';position: relative;width: 100%;height: 2px;left: 0;}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after{-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #4f4f4f;}
.header #navToggle span:before{top: 10px;}
.header #navToggle span:after{bottom: 12px;}
.header #navToggle.open span:before{top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}
.header #navToggle.open span:after{bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
.header #navToggle.open span{background: none;}
.header #navToggle.open span:before,.header #navToggle.open span:after{background: #4f4f4f;}*/
.banner img{/*height: 600px;*/object-fit: cover;}

/*手机版导航样式*/
.sp_nav{ width:50px;float:right;cursor:pointer;height:30px;position: absolute;right:15px;top: 28px;}
.sp_nav span{display:block;background:#4f4f4f;width:30px;height:2px;position:absolute;left:13px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:absolute;z-index:999;background:#eee;width:100%;font-size:14px;line-height:40px;top:-150%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;padding-bottom:20px;opacity:0.9;}
.nav_show{top:80px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:10px 20px 0 20px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:16px}
.sjj_nav ul li ul li{ line-height:40px;}
.sjj_nav ul li ul li i{top:0;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#000;width:80%;font-size:16px}
.sjj_nav ul li ul li a{color:#666;display:block;text-align:left;font-size:14px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.lings_nav{ width:300px;}
.header .navbar_nav li.dropdown .lings_nav a{ width:50%;padding-left:30px;text-align:Center;float:left;}
}

/*手机版*/
@media screen and (max-width:801px){

div.in_login{ display:none;}


}
.in_footer_con{ background:url(../picture/2021031120170828899.jpg) no-repeat center center;background-size:cover;padding-bottom:30px;max-width:1920px;margin:0 auto;margin-top:50px;}
.in_footer{ width:1200px; margin:0 auto;position:relative;}
.in_footer_l{ width:240px;float:left;padding-top:45px;}
.in_footer_l p{ font-size:18px;color:#ffffff;margin-top:20px;}
.in_footer_l p i{ padding-right:10px;}
.in_footer_c{ width:290px;float:left;padding-top:30px;margin: 0 120px;}
.in_footer_c .gywm ul li { line-height:32px;}
.in_footer_c .gywm ul li span{ font-weight:bold; padding-bottom:10px; display:block;}
.in_footer_c .gywm ul li span a{ font-weight:bold;font-size:16px;}
.in_footer_c .gywm ul li a{ color:#ffffff;}
.in_footer_c .gywm ul li a:hover{ color:#cccccc;}
.in_footer_r{ width:410px;float:right;padding-top:50px;}
.in_footer_r li { padding-left:30px; color:#ffffff;float:left;text-align:right;}
.in_footer_r li img{ width:100px;height:100px;}
.in_footer_r li span{ padding-top:10px;display:block;text-align:center;}
.footer_link_con{ background:#313b41;height:36px;width:100%; max-width:1920px;margin:0 auto;}
.footer_link{ width:1200px; margin:0 auto;line-height:36px;}
.footer_link div { color:#ffffff;float:left;}
.footer_link div a{ color:#ffffff;line-height:36px;padding:0 6px;}
.footer_link div a:hover{ color:#cccccc;}
.footer_link p{ color:#ffffff;text-align:right;float:right;}
.footer_link p a{ color:#ffffff;}
.mask_img{ background: rgba(255,255,255,0.5);width:100px; height:100px; position: absolute; top:0; left:30px; display: none;}

@media ( max-width:1025px){

.in_footer_con{ background:url(../picture/2021031120170828899.jpg) no-repeat center center;background-size:cover;padding-bottom:30px;max-width:100%;margin:0 auto;margin-top:30px;}
.in_footer{ width:90%; margin:0 auto;position:relative;}
.in_footer_l{ float:none;padding-top:30px;text-align:center;width:auto;}
.in_footer_l p{ font-size:16px;color:#ffffff;margin-top:20px;}
.in_footer_l p i{ padding-right:10px;}
.in_footer_c{ float:none;padding-top:40px;margin: 0 auto;width:90%;}
.in_footer_c .gywm ul li { line-height:32px;}
.in_footer_c .gywm ul li span{ font-weight:bold; padding-bottom:10px; display:block;}
.in_footer_c .gywm ul li span a{ font-weight:bold;font-size:16px;}
.in_footer_c .gywm ul li a{ color:#ffffff;}
.in_footer_r{ float:none;padding-top:30px;margin:0 auto;position:relative;width:250px;}
.in_footer_r li { padding-left:0px; color:#ffffff;float:left;text-align:right;}
.in_footer_r li img{ width:100px;height:100px;}
.in_footer_r li span{ padding-top:10px;display:block;text-align:center;}
.footer_link_con{ background:#313b41;height:auto;width:100%; max-width:100%;}
.footer_link{ width:95%; margin:0 auto;padding:20px 0;padding-bottom:30px;}
.footer_link div { color:#ffffff;float:none;text-align:center;}
.footer_link div a{ color:#ffffff;line-height:32px;padding:0 6px;}
.footer_link p{ color:#ffffff;text-align:center;float:none;line-height:24px;}

.ewmsj{ display:block;}
.ewmsj li.wx .wxicon{width: 40px; height: 40px; position: absolute; right: 0; top: 0; z-index: 3;}
.ewmsj li.wx .weixin{position: absolute; top: -100%; right: 0px; left: 0px; background: #fff; z-index: 4; height: 100%; transition: 0.3s ease-in-out; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.ewmsj li{ text-align:center; width:100px; float:left; margin-left:20px;padding-bottom:10px;}
.ewmsj li.wx{background:#00a7ea; color:#848485; position: relative;}
.ewmsj li.wx span{ display:block; padding:5px; background:#fff; width:80px; float:left;}
.ewmsj li.wx span canvas{ width:80px !important; height:80px !important;}
.ewmsj li.wx i{ display:block; font-size:15px; color:#fff;}
.ewmsj li.down a{ display:block; color:#fff; padding-top:8px; height:82px; line-height:22px; font-size:14px;}
.ewmsj li.down a em{ display:block; opacity:0.5; font-size:14px;color:#ffffff; font-family:"微软雅黑";}
.ewmsj li.down a i{ display:block; margin-bottom:5px;}
.ewmsj li.down.sj{ background:#00a7ea;}
.ewmsj li.down.zx{ background:#00a7ea;}
.ewmpop{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000; background:rgba(0,0,0,0.5);}
.ewmpop .content{ position:fixed;display:flex;justify-content:center;align-items:center;flex-direction: column; position:absolute; left:0; top:0; width:100%; height:100%;}
.ewmpop .content .box{ position:relative; padding:10px; background:#fff; border-radius:10px;}
.ewmpop .content .box img{ width:200px; height:200px;}
.ewmpop .content .box a.close{ position:absolute; right:-1px; top:-32px; color:#fff;}
.ewmpop .content .box a.close .iconfont{ font-size:35px;}

}