@charset "UTF-8";

.container, .nav-menu .menu-list, .product-wrapper, .custom-wrapper .tab-container, .about-wrapper, .news-list, .footer, .main-tit, .main { width: 1200px; margin: 0 auto; overflow: hidden; }

.product-list .swiper-slide .con h2, .page-product-list li span, .custom-list li span, .page-custom-list dd h2, .news-list dd h2 { max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; }

.product-list .swiper-slide .img img, .custom-list li img, .about-wrapper .img img, .news-list dt img { width: 100%; height: 100%; }

body { font-family: "微软雅黑"; }

body, a { color: #333333; }

body, html { min-width: 1200px;}

.tit01 { padding-bottom: 17px; border-bottom: 1px solid #aaaaaa; overflow: hidden; }

.tit01 h2 { font-size: 24px; color: #005a9b; float: left; }

.tit01 a { width: 32px; height: 32px; background: url(../images/more.png) no-repeat center; float: right; text-indent: -32px; float: right; overflow: hidden; }

.tit02, .about-wrapper .tit { padding-bottom: 20px; background: url(../images/tit02.png) no-repeat center bottom; }

.tit02 h2, .about-wrapper .tit h2 { font-size: 24px; color: #2e4578; }

.header-wrapper { padding-bottom: 15px; background: #005a9b; }

.header-wrapper .container { padding-top: 30px; position: relative; }

.logo { width: 166px; height: 50px; float: left; text-indent: -166px; overflow: hidden; background: url(../images/logo.png) no-repeat center;}

.logo a { display: block; height: 100%; }

.search-form {width: 330px;float: right;margin-top: 10px;}

.search-form form { position: relative; }

.search-form input {height: 33px;background: #FFFFFF;border: 0;}

.search-form .sea-btn {width: 27px;height: 26px;margin-left: 16px;margin-top: 4px;position: absolute;background: url(../images/search.png) no-repeat center;}

.search-form .sea-txt { width: 273px; padding-left: 57px; }

.language { position: absolute; top: 5px; right: 0; }

.language a { margin-left: 10px; color: #FFFFFF; }

.nav-menu { background: #1097d8; }

.nav-menu .menu-list { height: 51px; overflow: visible; }

.nav-menu .menu-list li { line-height: 50px; padding: 0 53px; float: left; position: relative; }

.nav-menu .menu-list li a { color: #FFFFFF; font-size: 16px; }

.nav-menu .menu-list li a:hover { font-weight: bold; }

.nav-menu .menu-list li.active { background: #FFFFFF; }

.nav-menu .menu-list li.active a { font-weight: bold; color: #666666; }

.nav-menu .menu-list li:hover { background: #FFFFFF; }

.nav-menu .menu-list li:hover a { color: #666666; }

.nav-menu .menu-list li:hover .sec-menu li { background: #FFFFFF; }

.nav-menu .menu-list li:hover .sec-menu li a { color: #666666; }

.nav-menu .menu-list li .sec-menu { width: 100%; position: absolute; z-index: 2; left: 0; display: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); border-top: 1px solid #f1f1f1; background: #FFFFFF; }

.nav-menu .menu-list li .sec-menu li { line-height: 46px; padding: 0; float: none; text-align: center; border-bottom: 1px dashed #dcdcdc; }

.nav-menu .menu-list li .sec-menu li a { color: #FFFFFF; }

.nav-menu .menu-list li .sec-menu li:last-child { border-bottom: 0; }

.nav-menu .menu-list li .sec-menu li a { color: #666666; }

.nav-menu .menu-list li .sec-menu li:hover { background: #F1F1F1; }

.banner { clear: both; }

.product-wrapper { margin-top: 30px; }

.product-list { margin-top: 42px; overflow: hidden; }

.product-list .swiper-slide { width: 238px; padding-bottom: 24px; border: 1px solid #cccccc; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list .swiper-slide .img { height: 140px; padding: 17px 20px; padding-bottom: 0; }

.product-list .swiper-slide .con { margin-top: 18px; padding: 0px 20px; }

.product-list .swiper-slide .con h2 { margin-bottom: 10px; font-size: 16px; font-weight: bold; text-align: center; }

.product-list .swiper-slide .con h2 a { color: #005a9b; }

.product-list .swiper-slide .con p { height: 54px; line-height: 18px; color: #555555; overflow: hidden; }

.page-product-list { margin-left: -35px; overflow: hidden; }

.page-product-list li { margin-left: 35px; margin-bottom: 25px; border: 1px solid #dddddd; border-radius: 4px; float: left; }

.page-product-list li a { width: 238px; padding: 9px 60px; padding-bottom: 12px; display: block; }

.page-product-list li img { width: 238px; height: 140px; }

.page-product-list li span { margin-top: 30px; font-size: 16px; font-weight: bold; color: #2e4578; text-align: center; display: block; }

.custom-wrapper { height: 536px; margin-top: 60px; padding-top: 50px; text-align: center; font-size: 24px; background: url(../images/custom-bg.jpg) no-repeat center top #eef3f6; }

.custom-wrapper .tab-container { margin-top: 70px; }

.custom-wrapper .tab-tit { overflow: hidden; }

.custom-wrapper .tab-tit a { line-height: 40px; margin: 0 20px; margin-bottom: 5px; padding: 0px 24px; color: #2e4578; font-size: 16px; text-align: center; display: inline-block; }

.custom-wrapper .tab-tit a.active, .custom-wrapper .tab-tit a:hover { background: #8a959c; color: #FFFFFF; border-radius: 30px; }

.custom-wrapper .tab-content { margin-top: 70px; }

.custom-list { margin-left: -26px; display: none; overflow: hidden; }

.custom-list:first-child { display: block; }

.custom-list li { width: 280px; height: 165px; margin-left: 26px; float: left; border-radius: 4px; overflow: hidden; }

.custom-list li a { height: 100%; display: block; position: relative; }

.custom-list li a:hover span { display: block; }

.custom-list li span { line-height: 40px; padding: 0 10px; background: rgba(0, 0, 0, 0.6); left: 0; right: 0; bottom: 0; color: #FFFFFF; font-size: 16px; text-align: center; position: absolute; display: none; }

.page-custom-list { margin-left: -26px; overflow: hidden; }

.page-custom-list dl { width: 278px; margin-left: 26px; margin-bottom: 30px; border: 1px solid #cccccc; border-radius: 4px; float: left; }

.page-custom-list dt { padding: 0 20px; padding-top: 17px; }

.page-custom-list dt img { width: 238px; height: 140px; }

.page-custom-list dd { margin-top: 18px; padding: 0px 20px; padding-bottom: 20px; }

.page-custom-list dd h2 { margin-bottom: 10px; font-size: 16px; font-weight: bold; }

.page-custom-list dd h2 a { color: #2e4578; }

.page-custom-list dd p { height: 54px; line-height: 18px; color: #555555; overflow: hidden; }

.about-wrapper { margin-top: 77px; }

.about-wrapper .con { width: 550px; padding-top: 35px; float: left; }

.about-wrapper .tit { padding-bottom: 15px; background: url(../images/tit02.png) no-repeat left bottom; }

.about-wrapper .txt { margin-top: 25px; }

.about-wrapper .txt p { height: 120; line-height: 24px; overflow: hidden; color: #333333; }

.about-wrapper .more { margin-top: 36px; }

.about-wrapper .more a { padding-right: 30px; color: #066bd3; background: url(../images/more1.png) no-repeat center right; }

.about-wrapper .img { width: 540px; height: 330px; float: right; }

.news-wrapper { margin-top: 70px; padding-top: 50px; padding-bottom: 38px; background: url(../images/news-bg.png) repeat center; }

.news-wrapper .tit02, .news-wrapper .about-wrapper .tit, .about-wrapper .news-wrapper .tit { text-align: center; }

.news-wrapper .more { margin-top: 50px; }

.news-wrapper .more a { width: 115px; line-height: 37px; margin: 0 auto; padding-left: 30px; border-radius: 30px; display: block; font-size: 16px; background: url(../images/more2.png) #dee3e5 no-repeat 106px center; }

.news-list { margin-top: 48px; padding: 110px 0; background: #FFFFFF; overflow: hidden; }

.news-list dl { width: 520px; margin: 0 40px; float: left; overflow: hidden; }

.news-list dt { width: 166px; height: 166px; margin-right: 30px; float: left; border-radius: 50%; border: 5px solid #ceeaf9; overflow: hidden; }

.news-list dd { padding-top: 28px; overflow: hidden; }

.news-list dd h2 { margin-bottom: 30px; font-size: 16px; }

.news-list dd h2 a { color: #2e4578; }

.news-list dd p { height: 72px; color: #666666; line-height: 24px; overflow: hidden; }

.page-news-list { width: 1036px; margin: 0 auto; padding: 0; }

.page-news-list dl { width: 100%; margin: 0; margin-bottom: 34px; padding-bottom: 34px; border-bottom: 1px dashed #a3a2a3; float: none; }

.page-news-list dt { width: 100px; height: 100px; border-radius: 0; }

.page-news-list dd { padding-top: 0px; }

.page-news-list dd h2 { margin-bottom: 5px; font-size: 18px; }

.page-news-list dd p { font-size: 16px; }

.footer-wrapper { margin-top: 80px; background: #eeeeee; }

.f-nav { padding: 10px 0; background: #005a9b; }

.f-nav a { padding: 0 55px; color: #FFFFFF; border-right: 2px solid #FFFFFF; }

.f-nav a:hover { text-decoration: underline;}

.f-nav a:last-child { border-right: 0; }

.footer { padding-top: 30px; padding-bottom: 40px; color: #000000; overflow: hidden; }

.footer .f-l { width: 630px; float: left; }

.footer .f-r { width: 388px; float: right; }

.footer .f-logo img { width: 261px; height: 23px; }

.footer .copyright { margin-top: 40px; }

.footer .f-contact { width: 512px; float: left; }

.footer .f-contact p { line-height: 30px; }

.footer .qr-code { float: right; }

.footer .qr-code img { width: 93px; height: 93px; }

.main-tit { margin-top: 80px; overflow: visible; }

.main-tit .tit { font-size: 30px; text-align: center; }

.main-tit .sec-menu { margin-top: 35px; text-align: center; }

.main-tit .sec-menu li { min-width: 146px; margin-top: 5px; line-height: 40px; display: inline-block; position: relative; }

.main-tit .sec-menu li a { display: block; font-size: 16px; border-radius: 30px; border: 1px solid #e1e1e1; }

.main-tit .sec-menu li.active a, .main-tit .sec-menu li:hover a { color: #FFFFFF; background: #005a9b; border-color: #005a9b; }

.main-tit .sec-menu li:hover .thd-menu { display: block; }

.main-tit .sec-menu li:hover .thd-menu li a { background: none; color: #333333; }

.main-tit .sec-menu li .thd-menu { padding-top: 20px; position: absolute; top: 99%; left: 0; right: 0; z-index: 0; background: url(../images/thd-menu2.png) no-repeat center top #FFFFFF; border-bottom: 1px solid #e2e2e2; display: none; z-index: 1; }

.main-tit .sec-menu li .thd-menu li { width: 100%; line-height: 26px; margin-top: 0; padding: 0; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; background: #FFFFFF; }

.main-tit .sec-menu li .thd-menu li a { padding: 0; border-radius: 0; border: 0; display: block; font-size: 14px; }

.main-tit .sec-menu li .thd-menu li a:hover { color: #005a9b; }

.main-tit .sec-menu li .thd-menu li:first-child { padding-top: 10px; }

.main-tit .sec-menu li .thd-menu li:last-child { padding-bottom: 10px; }

.main { clear: both; margin-top: 60px; }

.page-join-list { width: 1000px; margin: 0 auto; }

.page-join-list th { padding: 8px 20px; background: #9b9b9b; color: #FFFFFF; font-size: 14px; font-weight: bold; }

.page-join-list td { border-bottom: 1px dashed #b8b8b8; color: #666666; }

.page-join-list .join01 { width: 220px; }

.page-join-list .join02 { width: 110px; text-align: center; }

.page-join-list .join03 { width: 227px; text-align: center; }

.page-join-list .join04 { width: 137px; text-align: center; }

.page-join-list .join05 { width: 147px; text-align: center; }

.page-join-list td { padding: 10px 20px; }

.page-join-list td a { padding: 0 4px; background: #adadad; border: 1px solid #929292; color: #FFFFFF; }

.text-title { margin-bottom: 60px; padding-bottom: 26px; text-align: center; border-bottom: 1px dashed #bebebe; }

.text-title h1 { line-height: 36px; margin-bottom: 10px; font-size: 24px; font-weight: bold; }

.text-title p { color: #666666; }

.detail-box { margin-bottom: 40px; padding: 0 110px; }

.detail-box p { line-height: 28px; margin-bottom: 30px; font-size: 16px; color: #666666; }

.page { clear: both; padding: 60px 0 20px; text-align: center; }

.page a { height: 34px; margin-bottom: 10px; display: inline-block; padding: 0 15px; height: 34px; font-size: 12px; line-height: 34px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px; }

.page a.a1 { padding: 0 15px; height: 34px; line-height: 34px; margin-top: 0px; }

.page a:hover { background: #265499; color: white; text-decoration: none; }

.page span { display: inline-block; padding: 0 15px; height: 34px; line-height: 34px; background: #265499; border: 1px solid #265499; color: #fff; text-align: center; border-radius: 3px; }

.page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }

.message-form { width: 700px; margin: 0 auto; }

.message-form .form-group { margin-bottom: 15px; }

.message-form .form-group label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; font-size: 16px; }

.message-form .form-group label i { color: red; }

.message-form .form-group textarea { height: 80px; }

.message-form .form-control { display: block; width: 100%; height: 34px; padding: 0px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; }

.message-form .sub-btn { margin-top: 30px; text-align: center; }

.message-form .sub-btn input { width: 120px; line-height: 36px; font-size: 16px; background: #FFFFFF; border-radius: 4px; border: 1px solid #CCCCCC; cursor: pointer; }

.message-form .sub-btn input[type=submit] { background: #005a9b; color: #FFFFFF; border-color: #005a9b; }

.Validform_checktip { float: right; margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px; }

.Validform_right { color: #71b83d; padding-left: 20px; background: url(../images/right.png) no-repeat left center; }

.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(../images/error.png) no-repeat left center; }

.Validform_loading { padding-left: 20px; background: url(../images/onLoad.gif) no-repeat left center; }

.Validform_error { background-color: #ffe7e7; }

#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');

}

#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }

#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: bold; padding: 0 8px; color: #fff; position: relative; background-color: #000; }

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0px; color: #fff; text-decoration: none; }

#Validform_msg a.Validform_close:hover { color: #cc0; }

#Validform_msg .Validform_info { padding: 8px; border: 1px solid #000; border-top: none; text-align: left; }

/*search-body */

.search-body { padding: 40px 0; border-bottom: 1px solid #ddd; }

.s-model { margin-bottom: 25px; text-align: center; }

.s-model a { font-size: 14px; margin: 0 10px; }

.s-model .on { color: #016bda; font-weight: bold; }

.modules-search-form { padding-bottom: 20px; position: relative; width: 100%; max-width: 392px; margin: 0 auto; }

.modules-search-form input[type='text'] { border: 1px solid #ddd; border-radius: 4px; overflow: hidden; width: 100%; max-width: 375px; height: 34px; line-height: 24px; padding: 4px 15px; padding-right: 0; }

.modules-search-form input[type='submit'] { position: absolute; right: 0; top: 1px; border: none; cursor: pointer; width: 60px; height: 42px; text-align: center; }

.jg { line-height: 40px; font-size: 14px; border-bottom: 1px solid #ddd; }

.jg span { color: #016bda; font-weight: bold; }

.sjg { line-height: 30px; font-size: 14px; }

.sjg span { color: #016bda; font-weight: bold; }

.sr-list { padding: 30px 0; }

.sr-list li { line-height: 38px; *line-height: 34px;

border-bottom: 1px dotted #ccc; }

.sr-list .date { color: #666; float: right; }

.sr-list a { display: block; position: relative; width: 80%; padding-left: 16px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sr-list a:before { content: ''; position: absolute; width: 4px; height: 4px; left: 5px; top: 17px; background: #016bda; }

@media only screen and (min-width: 320px) {
	.f-nav .container {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
}