@charset "utf-8";
body, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input, textarea{
    color: inherit;
    font-size: inherit;
}
*,html, body, div, p, h1, h2, em,h3, h4, h5, h6, ul, li, dl, dd, dt, ol, img, table, form, input, button, textarea, select, option, strong, span, b, i, font, a,label { padding: 0; margin: 0; border: none; font-family: 'Microsoft Yahei', Arial; }
input { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a { text-decoration: none; color: #333; font-family: "微软雅黑", "Microsoft YaHei", Arial; font-size: 14px;outline: none;  }
a:hover, a:active {text-decoration: none; }
a:hover { outline: none;}
ul, dl, li, dd, dt, ol { list-style: none; }
input, select, img { vertical-align: middle; outline: none; }
body { font-size: 14px; -webkit-text-size-adjust: none; color: #333; width: 100%;background-color: #fff;/*min-width: 1200px;*/  }
html, body { width: 100%; font-size: 14px; max-width: 1920px; margin:0 auto;overflow-x: hidden; }
img { max-width: 100%;border:none; }
.fl { float: left; display: inline-block; }
.fr { float: right; display: inline-block; }
.clearfix:after{content:".";display:block;height:0;font-size:0em;line-height:0;visibility:hidden;clear:both;}
.clearfix{zoom:100%;}
.clear { clear: both; font-size: 0; height: 0; width: 100%; zoom: 1; }
.conW{ min-width: 1200px;width: 1200px;margin: 0 auto;  }
.comwidth{width: 1200px;margin: 0 auto; }
.none {display:none;}


/*aisite三色图标定位*/
.eps-portlet-header{position: relative;z-index: 99999;}
.eps-portlet-header .eps-dn{left: 0 !important;top: 0 !important;}

/*头部*/
body{ position: absolute; }
.header{ position: relative;z-index:999;  left:0; top: 0; width: 100%; background-color: #fff; }
	.top{position:relative; text-align:right; margin:15px 0 20px; width: 100%; clear:both;overflow:hidden;}
	.top span{ display: inline-block; float: right; margin-left: 20px; cursor: pointer; line-height: 26px;font-size:16px;}
        .top span a{font-size:16px;}
        .top .ckbx{width:26px;height:26px;}
        .top .ckbx a img{width:26px;height:26px;}
	.top span img{ margin-right: 6px; }
	.top .mobileBth{display: none;}
		.searchBtn{ width: 26px; height: 26px; background: #08427a url(	
/uiFramework/commonResource/image/2022011015502821291.png) no-repeat center center; border-radius: 50%;background-size: 80% 80%; }
		.searchCon{width:0; float: right;  background: #fff;margin-right: -46px; overflow: hidden; position:relative;}
		.searchCon input{ display: inline-block; vertical-align: middle;line-height: 26px;  }
			.input1{  padding-left: 10px; float: left;   width: 85%;    border: 1px solid #0f4d88;height: 24px; }
			.input2{ width: 26px; background: #08427a url(/uiFramework/commonResource/image/2022011015502821291.png) no-repeat center center; float: right; position: absolute;right:0; top: 0;background-size: 80% 80%;}
          .mobilen{display:none!important;}

	/*导航*/
	.nav{ background: #fff; border-radius: 10px; width: 100%; height: 66px; clear:both; }
		.logo{ width: 171px; padding:12px 0 0 14px; }
                .logo a{display:block;}
		.logo img{ width: 100%; }
		.navList{}
		.navList li{ float: left; display: inline-block;padding:0 1px; position: relative; } 
			.menuOne{display:inline-block; font-size:22px; color:#333333; line-height:62px;padding:0 16px;}
		.navList li.on .menuOne,.navList li:hover .menuOne{ color: #c00f1d;border-bottom: 4px solid #c00f1d; }
.navList li:hover .menuTwo{display: block;}
			.menuTwo{ position:absolute; left:0; top: 66px; background: rgba(255,255,255,.8); width: 100%; border-bottom:2px solid #c00f1d; display: none;}
			.menuTwo a{ display: block; line-height:24px;padding:8px 0; font-size:18px; text-align: center; }
			.menuTwo a:hover{color: #c00f1d;}
.menuTwo a.more {
    font-size: 16px;
    color: #c00f1d;
    cursor: pointer;
}

@media screen and (min-width:1600px){
	/*导航*/
	.menuOne{font-size:22px;padding:0 16px;}
	/*banner*/
	.bannerCon .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:128px;}
	.bannerBtn{bottom:128px; }
	.navList{display:block;}

}

@media screen and (max-width:1200px){
	body{min-width:320px;}
	.conW{ min-width:92%;width:92%;}
	/*导航*/
	.menuOne{ font-size: 18px; padding:0 10px; }
	
.navList{display:block;}

}

@media screen and (max-width:1023px){
	html,body{ font-size:62.5%;}
        .nav .navList{display:none;}
       .nav.nav_yinc{display:none;}
      
	/*头部*/
.input1{border:none;}
	.header{ background: rgba(255,255,255,.7); height:42px; padding:2rem 0; }
	.top{ float: right; width: auto; margin:0; clear:none;padding-top:5px; overflow:initial; }
	.top span{ display: none; }
	.top .searchBtn,.top .mobileBth{ display: inline-block; vertical-align: top; }
	.top .searchBtn{width: 32px; height: 32px;}
		.searchCon{display:none; width: 100vw; position:absolute;top:60px; right:-2vw;margin-right:0; background: #fff; padding:2rem 0; }
		.searchCon form{ width: 90%; line-height: 30px; height: 30px; border:1px solid #eee; margin:0 auto; }
		.searchCon form input{line-height: 30px; height: 30px; font-size: 1.6rem;
}
			.input2{ top: 2rem; right:5%; width: 30px;position: unset; }
	.top .mobileBth{width: 30px; height: 32px; margin-left: 10px; }
		.mobileBth em{ display: block; width: 100%; height:4px; background:#07417a;  margin: 4px 0 6px; overflow: hidden; float: none; clear:both; }
	.nav{ background: none; width: 183px; float: left; clear:none;height:auto;}
	.logo{ padding:0; }
	.navList{display: none; position:absolute;top:42px; margin-top:3rem;left: 0;width: 100%;float: none; background: #fff; padding:1rem; }
	.navList li{ clear: both; border-top: 1px solid #ddd; width: 97%;  }
	.navList li.on .menuOne, .navList li:hover .menuOne{border-bottom: 0;}
        .navList li i {width: 50px;height: 50px;float: right;}
        .yd_se li .sp_nav_xjb{width: 75px;height: 48px;float: right;}
        .sp_nav_xjb:after {content: "";font-size: 2.8rem;font-weight: bold;display: block;position: relative;width: 6px;height: 6px;border-bottom:1px solid #000; border-right: 1px solid #000; float: right;top: 20px; right: 40px;transform: rotate(-45deg);transition: 0.3s;}
        .sjj_nav_i_se:after {transform: rotate(45deg);border-bottom: 1px solid #c00f1d; border-right:1px solid #c00f1d;}
	.menuOne{ font-size: 16px; line-height:50px; padding:0 0 0 1rem; font-weight: bold;color:#000;}
        .navList li:before,.yd_se li:before{content: ""; width:3px;height:16px;background-color:#000;display: block;position: absolute; left: 0px;
top: 17px;}
        .navList li.on:before,.yd_se li.on:before{background-color:#c00f1d;}
        .yd_se li.on .menuOne, .yd_se li.on .menuTwo .on{ color: #c00f1d;}
         .navList li:hover .menuOne{color:#000;}
	.menuTwo {position: relative;left: 0;top: 0;background:none; width:auto; clear:boht; border-bottom: none;padding-left: 1.5rem;display: none;}
	.menuTwo a {display: inline-block;line-height: 40px;font-size: 14px;margin-right: 1rem; padding:.5rem 0;display: block;float: left;color: #666;width: 98%;border-top: 1px solid #ddd;margin-left: 15px;text-align: left;}
        .mobilen{display:inline-block!important;width: 32px;height: 32px;border-radius: 32px;background-color: #013f7b;text-align: center;}
        .mobilen a{color:#fff;font-weight:300;line-height: 32px;}
		
}

@media screen and (max-width:767px){
	/*网银登录*/
	.Ebank p{padding-bottom:2.5rem;}
	
      

}

@media screen and (max-width:479px){
	
      
}

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

	
}

@media screen and (max-width:350px){
.nav{width:183px;}
.top span{margin-left:10px;}
.top .mobileBth{margin-left: 10px;}
}
/*底部*/
.footer{ width: 100%; background: url(/uiFramework/commonResource/image/2021122409104533687.png) no-repeat bottom center; padding:40px 0 40px;     background-size: 100% 100%;}
.footer .title1 h2{ float: right; }
.footer .i1{ left:-25px; }
.footer .i2{ right:0; left:initial; }
	.videoCon{ height:100%; position: relative; }
		#ppsp{ width: 100%; }
		.spplay{ position: absolute; left: 50%; top: 50%; margin:-80px 0 0 -80px; width: 160px; height: 160px; background:rgba(6,63,124,.54); border-radius: 50%; text-align: center; line-height: 160px; cursor: pointer;align-items: center;justify-content: center; display: flex;}
	.foot{ }
		.foot_l{}
		.foot_tel{ color: #fff; font-size: 50px;    font-weight: 400; line-height: 120%; padding:30px 0 30px;display: inline-block;margin-right:45px; }
		.foot_r{}
		.foot_r span{ display: inline-block; margin-left: 38px; font-size: 20px; line-height: 40px; text-align: center; color: #fff; }
		.foot_r span em{ width:164px;display: block; background: #fff; padding:10px; margin-bottom: 10px; }
.footZx {color:#fff;font-size:16px;width:32px;margin:0 10px 0 50px;}
.footTx{color:#fff;font-size:18px;margin-top:10px;}
.footcopy{ background: #00336a; padding:28px 0; text-align: center; }
.footcopy span{ line-height: 30px; margin-right:25px; display: inline-block; }
.footcopy a,.footcopy span{color: #a3adbe; font-size: 14px;}
.footcopy .lianj:hover{color:#fff;}
.footcopy a img{padding-right:4px;}
.footcopy .links span{margin-right: 0;color: #fff;  } 
	.links{display: inline-block; text-align: left; line-height: 28px;float:right; position: relative;}
	.links span{ border:1px solid #8099b5; border-right: 2px solid #40668f; width: 128px; padding-left: 10px; cursor: pointer; color: #fff; }
	.links span em{ display: inline-block; width: 27px; text-align: center; line-height: 28px; border-left:2px solid #40668f;font-style: normal;color: #fff;float: right;  color: #fff;}
	.linksCon{ position: absolute; right:0; bottom:30px; height: 100px; overflow-y: auto; background: #fff; z-index: 2; width: 139px;border:1px solid #8099b5; display: none;}
	.linksCon li{ line-height: 24px; border-bottom:1px solid #f0f0f0; text-align: left;}
	.linksCon li a{ font-size: 12px; margin-left: 10px; }

/* GJJ 0228增加  */
.footer_logo{width:43%;}
@media screen and (min-width:1200px){
.tel_number{font-size:30px;}
}

@media screen and (max-width:1200px){
	body{min-width:320px;}
	.conW{ min-width:92%;width:92%;}
	/*底部*/
	.links{ float:none;margin-top: 10px; }
       .foot_tel{margin-right:25px;}
}
@media screen and (max-width:1023px){
	/*底部*/
	.footer{ padding:2rem 0 2rem;}
	.foot_tel{ padding:10px 0 10px; display:block;text-align: center;margin-right: 0px;}
        .foot_tel.phone_tel{display:none;}
	.foot_r{ padding-top: 7rem; }
	.foot_r span{ font-size: 1.8rem; line-height:200%; margin-left: 3rem; }
	.foot_r span em{ width: 110px; height: 110px;}
}

@media screen and (max-width:767px){
	/*底部*/
	.foot_r,.foot_l{ width: 100%; clear:both; }
        .foot_r,.foot_l p{text-align: center; }
	.foot_r{ text-align: center; }
	.foot_r span{ margin:0 1rem; font-size: 1.6rem; }
.foot_l p{       margin-top: 2rem;padding-bottom: 0;    font-size: 3.6rem;    padding: 0;}
.foot_r{    padding-top: 3rem;}
.footZx {font-size:16px !important;width:auto;margin:0 10px 0 26%;}
.footTx{color:#fff;font-size:16px !important;}
.foot24{width:100%;}
}
@media screen and (max-width:479px){
	/*底部*/
	.footcopy span{ margin-right: 10px; width:100%;}
       
	.foot_r span{ font-size: 1.4rem; }
	.foot_r span em{ width: 100px;height: 100px; }
.foot_l p img{width:54%;}
.foot_l p{       margin-top: 1rem;padding-bottom: 0;    font-size: 2.6rem;    padding: 0;}
.foot_r{    padding-top: 2rem;}
.foot_tel tel_number span{margin-right:0 !important;}
}
/*ipad ipadPrp   别删~*/

@media only screen and (min-width:100px) and (max-width: 1200px) {
.conW,.content,.pubConno,.comwidth{width:96% !important;margin: 0 auto;}
/*body{min-width:inherit;}*/
.comwidth {width:100%}
}


@media only screen and (min-width:100px) and (max-width: 1023px) {
.navList li .xlnav{float:right;display:block;width:20px;height:20px;background:url(	
/uiFramework/commonResource/image/2022010619463498636.png) no-repeat center;margin-right:30px;background-size:100% 100%;}
.navList li .xlnav.yincang{float:right;display:block;width:20px;height:20px;background:url(	
	/uiFramework/commonResource/image/2022010619464274875.png) no-repeat center;margin-right:30px;background-size:100% 100%;}
.navList li  .menuTwo.up{display:block;}
}

@media only screen and (min-width:100px) and (max-width: 768px) {
.footcopy .linkTitle{width:128px;}

}