/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@charset "utf-8";
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
html, body{padding: 0; margin: 0; background: #fff; overflow-x:hidden;}
*{margin: 0; padding: 0; font-family: 'Microsoft YaHei', Arial, Helvetica, Verdana; border: 0; outline: medium; text-shadow: none; text-decoration: none;}
body{color: #333; font-size: 14px; line-height: 1.5; position: relative; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); min-width: 1200px;}
input{vertical-align: middle;}
textarea{resize: none;}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 14px;}
hr{border-width: 1px; border-style: inset;}
ul{list-style: none;}
p{margin: 0;}
a, a:link, a:active, a:visited, a:hover{text-decoration: none;}
html{height: 100%;}
html, body{width: 100%; min-height: 100%;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{zoom: 1;}
.inner{ width: 1200px; margin:0 auto; }
.fl{ float: left; }
.fr{ float: right; }
/*input placeholder 样式 */
::-webkit-input-placeholder{color: #999999;}
:-moz-placeholder{color: #999999;}
::-moz-placeholder{color: #999999;}
:-ms-input-placeholder{color: #999999;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
/*h-tool*/
.h-tool{ height: 30px; line-height: 30px; background: #eeeeee; }
.h-tool p{ font-size: 14px; color: #787777; }
.h-tool a{ font-size: 12px; color: #555555; display: inline-block; position: relative; padding-left: 8px; }
.h-tool a span{ font-size: 12px; line-height: 1; color: #555555; margin-right: 8px; }
.h-tool a + a::before{ content: ""; display: inline-block; width: 1px; height: 12px; background: #b2b2b2; position: absolute; left: 0; top:50%; margin-top: -6px; }
.h-tool a + a{ margin-left: 8px; }
.h-tool a:hover, .h-tool a:hover span{ color: #da0614; }
.h-tool a img{ position: absolute; right: -20px; top:50%; opacity: 0; width: 100px; border-top:1px solid #ccc; transition: all .3s; z-index: -1; }
.h-tool a:hover img{ top:100%; opacity: 1; transition: all .3s; z-index: 33; }
/*h-top导航*/
.h-top{ height: 143px; background: #fff;  }
.h-top .logo{ width: 50%; height: 143px; display: flex; align-items: center; float: left; }
.h-top .tel{ width: 50%; height: 143px; display: flex; align-items: center; justify-content: flex-end; float: right; }
.h-menu{ height: 56px; background: #1a45a4; }
.h-menu .nav{ display: flex; align-items: center; height: 56px; }
.h-menu .nav a{ position: relative; display: block; width: 20%; line-height: 56px; text-align: center; font-size: 16px; color: #ffffff; transition: all .3s; }
.h-menu .nav a:hover{ transition: all .3s; background: #d50312; }
/*banner焦点图*/
#banner{ width: 100%; height: 555px; }
#banner .inner{ overflow: visible; }
#banner .swiper-slide{ min-width: 1200px; position: relative; background-position: center!important; background-size: cover!important; }
#banner .swiper-slide a{ position: absolute; top:0; left: 0; display: block; width: 100%; height: 100%; }
#banner .swiper-slide .inner{ position: relative; height: 555px; width: 1200px; margin:0 auto; display: block; }
#banner .swiper-slide .b1_tit{ position: absolute; top:54px; left: 120px; }
#banner .swiper-slide .b1_goods{ position: absolute; top:198px; left: -162px;}
#banner .swiper-slide .b2_tit{ position: absolute; top:150px; left: 0; }
#banner .swiper-slide .b2_goods{ position: absolute; top:114px; right: -42px;}
#banner .swiper-slide .b3_tit{ position: absolute; top:100px; left: 82px; }
/*search搜索*/
.search{ overflow: hidden; height: 50px; background: #f1f1f1; line-height: 50px; }
.search .fl{ width: 70%; }
.search .fl strong{ font-size: 16px; color: #333333; font-weight: normal; }
.search .fl a{ font-size: 14px; color: #999; display: inline-block; margin:0 7px; }
.search .fl a:hover{ color: #d50312; }
.search .fr{ width: 30%; text-align: right; }
.search .fr form{ overflow: hidden; position: relative; display: inline-block; }
.search .fr .search_text{ font-size: 14px; color: #999; width: 232px; height: 27px; border:1px solid #dfdfdf; box-sizing:border-box; padding-left: 36px; }
.search .fr span{ position: absolute; left: 12px; top:20px; font-size: 16px; color: #dfdfdf; line-height: 1; z-index: 33; }
.search .fr .search_btn{ cursor: pointer; width: 67px; height: 27px; background: #1a45a4; line-height: 27px; font-size: 14px; color: #ffffff; margin-left: -5px; }
.search .fr .search_btn:hover{ background: #da0614; }
/*m-pro产品中心*/
.m-pro{ overflow: hidden; margin-top: 20px; }
.s-type{ overflow: hidden; width: 255px; }
.s-type .hd{ height: 95px; text-indent: -99999px; background: url(../img/type_hd.jpg) no-repeat top center; }
.s-type .bd{ background: #f7f7f7; box-sizing:border-box; padding:10px 20px; }
.s-type .bd a{ font-size: 16px; color: #333333; padding-left: 68px; display: block; height: 58px; line-height: 58px; border-bottom: 1px dashed #b6b5b5; background: url(../img/ico-li.jpg) no-repeat 42px center; }
.s-type .bd a:hover{ color: #d50312; }
.s-contact{ overflow: hidden; }
.s-contact > div{ text-indent: -99999px; height: 160px; background: url(../img/s_contact.jpg) no-repeat top center; }
.m-pro .fr{ width: 921px; overflow: hidden; }
.m-pro .fr .hd{ height: 38px; line-height: 38px; border-bottom: 2px solid #1a45a4; margin-bottom: 20px; }
.m-pro .fr .hd strong{ font-size: 20px; color: #1a45a4; font-weight: bold; }
.m-pro .fr .hd strong span{ display: inline-block; font-size: 18px; color: #9999a5; font-weight: normal; text-transform: capitalize; margin-left: 20px; }
.m-pro .fr .hd a{ font-size: 14px; color: #666666; text-transform: uppercase; float: right; }
.m-pro .fr .hd a:hover{ color: #d50312; }
.picScroll-top{ width: 100%; }
.picScroll-top .bd ul li{ width: 100%; height: 250px; }
.picScroll-top .bd ul li a{ width: 288px; display: block; float: left; }
.picScroll-top .bd ul li a+a{ margin-left: 28px; }
.picScroll-top .bd ul li a img{ width: 100%; height: 198px; border:1px solid #dfdfdf; box-sizing:border-box; overflow: hidden; object-fit: cover; }
.picScroll-top .bd ul li a strong{ font-weight: normal; margin:-5px 0 0; display: block; height: 52px; line-height: 52px; text-align: center; box-sizing:border-box; padding:0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333333; }
.picScroll-top .bd ul li a:hover strong{ color: #d50312; }
/*m-service*/
.m-service{ margin-top: 62px; height: 182px; background: url(../img/service_bg.jpg) no-repeat top center; }
.m-service .fl{ width: 812px; }
.m-service .fl strong{ display: block; line-height: 1; padding:50px 0 0 56px; font-size: 32px; color: #ffffff; font-weight: bold;  }
.m-service .fl div{ margin:27px 0 0 48px; background: #1a45a4; width: 588px; height: 52px; border-radius: 35px; }
.m-service .fl div span{ display: inline-block; font-size: 32px; color: #f0ff04; font-weight: bold; margin:0 30px 0 60px; position: relative; top:-10px; }
.m-service .fl div img{ position: relative; top:-10px; }
.m-service .fr{ width: 388px; }
.m-service .fr img{ width: 142px; height: 142px; border:1px solid #dfdfdf; margin-top: 22px; float: left; }
.m-service .fr p{ width: 14px; font-size: 14px; color: #fff; float: left; margin:46px 0 0 15px; line-height: 1.2; }
/*m-about*/
.m-about{ overflow: hidden; position: relative; z-index: 3; }
.m-about .hd{ text-indent: -99999px; padding:40px 0; height:46px; background: url(../img/about_tit.png) no-repeat center;}
.m-about .bd{ height: 495px; background: url(../img/about_bg.jpg) no-repeat top center; }
.m-about .bd .fl{ width: 600px; box-sizing:border-box; padding:58px 60px 50px 30px; }
.m-about .bd .fl span{ font-family: Impact; font-size: 36px; color: #c2c2c2; text-transform: uppercase; line-height: 1; }
.m-about .bd .fl strong{ font-size: 24px; color: #1d4aab; line-height: 1; padding:10px 0 26px; border-bottom: 1px solid #dfdfdf; display: block; margin-bottom: 12px; }
.m-about .bd .fl p{ font-size: 14px; line-height: 28px; color: #666666; }
.m-about .bd .fl a{ display: inline-block; margin-top:48px; padding:14px 54px; border-radius: 30px; background: #fff; border:1px solid #d50312; font-size: 16px; line-height: 1; color: #d50312; }
.m-about .bd .fl a:nth-of-type(1){ background: #d50312; color: #fff; position: relative; z-index: 3; }
.m-about .bd .fl a + a{ margin-left: -40px; }
.m-about .bd .fr{ text-align: left; }
.m-about .bd .fr img{ margin:30px 0; }
/*m-case*/
.m-case{ overflow: hidden; padding: 200px 0 30px; margin-top: -165px; background: url(../img/case_bg.jpg) no-repeat top center; }
.m-case .inner{ overflow: visible; position: relative; }
.m-case a{ display: block;}
.m-case a .img{ width: 100%; height: 216px; overflow: hidden; }
.m-case a .img img{ width: 100%; height: 100%; object-fit: cover; }
.m-case a strong{ display: block; height: 44px; line-height: 44px; box-sizing:border-box; padding:0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666666; font-weight: normal; text-align: center; }
.m-case a:hover strong{ color: #d50312; }
.m-case .swiper-button-next, .m-case .swiper-button-prev{ text-align: center; line-height: 32px; background-image: none; width: 90px; height: 32px; margin-top:-16px; background: #b7bbb8; font-size: 16px; color: #fff; }
.m-case .swiper-button-next{ right: -64px; }
.m-case .swiper-button-prev{ left: -64px; }
.m-case .swiper-button-next:hover{ background: #d50312; }
.m-case .swiper-button-prev:hover{ background: #d50312; }
/*m-news-qa*/
.m-news-qa{ overflow: hidden; padding-bottom: 20px; }
.m-news-qa .hd{ height: 82px; line-height: 82px; }
.m-news-qa .hd strong{ font-size: 24px; color: #313131; font-weight: bold; float: left; }
.m-news-qa .hd a{ font-size: 16px; color: #313131; float: right; }
.m-news-qa .hd a:hover{ color: #d50312; }
.m-news{ width: 50%; box-sizing:border-box; padding-right: 50px; }
.m-news .bd > a{ margin-top:15px; overflow: hidden; display: block; padding-bottom: 12px; border-bottom: 1px solid #dfdfdf; }
.m-news .bd > a strong{ font-size: 16px; color: #313131; display: block; width: 80%; float: left; height: 42px; line-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-news .bd > a span{ line-height: 42px; display: block; width: 20%; float: right; text-align: right; font-size: 16px; color: #666666; }
.m-news .bd > a p{ clear: both; font-size: 14px; color: #999999; line-height: 28px; }
.m-news .bd > a:hover strong{ color: #d50312; }
.m-news .bd ul{ overflow: hidden; margin-top: 12px; }
.m-news .bd li a{ display: block; overflow: hidden; line-height: 30px; padding-left: 27px; background: url(../img/ico-news.png) no-repeat left center; }
.m-news .bd li a strong{ font-weight: normal; display: block; font-size: 14px; color: #666666; line-height: 30px; width: 75%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-news .bd li a span{ display: block; width: 20%; float: right; font-size: 14px; color: #666666; }
.m-news .bd li a:hover strong,.m-news .bd li a:hover span{ color: #d50312; }
.m-qa{ width: 50%; box-sizing:border-box; padding-left: 50px; }
.m-qa .bd a{ display: block; }
.m-qa .bd a strong{ display: block; padding-left: 36px; background: url(../img/ico-qa.png) no-repeat left top; font-size: 14px; color: #333333; line-height: 24px; }
.m-qa .bd a p{ margin:16px 0 0; padding-left: 36px; overflow: hidden; text-indent: -2em; font-size: 14px; color: #999999; line-height: 28px; }
.m-qa .bd a:hover strong{ color: #d50312; }
#qa{ padding-bottom: 62px; margin-top:24px; }
.m-qa .swiper-pagination{ bottom: 0; }
.m-qa .swiper-pagination .swiper-pagination-bullet{ width: 6px; height: 6px; background: #b7b7b7; border-radius: 50%; border:2px solid #fff; }
.m-qa .swiper-pagination .swiper-pagination-bullet-active{ background: #fff; border-color: #d50312; }
.m-qa .swiper-button-next, .m-qa .swiper-button-prev{ text-align: center; top:auto; bottom:0; line-height: 1; background-image: none; height: auto; margin-top: 0; }
.m-qa .swiper-button-next span, .m-qa .swiper-button-prev span{  font-size: 22px; color: #505050; }
.m-qa .swiper-button-next{ right:32%; }
.m-qa .swiper-button-prev{ left: 32%; }
.m-qa .swiper-button-next:hover span{ color: #d50312; }
.m-qa .swiper-button-prev:hover span{ color: #d50312; }
/*footer*/
.footer{ overflow: hidden; background: #2c2c2c; }
.f-top{ overflow: hidden; padding: 28px 0; }
.f-logo{ width: 394px; float: left; }
.f-logo img{ margin:40px 0 0 36px; }
.f-nav{ width: 200px; float: left; padding-top: 20px; }
.f-nav a{ display: inline-block; font-size: 14px; color: #999999; padding-right: 20px; line-height: 30px; }
.f-contact{ width: 295px; float: left; }
.f-contact p{ font-size: 14px; color: #999999; line-height: 30px; }
.f-contact strong{ font-size: 24px; color: #d69311; font-family: Impact; }
.f-ewm{ width: 310px; float: right; }
.f-ewm img{ width: 140px; height: 140px; margin-left: 60px; float: left; }
.f-ewm p{ width: 14px; font-size: 14px; color: #999999; float: left; margin: 22px 0 0 20px; line-height: 1.2; }
.f-copy{ height: 60px; line-height: 60px; background: #1b1b1b; text-align: center; }
.f-copy p, .f-copy p a{ font-size: 14px; color: #555454; }
/*产品详情*/
.article{ background: #fff; box-sizing:border-box; margin: 20px 0; }
.article img{ display: block; margin:10px auto; }
.article p{ font-size: 16px; color: #333; margin-bottom: 10px; }
.article .fr{ width: 930px; }
.title{ height: 42px; border-bottom: 1px solid #d8d8d8; margin-bottom:20px; }
.title strong{ margin:9px 0; font-size: 24px; color: #004a98; display: inline-block; padding-left: 20px; border-left: 5px solid #004a98; line-height: 1; } 
.title strong small{ font-size: 14px; color: #8b8b8b; text-transform: uppercase; margin:0 0 0 5px; }
.title span{ float: right; font-size: 14px; color: #666666; line-height: 42px; }
.title span::before{ color: #3477c8; margin-right: 10px; }
.title span a{ font-size: 14px; color: #666666; }

.pc-slide{width: 100%;margin: 0 auto; box-sizing:border-box;}
.view{ width: 100%; box-sizing:border-box; border:1px solid #e4e4e4; padding:10px; margin-bottom:12px; }
.view .swiper-container{width: 100%;}
.view .swiper-slide img{ width: 100%; margin:0; }
.preview{width: 100%; box-sizing:border-box; margin-top: 12px;position: relative;border:1px solid #e4e4e4; padding:10px;}
.preview .swiper-container{ width: 100%; box-sizing:border-box; height: 62px; padding:0 25px; }
.preview .swiper-slide{width: 75px;height: 62px;cursor:pointer; margin:0 5px;}
.preview .swiper-slide + .swiper-slide{ margin-left: 10px; }
.preview .swiper-slide img{ width: 75px; height: 60px; object-fit: cover; margin:0; }
.preview .arrow-left{background: url(../img/feel3.png) no-repeat left top;position: absolute;left: 10px;top:10px; width: 13px;height: 62px;z-index: 10;}
.preview .arrow-right{background: url(../img/feel4.png) no-repeat left bottom;position: absolute;right: 10px;top:10px;width: 13px;height: 62px;z-index: 10;}
.preview img{border: 1px solid #b6b6b6;}
.preview .active-nav img{padding: 0;border: 1px solid #006dc0;}
.p-info{ overflow: hidden; margin-bottom: 40px; }
.p-info .fl{ width: 394px; }
.p-info .fr{ width: 516px; }
.p-info .fr{ padding-left:0; padding-right: 0; }
.p-info .fr > h3{ height: 52px; line-height: 52px; background: #1269cc; box-sizing:border-box; padding:0 24px; font-size: 24px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:20px; }
.p-info .fr p{ font-size: 16px; color: #666666; line-height: 30px; }
.p-info .fr > div{ margin:30px 0 45px; padding-left: 84px; background: url(../img/ico-tel.png) no-repeat left center;  }
.p-info .fr > div p{ font-size: 14px; color: #666666; }
.p-info .fr > div h3{ font-size: 30px; color: #131313; font-weight: bold; }
.p-info .fr > a{ display: inline-block; padding:15px 30px; background: #dddada; border-radius: 5px; font-size: 18px; color: #131313; font-weight: bold; }
.p-info .fr > a + a{ margin-left: 24px; background: #0460c1; color: #fff; }
.p-info .fr > a:hover{ background: #0460c1; color: #fff; }
.p-tit{ height: 43px; line-height: 43px; background: #e6e7e8; margin: 20px 0; }
.p-tit strong{ display: inline-block; padding:0 20px; height: 100%; line-height: 43px; background: #1a45a4; font-size: 18px; color: #ffffff; }
#xgcp a{ display: block; width: 100%; }
#xgcp a img{ height: 195px; width: 100%; box-sizing:border-box; border:1px solid #dfdfdf; object-fit: cover; }
#xgcp a strong{ font-weight: normal; display: block; box-sizing:border-box; padding:0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 38px; color: #333333; font-size: 14px; text-align: center; }
#p-form{ overflow: hidden; background: #ebebeb; padding:40px 0; }
#p-form .fl{ width: 420px; }
#p-form .fr{ width: 418px; margin-right: 80px; }
#p-form label{ width: 114px; text-align: center; font-size: 16px; font-weight: normal; color: #666666; line-height: 42px; display: inline-block; vertical-align: top; float: left; }
#p-form .form-group{ overflow: hidden; margin-bottom: 12px; }
#p-form input{ width: 268px; box-sizing:border-box; height: 40px; border:1px solid #dddada; padding-left: 10px;}
#p-form textarea{ width: 416px; height: 180px; border:1px solid #dddada; resize: none; padding: 10px;}
#p-form .btn-primary{ cursor: pointer; width: 268px;margin-left: 114px; height: 44px; background: #323333; font-size: 18px; color: #ffffff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
#p-form .btn-primary:hover{ background: #d50312; }
.slideTxtBox{ width: 100%; border-top:2px solid #0f61cd; }
.slideTxtBox .hd{ height:46px; line-height:46px; background:#edeeee; position:relative; margin-bottom:20px; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0; top:0; line-height:46px; }
.slideTxtBox .hd ul li{ float:left;  padding:0 100px; cursor:pointer; font-size: 16px; color: #333333; }
.slideTxtBox .hd ul li.on{ height:46px; background:#fff; }

/*关于我们*/
.h_tit{ margin:50px auto 80px; text-align: center; }
.h_tit strong{ display: block; width: 250px; height: 44px; margin:0 auto; border:2px solid #023392; font-weight: normal; }
.h_tit strong span{ display: inline-block; padding:0 6px; background: #fff; font-size: 40px; color: #023392; line-height: 1; margin-top:22px; }
.s_banner{ height: 316px; background: url(../img/s_banner.jpg) no-repeat center; padding-top: 130px; box-sizing:border-box; }
.s_banner strong{ display: block; font-size: 34px; color: #ffffff; font-weight: 200; line-height: 1; margin:0 0 15px; text-shadow: 0 0 5px rgba(0,0,0,.35); }
.s_banner span{ display: block; font-size: 17px; color: #ffffff; text-transform: capitalize; line-height: 1; text-shadow: 0 0 5px rgba(0,0,0,.35);}
.location{ height: 54px; line-height: 54px; background: #fff; }
.location span{ font-size: 24px; line-height: 1; color: #0553af; margin-right: 20px; position: relative; top:3px; }
.location p, .location a{ font-size: 14px; color: #333333; }
.location a:hover{ color: #0553af; }
.main{ overflow: hidden; background: #fff; clear: both; }
.c_info{ overflow: hidden; padding:20px 0 0; }
.c_info .fl{ width: 585px; height: 380px; box-sizing:border-box;}
.c_info .fl img{ width: 100%; height: 100%; object-fit: cover; }
.c_info .fl strong{ display: block; font-weight: normal; font-size: 56px; color: #144b96; line-height: 1; margin-bottom: 50px; }
.c_info .fl p{ font-size: 20px; color: #333333; line-height: 32px; }
.c_info .fr{ width: 585px; height: 380px; overflow: hidden; }
.c_info .fr p{ font-size: 16px; color: #333333; line-height: 36px; }
.c_imginfo{ overflow: hidden; height: 338px; margin:20px 0 40px; }
.c_imginfo .fl{ width: 50%; height: 100%; background: url(../img/c_flbg.jpg) no-repeat center; }
.c_imginfo .fr{ width: 50%; height: 100%; background: url(../img/c_frbg.jpg) no-repeat center; }
.c_imginfo .fl, .c_imginfo .fr{ box-sizing:border-box; padding:74px 34px; }
.c_imginfo .fl p, .c_imginfo .fr p{ font-size: 16px; color: #fffdfd; line-height: 36px; }
.c_hot{ overflow: hidden; background: url(../img/c_hotbg.jpg) no-repeat top center; }
.c_hot .hd strong{ display: block; width: 250px; height: 44px; margin:0 auto; border:2px solid #023392; font-weight: normal; }
.c_hot .hd strong span{ display: inline-block; padding:0 6px; background: #e7eef4; font-size: 40px; color: #023392; line-height: 1; margin-top:22px; }
.c_hot .hd p{ margin-top: 40px; font-size: 18px; color: #333333; }
.c_hot .bd{ overflow: hidden; padding-bottom: 78px; }
.c_hot .bd .tit{ height: 52px; line-height: 52px; background: #f3f2f2; width: 100%; margin-bottom: 12px; }
.c_hot .bd .tit strong{ background: #023392; padding:0 30px; font-size: 20px; color: #fcfcfd; display: inline-block; height: 100%; float: left; }
.c_hot .bd .tit a{ height: 52px; font-size: 14px; color: #333333; float: right; display: inline-block; padding-right: 30px; border-bottom: 0; line-height: 52px; }
.c_hot .bd .tit a:hover{ color: #f00; }
.c_hot .bd .fl, .c_hot .bd .fr{ width: 685px; }
.c_hot .bd .fr{ margin-left: 30px; }
.c_hot .bd a{ display: block; overflow: hidden; height: 72px; line-height: 72px; border-bottom: 1px solid #b7b5b5; }
.c_hot .bd a span{ color: #023392; line-height: 72px; font-size: 12px; margin-right: 8px; float: left; }
.c_hot .bd a strong{ font-weight: normal; font-size: 16px; color: #333333; display: block; width: 80%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c_hot .bd a small{ display: inline-block; font-size: 14px; color: #999999; float: right; }
.c_hot .bd a:hover span, .c_hot .bd a:hover strong, .c_hot .bd a:hover small{ color: #ce0001; }
/*资讯*/

.news li{ position: relative; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #afafaf; clear: both; }
.news li a{ overflow: hidden; display: block; }
.news li span{ transition: all .3s; float: left; width: 76px; height: 76px; padding-top: 14px; background: #e6e6e6; color: #666; text-align: center; margin-right: 30px; overflow: hidden; position: relative; }
.news li span b{ transition: all .3s; display: block; font-size: 38px; height: 39px; line-height: 39px; color: #333; }
.news li .txt{ width: 90%; float: left; }
.news li .txt strong{ transition: all .3s; display: block; margin-bottom: 10px; line-height: 24px; height: 24px; margin-top: 3px; font-size: 18px; color: #1a1a1a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; white-space: nowrap; }
.news li .txt p{ height: 48px; overflow: hidden; font-size: 14px; color: #666666; font-weight: 300; }
.news li::after{ content: ""; display: inline-block; width: 0; height: 1px; background: #023392; border:0; position: absolute; bottom:-1px; left: 0; transition: all .3s; }
.news li:hover::after{ width: 100%; transition: all .3s; }
.news li:hover strong{ color: #023392; padding-left: 10px; transition: all .3s; }
.news li:hover span{ background: #023392; color: #fff; }
.news li:hover span b{ color: #fff; }
.page{ clear: both; margin:30px 0; text-align: center; }
.page a{ display: inline-block; color: #333; padding:0 7px; margin:0 2px; border:1px solid #ccc; text-align: center; line-height: 32px; border-radius: 30px; }
.page a:hover{ background: #023392; color: #fff; }
.page .current{ display: inline-block; margin:0 2px; text-align: center; line-height: 32px; width: 32px; height: 32px; border-radius: 50%; background: #023392; color: #fff; }
.info_top{ padding: 15px 0; border-bottom: 1px solid #e6e6e6; clear: both; overflow: hidden; margin-bottom: 30px; }
.info_top .fl{ width: 80%;  }
.info_top .fl strong{ font-size: 36px; line-height: 1.8; color: #333; }
.info_top .fl p{ margin-bottom: 0; padding: 10px 0; font-size: 14px; color: #999; line-height: 1; }
.info_top .fl p span{ font-size: 20px; color: #999; line-height: 1; margin-right: 10px; }
.info_top .fr{ width: 20%;  }
.info_top .fr a{ display: block; line-height: 100px; text-align: right; font-size: 30px; color: #999; }
.info_top .fr a span{ font-weight: bold; line-height: 1; font-size: 32px; color: #bf0101; margin-right: 15px; }
.info_top .fr a:hover{ color: #bf0101; }
.parm{ overflow: hidden; border:1px solid #ccc; margin:20px 0; }
.parm li{ font-size: 14px; color: #333; width: 25%; float: left; box-sizing:border-box; padding:10px; text-align: center; }
.parm li + li{ border-left: 1px solid #ccc; }
.p_content strong{ font-size: 20px; display: inline-block; margin-top:20px; color: #fff; background: #023392; padding:12px 32px; }
.p_content .bd{ padding:15px 20px; border:1px solid #ccc; }
#prev_next{ overflow: hidden; margin:20px 0; }
#prev_next li{ font-size: 14px; color: #999; box-sizing:border-box; float: left; padding: 10px 30px; border:1px solid rgba(240,240,240,1); }
#prev_next li span{ font-size: 18px; margin-right: 12px; line-height: 1; color: #999; }
#prev_next li a{ color: #999; }
#prev_next li + li{ float: right; text-align: right; margin-right: 0; margin-left: 12px; }
#prev_next li + li span{ margin-right: 0; margin-left: 12px; }
#prev_next li:hover, #prev_next li:hover span, #prev_next li:hover a{ color: #023392; }
/*news*/
.news_list{ padding:0; }
.news_list li{ width: 302px; float: left; margin-right: 12px; list-style: none; margin-bottom:20px; }
.news_list li:nth-child(3n+0){ margin-right: 0; }
.news_list li a{ display: block; transition: all .3s ease; }
.news_list li .img{ width: 100%; height: 200px; overflow: hidden; }
.news_list li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; margin:0; }
.news_list li .txt{ padding:10px 0 0; }
.news_list li .txt strong{ display: block; line-height: 30px; color: #333; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list li .txt p{ font-size: 14px; line-height: 28px; color: #999; height: 52px; overflow: hidden; margin: 13px 0 24px; }
.news_list li .hd{ padding:0 15px; transition: all .3s; }
.news_list li .bd{ overflow: hidden; line-height: 46px; border-top:1px solid #e2e4e6; position: relative; }
.news_list li .bd span{ font-family: "AVGARDD"; font-size: 20px; padding:0 15px; font-weight: 600; display: inline-block; line-height: 46px; color: #868585; }
.news_list li .bd span + span{ float: right; font-size: 22px; color: #868585; position: relative; top:40px;  transition: all .3s; opacity: 0; }
.news_list li a:hover{ background: #023392; transition: all .3s; }
.news_list li a:hover .hd{ transition: all .3s; }
.news_list li a:hover strong, .news_list li a:hover p, .news_list li a:hover span{ color: #fff;  transition: all .3s; }
.news_list li a:hover span + span{ top:0; transition: all .3s; opacity: 1; }
.news_list li a:hover img{ transform: scale(1.2); transition: all .3s; }
/*contact us*/
.u_info{ overflow: hidden; clear: both; padding-top: 30px; }
.u_info .fl{ width: 1180px; }
.u_info .fr{ width: 220px; text-align: right; }
.u_info .fr img{ max-width: 100%; float: right; }
.u_info .tit, .u_map .tit, .u_msg .tit{ overflow: hidden; margin-bottom: 42px; }
.u_info .tit strong, .u_map .tit strong, .u_msg .tit strong{ line-height: 1; font-size: 36px; color: #333333; font-weight: normal; }
.u_info .tit p, .u_map .tit p, .u_msg .tit p{ line-height: 1; margin-top: 10px; font-size: 16px; color: #666666; position: relative; padding-left: 30px; }
.u_info .tit p::before, .u_map .tit p::before, .u_msg .tit p::before{ content: ""; display: inline-block; border:0; width: 24px; height: 2px; background: #333; position: absolute; left:0; top:50%; margin-top: -1px; }
.u_info .txt p{ width: 50%; float: left; font-size: 16px; color: #333333; line-height: 30px; }
.u_info .txt p a{ color: #333; }
.u_info .txt p a:hover{ color: #15499c; }
.u_map{ overflow: hidden; margin-top: 60px; }
.u_map #dituContent{ width: 1396px; height: 576px; border:2px solid #f1f1f1; }
.u_msg{ overflow: hidden; margin: 38px 0; background: #f0f0f1; box-sizing: border-box; padding:80px; }
.u_msg .fl{ width: 892px; }
.u_msg .fr{ width: 236px; margin:50px 0 0 60px; }
.u_msg .fr p{ font-size: 16px; color: #666666; line-height: 36px; }
#u_msg{ overflow: hidden; }
#u_msg .form-top{ overflow: hidden; margin-bottom: 20px; }
#u_msg .form-top input{ width: 436px; float: left; height: 60px; box-sizing: border-box; padding:0 20px; font-size: 16px; color: #666666; background: #fff; }
#u_msg .form-top input + input{ margin-left: 20px; }
#u_msg .form-con textarea{ width: 100%; height: 60px; resize: none; margin-bottom: 20px; box-sizing: border-box; padding:22px 20px 0; font-size: 16px; color: #666666; background: #fff; }
#u_msg .form-top .verify{ margin-left: 20px;  height: 62px; float: left; }
#u_msg .form-top .verify img{ height: 60px; }
#u_msg #submit{ display: inline-block; width: 224px; float: left; margin-left: 20px; height: 60px; line-height: 60px; text-align: center; background: #15499c; font-size: 18px; color: #fff; outline: none; cursor: pointer; }
#u_msg #submit:hover{ background: #000; color: #fff; }
/*honor*/
.honor_list{ overflow: hidden; padding-bottom: 20px; }
.honor_list ul{ overflow: hidden; }
.honor_list li{ width: 376px; float: left; margin:0 24px 24px 0; }
.honor_list li:nth-child(3n+0){ margin-right: 0; }
.honor_list li a{ display: block; overflow: hidden; }
.honor_list li a .img{ width: 100%; height: 274px; overflow: hidden; background: #f0f0f0; position: relative; }
.honor_list li a .img img{ width: 100%; height: 100%; object-fit: cover; margin:0; }
.honor_list li a .img strong{ height: 40px; line-height: 40px; background: rgba(0,0,0,.6); width: 100%; box-sizing:border-box; padding:0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; color: #fff; position: absolute; bottom:0; left: 0; transition: all .3s; text-align: center; }
.honor_list li a:hover .img strong{ height: 100%; transition: all .3s; line-height: 234px; background: rgba(26,69,164,.8); }
/*scrollsidebar*/
.scrollsidebar{position:absolute; z-index:999; top:150px; width: 200px; overflow: hidden; transition: all .3s; }
.scrollsidebar .hd{ position: relative; height: 98px; background: url(../images/msg-tit.jpg) no-repeat top center; }
.close_btn{ cursor: pointer; display: inline-block; width: 16px; height: 16px; background: url(../images/ico-close.png) no-repeat; position: absolute; top:5px; right: 5px; text-indent: -999px; }
.scrollsidebar .s_center{ width: 190px; border-left:5px solid #ffee00; border-right:5px solid #ffee00; background: #fff; text-align: center; }
.scrollsidebar .s_center p{ font-size: 16px; color: #fe0131; padding:28px 0 16px; }
.scrollsidebar .s_center h3{ font-size: 20px; color: #fe0131; font-weight: bold; margin-bottom: 20px; }
.scrollsidebar .s_center a{ display: inline-block; border-radius: 30px; background: #ffee00 url(../images/ico-msgb.png) no-repeat 21px center; padding:10px 32px 10px 52px; font-size: 16px; color: #333333; }
.scrollsidebar .s_center img{ margin:22px 0 6px; width: 140px; }
.scrollsidebar .s_center span{ display: block; font-size: 14px; color: #666666; padding-bottom: 10px; }
.scrollsidebar .bd{ text-align: center; height: 60px; background: url(../images/msg-bd.jpg) no-repeat top center; }
.scrollsidebar .bd a{ margin-top: 22px; font-size: 16px; color: #333; display: inline-block; }