* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.main { max-width:1460px !important; margin:0 auto !important; padding:0px 10px;}
.main_1150 { max-width:1170px !important; margin:0 auto !important; padding:0px 10px;}
body,html { width:100%; height:100%;}

.H_had { height: 110px; }


.header { height: 110px; position: fixed; top: 0px; left: 0px; width: 100%; background: #fff; z-index: 90; }
.header .logo { float: left; width: 50%; padding-left: 50px; line-height: 110px; }
.header .logo img { display: inline-block; vertical-align: middle; }
.header .fr { float: right; width: 50%; text-align: right; }
.header .fr .top { background:#1b365d url('../images/icon5.png') no-repeat left center; height: 36px; line-height: 36px; padding-right: 50px;  }
.header .fr .top .tel { color: #fff; margin-right: 40px; display: inline-block; vertical-align: top; }
.header .fr .top .zw { color: #fff; margin-right: 40px; display: inline-block; vertical-align: top; background: url('../images/icon6.png') no-repeat right center; padding-right: 20px; }
.header .fr .top .tel:before { content: ''; background: url('../images/icon1.png') no-repeat left center; width: 23px; height: 18px; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px;  }
.header .fr .top .zw:before { content: ''; background: url('../images/icon2.png') no-repeat left center; width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-top: -4px; margin-right: 8px;  } 
.header .fr .top .search { display: inline-block; vertical-align: top; }
.header .fr .top .search a { width: 36px; height: 36px; background: url('../images/icon3.png') no-repeat center center; display: block; } 

.header .fr .nav { padding-right: 50px;  }
.header .fr .nav ul li { width: 14.28%; float: left; }
.header .fr .nav ul li a { font-size: 16px; font-weight: bold; color: #333; line-height: 74px; }
.header .fr .nav ul li a:hover { color: #1b365d; }
.header .fr .nav ul li.active a { color: #1b365d; }


.banner_x { height: 520px; width: 100%; }
.banner_x .main { height: 100%;  width: 100%; display: table;  }
.banner_x .text { display: table-cell; vertical-align: middle; }
.banner_x .text span { color: #fff; font-size: 24px; }
.banner_x .text h2 { color: #fff; font-size: 42px;}

.service { padding-bottom: 60px; }
.service ul li { margin-top: 60px; background: #f5f5f5; min-height: 420px; display: flex;  flex: 0 0 calc(100%); flex-direction: row; position: relative; }
.service ul li .img { display: flex;  position: relative; overflow: hidden; }
.service ul li .img img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;  
		transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); 
		transition: all 0.6s; -wekbit-transition: all 0.6s; -moz-transition: all 0.6s; object-fit: cover; }		
.service ul li .img img:hover  { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); }

/* .service ul .img_fl .img { width: 50%; float: left; }
.service ul .img_fl .text { width: 50%; float: right;  }
.service ul .img_fr .img { width: 50%; float: right; }
.service ul .img_fr .text { width: 50%; float: left;} */

.service ul li .img { flex: 0 0 50%; }
.service ul li .text { flex: 0 0 50%; }

.service ul .img_fl { flex-direction: row; }
.service ul .img_fr { flex-direction: row-reverse; }





.service ul li .text {  display: flex; flex-direction: column; justify-content: center; padding: 20px 100px;  }
.service ul li .text h3 { font-size: 24px; color: #333; margin-top: 20px; }
.service ul li .text p { font-size: 18px; line-height: 30px; color: #333333; margin-top: 20px; }
.service ul li .text h6 { margin-top: 20px; }
.service ul li .text h6 a {  display: inline-block; margin-right:36px; vertical-align: top; color: #25497a; font-size: 16px; background: url('../images/icon13.png') no-repeat right center;  border-bottom: 2px solid #2c4f89; padding: 5px 0px; padding-right: 26px; transition: all 0.6s; -wekbit-transition: all 0.6s; -moz-transition: all 0.6s; }


.service_con { padding-bottom: 60px; }
.service_con h3 { font-size: 24px; color: #333; padding: 20px 30px; border-bottom: 1px solid #d9d9d9; background: #f5f5f5; }
.service_con .img { background: #f2f2f2 url('../images/icon15.png') center center;  padding: 50px 0px; background-size: cover; }
.service_con .img  img { display: block; margin: 0 auto; }


.contact { padding: 60px 0px; }
.contact .text { width: 45.8%; float: left; }
.contact .text h3 { font-size: 36px; color: #333333; padding-top: 50px; }
.contact .text strong { font-size: 20px; color: #333333; display: block; margin-top: 15px; }
.contact .text p { line-height: 30px; font-size: 16px; margin-top: 20px; }
.contact .text h6 { margin-top: 50px; }
.contact .text h6 a { background: #25497a; color: #fff; display: inline-block; padding: 10px 28px 12px; font-size: 16px; border-radius: 30px; }
.contact .text h6 a:after { content: ''; background: url('../images/icon18.png') no-repeat right center; width: 10px; height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -2px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.contact .text h6 a:hover { background: #153158; }
.contact .img { width: 54.2%; float: right; }


.contact_form { background: #f5f5f5; padding: 80px 0px;  }
.contact_form .tit { text-align: center; border-bottom: 1px solid #e1e0db; padding-bottom: 30px; }
.contact_form .tit img { display: inline-block; width: 50px; }
.contact_form .tit h3 { font-size: 24px; color: #333; margin-top: 20px; }
.contact_form .m_form { margin-top: 15px; overflow: hidden; }
.contact_form .m_form ul { margin-left: -15px; margin-right: -15px; }
.contact_form .m_form ul li { width: 50%;  float: left; padding: 0px 15px; margin-top: 25px; }
.contact_form .m_form ul li .txt { width: 100%; background: #fff; padding: 13px 18px; font-size: 15px; border: 1px solid #fff;  }
.contact_form .m_form .txt_box { margin-top: 25px; width: 100%; height: 200px; padding: 15px 18px; line-height: 25px; font-size: 15px; outline: none; border: none; }
.contact_form .m_form .butbox { width:34%;  margin: 0px auto; margin-top: 25px; }
.contact_form .m_form .butbox .but { background: #25497a; color: #fff; padding: 15px 0px; width: 100%; font-size: 16px; letter-spacing: 4px; }

.contact_form .m_form .yzmbox { position: relative; margin-top: 25px; }
.contact_form .m_form .yzm { background: #fff; padding: 13px 18px; font-size: 15px;  width:200px; display: inline-block; vertical-align: top; }
.contact_form .m_form .yzmpic { display: inline-block; vertical-align: top; }



input::-moz-placeholder, textarea::-moz-placeholder { color: #c4c4c4; font-weight: normal; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #c4c4c4; font-weight: normal; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #c4c4c4; font-weight: normal; }


.navlever { border-bottom: 1px solid #d9d9d9; height: 60px; line-height: 60px; text-align: center; }
.navlever a { font-size: 16px; color: #333; display: inline-block; vertical-align: top; font-weight: bold; margin: 0px 50px; position: relative; }
.navlever a.active:before { content: ''; background: #25497a; width: 100%; height: 3px; position: absolute; left: 0px; bottom: 0px; }
.navlever a.active:after { content: ''; border: 4px solid; border-color:transparent transparent #25497a transparent; position: absolute; bottom: 3px; left: 50%; left: 50%; margin-left: -4px; }
.navlever a.active { color: #1b365d; }

.navlever a:before { content: ''; background: #25497a; width: 0%; height: 3px; position: absolute; left: 0px; bottom: 0px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.navlever a:hover:before { width: 100%; }
.navlever a:hover { color: #1b365d; }


.about { margin-top: 60px; }
.about h3 { font-size: 26px; color: #333333; }
.about p { font-size: 16px; line-height: 25px; margin-top: 25px; }
.about1 { height: 500px; background: url('../images/img11.jpg') no-repeat center center; background-size: cover; background-attachment: fixed;  margin-top: 60px;   }

.about2 { padding: 60px 160px; display:table;  }
.about2 .img { width: 37.5%; display: table-cell; vertical-align: middle;}
.about2 .text { width: 62.5%; display: table-cell; vertical-align: middle; padding-left: 130px; }
.about2 .text h3 { font-size: 26px; color: #333; }
.about2 .text p { font-size: 16px; line-height: 26px; text-align: justify; margin-top: 20px; }
.graybox { background: #f5f5f5; padding: 60px 0px; }

.m_tit { position: relative; }
.m_tit h2 { font-size: 28px; color: #333333; }
.m_intit h2 { font-size: 36px; color: #333; }


.m_prev { background: url('../images/icon20.png') no-repeat left center; width: 38px; height: 38px; outline: none; margin-top: -19px; }
.m_next { background: url('../images/icon21.png') no-repeat left center; width: 38px; height: 38px; outline: none; margin-top: -19px; }
.member { padding: 60px 0px; }
.member_tit { position: relative; }
.member_tit h2 { border-bottom: 1px solid #d9d9d9; padding-bottom: 20px; }
.member_swp { margin-top: 40px; }
.member_swp .swiper-slide p { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.member_pag { position: absolute; right: 0px; top: 50%; margin-top: -5px; }
.member_pag .swiper-pagination-bullet { width:10px; height:10px; background:none; border: 2px solid #878787;  margin:0px 4px; opacity:1; outline:none;}
.member_pag .swiper-pagination-bullet-active { background:none; border: 2px solid #2d4c86; }
.group { padding-bottom: 60px; }
.honor_swp { margin-top: 40px; }
.honor_swp .swiper-slide p { font-size: 18px; color: #333; border-bottom: 2px solid #234380; text-align: center; padding: 16px 0px; }
.honorbox { position: relative; }
.honor_prev { left: -80px; }
.honor_next { right: -80px; }
.honor_back { background:#f5f5f5 url('../images/icon22.png') no-repeat right center; }



.history_back { padding: 60px 0px; background: url('../images/img15.png') no-repeat center bottom; padding-bottom: 60px; }
.history_list { padding: 0px 170px; position: relative; }
.history_list .con { background: #f4f6f7; display: table; display: none; position: relative;  }
.history_list .con .text { display: table-cell; vertical-align: middle; width: 50%; padding: 40px; }
.history_list .con .text h3 { font-size: 24px; color: #d7000f; margin-bottom: 20px; }
.history_list .con .text p { font-size: 15px; line-height: 25px; margin-top: 5px; }
.history_list .con .img { width: 50%; display: table-cell; vertical-align: middle; }
.history_list .con .img img { width: 100%; height: 100%; }
.history_list .con.active { display: block; }
.history .swiper-slide { cursor: pointer; text-align: center; font-size:17px; font-weight: bold; position: relative; padding-top: 35px; }
.history .swiper-slide:after { content: ''; background: url('../images/img17.png') no-repeat center center; width: 13px; height: 13px; position: absolute; left: 50%; margin-left: -7px; top: 0px; }
.history .swiper-slide.swiper-slide-active { color: #f00;  } 
.history .swiper-slide.swiper-slide-active:after { background: url('../images/img18.png') no-repeat center center; }
.history { width: 100%; }
.history_time { width: 100%; position: relative; }
.history_time { margin-top: 100px;  }
.history_time:after { content: ''; position: absolute; left: 0px; width: 100%; background: url('../images/img16.png') repeat-x left top; height: 6px; top: 2px; } 

.history_con { position: relative; margin-top: 60px; }
.history_prev {  margin-top: -20px;  width: 40px; height: 40px; background: #a1a6ab url('../images/img19.png') no-repeat center center; border-radius: 50%; outline: none;  opacity: 1;  }
.history_next {  margin-top: -20px;   width: 40px; height: 40px; background: #a1a6ab url('../images/img20.png') no-repeat center center; border-radius: 50%; outline: none;  opacity: 1; }

.history_prev.swiper-button-disabled { background: #a1a6ab url('../images/img19.png') no-repeat center center; opacity: 1; }
.history_next.swiper-button-disabled { background: #a1a6ab url('../images/img20.png') no-repeat center center; opacity: 1; }

.history_tit h2 { text-align: center; position: relative; padding-bottom: 14px; }
.history_tit h2:after { content: ''; background: #25497a; height: 2px; width: 26px; bottom: 0px; position: absolute; left: 50%; margin-left: -13px; } 


.industry { margin-top: 60px; padding-top: 8px; }

.formsearch { position: absolute; width: 300px; top: 0px; right: 0px; }
.formsearch .txt { background: #f2f2f2; height: 42px; line-height: 42px; padding: 0px 15px; width: 100%; appearance: none; -webkit-appearance: none; padding-right: 50px; }
.formsearch .but { background:#25497a url('../images/img21.png') no-repeat center center; width: 42px; height: 42px; top: 0px; right: 0px; position: absolute; }

.industry .top { background: #f3f3f3; margin-top: 40px; display: flex; position: relative; }
.industry .top .img { flex: 0 0 50%; display: flex; position: relative; height: 420px; }
.industry .top .img img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }
.industry .top .text { flex: 0 0 50%; display: flex;  justify-content: center; flex-direction: column; padding: 0px 60px; }
.industry .top .text strong { font-size: 16px; }
.industry .top .text h3 { color: #333; font-size: 24px; margin-top: 10px; }
.industry .top .text h3 a { color: #333; }
.industry .top .text h3 a:hover { color: #25497a; }
.industry .top .text p { margin-top: 25px; font-size: 16px; line-height: 25px; text-align: justify; height: 75px; overflow: hidden;  }
.industry .top .text h6 a { color: #25497a; margin-top: 20px; display: inline-block; font-size: 16px;  }
.industry .top .text h6 a:after { content: ''; background: url('../images/img22.png') no-repeat left center; display: inline-block; vertical-align: middle; width: 14px; height: 12px; margin-top: -3px; margin-left: 8px; }


.industry { padding-bottom: 60px; }
.industry_list ul li { padding: 35px 0px; border-bottom: 1px solid #e6e6e6; position: relative; }
.industry_list ul li .con { position: relative; }
.industry_list ul li .con:after { content: ''; background: #e0e0e0; position: absolute; right: 200px; width: 1px; height: 100%; top: 0px; }
.industry_list ul li .time { width: 85px; border: 1px solid #e0e0e0; padding: 5px 0px; float: left; }
.industry_list ul li .time strong { font-size: 48px; color: #333; display: block; text-align: center; font-family: 'Arial'; }
.industry_list ul li .time span { display: block; font-size: 16px; font-family: 'Arial'; text-align: center; border-top: 1px solid #e0e0e0; padding-top: 5px; }
.industry_list ul li .text { margin-left: 120px; padding-right: 300px; }
.industry_list ul li .text h3 a { font-size: 20px; color: #333; }
.industry_list ul li .text p { font-size: 16px; line-height: 26px; margin-top: 10px; height: 52px; overflow: hidden; }
.industry_list { margin-top: 30px; }
.industry_list ul li .more { position: absolute; top: 50%; right: 0px; font-size: 16px; margin-top: -8px;  }
.industry_list ul li .more a { color: #25497a; padding-right: 50px;   }
.industry_list ul li .more a:after { content: ''; background: url('../images/img22.png') no-repeat left center; display: inline-block; vertical-align: middle; width: 14px; height: 12px; margin-top: -3px; margin-left: 8px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.industry_list ul li .more a:hover:after { margin-left: 20px; }
.industry_list ul li .text h3 a:hover { color: #25497a; }



.notice_list ul li { padding: 50px 0px; border-bottom: 1px solid #e6e6e6; }
.notice_list ul li .al { display: block; }
.notice_list ul li .img { width: 360px; height: 250px; float: left; overflow: hidden; position: relative; }
.notice_list ul li .img img { width: 100%; height: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); position: absolute; left: 0px; top: 0px; object-fit: cover; }
.notice_list ul li .text { margin-left: 400px; padding-top: 30px; padding-right: 30px; }
.notice_list ul li .text strong { font-size: 16px; }
.notice_list ul li .text h3 { font-size: 20px; color: #333; margin-top: 10px; }
.notice_list ul li .text p { font-size: 16px; line-height: 26px; margin-top: 15px; height: 52px; overflow: hidden; }
.notice_list ul li .text h6 { margin-top: 20px; font-size: 16px; color: #25497a; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;}
.notice_list ul li .text h6:after { content: ''; background: url('../images/img22.png') no-repeat left center; display: inline-block; vertical-align: middle; width: 14px; height: 12px; margin-top: -3px; margin-left: 8px;  }
.notice_list ul li .al:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);  }
.notice_list ul li .al:hover .text h3 { color: #25497a; }
.notice_list ul li .al:hover .text h6 { padding-left: 15px; }


.product_list { overflow: hidden; margin-top: 20px; }
.product_list ul { margin-left: -30px; margin-right: -30px; }
.product_list ul li { padding: 30px 30px; width: 50%; float: left; }
.product_list ul li .al { display: block; background: #f3f3f3; display: block; height: 430px;   }

.product_list ul li .img { overflow: hidden;  width: 46.5%; float: left; height: 100%; display: flex; position: relative;  }
.product_list ul li .text { padding: 0px 50px;  width: 53.5%; float: left; height: 100%; display: flex; justify-content: center; 
flex-direction: column;  }
 
.product_list ul li .img img { width: 100%; height: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); position: absolute; left: 0px; top: 0px; object-fit: cover;  }




.product_list ul li .text h3 { font-size: 30px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product_list ul li .text strong { font-size: 18px; color: #333; display: block; }
.product_list ul li .text p { font-size: 16px; text-align: justify;  margin-top: 15px; line-height: 28px; color: #4c4c4c; max-height: 140px; overflow: hidden; }
.product_list ul li .text h6 { margin-top: 20px; font-size: 16px; color: #25497a; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;}
.product_list ul li .text h6:after { content: ''; background: url('../images/img22.png') no-repeat left center; display: inline-block; vertical-align: middle; width: 14px; height: 12px; margin-top: -3px; margin-left: 8px;  }


.product_list ul li .al:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);  }
.product_list ul li .al:hover .text h3 { color: #25497a; }
.product_list ul li .al:hover .text h6 { padding-left: 15px; }



.fee { padding: 60px 0px; }
.fee .list { overflow: hidden; margin-top: 60px; }
.fee .list ul { margin-left: -35px; margin-right: -35px; }
.fee .list ul li { width: 50%; padding: 0px 35px; float: left; }
.fee .list ul li .con { min-height: 233px; background: #f4f4f4; border: 1px solid #cccccc; padding: 50px; }
.fee .list ul li .con .icon { display: inline-block; vertical-align: top; margin-top: 10px; }
.fee .list ul li .con .text { display: inline-block; vertical-align: top; margin-left: 30px; }
.fee .list ul li .con .text strong { display: block; color: #333; font-size: 20px; }
.fee .list ul li .con .text span { display: block; font-size: 14px; color: #666; display: block; margin-top: 5px; }
.fee .list ul li .con .text a { font-size: 18px; color: #333; margin-top: 20px; display: block; padding-bottom: 5px; }
.fee .list ul li .con .text a:after { content: ''; background: url('../images/img24.png') no-repeat left center; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -4px; }
.fee .list ul li .con .text a:hover { color: #1b365d; border-bottom: 1px solid #1b365d; }
.fee .pic { background: url('../images/img25.jpg') no-repeat center center; height: 440px; background-size: cover; margin-top: 50px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; }
.fee .pic h3 { font-size: 20px; color: #ffffff; }
.fee .pic .al { display: inline-block; border: 1px solid #fff; padding: 12px 40px 14px; font-size: 16px; color: #fff; border-radius: 30px; margin-top: 20px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.fee .pic .al:after { content: ''; background: url('../images/img25.png') no-repeat left center; width: 20px; height: 22px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-left: 10px;  }
.fee .pic .al:hover { background: #4379c8; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;  }


.partner { padding: 60px 0px;  }
.partner_swp { padding-bottom: 80px; margin-top: 40px; }
.partner_swp .swiper-slide .img { border: 1px solid #e6e6e6; height: 170px; display: flex; align-items: center; justify-content: center; padding: 10px; }
.partner_swp .swiper-slide .img img { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0.5;  }
.partner_swp .swiper-slide .img:hover img { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);  opacity: 1; }


.partner_swp .swiper-pagination-bullet { width:10px; height:10px; background:none; border: 2px solid #878787;  margin:0px 6px !important; opacity:1; outline:none;}
.partner_swp .swiper-pagination-bullet-active { background:none; border: 2px solid #2d4c86; }


.banner { height: calc(100vh - 110px); overflow: hidden; width: 100%; }
.banner .img { width: 100%; height: 100%; position: relative; }
.banner .img img { position: absolute; left: 0px; top: 0px; object-fit: cover; width: 100%; height: 100%; }
.banner .main { height: 100%; }
.banner .text { height: 100%; position: relative; z-index: 9; top: 20%; }
.banner .text strong { font-size: 18px; color: #1a2d4f; display: block; text-transform: uppercase; }
.banner .text h3 { font-size: 52px; color: #263959; line-height: 70px; margin-top: 10px; font-weight: bold; }
.banner .text .al { border: 1px solid #263959; display: inline-block; border-radius: 20px; padding: 4px 30px; font-size: 18px; color: #263959; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; margin-top: 20px;}
.banner .text .al:hover { background: #263959; color: #fff; }


.in_servicebox { overflow: hidden; margin-top: 100px; }
.in_service {  position: relative; padding-bottom: 85px; }


.in_service_swp { overflow: visible; margin-top: 40px; }


.in_service .swiper-slide .img img { width: 100%; }
.in_service .swiper-slide .img:before { content: ''; background: rgba(0,0,0,0.3); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }
.in_service .swiper-slide .text { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 3; }
.in_service .swiper-slide .text strong { font-size: 20px; color: #fff; margin-top: 20px; display: block; }
.in_service .swiper-slide .al { display: block; }




.in_service_prev {  bottom: 0px;  margin-top: 40px; outline: none; top:inherit; display: inline-block; vertical-align: top;  outline: none; background: url(../images/img33.png) no-repeat left top; width: 50px; height: 50px; left: 0px; }
.in_service_next {   display: inline-block; vertical-align: top; display: inline-block; margin-top: 0px; top:inherit; bottom: 0px; margin-top: 40px;   outline: none;  background: url(../images/img34.png) no-repeat left top; width: 50px; height: 50px; right:inherit;  left: 60px; }

/* .in_service_prev.swiper-button-disabled { background: url(../images/m31.png) no-repeat left top; opacity: 1;  }
.in_service_next.swiper-button-disabled { background: url(../images/m32.png) no-repeat left top; opacity: 1;  } */
.in_service .dow a { position: absolute; bottom: 12px; left: 140px; color: #000; font-weight: bold; background: url(../images/img35.png) no-repeat right 1px; padding-right: 22px; border-bottom: 1px solid #666; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; display: inline-block; }
.in_service .dow a:hover { color: #25497a; border-bottom: 1px solid #25497a; background: url(../images/img36.png) no-repeat right 1px;}


.in_news_back { background: url('../images/img34.jpg') no-repeat center bottom; margin: 100px 0px; background-size: cover;  }
.in_news_box { padding: 100px 0px; }
.in_news { margin-top: 40px; }
.in_news .fl { float: left; width:50%; }
.in_news_swp .swiper-slide {  width: 100%; height: 474px; }
.in_news_swp .swiper-slide .img { display: flex; position: relative; width: 100%; height: 100%; } 
.in_news_swp .swiper-slide .img img { position: absolute; left: 0px; top: 0px; object-fit: cover; width: 100%; height: 100%; }
.in_news_swp .swiper-slide .gao { position: absolute; top: 20px; left: 20px; background: #346bb6; color: #fff; border-radius: 20px; padding: 2px 14px; border-radius: 20px; z-index: 3; }
.in_news_swp .swiper-slide:after { content: ''; background: url('../images/img38.png') repeat-x left bottom; position: absolute; bottom: 0px; left: 0px; z-index: 2; height: 152px; width: 100%; }
.in_news_swp .swiper-slide .text { position: absolute; bottom: 30px; left: 30px; z-index: 3; color: #fff; width: 50%; }
.in_news_swp .swiper-slide .text strong { display: block; font-size: 14px; margin-top: 10px; }
.in_news_swp .swiper-slide .text h3 { font-size: 20px; color: #ffffff; }


.in_news .fr { width: 47%; background: #fff; float: right; height: 474px;  }
.in_news .fr ul { height: 100%; }
.in_news .fr ul li { height: 25%; border-bottom: 1px solid #e8e8e8; position: relative; }
.in_news .fr ul li .con { display: table; table-layout:fixed;  height: 100%;  width: 100%; position: relative;   }
.in_news .fr ul li:last-child { border-bottom: none; }
.in_news .fr ul li .time { display: table-cell; vertical-align: middle; height: 100%; width: 20%; padding-right: 20px; position: relative; }
.in_news .fr ul li .text { display: table-cell; vertical-align: middle; height: 100%; padding-left: 20px; width: 80%; padding-right: 100px; }
.in_news .fr ul li .time:after { content: ''; background: #e5e5e5; height: 40px; width: 1px; position: absolute; right: 0px; top: 50%; margin-top: -20px; }
.in_news .fr ul li .time strong { font-size: 18px; color: #333; display: block; text-align: right;  }
.in_news .fr ul li .time span { text-align: right; font-size: 14px; color: #666; display: block; margin-top: 5px;  }
.in_news .fr ul li .text h3 { font-size: 18px; color: #333; width: 100%; white-space: nowrap; overflow: hidden; word-break: keep-all; text-overflow: ellipsis;}
.in_news .fr ul li .text p { font-size: 14px; margin-top: 5px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.in_news .fr ul li .text:after { content: ''; width: 63px; height: 100%; position: absolute; z-index: 9; top: 0px; right: 0px; background: url('../images/img37.png') no-repeat center center; border-left: 1px solid #ededed;}

.in_news .fr ul li .con:hover { background: #204482; color: #fff; }
.in_news .fr ul li .con:hover .time strong { color: #fff; }
.in_news .fr ul li .con:hover .time span { color: #fff; }
.in_news .fr ul li .con:hover .text h3 { color: #fff; }
.in_news .fr ul li .con:hover .text:after { content: ''; background: url('../images/img37_a.png') no-repeat center center;  }

.in_news .fr ul li .con.active { background: #204482; color: #fff; }
.in_news .fr ul li .con.active .time strong { color: #fff; }
.in_news .fr ul li .con.active .time span { color: #fff; }
.in_news .fr ul li .con.active .text h3 { color: #fff; }
.in_news .fr ul li .con.active .text:after { content: ''; background: url('../images/img37_a.png') no-repeat center center;  }


.in_news_prev {  bottom: 0px;  margin-top: 40px; outline: none; top:inherit; display: inline-block; vertical-align: top;  outline: none; background: url(../images/img33.png) no-repeat left top; width: 50px; height: 50px; right: 76px; bottom: 40px; left: inherit; }
.in_news_next {   display: inline-block; vertical-align: top; display: inline-block; margin-top: 0px; top:inherit; margin-top: 40px;   outline: none;  background: url(../images/img34.png) no-repeat left top; width: 50px; height: 50px; right:inherit; bottom: 40px;  right: 20px; }

.in_news_pag {  top: 20px; text-align: right; padding-right: 20px; }
.in_news_pag .swiper-pagination-bullet { width:10px; height:10px; background:none; border: 2px solid #fff;  margin:0px 4px !important; opacity:1; outline:none;}
.in_news_pag .swiper-pagination-bullet-active {  border: 2px solid #fff; background: #fff; }



.footer_back { background: #424447; }
.footer { padding: 50px 0px; }

.footer .fl { width: 30%; float: left; }
.footer .fl .top strong { font-size: 18px; color: #b2b2b2; display: block; margin-bottom: 10px; }
.footer .fl .top a { display: inline-block; vertical-align: top; opacity: 0.4; margin-right: 20px; }
.footer .fl .top a.active { opacity: 1; }
.footer .fl .dow { margin-top: 20px; }
.footer .fl .dow p { font-size: 16px; color: #d0d0d1; margin-top: 10px; line-height: 25px; }


.footer .fr { width: 65%; float: right; }
.footer .fr .link strong { font-size: 18px; color: #b2b2b2; display: block; margin-bottom: 10px; }
.footer .fr .link p { position: relative; }
/* .footer .fr .link p:after { content: ''; background: url('../images/img43.png') no-repeat; position: absolute; right: 0px; top: 6px; width: 17px; height: 10px; cursor: pointer; }  */
.footer .fr .link p a { font-size: 14px; color: #d0d0d1; display: inline-block; margin-right: 40px; line-height: 26px; }


.fnav { border-top: 1px solid #5d5e61; margin-top: 30px; display:flex; flex-wrap: wrap; justify-content:space-between; 
	-webkit-justify-content:space-between; -moz-justify-content:space-between; padding-top: 30px;  }
.fnav dl dd a { display: block; }
.fnav dl dt { font-size: 16px; color: #b2b2b2; }
.fnav dl dd { margin-top: 20px; }
.fnav dl dd a { font-size: 16px; margin-top: 10px; display: block; color: #d0d0d1; }
.fnav dl dd a:hover { color: #4e83de; }


.fot { border-top: 1px solid #5d5e61; padding: 20px 0px; display: flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; color: #d0d0d1;  }
.fot .text a { color: #d0d0d1; margin-left: 20px; }


.mapbox { background: #f0f0f0; padding: 60px 0px; }

.maplist { position: relative; }
.maplist .text { padding-top: 5%; float: left; }
.maplist .text strong { font-size: 28px; color: #333; display: block; }
.maplist .text p { font-size: 18px; text-align: justify; margin-top: 20px; line-height: 30px; }
.maplist .text .al { font-size: 14px; background: #25497a; color: #ffffff; padding: 8px 30px; display: inline-block; border-radius: 30px; font-size: 18px; margin-top: 50px; }
.maplist .text .al:hover { background: #df4545; }


.maplist .text { width: 400px;  float: left; }


.map_pic  { width: 887px; height: 462px; float: right; /* background: url('../images/img44.png') no-repeat center center; */ position: relative; }
.map_pic ul .li1 .img { position: absolute; top: 1px; right: 79px;  }
.map_pic ul .li2 .img { position: absolute; top: 8px; left: 0px; }
.map_pic ul .li3 .img { position: absolute; bottom: 10px; left: 164px; }
.map_pic ul .li4 .img { position: absolute; top: 183px; left: 344px;  }
.map_pic ul .li5 .img { position: absolute; top: 66px; left: 367px;  }
.map_pic ul .li6 .img { position: absolute; bottom: 0px; right: 0px;  }
.map_pic ul .li7 .img { position: absolute; top: 12px; left: 256px;  }




.map_pic ul li .img img { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; opacity: 0.2;  }
.map_pic ul li .con:before { content: ''; position: absolute; top: 0px; left: 0px; background: url('../images/img47.png') no-repeat left top;width: 28px; height: 28px; }
.map_pic ul li .con:after { content: ''; position: absolute; bottom: 0px; right: 0px; background: url('../images/img48.png') no-repeat left top;width: 28px; height: 28px; }




.map_pic ul li .con h3 { font-size: 20px; color: #333; }
.map_pic ul li .con p { font-size: 14px; color: #333333; line-height: 25px; margin-top: 10px; }
.map_pic ul li .xt_r .xt { position: absolute; right:-88px; top: 48%; width: 91px; height: 81px; z-index: 8; background: url('../images/img46.png') no-repeat left top; }
.map_pic ul li .xt_l .xt { position: absolute; left:-88px; top: 48%; width: 91px; height: 81px; z-index: 8; background: url('../images/img49.png') no-repeat left top; }


.map_pic ul li .con { position: absolute; right: 0px; top: 0px; background: #fff; padding: 20px; z-index: 9; width: 342px;  transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; display: none;  }
.map_pic ul li .con h4 { position: absolute; top: 24px; right: 20px; background: url('../images/img45.png') no-repeat left center; padding-left: 20px; padding-top: 3px; }

.map_pic ul .li1 .con { right: 320px; }
.map_pic ul .li2 .con { left: 200px; }
.map_pic ul .li3 .con { left: 300px; top: 160px; }
.map_pic ul .li4 .con { left: 520px; top: 120px; }
.map_pic ul .li6 .con { right: 200px; top: 220px; }


.map_pic ul .maptext.active .img img { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);  opacity: 1; }
.map_pic ul .maptext.active .img img { z-index: 9; }
.map_pic ul .maptext.active .con { display: block;  }


.backbox { background: rgba(0,0,0,0.5); position: fixed; top: 0px; right: 0px; height: 100%; z-index: 98; width: 40%; right: -40%; }


.close { display: block; }


.pagebox { text-align:center;  position: relative;  }
.pagebox ul { line-height: 50px; margin-top: 50px; }
.pagebox ul li { display:inline-block; vertical-align: middle;}
.pagebox ul li a {   margin:0px; font-size:18px; color: #000; position:relative; display:block;}
.pagebox ul .page a { padding: 0px 10px; font-weight: bold; }
.pagebox ul .previous a { background:#999999 url(../images/jtz.png) no-repeat left top; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; margin-right: 10px;  }
.pagebox ul .next a { background:#999999 url(../images/jty.png) no-repeat left top; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; margin-left: 10px; }
.pagebox ul .previous a:hover { background:#1b365d url(../images/jtz.png) no-repeat left top; }
.pagebox ul .next a:hover { background:#1b365d url(../images/jty.png) no-repeat left top; }
.pagebox ul li.first { display:none;}
.pagebox ul li.last { display:none;}
.pagebox ul li.page:hover a,.pagebox ul li.selected a { color:#114c89;}
.pagebox ul li.selected a:after { content:''; position:absolute; width:8px; height:1px; background:#114c89; bottom:10px; left:50%; margin-left:-4px;}


/* 登陆页面 */

.dialog{
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    display: none;
    z-index: 999;
}
.dialog_bj{
    height: 100%;
    width: 100%;
    background: url(../images/d_mask.png);
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.dialog_pic{
    position: absolute;
    top: 50%;
    right: 50%;
    left: 50%;
    width: 580px;
    height: 380px;
    margin-left: -290px;
    margin-top: -190px;
    background: #fff;
    box-sizing: border-box;
    z-index: 999;
}
.dialog_pic img{
    display: inherit;
    margin: 0 auto;
    margin-top: 70px;
}
.dialog_close{
    width: 50px;
    height: 50px;
    background: url(../images/dialog_close.png) no-repeat center center;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}
.dialog_close:hover{
    background: url(../images/dialog_close_hover.png) no-repeat center center;
}



/* 详情页面 */

.news_con { padding-top: 60px; padding-bottom: 100px; }
.news_con .tit { font-size: 25px; color: #000; text-align: center; }
.news_con .time { color: #666; text-align: center; margin-top: 10px; } 
.news_con .con { margin-top: 50px; border-top: 1px dashed #dcdcdc; }
.news_con .con p { margin-top: 20px; font-size: 16px; line-height: 25px; }
.news_con .con strong { font-weight: bold; color: #333; }
.news_con .con img { height: auto!important; margin: 0 auto; }




/* 搜索 */
.search_content {
    padding: 60px 0px;
}


.searchbox1{
    width: 50%;
    height: 44px;
    margin: 0 auto;
    text-align: center; position: relative;
}
.searchbox1 .searchtext{
    width: 100%;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    border: 1px solid #999;
    padding-left: 20px;
    padding-right: 80px;
    box-sizing: border-box;
    
}


.search-error{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box; margin-top: 20px;
}
.search-result-empry{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    margin-top: 20px;
}

.searchbtn { position: absolute; right: 0px; top: 0px; background: url(../images/fdj.png) no-repeat center center; height: 44px; width: 60px; }
.searchbtn:hover { background: url(../images/fdj_hover.png) no-repeat center center; }

.seach_news { margin-top: 60px; }
.seach_news ul li { margin-top: 30px; border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; }
.seach_news ul li h4 a { color: #333; font-size: 20px; }
.seach_news ul li span { color: #999; display: block; margin-top: 5px; }
.seach_news ul li p { font-size: 14px; line-height: 25px; margin-top: 10px; }
.seach_news ul li h6 a { font-size: 16px; margin-top: 10px; color: #25497a; display: block; }
.seach_news ul li h6 a:hover { color: #25497a; }


.cu_error { padding: 60px 0px; }
.cu_error img { margin: 0 auto; }



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

.dialog_pic { width: 300px; height: 300px; margin-top: -150px; margin-left: -150px; }
.news_con .tit { font-size: 18px; }
.news_con .con p { font-size: 14px;  }
.news_con .con { margin-top: 20px; }
.news_con { padding-top: 30px; padding-bottom: 30px; }

.searchbox1 { width: 100%; }
.seach_news ul li h4 a { font-size: 18px; }
.seach_news { margin-top: 0px; }
.search_content { padding: 30px 0px; }


}