.navBox{border:none;border-radius:0;margin-bottom:0;width:100%;height:100px;padding:10px 0;background:#fff;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;background-color:#ffffff;color:#333}
.navBox .navbar-nav>.active>a,.navBox .navbar-nav>.active>a:hover,.navBox .navbar-nav>.active>a:focus{color:#03a9f4 !important;background-color:transparent}
.navBox .navbar-nav>.open>a,.navBox .navbar-nav>.open>a:hover,.navBox .navbar-nav>.open>a:focus{color:#03a9f4 !important;background-color:transparent}
.navbar-brand{padding:0px}
.navbar-brand img{width:150px;margin-left:10px}
.navBox .navbar-collapse,.navBox .navbar-form{border-color:#fff}
/*
.menu-top{background:rgba(0,0,0,0) none repeat scroll 0 0}
.menu-top li a{color:#fff !important;font-size:16px;font-weight:400;text-transform:uppercase}
.menu-top li a:hover{color:#03a9f4!important}
*/

/*新的*/
.navBox .flex-container{display:-webkit-flex;display:flex}
.navBox .logo{ }
.navBox .navList{font-size: 20px;line-height: 80px;}
.navBox .navList ul{width: 100%}
.navList li{position:relative;height:80px;float:left;padding:0 10px;color: #333;width:12.5%;font-weight: bold;text-align:center;}
.navList li a{position:relative;font-size:16px;color:#333;display:block;float:left;vertical-align:middle;text-align:center;height:60px;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.navList li a:before{content:"";position:absolute;z-index:-1;left:50%;right:100%;bottom:0;background:#f68100;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}

/*.navList li a:hover:before,.navList li a:focus:before,.navList li a:active:before
{
	right: 0
}*/

.navList li a:hover{color: #f68100}
.navList .nobor{background:none}
.sub{position:absolute;left:0;top:80px;display:none;border-top:3px solid #005dca;background:#fff;width:200px;padding:0 15px;height:auto;padding-bottom:5px;z-index:200}
.sub:before{content:"";position:absolute;width:18px;height:9px;left:45px;top:-9px;height:auto}
.sub li{height:40px;line-height:40px;border-bottom:1px solid #e4e4e4;font-size:14px;color:#333333;float:none;width:100%;padding:0;background:none}
.sub li a{color:#333333;font-weight:normal;padding:0;display:block;height:40px;line-height:40px;float:none}
.sub li a:hover{font-weight:normal;color:#333333}
.navList .cur .sub li a{color:#333333;font-weight:normal;padding:0}
.navList .cur .sub li a:hover{color:#333333}
.navBox .phone {font-size: 20px;line-height: 80px;  font-family:arial,sans-serif;font-weight: bold; color: #ef5a00; }
.navBox .nav_button{ display:none ;}


.navBox .language {font-size: 20px;line-height: 80px;  font-family:arial,sans-serif;font-weight: bold; color: #ef5a00; width: 145px;}
.navBox .language .con{ line-height: 40px; font-size: 18px;border: 1px solid #e5e5e5;border-radius: 20px;
 margin: 20px 0px 0px 0px;padding: 0px 10px 0px 10px ;background-color: #fff; width: auto;
 }
 .navBox .language .con .more{ display: none; } 
 .navBox .language .con .more>a{ width: auto;display: inline; }
 
 .navBox .language .icon { display: none;} 
 .navBox .language .base {width: 100%;}
 .navBox .language .base span{margin: 3px 0px 0px 0px} 
 
 

.navBox.menu-shrink li a{color:#313131!important}
.navBox.menu-shrink li a:hover{color:#03a9f4 !important}
.navBox .navbar-toggle{background:#fff none repeat scroll 0 0}
.navBox .navbar-toggle:hover,.navBox .navbar-toggle:focus{background-color:#fff}
.navBox .navbar-toggle .icon-bar{background-color:#333;transition:width 5s;-webkit-transition:width 5s}
.navBox .navbar-toggle .icon_a{}
.navBox .navbar-toggle .icon_b{}
.navBox .navbar-toggle .icon_c{}
.navBox .active .icon_a{transform:rotate(45deg);transform-origin:30% 0%}
.navBox .active .icon_b{display:none}
.navBox .active .icon_c{transform:rotate(-45deg);transform-origin:30% 100%}
.navBox .navbar-toggle .active{-webkit-animation:rotate 0.5s linear 0s;animation:rotate 0.5s linear 0s}

/*.navBox .logo img{width:100%; object-fit:contain}   */


.navBox .nav_button .navbar-toggle{display: none;border: 1px #e8e8e8 solid}
/*.navBox .nav_button{display: none;float: right;width: 20%;text-align: right;height: 80px;line-height: 80px; padding: 10px 0px}*/
.navBox .nav_button{display: none;float: right;width: 50px;text-align: right;height: 80px;line-height: 80px; padding: 10px 0px;margin-left: 20px}
.navBox .nav_button .icon_box{height: 40px; width: 40px; line-height: 40px;background-color:#1d7bc1; float: right; }	


@media only screen and (min-width: 1400px) {		
	.navBox .navList{width:58%}
	.navBox .phone {width: 12%; display: block; }	
	.navBox .logo{width:30%;position:relative;margin:0 auto;}
	.container{width:100%;}	

}

@media only screen and (min-width: 1600px) {		
	.navBox .navList{width:58%}
	.navBox .phone {width: 12%; display: block; }	
	.navBox .logo{width:30%;}	
	.container{width:90%;}	
}

@media only screen and (max-width: 1400px) {	
	.navBox .navList{width:59%}
	.navBox .phone{display:none }	
	.navBox .logo{width:41%;position:relative;margin:0 auto}
	.navBox .logo img{max-height: 80px}
}
@media only screen and (max-width: 1200px) {	
	.navBox .navList{width:59%}
	.navBox .phone{display:none }
	.navBox .logo{width:41%;}
	.navBox .logo img{max-height: 80px}
}
@media only screen and (max-width: 1190px) {	
	.navBox .navList{display:none }
	.navBox .phone{display:none}	
	.navBox .logo{width:80%;float: left;}
	.navBox .logo img{object-fit:contain;height: 100%;max-height: 80px}  
	.navBox .nav_button{display: block;}
	.navBox .nav_button .navbar-toggle{display: block;margin-top: 15px}
	.navBox .nav_button{display: block;}
	.navBox .nav_button .icon_box{ display: block;}	
	
/*	.navBox .navbar-collapse1{display:none}*/
}


@media only screen and (max-width: 1000px) {	
	.navBox .navList{display:none }
	.navBox .phone{display:none}	
	.navBox .logo{width:80%;float: left;}
	.navBox .logo img{object-fit:contain;height: 100%;max-height: 80px}  
	.navBox .nav_button{display: block;}
	.navBox .nav_button .navbar-toggle{display: block;margin-top: 15px}
	.navBox .nav_button{display: block;}
	.navBox .nav_button .icon_box{ display: block;}	
	
	 .navBox .language .base {display: none;}	
	 .navBox .language .icon {display: block;}	
	 .navBox .language{width:auto	 }
	

}

@media only screen and (max-width: 640px) {	
	.navBox .navList{display:none }
	.navBox .phone{display:none}	
	.navBox .logo{width:80%;float: left;height:80px}
	.navBox .logo img{width:100%; object-fit:contain;height: 100%}   
	.navBox .nav_button{display: block;}
	.navBox .nav_button .navbar-toggle{display: block;}
	.navBox .nav_button{display: block;}
	.navBox .nav_button .icon_box{ display: block;}	

}








/*点击弹出菜单*/

.m-menu{position:absolute;left:0;top:100px;z-index:2;overflow-y:auto;width:100%;padding:0 4%;display:none;}
.m-menu ul{width:100%;height:100%;overflow-y:scroll;}
.m-menu .m-li{opacity:0;-webkit-transform:translate(0,-500px);-ms-transform:translate(0,-500px);transform:translate(0,-500px);-webkit-transition:all 1s ease;transition:all 1s ease}
.m-li.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} 
.m-menu li{border-bottom:1px solid #dcdcdc;font-size:16px;padding:0 20px}
.m-menu .title{position:relative;display:inline-block;box-sizing:border-box;line-height:58px;width:85%;text-decoration:none;color:#333;}
.m-menu .plus{position:relative;display:inline-block;width:10%;height:58px;text-align:center;background:none;float:right}
.m-menu .plus:after{content:'';display:block;width:26px;height:26px;background:url(/static/tn101/img/menu_icon_01.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:15px}
.m-menu .plus.son:after{background:url(/static/tn101/img/menu_icon_02.png) no-repeat center;background-size:20px auto}
.m-menu .plus-list{line-height:40px;padding:10px 0%;display:none}
.m-menu .plus-list p{background:url(/static/tn101/img/menu_icon_03.png) no-repeat left center;background-size:3px auto;font-size:14px}
.m-menu .plus-list a{padding-left:5%;color:#666;display:block}
.m-menu .splus-list a:active{color:#004e94}
.m-menu .mob_tel{font-size:16px;color:#e70012;font-weight:bold;line-height:60px}
.m-menu-bg{position:fixed;left:0;top:100px;width:100%;height:100%;z-index:1;background-color:#f5f5f5;display:none}



/*面包屑*/
.Location{}
.locat{font-size:16px;border-bottom:1px dashed #dcdcdc;line-height:65px}
.locat a{color: #93989B}



.locat b{border-left:0px solid #000000;font-weight:normal;padding-left:8px}
.locat i{font-style:normal}
.locat span{padding:0 5px;height:46px;line-height:46px}


/*首页banner*/

.slider-box {width:100%;height:100vh;display:flex;position:relative;z-index:0；max-height:1080px;margin-top:0px;transition:all .5s ease}
.slider-box .swiper-slide{overflow:hidden;color:#fff}
.slider-box .swiper-container{width:100%;height:100%;position:absolute;left:0px;top:0px}
.slider-box .slide-inner{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:1;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:left}

.slider-box .swiper-button-prev{background:transparent;width:55px;height:55px;line-height:53px;margin-top:-30px;text-align:center;border:2px solid #d4d3d3;border-radius:55px;opacity:0;visibility:hidden;transition:all .3s ease;left:25px;transform:translateX(50px)}

.slider-box .swiper-button-next{background:transparent;width:55px;height:55px;line-height:53px;margin-top:-30px;text-align:center;border:2px solid #d4d3d3;border-radius:55px;opacity:0;visibility:hidden;transition:all .3s ease;right:25px;transform:translateX(-50px)}

.slider-box:hover .swiper-button-prev{color: #fff;font-size: 30px;line-height: 42px;transform:translateX(0);opacity:1;visibility:visible;}
.slider-box:hover .swiper-button-next{color: #fff;font-size: 30px;line-height: 42px;transform:translateX(0);opacity:1;visibility:visible}


.slider-box .swiper-pagination-bullet{width:15px;height:15px;line-height:15px;font-size:15px;color:#000;opacity:0.8;background:#fff;transition:all .2s ease}
.slider-box .swiper-pagination-bullet-active{opacity:1;background:#0c55a4}
.slider-box .swiper-container-horizontal > .swiper-pagination-bullets{bottom:50px;max-width:1400px;padding:0 15px;margin:0 auto;left:50%;transform:translateX(-50%)}
.slider-box .swiper-pagination-custom{bottom:30px}
.slider-box .swiper-pagination-fraction{bottom:30px}
.slider-box .swiper-pagination{}



.slider-box .slide-title{max-width:750px}
.slider-box .slide-text{max-width:690px}
.slider-box .slide-btns{max-width:690px}
.slider-box .slide-title h2{font-size:100px;font-weight:600;line-height:1.2;color:#ffffff;margin:0 0 20px;text-transform:capitalize;transition:all .4s ease}
.slider-box .slide-line{height:2px;width:60px;background:#fff;margin-bottom:20px}
.slider-box .slide-text p{opacity:1;font-size:24px;font-weight:500;line-height:1.6;letter-spacing:normal;color:#ffffff;margin:0 0 40px;transition:all .4s ease}
.slider-box .slide-btns > a:first-child{margin-right:10px}

.slide-btn{background-color:#0c55a4;font-size:14px;font-weight:500;line-height:initial;text-align:center;color:#fff;padding:14px 32px;border:0px;border-radius:3px;text-transform:uppercase;display:inline-block;transition:all .4s ease}
.slide-btn:hover{background-color:#fff;color:#0c55a4}
.slide-btn:focus{background-color:#fff;color:#0c55a4}
.slide-btn:active{background-color:#fff;color:#0c55a4}




@media only screen and (max-width:768px){


.slider-box{height:40vh;margin-top:70px}
.slider-box .slide-title h2{font-size:20px;margin:0 0 15px}
.slider-box .slide-line{width:40px;margin-bottom:15px}
.slider-box .slide-text p{font-size:13px;font-weight:normal;margin:0 0 10px}

.slider-box .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px}
.slider-box .swiper-pagination-bullet{width:10px;height:10px}
.slider-box .swiper-button-prev{display:none}
.slider-box .swiper-button-next{display:none}

.slider-box .container{padding-top:0px}

.slide-btn{padding:8px 10px;font-size:12px}

}


@media only screen and (min-width:769px){
	
.slider-box .swiper-container-horizontal > .swiper-pagination-bullets{bottom:30px}
.slider-box .slide-title h2{font-size:50px}


}

@media only screen and (max-width:1024px) and (min-width:769px){
	
.slider-box{height:450px;margin-top:70px}
.slider-box .slide-title h2{font-size:30px;margin:0 0 15px}
.slider-box .slide-line{width:40px;margin-bottom:15px}
.slider-box .slide-text p{font-size:16px}
.slide-btn{font-size:13px;padding:10px 15px}

}





/*内页banner*/
.banner_page{overflow:hidden;line-height:0;text-align:center;position:relative;min-height:250px;background: url(/static/tn101/img/banner_page.jpg) no-repeat top center;}

.banner_page:before{
    background: rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    position: absolute;
    top: 0;
    width: 100%;

}

.banner_page img{visibility:hidden;margin:0 auto}
.banner_page img.show{visibility:visible}
.banner_page .text{position:absolute;top:63%;width:60%;max-width:800px;left:0px;right:0px;margin:0 auto;transform:translateY(-30%)}
.banner_page .text p{color:#fff;position:relative;padding-bottom:2rem;font-size:30px;float:left;font-weight:500}


/*footer*/
/*.footer{background:#222}
.footer_logo img{margin-bottom:30px;width:250px}
.footer_social{margin-bottom:10px}
.footer_social ul{list-style:outside none none;margin:0;padding:0}
.footer_social ul li{display:inline-block}
.footer_social ul li a{border:1px solid #333;border-radius:30px;color:#fff;display:block;font-size:14px;height:40px;line-height:20px;margin:2px;padding:9px 12px;-webkit-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;width:40px}
@media only screen and (max-width:768px){
	.footer_social ul li a{font-size:12px}
}@media only screen and (max-width:360px){
	.footer_social ul li a{font-size:14px}
}
.footer_social ul li a:hover{color:#fff}
.f_facebook:hover{background:#5D82D1;border:1px solid #5D82D1}
.f_twitter:hover{background:#40BFF5;box-shadow:0 0 0 0px #40BFF5;border:1px solid #40BFF5}
.f_google:hover{background:#EB5E4C;box-shadow:0 0 0 0px #EB5E4C;border:1px solid #EB5E4C}
.f_linkedin:hover{background:#238CC8;box-shadow:0 0 0 0px #238CC8;border:1px solid #238CC8}
.f_youtube:hover{background:#CC181E;box-shadow:0 0 0 0px #CC181E;border:1px solid #CC181E}
.f_skype:hover{background:#00AFF0;box-shadow:0 0 0 0px #00AFF0;border:1px solid #00AFF0}
.copyright p{border-top:1px solid #1f2428;font-size:16px;color:#eee;margin-bottom:0;padding:10px 0}
.copyright a{color:#03a9f4;font-family:"Cousine",sans-serif;-webkit-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s}
.copyright a:hover{color:#fff}

*/


.footer{height:auto;margin:0px 0px 0px 0px;background-color: #454545;padding: 50px 0px 0px 0px}
.footer .f_one{margin:0px 0px 20px 0px; border-bottom: 1px solid  #515151;}
.footer .f_class{    border-bottom: 1px dashed  #515151; font-size: 24px; color:#fff;line-height: 50px}
.footer .f_ewm{    padding: 20px  0px 10px 0px}
.footer .f_ewm_title{ padding: 0px  0px  0px  50px; font-size: 16px; color:#ccc;line-height: 30px ;  }
.footer .f_text{ padding: 0px  0px  0px  10px; font-size: 16px; color:#fff;line-height: 30px ;  }
.footer .f_text a{ color:#fff; }
.footer .f_ewm img{    color:#fff;height:150px;}
.footer .f_nav img{    color:#fff;}
.footer .f_nav ul{    padding: 20px}
.footer .f_nav li{    color:#fff;line-height: 30px}
.footer .f_nav li a{   font-size: 16px; color:#ccc;line-height: 30px}
.footer .f_two{padding:0px 0px 60px 0px; text-align: center;}