
@import url("grid.css");/*网格*/
@import url("layout.css");/*整体框架*/
@import url("icon.css");/*图标*/
@import url("ie.css");/*图标*/
@import url("animate.css");/*动画效果*/
@import url("page.css");/*图标*/
@import url("navi_02.css");/*02导航*/
@import url("navi_01.css");/*02导航*/
/*@import url("../css/animate.min.css");*//*动画*/

html {
	overflow-x: hidden;
}
.clear{
	clear: both;
}
.dowebok .section{ overflow:hidden;}

body{
	overflow: hidden;
}

.header{ width:100%; background:none; position:fixed !important; z-index:999!important; margin-top: 2.5%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.header .navbar{ max-width: 1600px; margin: 0 auto; padding: 0 6%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.header .navbar .pc_menu{
 width:100%;
 margin:0 auto;
 transition: all 0.3s 0s ease-in-out ;
 transition: all 0.2s linear -1ms;
 -webkit-transition: all 0.2s linear -1ms;
 -moz-transition: all 0.2s linear -1ms;
 -ms-transition: all 0.2s linear -1ms;
 -o-transition: all 0.2s linear -1ms;
 background: #fff;
 position: relative;
}
.header .navbar .pc_menu .pc_logo{ height:100%;align-items:center; display: -webkit-flex;position: absolute;background: #5675B6;padding: 0 260px 0 2%;}
.header .navbar .pc_menu .pc_logo a { display:block; height:45%;border-right: 1px solid #fff;padding-right: 3%;}
.header .navbar .pc_menu .pc_logo a img{ height:100% !important;}
.header .navbar .pc_menu .pc_logo p{font-size: 20px;color: #999;line-height: 34px;font-weight: lighter;padding-left: 20px;margin-left: 20px;border-left: 1px solid #dddddd;}
.Big-index{padding: 0 2%;}
.header .navbar .pc_menu .pc_menu_right>li{ float:left; margin-left:1.3%; margin-right:1.3%;}
.header .navbar .pc_menu .pc_menu_right>li .t{display:block;line-height:100px; font-size:15px; color:#222;position: relative;font-weight:bold;}
.header .navbar .pc_menu .pc_menu_right .active>a{ position: relative;}
.header .navbar .pc_menu .pc_menu_right>li:hover .t{color: #2450AC;}
.header .navbar .pc_menu .pc_menu_right>li.active .t{color: #2450AC;}

.header .navbar .pc_menu .pc_menu_right>li .t:after{ content: ""; position: absolute; left: 0; bottom: 30%; width: 0; height: 1px; background: #5675B6; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.header .navbar .pc_menu .pc_menu_right>li.active .t:after{width: 100%;}
.header .navbar .pc_menu .pc_menu_right>li:hover .t:after{width: 100%;}



/* 语言 */
.language{position: absolute;left: 240px;top: calc(50% - 12px); color:#FFF; font-size:18px; font-weight:800;letter-spacing:0.5px;}
.language ul{padding-right: 30px; display: flex;justify-content: flex-end;}
.language ul li{font-size: 14px;color: #fefefe;line-height: 14px;display: none;cursor: pointer;}
.language ul li.active{display: block;}
.language ul li:hover a{color: #5675B6;}
.language ol{position: absolute;left: calc(50% - 45px);top: 37px;z-index: 10;display: none;}
.language ol li{width: 90px;background: #f8f8f8;text-align: center;line-height: 30px;}
.language ol li a{display: block;}
.language ol li:hover a{color: #5675B6;font-weight: bold;}


/*-----滚动后--------*/
.header.pc_fixed {margin-top: 0;}
.header.pc_fixed .navbar .pc_menu{ transition: all 0.2s linear -1ms; box-shadow: 0 0 13px rgba(0, 0, 0, .13); transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.header.pc_fixed .header-top{opacity: 0;height: 0;}
.header.pc_fixed  .navbar{max-width: 100%;padding: 0;}

@media(max-width:1600px){
	.header .navbar .pc_menu .pc_menu_right>li .t{line-height: 95px;}
	.language {left:218px;}
}
@media(max-width:1500px){
	.header .navbar .pc_menu .pc_menu_right>li .t{line-height: 90px;}
	.language {left: 208px;}
}
@media(max-width:1400px){
	.header .navbar .pc_menu .pc_menu_right>li .t{line-height: 85px;font-size: 14px;}
	.language {left: 198;}
}
@media(max-width:1300px){
	.header .navbar .pc_menu .pc_menu_right>li .t{line-height: 80px;}
	.language {left: 188px;}
}
@media(max-width:1200px){
	.header .navbar .pc_menu .pc_menu_right>li .t{line-height: 75px;font-size: 12px;}
	.language {left: 178px;}
	.header .navbar{padding: 0 3%;}
}
@media(max-width:960px){
	.header .navbar .pc_menu{height: 60px;}
	/* .language{display: none;} */
	.language ul li{color: #5675B6;}
	.language ul {
		padding-right: 20px;
		background: url(../image/language-arrow-hover.png) no-repeat center right;
	}
	.language {
		left: 125px;
	}
	.header .navbar .pc_menu .pc_logo{background: none;padding: 0 0 0 20px;}
	.header .navbar .pc_menu .pc_logo a img{ filter:none ; -webkit-filter:none ; }
	.Big-index{padding: 0 20px;}
}
@media(max-width:760px){
	
}



/* banner */
.page_banner{position: relative;}
.part_one,.banner,.page_banner{width: 100%;overflow: hidden;}
.banner img,.page_banner img{display: inline-block;width: 100%;}

@media(max-width:760px){
	.banner img,.page_banner img{
		width: 260%;
		margin-left: -140%;
	}
}



/* 底部 */
.footer{background: #5675B6;padding: 4% 0 0%;}
.footer-container{max-width: 1440px;margin: 0 auto;padding: 0 6%;}
.footer-content{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 1.5%;padding-bottom: 2.5%;}
.footer-left{display: inline-block;width: 26.875%;}
.footer-left img{ display: inline-block; width: 50.1%;margin-bottom: 10%; }
.footer-left p{font-size: 14px;line-height: 32px;color: #fff;}
.footer-left p a{color: #fff;}
.footer-center{display: inline-block;width: 55%;padding-right: 7%;}
.footer-center ul{display: flex;justify-content: space-between;}

.footer-center ul>li>a{display: inline-block; font-size: 16px;color: #fff;position: relative;padding-bottom: 20px;}
.footer-center ul>li>a:after{content: "";position: absolute;left: 0;bottom: 0;width: 20px;height: 1px;background: #fff;}
.footer-center ul>li ol li a{display: block;font-size: 14px;color: #fff;margin-top: 15px;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.footer-right{width: 120px;}
.footer-right img{width: 100%;display: inline-block;margin-bottom: 10px;}
.footer-right p{font-size: 14px;color: #fff;text-align: center;}
.footer-bottom{background: #3361C2;width: 100%;padding: 1.2% 0;}
.copy{max-width: 1440px;margin: 0 auto;padding: 0 6%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.copy p{display: inline-block;}
.copy p,.copy p a{font-size: 14px;color: #ccc;}
.footer a:hover{color: #ccc;}
@media(max-width:1600px){

}
@media(max-width:1500px){
	.footer-left p{font-size: 13px;line-height: 30px;}
	.copy p, .copy p a,.footer-right p{font-size: 13px;}
	.footer-center ul>li>a{font-size: 14px;}
	.footer-center ul>li ol li a{font-size: 13px;}
	.footer-right{width: 110px;}
}
@media(max-width:1400px){
	.footer-right{width: 100px;}
	.footer-center ul>li>a{font-size: 13px;}
	.footer-center ul>li ol li a{font-size: 12px;}
}
@media(max-width:1300px){
	.footer-left p{font-size: 12px;line-height: 28px;}
	.copy p, .copy p a,.footer-right p{font-size: 12px;}
	
}
@media(max-width:1200px){
	.footer-container,.copy{padding: 0 3%;}
	.footer-right{width: 90px;}
}
@media(max-width:960px){
	.footer{padding: 8% 0 0%;}
	.footer-center{display: none;}
	.footer-right{margin-top: 0;}
	.footer-left {width: 35%;}
	.footer-left img{width: 60%;}
}
@media(max-width:760px){
	.footer-left {width: calc(80% - 90px);}
	.footer-bottom p{display: block; text-align: center;width: 100%;}
}




.index-title{text-align: center;padding-bottom: 30px;margin-bottom: 30px; position: relative;width: 100%;}
.index-title h1{font-size: 70px;line-height: 70px; color: #dddddd}
.index-title p{font-size: 26px;line-height: 26px;margin-top: -22px; color: #222;font-weight: bold;}
.index-title::after{content: "";position: absolute;left: calc(50% - 15px);bottom: 0px;width: 30px;height: 3px;background: #5675B6;}
@media(max-width:1600px){
    .index-title h1{font-size: 64px;line-height: 64px;}
    .index-title p{font-size: 24px;line-height: 24px;}
    .index-title{padding-bottom: 28px;margin-bottom: 28px;}
}
@media(max-width:1500px){
    .index-title h1{font-size: 60px;line-height: 60px;}
    .index-title p{font-size: 24px;line-height: 24px;}
    .index-title{padding-bottom: 26px;margin-bottom: 26px;}
}
@media(max-width:1400px){
    .index-title h1{font-size: 58px;line-height: 58px;}
    .index-title p{font-size: 22px;line-height: 22px;margin-top: -18px;}
    .index-title{padding-bottom: 24px;margin-bottom: 24px;}
}
@media(max-width:1300px){
    .index-title h1{font-size: 55px;line-height:55px;}
    .index-title p{font-size: 20px;line-height: 20px;}
    .index-title{padding-bottom: 22px;margin-bottom: 22px;}
}
@media(max-width:1200px){
    .index-title h1{font-size: 52px;line-height: 52px;}
    .index-title p{font-size: 18px;line-height: 18px;margin-top: -14px;}
    .index-title{padding-bottom: 20px;margin-bottom: 20px;}
}
@media(max-width:960px){
    .index-title h1{font-size: 48px;line-height: 48px;}
    .index-title p{font-size: 16px;line-height: 16px;margin-top: -10px;}
    .index-title{padding-bottom: 18px;margin-bottom: 18px;}
    .index-title::after{height: 2px;}
}
@media(max-width:760px){
    .index-title h1{font-size: 44px;line-height: 44px;}
    .index-title{padding-bottom: 16px;margin-bottom: 16px;}
}
@media(max-width:580px){
    .index-title h1{font-size: 40px;line-height: 40px;}
}





/* 轮播箭头 */
.row-arrow .owl-nav .owl-prev,.row-arrow .owl-nav .owl-next{
    width: 17px;height: 30px;position: absolute;top: 44.5%;background: url(../image/about03-arrow.png) no-repeat;background-size: 100% 100%;display: block !important;}
    .row-arrow .owl-nav .owl-prev{left: -3.5%;}
    .row-arrow .owl-nav .owl-next{ right: -3.5%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
    .row-arrow .owl-nav .owl-prev:hover{ background: url(../image/about03-arrow-hover.png) no-repeat; background-size: 100% 100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.row-arrow .owl-nav .owl-next:hover{
background: url(../image/about03-arrow-hover.png) no-repeat;
background-size: 100% 100%;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
@media(max-width:760px){
    .row-arrow .owl-nav .owl-prev{left: -25px;}
	.row-arrow .owl-nav .owl-next{right: -25px;}
	.row-arrow .owl-nav .owl-prev, .row-arrow .owl-nav .owl-next {
		width: 15px;
		height: 26px;}
}


/* info页面 */
.info-main{max-width: 1280px;margin: 0 auto;padding: 0 6%;}
.info-container{margin: 6.5% 0;}
.info-edit img{display: inline-block;width: auto !important;height: auto !important;max-width: 100%;}
.info-edit p {font-size: 15px;line-height: 30px;color: #666;}
@media(max-width:1200px){
	.info{padding: 0 3%;}
	.info-container{margin: 8% 0;}
}
@media(max-width:760px){
	.info-container{margin: 12% 0;}
}



/* padding */
.padding{max-width: 1600px;margin: 0 auto;padding: 0 6%;}
@media(max-width:1200px){
	.padding{padding: 0 3%;}
}

/* 二级栏目 */
.inside-nav{max-width: 1280px;margin: 0 auto;padding: 0 6%;position: relative;z-index: 2;margin-bottom: 5%;}
.inside-nav-container{background: #fff;box-sizing: border-box; box-shadow: 0 0 20px rgba(0, 0, 0, .15);margin-top: -46px;padding: 30px 2% 20px;}
.inside-nav ul{display: flex;flex-wrap: wrap;justify-content: center;}
.inside-nav ul li{display: flex;margin: 0% 2.5% 10px;}
.inside-nav ul li a{display: block; font-size: 15px;color: #666;display: block;padding: 5px 0;position: relative;}
.inside-nav ul li a:after{content: "";position: absolute;left: 0;bottom: -2px;width: 0%;height: 1px;background: #5675B6;}
.inside-nav ul li.active a:after{width: 100%;}
.inside-nav ul li.active a{color: #5675B6;}
.inside-nav ul li:hover a{color: #5675B6;}
@media(max-width:1600px){
    .inside-nav ul li a{font-size: 15px;}
}
@media(max-width:1400px){
	.inside-nav-container{padding: 25px 2%;margin-top: -40px;}
    .inside-nav ul li a{font-size: 14px;}
}
@media(max-width:1200px){
    .inside-nav{padding: 0 3%;}
    .inside-nav ul li a{font-size: 13px;}
}
@media(max-width:960px){
	.inside-nav-container{padding: 20px 2% 10px;margin-top: -35px;}
}
@media(max-width:760px){
	.inside-nav{margin-bottom: 10%;}
}
@media(max-width:580px){
    /* .inside-nav ul li a{font-size: 12px;} */
}




