/* 技术支持 开元（重庆）科技有限公司 */
body,div,span,h1,h2,h3,h4,h5,h6,hr,p,blockquote,strong,var,b,u,i,center,dl,dt,dd,ul,ol,li,prea,address,fieldset,form,fieldset,label,legend,button,input,textarea,th,td, header, footer{margin:0;padding:0;}
body{color:#000; font-size:12px; font-family:Arial,'Microsoft YaHei'; height:100%; background:#fff; word-wrap: break-word; word-break:break-all;}
ul,ol{list-style-type:none;}
i {font-style:normal}
select,input,img,select,button,textarea{vertical-align:middle; font-family:Arial,'Microsoft YaHei'; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none;}
input {/*-webkit-appearance: none;*/ border-radius:0}
li{list-style-type:none;vertical-align:top;}
img{vertical-align:middle;border:0px;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%; font-weight:normal;}
address,cite,dfn,em,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a img{border:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
del{text-decoration:line-through;}
em{font-style:normal;}
.vimg-align{vertical-align:middle;}
legend{color:#222;}
fieldset,img{border:0;}
a{text-decoration:none; transition: color .1s,border-color .1s,opacity .1s,text-decoration-color .1s;}
.fl{ float:left; display:block;}
.fr{ float:right; display:block;}
.pr{position: relative;}
.marA {margin:auto;}
.clr{display:block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0;}
.clear{display:block;clear: both;}
.ovh{overflow:hidden;}
.tac{text-align:center;}
.tar{text-align:right;}
.imgW100{width:100%;}
span:focus {
    outline: none;
}
a{color:#000;}
a:hover{color:#1347B4;}
img{max-width: 100%;}
.pr{position: relative;}
.wrapper{width:90%; max-width: 1720px; margin:0 auto;}
.disflex{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.disflex_1{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.content{width: 100%;}

.header{width: 100%;}
.header.nhead{height: 100px;background: #232948;}
.header_content{width: 100%; height: 100px; padding:0 5%; position: fixed; top: 0; left: 0; right: 0; z-index: 90; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.header.fix .header_content{background: #232948;}
.logo img{float: left; max-height:46px;}
.togglemenu{width: 40px; height: 40px; display: none;}
.togglemenu span i{width: 20px; height: 2px; background: #fff; display:block; margin:4px 0;}
.nav{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; text-align: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: center; -moz-justify-content:center; -ms-justify-content:center; -o-justify-content: center; justify-content:center;}
.nav li{display: inline-block; line-height:50px; margin:0 10px; font-size: 20px;}
.nav li a{display: block; position: relative; color: #fff; padding:0 20px; border-bottom:2px transparent solid;}
.nav li a:hover{font-weight: bold; color: #fff; border-bottom:2px #fff solid;}
.nav li.active a{ font-weight: bold;}
.nav li.hover a{ border-bottom:2px #fff solid;}
.nav li .subnav{position: absolute; left: 0; right: 0; top: 0; z-index:-1; background: rgba(35,41,72,0.95); padding:100px 4% 30px; overflow: hidden; display: none; border-radius:0 0 80px 80px;}
.nav li .subnav .subnavul{position:relative; width: 100%; padding:30px 0 10px; border-top:1px solid rgba(255,255,255,0.1); display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: center; -moz-justify-content:center; -ms-justify-content:center; -o-justify-content: center; justify-content:center;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.nav li .subnav li{display: block; overflow: hidden; text-align: center; font-size: 18px; margin:0 30px; line-height: 50px;}
.nav li.hover .subnav a{ border-bottom:2px transparent solid;}
.nav li.active .subnav a{ font-weight:normal;}
.nav li .subnav li.active a{border-bottom:2px #fff solid; font-weight:bold;}
.nav li .subnav li a:hover{font-weight: bold;}
.nav li .subnav_box ul{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: center; -moz-justify-content:center; -ms-justify-content:center; -o-justify-content: center; justify-content:center;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.nav li .subnav_box ul li{ margin:20px 10px 0;}
.nav li .subnav_box ul li span{ display:block; width:240px; height:180px; overflow:hidden; border-radius: 16px 60px 16px 16px;}
.nav li .subnav_box ul li span img{width:100%; height:100%; object-fit: cover; margin:auto;}
.nav li .subnav_box ul li p{ font-size:15px; line-height:24px; padding-top:20px;}
.nav li .subnav .subnavul.subnavtwo li.active a{border-bottom-color: transparent; font-weight:normal;}
.nav li .subnav .subnavul.subnavtwo li a:hover, .nav li .subnav .subnavul.subnavtwo li.active a:hover{font-weight: bold; border-bottom-color: #fff;}

.top_r{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.top_rbtn{margin-left:50px;}
.top_rbtn a{height:28px; line-height:28px; font-size:16px; color:#fff; padding:4px; display:block; border:1px #fff solid; border-radius:40px;}
.top_rbtn a span{display:block; background:url(../images/jtico.png) no-repeat left center; padding:0 10px 0 35px;}
.top_rbtn a:hover{background: #fff; color: #2A5ECB;}
.top_rbtn a:hover span{background:url(../images/jticoa.png) no-repeat left center;}
.cbottom{ width: 100%; overflow: hidden; padding:30px 0; background: #1347B4; color: rgba(208,218,240, 0.8); text-align: center; font-size: 28px; font-weight: bold; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: center; -moz-justify-content:center; -ms-justify-content:center; -o-justify-content: center; justify-content:center;-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.cbottom span{padding:0 20px; display: inline-block;}
.cbottom span em{font-size: 36px; color: #fff;}
.cbottom i{width: 8px; height: 8px; border-radius: 8px; background: #AABCE4; display: inline-block; margin-top: 4px;}
.footer{background: #232948; color: #fff; font-size: 14px; width: 100%; overflow: hidden;}
.footer a{color: #fff;}
.footer a:hover{color: #fff;}
.foot_box{padding:50px 5%;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.foot_L{width: 22%; margin-right: 10%;}
.foot_logo img{max-height: 66px;}
.foot_L ul{width: 100%; display: block; padding-top: 20px;}
.foot_L ul li{padding:8px 0;}
.foot_R{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.foot_R dl{margin: 0 10px;}
.foot_R dl dt{padding:15px 0; font-size: 20px; font-weight: bold;}
.foot_R dl dd{font-size: 16px; padding:8px 0;}
.foot_copyright{border-top: 1px solid rgba(255,255,255,0.1); padding:20px 5%; color: #9CA3AF; text-align: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}




@media all and (max-width:1400px) {
	.nav li{margin:0 5px;}
	.nav li a{padding:0 15px;}
	.top_rbtn{margin-left:40px;}
}
@media all and (max-width:1300px) {
	.nav li{margin:0 2px;}
	.nav li a{padding:0 10px;}
	.top_rbtn{margin-left:30px;}
}
@media all and (max-width:1200px) {
	.nav li{margin:0 0; font-size:18px;}
	.nav li a{padding:0 10px;}
	.top_rbtn{margin-left:20px;}
	.nav li .subnav li{margin:0 15px;}
	.cbottom{font-size: 20px;}
	.cbottom span em{font-size: 26px;}
	
	
}
@media all and (max-width:1100px) {
	.nav li{margin:0 0; font-size:17px;}
	.nav li a{padding:0 7px;}
	.top_rbtn{margin-left:10px;}
	.top_rbtn a{font-size:14px;}
	
	
}
@media all and (max-width:980px) {
	.header_content{padding:0 4%; height:70px;}
	.header.nhead{height: 70px;}
	.logo img{ max-height:35px;}
	.togglemenu{margin-right: -10px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content:center; justify-content:center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
	.togglemenu span{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform:translateX(0); -o-transform: translateX(0); transform:translateX(0);}
	.nav{position:fixed; flex:initial; display: block; top: 0; left: 0; bottom: 0; z-index: 99; width: 88%; padding:0; overflow-y:auto; background:#232948; border-top-width: 0; text-align: left; -webkit-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -moz-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -ms-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -o-transition: transform .5s cubic-bezier(.55,.03,.37,.96); transition: transform .5s cubic-bezier(.55,.03,.37,.96); -webkit-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%);}
	.nav ul{padding:40px 20px;}
	.nav li{display: block; font-size: 16px; line-height:40px; padding: 10px 0; position: relative;}	
	.nav li>span{display:block; position:relative; z-index:999;}
	.nav li a{display:inline-block;}
	.nav li .subnav{position: initial; overflow: inherit; padding:0; display: block !important;}
	.nav li .subnav ul{padding:0;}
	.nav li .subnav .subnav_hd{display: none;}
	.nav li .subnav .subnav_bd{display:none;}
	.nav li .subnav::after{content: ''; width: 0;height: 0;border: 6px solid; border-color: #fff transparent  transparent transparent; position: absolute; top: 26px; right: 0; z-index: 99; border-radius: 3px;}
	.nav li .subnav .subnavul{width: 100%; position: initial; padding:15px 0 5px;}
	.nav li .subnav li{font-size: 13px; margin:0 5px; line-height:40px; padding:0;}
	.nav li.toggle .subnav:after{border-color: transparent transparent  #fff transparent; top: 21px;}
	.nav li.toggle .subnav{display: block;}
	.nav li.toggle .subnav .subnav_hd{display: block;}
	.nav li.toggle .subnav .subnav_bd{display: block;}
	.nav li .subnav_box ul li{ margin:10px 3px 0;}
	.nav li .subnav_box ul li span{width:120px; height:90px; border-radius: 8px 30px 8px 8px;}
	.nav li .subnav_box ul li p{font-size:12px; padding-top:10px; line-height:20px;}
	.hsbg{background: rgba(0,0,0,0.4); opacity: 0; z-index: 80; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 0; -webkit-transition: opacity .5s cubic-bezier(.55,.03,.37,.96); -moz-transition: opacity .5s cubic-bezier(.55,.03,.37,.96); -ms-transition: opacity .5s cubic-bezier(.55,.03,.37,.96); -o-transition: opacity .5s cubic-bezier(.55,.03,.37,.96); transition: opacity .5s cubic-bezier(.55,.03,.37,.96);}
	.header.opennav .nav{ -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0);}
	.header.opennav .hsbg{opacity: 1;}
	.header.opennav .togglemenu span{position: fixed; top: 15px; left:0; z-index: 100; margin-left:-50px; padding:20px; display: inline-block; -webkit-transform: translateX(88vw); -moz-transform: translateX(88vw); -ms-transform:translateX(88vw); -o-transform: translateX(88vw); transform:translateX(88vw); -webkit-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -moz-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -ms-transition: transform .5s cubic-bezier(.55,.03,.37,.96); -o-transition: transform .5s cubic-bezier(.55,.03,.37,.96); transition: transform .5s cubic-bezier(.55,.03,.37,.96);}
	.header.opennav .togglemenu span i {opacity: 1; transform: rotate(45deg); position: absolute; top: 5px; left: 5px;}
	.header.opennav .togglemenu span i:nth-last-child(2) {opacity: 0;}
	.header.opennav .togglemenu span i:nth-last-child(3) {opacity: 1; transform: rotate(-45deg);}	
	.top_rbtn{margin:0 10px 0 0;}
	.top_rbtn a{height:24px; line-height:24px;}
	.top_rbtn a span{background-size:24px; padding:0 5px 0 30px;}
	.cbottom{font-size: 16px;}
	.cbottom span em{font-size: 23px;}
	


	
}

@media all and (min-width:0) and (max-width:768px) {
	.wrapper{width:92%;}
	.footer{font-size: 13px;}
	.foot_box{padding:30px 4%;}
	.cbottom{font-size: 12px; padding:15px 0;}
	.cbottom span{padding:0 10px;}
	.cbottom span em{font-size: 16px;}
	.cbottom i{width: 5px; height: 5px; border-radius: 5px;}
	.foot_L{width: 100%; margin-right: 0;}
	.foot_L ul li{padding:5px 0;}
	.foot_R dl{padding:10px 0 0;}
	.foot_R dl dt{font-size: 16px; padding:10px 0;}
	.foot_R dl dd{font-size: 14px; padding:5px 0;}
	.foot_logo img{max-height: 40px;}
	.foot_copyright{padding:20px 4%;}

	
	

	
}