/* header start */
.fixednav {	position: fixed;top: 0px;left: 0px;	box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);	z-index: 9999;}
.top {width: 100%;height:100px;background-color:#ffffff;}
.topitem {width: 100%;height: 100px;}
.logo a img {max-width: 148px;}
.navitem ul {padding-right: 3px;margin-right: 12px; }
.navitem ul li a {	display: block;	font-size: 18px;font-weight: normal;font-stretch: normal;line-height:100px;letter-spacing: 0px;	padding: 0px 26px;color: #000;}
.navitem ul li a:hover, .navitem ul li a.active {}
.navitem>ul>li>a:hover{color: #fff;background:#0f3274;}
.navitem>ul>li>a.on{color: #fff;background:#0f3274;}
.navxl {width: 100%;height: auto;background-color: #ffffff;	position: fixed;top: 100px;	left: 0px;	z-index: 999;padding: 20px 0px 40px;display: none;border-bottom: 2px solid #0f3274;box-shadow: 0px 20px 15px rgba(0, 0, 0, .1);}
.ernav {width: 100%;}
.ernavxl {width: 100%;}
.snBrand {position: relative;width: 100%;overflow: hidden;}
.ernav_pro a img {width: 100%;height: 290px;object-fit: cover;}
.ernavxl_pic {	border-left: 1px solid rgba(51, 51, 51, 0.3);	padding-left: 80px;}
.ernavxl_pic img {	width: 100%;}
.ernavxl_name a .navicon{display: inline;padding-right: 10px;}
.ernavxl_name a .navicon img{ display: inline;width: 50px;}
.seartel {font-size: 22px;}
.seartel i {font-size: 22px;cursor: pointer;display: block; padding-right: 10px;}
/*banner start*/
.banner {position: relative;height: auto;}
.banner .swiper-pagination {bottom: 40px;}
.banner .swiper-pagination-bullet {width: 8px;height: 8px;background-color: #0f3274;border-radius: 4px;	opacity: 1;}
.banner .swiper-pagination-bullet-active {width: 32px;height: 8px;background-color: #fbc200;border-radius: 4px;opacity: 1;}
.bannerdesc {position: absolute;width: 100%;height: 100%;padding: 18% 0px 0px 15%;text-align: left;}
.bannerdesc h2 {font-size: 48px;font-weight: lighter;letter-spacing: 2px;color: #ffffff;}
.bannerdesc h3 {font-size: 36px;letter-spacing: 2px;color: #ffffff;	padding: 20px 0px 50px;	font-family: 'Calibri-Bold';}
.bannerdesc a {	width: 200px;height: 44px;display: block;font-size: 16px;letter-spacing: 1px;text-align: center;line-height: 44px;	color: #ffffff;	border: solid 1px #ffffff;transition: all .5s;}
.bannerdesc a:hover {background-color: #ffffff;	color: #003d8c;}
/*product start*/
.i_pro{ width:100%;height: auto; padding:60px 0 105px;background: url(../images/bgprobg.jpg) top right no-repeat #f9fafe;}
.i_pro_box{/*box-shadow: 0 0 5px #ccc;*/position: relative;margin-bottom: 15px;}
.i_pro_box:hover{box-shadow: 0 0 5px #ccc;position: relative; margin-top: -10px;transition: all .5s;}
.i_title{ text-align: center; line-height: 80px; height: 80px;padding-bottom: 20px;font-size:32px;}
.i_pro_box .pro_tit{line-height: 83px;text-align: center;background: #fff; font-size: 20px;transition: all .5s;}
.i_pro_box .pro_tit p{text-align: center;margin: auto;transition: all .5s;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.i_pro_box:hover .pro_tit{line-height: 83px;text-align: center;background: #0f3274; font-size: 20px;transition: all .5s;}
.i_pro_box:hover .pro_tit p{text-align: center;margin: 0;transition: all .5s;color:#fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.pro_gd{padding: 20px;}
.pro_gd a{ display: block;margin: 0 auto; width:180px; height: 40px; border: 1px solid #203864; color:#203864; text-align:center; line-height: 40px; font-size: 16px;transition: all .5s;}
.pro_gd a:hover{ display: block;margin: 0 auto; width:180px; height: 40px; border: 1px solid #203864;background: #203864; color:#fff; text-align:center; line-height: 40px; font-size: 16px;transition: all .5s;}
/*about start*/
.i_abo{ width:100%;height: 500px;background: url(../images/bgabout.jpg) center center no-repeat}
.i_abo_c{ text-align: center; line-height: 50px; font-size: 20px; color:#0f3274;padding-top:30px;}
.i_abo_c p{ text-align: center; line-height: 50px; font-size: 20px; color:#0f3274;}
.abo_gd{padding: 20px;}
.abo_gd a{ display: block;margin: 0 auto; width:180px; height: 40px; border: 1px solid #0f3274; color:#0f3274; text-align:center; line-height: 40px; font-size: 16px;transition: all .5s;}
.abo_gd a:hover{ display: block;margin: 0 auto; width:180px; height: 40px; border: 1px solid #203864;background: #203864; color:#fff; text-align:center; line-height: 40px; font-size: 16px;transition: all .5s;}


/*news start*/
.i_new{ width:100%;height: auto; padding:60px 0 105px; background: url(../images/newbbb_03.jpg) top right no-repeat #f9fafe;position: relative;}
.i_new_box{box-shadow: 0 0 5px #ccc;width:100%;height: auto; display: block; background: #fff; padding: 15px;border-bottom:4px solid #fff;margin-bottom: 15px;margin-bottom:20px;}
.i_new_box:hover{box-shadow: 0 0 5px #ccc;width:100%;height: auto; display: block; background: #fff; padding: 15px;border-bottom:4px solid #0f3274;margin-bottom:20px;}
.i_new_box h3{font-size: 18px;color:#000;text-align: left;line-height: 2.5;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.i_new_box:hover h3{font-size: 18px;color:#0f3274;text-align: left;line-height: 2.5;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.i_new_box p{font-size: 16px;color:#797979;text-align: left;line-height: 1.5;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 3em; }
.i_new_box div.gdaa{font-size: 9px;color:#797979;}
.i_new_box div.gdaa .m_a{display: block;width: 20px;}
.i_new_box div.gdaa .m_b{display: none;width: 20px}
.i_new_img img{width:100%;}
.i_new_box:hover div.gdaa .m_a{display:none ;width: 20px;}
.i_new_box:hover div.gdaa .m_b{display:block;width: 20px}
.new_ddd{font-size: 16px;}

/*friend start*/
.i_fri{ width:100%;height: 700px;background: url(../images/fribg.jpg) center center no-repeat}
.i_fri_c{ text-align: center; line-height: 50px; font-size: 20px; color:#fff;padding-top:30px;}
.i_fri p{ text-align: center; line-height: 50px; font-size: 20px; color:#fff;}
.abo_gd{padding: 20px;}
.abo_gd a{ display: block;margin: 0 auto; width:180px; height: 40px; border: 1px solid #0f3274; color:#0f3274; text-align:center; line-height: 40px; font-size: 16px;transition: all .5s;}
.abo_gd a:hover{ display: block;margin: 0 auto; width:180px; height: 40px; border: 1px solid #203864;background: #203864; color:#fff; text-align:center; line-height: 40px; font-size: 16px;transition: all .5s;}

/* footer start */
.foot {	width: 100%;height: auto;padding-top: 50px;	background-color: #ffffff;	border-top:1px solid #fff;}
.footnav {width: 100%;align-items: flex-start;}
.footnav dl dt {font-size: 16px;font-weight: bold;padding-bottom: 15px;	color: #222222;}
.footnav dl dd a {font-size: 16px;line-height: 40px;transition: all .5s;color: #666666;}
.footnav dl dd a:hover {color: #0f3274;}
.footinfo {	text-align: left;}
.footinfo h2 {font-size: 16px;padding-bottom: 10px;	font-weight: bold;color: #222222;}
.footinfo h3 {font-size: 24px;font-weight: bold;line-height: 28px;letter-spacing: 1px;color: #222222;font-family: 'Calibri';}
.footinfo h4 {font-size: 16px;line-height: 24px;color: #222222;margin-top: 20px;}
.footinfo h4 p {color: #0f3274;padding-left: 0;cursor: default;}
.footinfo h4 p:hover {color: #0f3274;}
.footcopy {font-size: 16px;width: 100%;	height: auto;margin-top: 35px;border-top: 1px solid #e3e3e3;}
.footcopy_info p {text-align: center;font-size: 14px;line-height: 55px;color: #999999;}
.footcopy_info p a {color: #999999;margin-left: 10px;}
.footcopy_info p a:hover {color: #000;}
.footcopy_nav a {font-size: 14px;line-height: 66px;	color: #999999;}
.footcopy_nav span {padding: 0px 10px;}
.footcopy_nav a:hover {	color: #000;}

.contact_list{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:-15px;}

.contact_list:after,.contact_list:before{display:none}

.contact_list .column{margin:15px 0}

.contact_list a{height:100%;padding:20px 10px;display:block;color:#333;text-align:center;word-break:break-all;background-color:#fff;-webkit-transition:all .5s;transition:all .5s}

.contact_list a .img{max-width:140px;margin-bottom:5px}

.contact_list a .icon{width:50px;height:50px;overflow:hidden;margin:5px auto 20px;position:relative}

.contact_list a .icon img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all .5s;transition:all .5s}

.contact_list a .icon .iconHover,.contact_list a:hover .icon .iconDefault{-webkit-transform:scale(0);transform:scale(0)}

.contact_list a:hover .icon .iconHover{-webkit-transform:none;transform:none}

.contact_list a p{margin:0;line-height:1.6}

.form_main{max-width:1200px;margin:0 auto;}

.message_form{margin-top:-5px;}

.message_form textarea{resize: none;}

.message_form .column{margin:5px 0}

.message_form .form-control{height:40px;color:#333;background-color:#FAFAFA;border-color:#ddd;border-radius:0;box-shadow:none}

.message_form .error input{border-color:#4387e4}

.message_form .success input,.message_form .tip input{border-color:#999}

.message_form .error .valid_message{position:absolute;width:100%;left:0;font-size:12px;color:#4387e4;display:none}

.message_form textarea.form-control{height:auto}

.message_form .btn{display:block;border-color:#ccc;background-color:transparent;color:#333;font-size:14px;width:100%;height:40px;margin:20px auto 0;outline:0!important}

.message_form .btn:hover{background-color:#4387e4;border-color:#4387e4;color:#fff}


/*products start*/
.menu_box{background: rgba(255,255,255,1);box-shadow: 0px 1px 15px rgba(0, 0, 0, .6);}
.menu_ej{ height: 60px; line-height: 60px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center; font-size: 20px; }
.menu_elist{padding:0 55px;}
.menu_elist:hover,.menu_elist.on{padding:0 55px;background: #0f3274;}
.menu_elist a{color:#0f3274;}
.menu_elist:hover a,.menu_elist a.on{color:#fff;}
.m_menu_ej{ height: 36px; line-height: 36px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center; font-size: 18px; background: rgba(255,255,255,0.60);position: relative;z-index: 188;flex-wrap: wrap}
.m_menu_elist{padding:0 12px;}
.m_menu_elist:hover,.m_menu_elist.on{padding:0 12px;background: #0f3274;}
.m_menu_elist a{color:#0f3274;}
.m_menu_elist:hover a,.m_menu_elist a.on{color:#fff;}
.prorow{background: #0f3274;position: absolute; top: 0;left: 0;bottom: 0;right:0; text-align: center; flex-direction: column;justify-content: center;color:#fff;}
.prorow h1{font-size: 28px;}
.prorow p{padding:30px; font-size: 16px;color:#fff;text-align: left;line-height: 30px;}
.xgzl{ width:100%;height: auto; padding:30px 0 105px; background:#f9fafe;}
.xg_box{border:1px solid #c8c8c8; border-radius: 5px; background: #fff;padding: 10px;margin-bottom: 20px;}
.xg_tit{padding-left: 15px; font-size: 18px;}
.i_bg{width:100%;height: auto; padding:60px 0 105px; background:#f9fafe;position: relative;}
.opt_box{background: #fff;margin-bottom: 20px;}
.opt_box:hover{background: #0f3274;margin-bottom: 20px;}
.opt_a{padding:30px;}
.opt_a h3{font-size: 28px;line-height: 2;}
.opt_a p{font-size: 18px;line-height: 1.5}
.opt_box:hover .opt_a h3{font-size: 28px;line-height: 2;color:#fff;}
.opt_box:hover .opt_a p{font-size: 18px;line-height: 1.5;color:#fff;}
.opt_box .m_c{display: block}
.opt_box .m_d{display: none}
.opt_box:hover .m_c{display: none}
.opt_box:hover .m_d{display: block}
.mgd{padding-top:25px;}
.opt_boxd{margin-bottom: 20px;}
.opt_boxc{background: #fff;}
.opt_boxc:hover{background: #0f3274;}
.opt_b{padding:15px;}
.opt_b h3{font-size: 24px;line-height: 1.5;text-align: center;}
.opt_b p{font-size: 15px;line-height: 1.2}
.opt_boxc:hover .opt_b h3{font-size: 24px;line-height:1.5;color:#fff;text-align: center;}
.opt_boxc:hover .opt_b p{font-size: 15px;line-height: 1.2;color:#fff;}
.opt_boxc img{margin: auto;}
.opt_boxc .m_c{display: block;margin: auto;}
.opt_boxc .m_d{display: none;margin: auto;}
.opt_boxc:hover .m_c{display: none;margin: auto;}
.opt_boxc:hover .m_d{display: block;margin: auto;}
.mgdb{padding-top:25px;}
.about_box{width: 100%;background: #f9fafe;padding: 50px 0;}
.about_box h2{font-size:28px;line-height: 2;}
.about_box p{font-size:16px; line-height: 1.8;margin-bottom: 1em;}
.zlog img{margin: auto;box-shadow: 0 0 5px #ccc;}
.fbg_box{width:100%; height: auto;background: url(../images/fbg.jpg) center center no-repeat;padding: 50px 0;}
.f_title{ color:#fff; font-size: 32px; text-align: center;padding-bottom: 40px;}
.fli{padding-bottom: 15px; }
.fli img{margin:0 auto;}
.fli img:hover{margin:0 auto; }
.neibanner img {height: auto;width: 100%;}
.prolistpage {padding: 110px 0px 75px;}
.prolist_item {	width: 100%;padding: 20px 60px 60px;background-color: #f7f8fa;margin-bottom: 30px;transition: all .5s;}
.prolist_item a {display: block;}
.prolist_item_img img {margin: 0 auto;height: 340px;object-fit: contain;}
.prolist_item_desc {text-align: center;}
.prolist_item_desc p {font-size: 24px;font-weight: lighter;	font-family: 'Calibri';	line-height: 36px;letter-spacing: 1px;	color: #222222;	padding-top: 30px;}
.prolist_item_desc h3 {font-size: 24px;	font-weight: bold;line-height: 36px;letter-spacing: 1px;color: #222222;	padding: 40px 0px;}
.prolist_item_desc h4 {	font-size: 16px;	line-height: 36px;	font-weight: normal;color: #666666;}
.prolist_item:hover {box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);}
.prolist_item:hover .prolist_item_img img {	transform: scale(1.05);}
.prolist_more {text-align: center;margin-top: 110px;cursor: pointer;}
.prolist_more p {font-size: 16px;color: #222222;}
.newslist {	padding: 80px 0px 0px;}
.newslist_name h1 {	font-size: 36px;font-weight: lighter;line-height: 30px;	letter-spacing: 2px;color: #222222;}
.newslist_nav {	justify-content: flex-end;}
.newslist_nav ul li {float: left;margin-left: 35px;}
.newslist_nav ul li:first-child {margin-left: 0px;}
.newslist_nav ul li a {	display: block;	font-size: 16px;font-weight: lighter;line-height: 36px;	letter-spacing: 1px;color: #222222;	border-bottom: solid 1px #ffffff;}
.newslist_nav ul li.active a, .newslist_nav ul li:hover a {	border-bottom: solid 1px #222222;}
.newslist_item {margin-top: 90px;}
.newslist_li {	width: 100%;margin-bottom: 60px;}
.newslist_img {	width: 100%;height: 220px;	overflow: hidden;}
.newslist_img img {	width: 100%;height: 100%;object-fit: cover;}
.honorlist_img img {object-fit: contain;}
.honorlist_desc {text-align: center;}
.newslist_li:hover .newslist_img img {transform: scale(1.05);}
.newslist_desc {width: 100%;}
.newslist_desc h3 {	font-size: 20px;font-weight: lighter;line-height: 32px;	color: #222222;	padding: 8px 0px 15px;text-align: center;}
.newslist_desc p {font-size: 16px;font-weight: normal;letter-spacing: 1px;color: #999999;}
.newspage_detail {	padding-top: 1px;}
.newspage_left {width: 100%;padding-bottom: 100px;}
.newspage_title h2 {font-size: 36px;font-weight: lighter;line-height: 36px;	letter-spacing: 1px;color: #222222;}
.newspage_title p {	font-size: 16px;line-height: 30px;letter-spacing: 1px;color: #999999;padding-top: 20px;}
.newspage_info {margin: 40px 0px;}
.newspage_info p {font-size: 16px;line-height: 30px;letter-spacing: 0px;font-weight: lighter;color: #222222;}
.newspage_info p img {display: inline-block;margin: 5px 0px;}
.newspage_right {padding-left: 100px;margin-bottom: 110px;}
.newspage_next {width: 100%;height: auto;}
.newspage_next a {display: block;height: 50px;font-size: 16px;border-bottom: solid 1px #f2f3f5;	line-height: 36px;	letter-spacing: 1px;color: #666666;	transition: all .5s;}
.newspage_next a:hover {background-color: #003d8c;color: #ffffff;padding-left: 10px;line-height: 50px;}
.newspage_rlist {width: 100%;margin-top: 60px;}
.newspage_rlist ul li .newslist_li {margin-bottom: 35px;}
.newspage_rlist ul li .newslist_desc h3 {font-size: 16px;}
.propage_nav {width: 100%;height: 60px;	background-color: #222222;}
.propage_navitem {justify-content: flex-end;}
.propage_navitem li {margin-left: 60px;}
.propage_navitem li a {	display: block;	font-size: 16px;line-height: 60px;letter-spacing: 0px;color: #999999;transition: all .5s;}
.propage_navitem li a:hover {color: #ffffff;}
.propage_top {width: 100%;padding: 110px 0px;}
.propage_img {width: 100%;height: 346px;background-color: #f7f8fa;text-align: center;overflow: hidden;position: relative;}
.propage_img img {margin: 0 auto;width: 100%;max-height: 100%;object-fit: contain;	display: block;}
.propage_desc {	width: 100%;padding-left: 50px;}
.propage_title {border-bottom: 1px solid #f2f3f5;}
.propage_title h1 {	font-size: 24px;font-weight: bold;line-height: 36px;letter-spacing: 1px;color: #222222;}
.propage_title h3 {	font-size: 20px;font-weight: lighter;letter-spacing: 1px;color: #222222;padding: 20px 0px 25px;}
.propage_descinfo {	margin-top: 35px;}
.propage_descinfo p {font-size: 16px;font-weight: normal;letter-spacing: 0px;color: #222222;line-height: 36px;}
.propage_descinfo p span {color: #666666;}

.contact_list{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:-15px;}

.contact_list:after,.contact_list:before{display:none}

.contact_list .column{margin:15px 0}

.contact_list a{height:100%;padding:20px 10px;display:block;color:#333;text-align:center;word-break:break-all;background-color:#fff;-webkit-transition:all .5s;transition:all .5s}

.contact_list a .img{max-width:140px;margin-bottom:5px}

.contact_list a .icon{width:50px;height:50px;overflow:hidden;margin:5px auto 20px;position:relative}

.contact_list a .icon img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all .5s;transition:all .5s}

.contact_list a .icon .iconHover,.contact_list a:hover .icon .iconDefault{-webkit-transform:scale(0);transform:scale(0)}

.contact_list a:hover .icon .iconHover{-webkit-transform:none;transform:none}

.contact_list a p{margin:0;line-height:1.6; font-size: 16px;}

.form_main{max-width:1200px;margin:0 auto;}

.message_form{margin-top:-5px;}

.message_form textarea{resize: none;}

.message_form .column{margin:5px 0}

.message_form .form-control{height:40px;color:#333;background-color:#FAFAFA;border-color:#ddd;border-radius:0;box-shadow:none}

.message_form .error input{border-color:#4387e4}

.message_form .success input,.message_form .tip input{border-color:#999}

.message_form .error .valid_message{position:absolute;width:100%;left:0;font-size:12px;color:#4387e4;display:none}

.message_form textarea.form-control{height:auto}

.message_form .btn{display:block;border-color:#ccc;background-color:transparent;color:#333;font-size:14px;width:100%;height:40px;margin:20px auto 0;outline:0!important}

.message_form .btn:hover{background-color:#4387e4;border-color:#4387e4;color:#fff}
.inside_main{width:100%;overflow:hidden;position:relative;padding:35px 0 60px;}

.inside_main .container{position:relative}

.inside_title{margin-bottom:30px;text-align:center;overflow: hidden;}

.inside_title h2{font-size:20px;margin:0}

.inside_title span{display:block;text-transform:uppercase;margin-top:6px}