/* *{-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} */
/*====================头部*********/
.header{width:100%;position: relative;top:0;left:0;z-index:999;height:90px;background: #fff;box-shadow: 0 0 10px #ddd;}
.header.on{position: fixed;top: 0;left: 0;}
.header .logo{height: 90px;position: relative;display: flex;align-items: center;}
.header .logo a img{max-height: 90px;max-width: 100%;}
.header .toptel{font-size: 24px;font-weight: bold;height: 40px;line-height: 40px;margin-top: 25px;font-family: Century Gothic;background:url(../images/h_tel.png) no-repeat left;padding-left:25px;color: #192899;position: relative;margin-left:20px;}


/*导航*/
.nav{height: 100%;display: block;z-index: 999;transition: all 0.5s ease 0s;}
.nav.scroll{position: fixed;animation:fadeInDown 0.5s linear forwards;top: 0; left: 0;}
.navbar_nav .dropdown{float:left;position: relative;display: block;padding: 0 25px;}
.navbar_nav li .leve1{text-decoration: none;height: 100%;display: block;color: #222;font-size: 16px;line-height: 90px;text-align: center;text-transform: capitalize;font-weight: bold;}
.navbar_nav li .leve1 .icon{padding-right: 10px;vertical-align: middle;font-size: 16px;vertical-align: middle;}
.navbar_nav{display: flex;}
.navbar_nav li.dropdown .dropdown_menu{width: 200vw;left: -96vw;}
.navbar_nav li.dropdown .dropdown_menu{text-align: center;z-index: 9;display: none;position: absolute;top: 100%;background: rgba(255,255,255,0.8);box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);}
.navbar_nav li.dropdown .dropdown_menu ul{display: table;margin: 0 auto;}
.navbar_nav li.dropdown .dropdown_menu li{display: table-cell;padding:15px 20px;} 
.navbar_nav li.dropdown .dropdown_menu li:hover{background: #e00000;color: #fff;}
.navbar_nav li.dropdown .dropdown_menu li:hover a{color: #222;}
.navbar_nav li.dropdown .dropdown_menu .leve2{font-size: 15px;font-weight: bold;position: relative;}
.navbar_nav li.dropdown .dropdown_menu .line{margin: 10px auto;width: 65px;height: 2px;background: #e00000;}
.navbar_nav li.dropdown .dropdown_menu li:hover .line{background: #fff;}
.navbar_nav li.dropdown .dropdown_menu dd{margin-top: 5px;}


@media screen and (max-width: 1000px){
	.m_nav .ul li a{display: inline-block;width: auto;}
	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		display: inline-block;
		float: right;
		position: absolute;
		right: 0px;
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		transition: all 0.3s ease 0s;
		display: block;
		background: #4f4f4f;
	}
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	}
	.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;}
	
	.header .nav{display: none;}
	
}

/*homemain */
.wrapper{max-width: 1400px;margin:  0 auto;padding: 0 10px;}
.homemain .title h3{font:600 36px/40px 'Century Gothic','Microsoft yahei'; position: relative;text-transform: uppercase;;position: relative;}
.homemain .title h3 span{font-size: 24px;font-weight: normal;padding-left: 10px;color: #666;}
.homemain .title .line{width: 30px;height: 4px;background: #e00000;margin: 0 auto;margin-top:15px;}
.homemain .title .tit_des{font-size: 17px;margin-top: 15px;line-height: 20px;}
.imgarea{overflow: hidden;}
.imgarea img{width: 100%;transition: all 0.5s ease;height: 100%;}
.imgarea:hover img, li:hover .imgarea img{transform: scale(1.1);}

#owl-banner{position: relative;}
#owl-banner .item{height: 800px;text-align: center}
#owl-banner .owl-controls {margin-top: 0; position: absolute; bottom: 15px; left: 50%;margin-left: -30px;}
#owl-banner .owl-controls .owl-buttons{display: none;}
#owl-banner .owl-controls .owl-page span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity:1; background: #fff;transition: all .5s;}
#owl-banner  .owl-controls .owl-page.active span,
#owl-banner  .owl-controls.clickable .owl-page:hover span{background: #d20000;text-decoration: underline}

/*mod1*/
.homemain .mod1{padding: 60px 0;}
h3.title {text-align: center;font-size: 36px;color: #333;font-weight: bold;}
.rec{width: 48px;height: 4px;background: #192899;margin: 30px auto;}
.homemain .mod1 .des{font-size: 16px;color: #333;line-height: 30px;text-align: center;margin-bottom: 40px;}
.homemain .mod1 .des a{color: #192899;}
.homemain .mod1 .wrap{padding: 30px 40px;background: #f3f3f3;position: relative;text-align: center;}
.homemain .mod1 li h5{font-size: 18px;font-weight: bold;margin: 15px 0;color: #333;}
.homemain .mod1 li .txt{color: #888;line-height: 1.8;}
.homemain .mod1 .wrap::before{content: '';position: absolute;width: 0;height: 0;border-top: 100px solid #192899;border-right: 100px solid transparent;top: 0;left: 0;}
.homemain .mod1 li:hover .wrap{margin-top: -10px;transition: all 0.5s;}

.homemain .mod2 .top{padding: 50px 0;background: #131467;color: #fff;text-align: center;}
.homemain .mod2 .title{color: #fff;}
.homemain .mod2 .title span{color: #f9c100;}
.homemain .mod2 .rec{background: #fff;}
.homemain .mod2 .select a{display: inline-block;padding: 8px 30px;color: #fff;background: #192899;border-radius: 5px;margin: 0 10px;}
.homemain .mod2 .select a.active{background: #fff;color: #131467;} 
.homemain .mod2 .bot{padding: 50px 0;}
.homemain .mod2 .imgarea{display: block;border: 2px solid #eee;border-radius: 3px;overflow: hidden;}
.homemain .mod2 .hotpro .txtarea{background: #eee;padding: 30px;}
.homemain .mod2 .hotpro .txtarea h5{font-size: 18px;padding-bottom: 20px;margin-bottom: 20px;position: relative;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homemain .mod2 .hotpro .txtarea h5::after{content: '';position: absolute;left: 0;bottom: -1px;width: 35px;height: 4px;background: #192899;}
.homemain .mod2 .hotpro .more{display: inline-block;padding: 8px 40px;color: #fff;margin-top: 30px;background: #192899;border-radius: 3px;}
.homemain .mod2 li i{color: #fff;display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #ddd;border-radius: 50%;font-size: 20px;float: right;}
.homemain .mod2 li .txt{padding: 15px;font-size: 15px;}
.homemain .mod2 li .txt span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;display: inline-block;}
.homemain .mod2 .hotpro .imgarea{height: 440px;}
.homemain .mod2 li .imgarea{height: 290px;}
.homemain .mod2 .hotpro .txtarea .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}

.homemain .mod3{padding: 60px 0;background: #f3f3f3;}
.homemain .mod3 .rec{margin: 20px auto;}
.homemain .mod3 .tit_des{text-align: center;color: #999;line-height: 1;font-size: 16px;}
.homemain .mod3 .choice{margin-top: 40px;justify-content: space-between;margin-bottom: 20px;}
.homemain .mod3 .choice li{position: relative;font-size: 16px;} 
.homemain .mod3 .choice li::before{content: '';position: absolute;width: 100%;height: 100%;background: linear-gradient(to right,#000,rgba(0,0,0,0.0));top: 0;left: 0;z-index: 3;transition: all 0.3s;}
.homemain .mod3 .choice li::after{content: '';position:absolute;width: 90%;height: 80%;border: 1px solid #eee;left: 5%;top: 10%;box-sizing: border-box;opacity: 0;z-index: 4;transition: all 0.3s;}
.homemain .mod3 .choice li:hover::before,.homemain .mod3 .choice li.active::before{background: linear-gradient(to right,#14156d,rgba(20,21,109,0.0));}
.homemain .mod3 .choice li:hover::after,.homemain .mod3 .choice li.active::after{opacity: 1;}
.homemain .mod3 .choice li .cover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;padding-left: 25px;flex-direction: column;color: #fff;z-index: 5;}
.homemain .mod3 .choice li .line1{width: 30px;height: 1px;background: #fff;background: #fff;margin: 10px 0;}
.homemain .mod3 .top{padding:30px;background: #fff;margin-bottom: 20px;height: 160px;}
.homemain .mod3 .top h5{font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.homemain .mod3 .bot li .imgarea{position: relative;color: #fff;height: 240px;}
.homemain .mod3 .bot li .imgarea::after{position: absolute;content:"";width: 100%;height: 30%;background: linear-gradient(to top,#000,rgba(0,0,0,0.0));left: 0;bottom: 0;}
.homemain .mod3 .bot li:hover .imgarea::after{background: linear-gradient(to top,#14156d,rgba(20,21,109,0.0))}
.homemain .mod3 .bot li .txt{position: absolute;width: 100%;padding:5px 10px;bottom: 0;left: 0;z-index: 5;}
.homemain .mod3 .bot li .txt span{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homemain .mod3 .bot li .txt i{float: right;}
.homemain .mod3 .contact{background: #14156d;padding: 20px;color: #fff;height: 420px;}
.homemain .mod3 .contact img{max-width: 100%;}
.homemain .mod3 .contact h4{font-size: 24px;margin: 20px 0;font-weight: bold;}
.homemain .mod3 .contact p{font-size: 30px;font-weight: bold;font-family: 'Century Gothic';line-height: 1.5;margin-bottom: 10px;}
.homemain .mod3 .contact .link{display: block;text-align: center;color: #000;background: #f9c100;padding: 10px 0;}
.homemain .mod3 .cont{display: none;}
.homemain .mod3 .cont.show{display: block;}
.homemain .mod3 li img{max-width: 100%;}
.homemain .mod3 .contact .link i{display: inline-block;line-height: 1;font-size: 20px;vertical-align: middle;}

.homemain .mod4{padding: 60px 0;background: linear-gradient(to bottom,#192899 0,#181b71 55%,#fff 55%);position: relative;}
.homemain .mod4 h4{border-bottom: 1px solid #fff;font-size: 24px;padding-bottom: 15px;margin-bottom: 10px;}
.homemain .mod4 .top,.homemain .mod4 .top li a{color: #fff;}
.homemain .mod4 .pic{position: relative;float: left;width: 250px;height: 320px;float: left;margin-right: 50px;}
.homemain .mod4 .pic h4{font-size: 28px;color: #192899;top: 20px;left: 20px;position: absolute;border-bottom: none;}
.homemain .mod4 .top li{font-size: 16px;padding: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homemain .mod4 .top li .time{float: right;}
.homemain .mod4 .more{display: inline-block;padding: 8px 40px;background: #fff;color: #333;margin-top: 20px;}
.homemain .mod4 .newslist1{padding-right: 50px;}
.homemain .mod4 .newslist1 .tit{display: inline-block;width: 65%;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.homemain .mod4 .hotnews{padding-left: 65px;border-left: 1px solid #fff;}
.homemain .mod4 .bot{padding: 40px 30px;background: #fff;margin-top: 40px;box-shadow: 0 0 10px rgba(0,0,0,0.2);margin-bottom: 10px;}
.homemain .mod4 .bot .hot{float: left;margin-right: 30px;width: 420px;}
.homemain .mod4 .hot .imgarea{height: 260px;}
.homemain .mod4 .hot h5{font-size: 18px;font-weight: bold;margin: 20px 0 0;}
.homemain .mod4 .hot .more{background: #f5f5f5;}
.homemain .mod4 .bot li{padding: 15px 0;border-bottom: 1px solid #ddd;}
.homemain .mod4 .bot li .time{color: #888;line-height: 1;}
.homemain .mod4 .bot li:first-child{border-top: 1px solid #ddd;}
.homemain .mod4 .bot .newslist2{float: left;width: calc(100% - 450px);}
.homemain .mod4 .bot .newslist2 .tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}
.homemain .mod4 .bot li i{display: inline-block;vertical-align: middle;font-size: 18px;}
.homemain .mod4 .bot .newslist3 .tit .txt{display: inline-block;width: 70%;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homemain .mod4 .bot .newslist3 .time{float: right;}
.homemain .mod4 .bot .newslist3 .des{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;line-height: 1.2;}


/*foot*/
.foot{background: #192899;padding: 50px 0 30px;}
.foot .f_nav{width: 52%;}
.foot .f_nav li{width: 20%;float: left;}
.foot .f_nav li a:first-child{font-weight: bold;font-size: 15px;color: #fff;display: block;}
.foot .f_nav li a{font-size: 14px;color: rgba(255,255,255,0.8);line-height: 30px;}
.foot .f_lx{width: 30%;}
.foot .f_lx img{margin-bottom: 30px;}
.foot .f_lx dt{font-size: 14px;color: #fff;line-height: 40px;padding-left: 35px;font-weight: normal;background: url(../images/f_e.png) no-repeat left;}
.foot .f_lx dt:nth-child(2){background: url(../images/f_tel.png) no-repeat left;}
.foot .f_lx dt:last-child{background: url(../images/f_add.png) no-repeat left;}
.foot .f_ewm{width: 9%;}
.foot .f_ewm p{float: left;margin-right: 10px;margin-top: 20px;display: block;}
.foot .f_ewm p.mar{padding-left: 25px;}
.foot .copy{border-top: 1px solid rgba(255,255,255,0.2);font-size: 14px;line-height: 30px;color: rgba(255,255,255,0.8);padding-top: 20px;margin-top: 50px;}
.foot .copy a{font-size: 14px;color: rgba(255,255,255,0.5);margin-left: 10px;}

/* 

.fixed_bot{width: 100%;height: 65px;line-height: 65px;background: rgba(0,0,0,0.8);left: 0;bottom: 0;position: fixed;z-index: 99;}
.fixed_bot h4{float: left;color: #ffc774;font-size: 24px;font-weight: bold;margin-right: 25px;}
.fixed_bot span{margin-left: 60px;font-size: 18px;font-weight: bold;color: #fff;display: inline-block;background: url(../images/gou.png)center left no-repeat;padding-left: 40px;}
.fixed_bot span.fr{background: url(../images/bot_tel.png)center left no-repeat;padding-left: 55px;font-size: 28px;font-family: Arial, Helvetica, sans-serif;font-style: italic;} */


.fixed-r{position:fixed;width:60px;height:275px;right:0;top:50%;transform: translateY(-50%);z-index:100;z-index: 999;}
.fixed-r ul li{width:60px;height:60px;float:left;position:relative;margin-bottom: 1px;}
.fixed-r ul li .sidebox{position:absolute;width:60px;height:60px;top:0;right:0;transition:all 0.3s;background:#646577;color:#fff;font:15px/60px;overflow:hidden;}
.fixed-r ul li .sidetop,.fixed-r  ul li .wx{width:60px;height:60px;display:block;background:#646577;transition:all 0.3s;}
.fixed-r ul li i{display: inline-block;width: 60px;line-height: 60px;color: #fff;font-size: 30px;text-align: center;vertical-align: middle;}
.fixed-r .wx{position: relative;}
.fixed-r .wx .wx_code{position: absolute;width: 100px;height: 100px;background: rgba(20,38,78,0.5);padding: 4px;left: -110px;top: 50%;display: none;transform: translateY(-50%);text-align: center;}
.fixed-r .wx .wx_code img{max-width: 100%;}
.fixed-r .wx:hover .wx_code{display: block;}
.fixed-r ul li .sidetop:hover,.fixed-r ul li .sidebox:hover,.fixed-r .wx:hover{background:rgba(20,38,78,0.5);}

.fixed-b {width: 100%; background: #192899; bottom: 0; left: 0;z-index: 999; font-size: 14px;position: fixed;padding: 10px 0;display: none;}
.fixed-b li{ width: 25%; text-align: center; color: #fff; float: left;border-right: 1px solid #777;box-sizing: border-box;}
.fixed-b li:last-child{ border-right: none;}
.fixed-b li a{color: #fff;}
.fixed-b li a i{font-size: 24px;padding-right: 5px;color: #fff;vertical-align: middle;line-height: 1;}
.fixed-b li a .icon-home{font-size: 18px;}