/* commom css start */
@charset "utf-8";
*               {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
@font-face      {font-family: "思源黑体";src: url("../font/SourceHanSansCN-Normal.otf");}
html            {font-family: "思源黑体";overflow-x: hidden;}
body, button, input, select, textarea    {font: 90% "思源黑体"!important;}
input, select, textarea    {font-size: 100%;-webkit-appearance : none;outline: none;}
table           {border-collapse: collapse;border-spacing: 0;table-layout:fixed;}
address, caption, cite, code, dfn, em, th, var, strong      {font-style: normal;font-weight: 500;}
ol, ul          {list-style: none;}
h1, h2, h3, h4, h5, h6  {font-size: 100%;font-weight: 500;}
a               { color: #323232;text-decoration: none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
a:hover         {text-decoration: none;}
.clearfix:before, 
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix       {zoom: 1;}
.fl, .fr        {display: inline;}
.fl             {float: left;}
.fr             {float: right;}
.main           {width: 1200px;margin: 0 auto;max-width: 96%;}
/* commom css end */

/* @media screen and (max-width:1200px) {}  @media screen and (max-width:992px) {}  @media screen and (max-width:768px) {}  @media screen and (max-width:480px) {} */

.header {padding: 15px 0;}
.header .logo {margin-top: 8px;}
.header .tel {padding-left: 35px;background: url("../images/tel.png") no-repeat left center;font-size: 13px;margin-top: 8px;}
.header .tel .num {color: #0a457c;font-size: 15px;}
.header .search {position: relative;margin-left: 100px;margin-top: 10px;}
.header .search input[type="text"] {border: 0 none;border: 1px solid #dcdcdc;height: 30px;padding: 0 40px 0 10px;line-height: 30px;width: 350px}
.header .search input[type="submit"] {position: absolute;right: 0;top: 0;display: block;width: 40px;height: 30px;border: 0 none;background: #000;color: #fff;}
.nav {background: #0a457c;height: 60px;line-height: 60px;}
.nav li {width: calc(100% / 6);text-align: center;float: left;}
.nav li a {color: #fff;}
.nav li:hover {background: #072b4c;}

.banner img{display:block;width:100%;}

.fuwu   {border-bottom: 1px solid #dcdcdc;margin-top: 30px;padding-bottom: 30px;}
.fuwu li {padding-left: 60px;width:calc(100% / 5);float: left;}
.fuwu li.fw1 {background: url("../images/icon1.png") no-repeat left center;}
.fuwu li.fw2 {background: url("../images/icon2.png") no-repeat left center;}
.fuwu li.fw3 {background: url("../images/icon3.png") no-repeat left center;}
.fuwu li.fw4 {background: url("../images/icon4.png") no-repeat left center;}
.fuwu li.fw5 {background: url("../images/icon5.png") no-repeat left center;}
.fuwu li p {color: #747474;line-height: 30px;}

.comt {text-align: center;margin: 50px 0;}
.comt .cn {color: #323232;font-size: 26px;}
.comt .en {color: #686868;text-align: center;}
.comt .en span {position: relative;display: inline-block;}
.comt .en span::before {content: '';display: block;position: absolute;width: 30px;height: 1px;top: 50%;left: -50px;background: #d2d2d2;}
.comt .en span::after {content: '';display: block;position: absolute;width: 30px;height: 1px;top: 50%;right: -50px;background: #d2d2d2;}

.product li {background: #f7f7f7;width: calc((100% - 60px) / 3);float: left;margin-right: 30px;margin-bottom: 30px;}
.product li:nth-child(3n) {margin-right: 0;}
.product li img {display: block;width: 100%;height:250px;}
.product li .tit {text-align: center;line-height: 40px;font-size: 16px;padding: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 40px;}
.product li .brief {padding: 0 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #8c8c8c;overflow: hidden;line-height: 20px;height: 40px;margin: 10px 0;font-size: 14px;}

.go-zy {padding: 20px 0 50px;margin: 50px 0;background: url("../images/zybg.png") no-repeat;}
.go-zy .comt p {color: #fff;}
.go-zy .comt p span::before,.go-zy .comt p span::after {background: #fff;}
.go-zyinfo {color: #fff;}
.go-zyinfo p {margin: 30px 0;line-height: 30px;font-size: 16px;padding: 0 100px;}
.go-zy .more {text-align: center;}
.go-zy .more a {display: inline-block;border: 1px solid #fff;border-radius: 20px;padding: 4px 20px;color: #fff;}
.go-zy .more a:hover {color: #0a457c;border: 1px solid #0a457c;}

.yewu  {margin: 80px 0;}
.yewu-list li { text-align: center;width: calc((100% - 105px) / 4);margin-right: 35px;float: left;margin-bottom: 20px;}
.yewu-list li:last-child {margin-right: 0;}
.yewu-list li .pic{width:100%;height:165px;border: 1px solid #dcdcdc;position: relative;}
.yewu-list li .pic img {max-width:100%;max-height: 100%;display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.yewu-list li .tit {height: 40px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 10px;}

.news   {margin: 50px 0;}
.news-left {width:600px;float: left;}
.news-left li {width: calc((100% - 30px) / 2);float: left;}
.news-left li:first-child {margin-right: 30px;}
.news-left li img {display: block;width:100%;height: 170px;}
.news-left li .txt {padding: 10px;border: 1px solid #dcdcdc;border-top: 0 none;}
.news-left li .txt .tit {height: 40px;line-height: 40px;border-bottom: 1px dashed #dcdcdc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;}
.news-left li .txt .brief {line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #8c8c8c;margin: 5px 0;}
.news-left li .txt .time {color: #8c8c8c;}
.news-right {width:570px;margin-left: 30px;float: left;}
.news-right li {border: 1px solid #dcdcdc;margin-bottom: 20px;padding-left: 91px;position: relative;height: 91px;}
.news-right li:last-child() {margin-bottom: 0 none;}
.news-right li .time {position: absolute;left: 0;top: 0;width:91px;height: 91px;text-align: center;padding: 10px;border-right: 1px solid #dcdcdc;}
.news-right li .time .day {font-weight: bold;font-size: 28px;line-height: 45px;}
.news-right li .time .year {line-height: 25px;}
.news-right li .txt         {padding: 15px 20px;}
.news-right li .txt .tit    {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 35px;line-height: 35px;font-size: 16px;}
.news-right li .txt .brief  {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 25px;line-height: 25px;font-size: 13px;color: #8c8c8c;}

.link           {background: #f6f2ef;padding: 20px 0;}
.link-list      {margin-top: 10px;}
.link-list a    {display: inline-block;margin: 5px 40px 5px 0;}

.footer         {background: #0a457c;padding: 40px 0;}
.footer-info    {display: flex;align-items: center;}
.footer-nav     {width: 50%;}
.footer-nav li  {float: left;padding-right: 30px;width:25%;}
.footer-nav li p {line-height: 30px;font-size: 13px;}
.footer-nav li .name  {margin-bottom: 15px;}
.footer-nav li .name span{color: #fff;border-bottom: 1px solid #fff;display: inline-block;padding-right: 30px;padding-bottom: 5px;font-size: 15px;}
.footer-nav li a {color: #fff;}
.footer-right {width: 50%;}
.footer-right-info {display: flex;align-items: center;}
.footer-ewm     {width:50%;text-align: center;padding: 30px 0;border: 1px solid #fff;border-top: 0 none;border-bottom: 0 none;}
.footer-ewm p   {color: #fff;margin-bottom: 20px;}
.footer-contact {text-align: center;padding: 0 20px;width: 50%;}
.footer-contact p {line-height: 30px;color: #fff;text-align: left;font-size: 13px;}
.footer-contact .share {margin: 20px 0;}
.footer-contact .share a {display: inline-block;width:50px;height: 50px;background: #05396a;margin: 0 5px;}
.footer-contact .share .qq {background: #05396a url("../images/qq.png") no-repeat center;}
.footer-contact .share .wechat {background: #05396a url("../images/wechat.png") no-repeat center;position: relative;}
.footer-contact .share .weibo {background: #05396a url("../images/weibo.png") no-repeat center;}
.footer-contact .share .wechat .ewm {display: none;position: absolute;padding: 2px;width:130px;height:130px;left: 0;top: 50px;margin-left: -40px;padding-top: 5px;}
.footer-contact .share .wechat .ewm::before {content: '';width: 3px;height: 3px;display: block;background: #fff;position: absolute;left: 50%;top: 3px;margin-left: -1px;transform: rotate(45deg);}
.footer-contact .share .wechat .ewm img {display: block;width:100%;height: 100%;;}
.copy {color: #fff;background: #05396a;text-align: center;line-height: 60px;}
.copy span {display: inline-block;margin: 0 20px;}
.copy a {color: #fff;}

.mbx {height:60px;line-height: 60px;background: #f6f6f6;margin-bottom: 30px;}
.mbx .name {float: left;font-size: 18px;}
.mbx .position {float: right;font-size: 14px;}

.dy-article {margin-bottom: 50px;}

.contact-cn     {font-size: 30px;}
.contact-en     {font-size: 16px;color: #666;}
.contact-info {margin: 30px 0;}
.contact-info p {line-height: 40px;font-size: 16px;}

.newsList li {overflow: hidden;height: 190px;position: relative;padding: 20px 0 20px 300px;border-bottom: 1px dashed #bfbfbf;}
.newsList li .pic {width: 280px;height: 150px;text-align: center;position: absolute;left: 0;top: 20;}
.newsList li .pic a,.newsList li .pic a img {display: block;width: 100%;height: 100%;}
.newsList li .txt {height: 150px;}
.newsList li .txt .tit {display: block;font-size: 20px;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.newsList li .txt .brief {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #8c8c8c;line-height: 25px;height: 50px;}
.newsList li .txt .time {color: #8c8c8c;font-size: 14px;margin-top: 10px;}

.page              {margin: 40px 0;text-align: center;font-size: 0;}
.page a, .page b  {padding: 9px 15px;border: 1px solid #e4eaec;border-right: none;background: #ffffff;text-align: center;color: #76838f;display: inline-block;font-size: 14px;}
.page b            {background: #0a457c;border-color: #0a457c;color: #ffffff;cursor: default;}
.page a:hover      {background: #f5f5f5;color: #76838f;text-decoration: none;}
.page a:last-child {border-right: 1px solid #e4eaec;}

.article-title {text-align: center;line-height: 1.5;font-size: 30px;margin: 20px 0 10px;}
.article-view  {text-align: center;}
.article-view span {display: inline-block;margin: 0 15px;color: #666;}
.article-text {line-height: 30px;color: #666;margin: 50px 0;}
.article-text p {margin: 20px 0;}
.article-text img {display: block;margin: 0 auto;max-width: 100%;}

.productList li {width: calc((100% - 60px) / 3);float: left;margin-right: 30px;text-align: center;margin-bottom: 30px;}
.productList li:nth-child(3n) {margin-right: 0;}
.productList li img {display: block;width:100%;height: 210px;}
.productList li p {height: 40px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

@media screen and (max-width:992px) {
    .footer-info  {display: block;}
    .footer-nav {width: 100%;}
    .footer-ewm {text-align: center;width: 100%;border: 0 none;}
    .footer-contact {width: 100%;}
    .footer-contact .share {display: none;}
    .footer-contact p {text-align: center;}
    .footer-right  {width: 100%;}
}

@media screen and (max-width:900px) {
    .header {padding: 10px 0;position: fixed;top: 0;left: 0;width: 100%;z-index: 99;background: #fff;}
    .header .logo {margin-top: 0;}
    .header .logo a {display: block;height:40px;}
    .header .search,.header .tel {display: none;}
    .banner {padding-top: 60px;}
    .nav                    {background: 0 none;position: fixed;top: 0;right:0;height: 60px;width:100%;z-index: 100;}
    .nav-btn    {display: block;line-height: 48px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);color: #fff;transition: all .3s ease-out;background: #fff;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius: 3px;color: #fff;cursor: pointer;display: block;height: 40px;outline-style: none;pointer-events: all;position: relative;text-align: center;width: 40px;z-index: 1020;position: absolute;right: 10px;top: 10px;}
    .nav-btn-icon           {-webkit-transform: rotate(0deg);cursor: pointer;display: inline-block;height: 17.3px;position: relative;transform: rotate(0deg);transition: .5s ease-in-out;width: 22px;}
    .nav-btn-icon span      {-webkit-transform: rotate(0deg);background-color: #666;border-radius: 2px;display: block;height: 2px;left: 0;opacity: 1;position: absolute;transform: rotate(0deg);transition: .25s ease-in-out;width: 100%;}
    .nav-btn-icon span:first-child {-webkit-transform-origin: left center;top: 0;transform-origin: left center;}
    .nav-open .nav-btn-icon span:first-child {-webkit-transform: rotate(45deg);left: 3px;top: 0;transform: rotate(45deg);}
    .nav-btn-icon span:nth-child(2) {-webkit-transform-origin: left center;top: 6px;transform-origin: left center;}
    .nav-open .nav-btn-icon span:nth-child(2) {opacity: 0;width: 0;}
    .nav-btn-icon span:nth-child(3) {-webkit-transform-origin: left center;top: 12px;transform-origin: left center;}
    .nav-open .nav-btn-icon span:nth-child(3) {-webkit-transform: rotate(-45deg);left: 3px;top: 16px;transform: rotate(-45deg);}
    .nav .nav-level            {width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;top: 0;background: rgba(255, 255, 255, 0.8);transition: all .3s;opacity: 0;z-index: -2;display: none;transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
    .nav-open .nav-level       {top: 60px;height: auto;opacity: 1;visibility: visible;z-index: 99;background: #01164b;padding: 0 20px;display: block;}
    .nav .nav-level>li         {width: 100%;background: 0 none;text-align: left;}
    .yewu-list li   {text-align: center;width: calc((100% - 45px) / 4);margin-right: 15px;float: left;}
    .news-left,.news-right {width: 100%;margin: 0;}
    .news-right {margin-top: 20px;}
}


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

    .fuwu li {padding-left: 40px;}
    .fuwu li.fw1 {background: url("../images/icon1.png") no-repeat left center;background-size: 25%;}
    .fuwu li.fw2 {background: url("../images/icon2.png") no-repeat left center;background-size: 25%;}
    .fuwu li.fw3 {background: url("../images/icon3.png") no-repeat left center;background-size: 25%;}
    .fuwu li.fw4 {background: url("../images/icon4.png") no-repeat left center;background-size: 25%;}
    .fuwu li.fw5 {background: url("../images/icon5.png") no-repeat left center;background-size: 25%;}
    .fuwu li p {line-height: 25px;font-size: 13px;}
    .product li {width: calc((100% - 20px) / 2);margin-right: 20px;}
    .product li:nth-child(3n) { margin-right: 20px;}
    .product li:nth-child(2n) { margin-right: 0;}
    .go-zyinfo p {font-size: 14px;}
    .yewu-list li   {text-align: center;width: calc((100% - 15px) / 2);margin-right: 15px;float: left;}
    .yewu-list li:nth-child(2n) {margin-right: 0;}
    .news,.yewu,.go-zy,.comt {margin: 30px 0;}
    .copy {line-height: 30px;padding: 10px 0;}
    .mbx {height: 40px;line-height: 40px;}
    .mbx .name {font-size: 16px;}
    .productList li img {height: 120px;}
    .newsList li {height: 140px;padding: 20px 0 20px 200px;}
    .newsList li .pic {width:180px;height:100px;}
    .newsList li .txt {height:100px;}
    .newsList li .txt .tit {font-size: 16px;line-height: 30px;height: 30px;margin-bottom: 5px;}
    .newsList li .txt .brief {height:40px;line-height: 20px;font-size: 12px;}
    .newsList li .txt .time {font-size: 12px;margin-top: 5px;}
	.product li img {height:120px;}
	.productList li {width: calc((100% - 15px) / 2);float: left;margin-right: 15px;text-align: center;margin-bottom: 30px;}
    .productList li:nth-child(3n) {margin-right: 15px;}
	.productList li:nth-child(2n) {margin-right: 0;}
}

@media screen and (max-width:600px) {
    .fuwu li p {line-height: 25px;font-size: 12px;}
    .productList li img {height: 93px;}
} 
@media screen and (max-width:560px) {
    .go-zyinfo p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
}