<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url("iconfont.css");
.page2{ width:600px; margin:0 auto; clear:both;}
.page2 li{ float:left; margin:0 10px 0 0;}
.page2 a{ padding:5px; background:#999; border:#888 1px solid; line-height:12px; display:block; color:#fff; text-align:center;}
.page2 a:hover{ border-color:#333; color:#333;padding:5px; margin:0;}
.page2 .current{ border-color:#333; color:#333;padding:5px; margin:0;}
.page2 span{float:left; display:block; height:25px; line-height:25px; padding:0 5px;}

*{margin:0;padding:0}
html{overflow-x:hidden;font-size:13.3333333333vw}
body{width:100%;min-width:320px;min-height:100vh;margin:0 auto;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;background:#fff;overflow-x:hidden;text-align:left;position:relative;font-size:16px;color:#000}
img{border:none}
h1,h2,h3{font-weight:400}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none；}
input,select,textarea{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;font-size:16px;outline:0;margin:0;padding:0}
input::-webkit-input-placeholder{color:#999!important}
textarea::-webkit-input-placeholder{color:#999!important}
input[type=button],input[type=date],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=text],input[type=time]{-webkit-appearance:none}
select{-webkit-appearance:none}
textarea{-webkit-appearance:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
ol,ul{padding:0;list-style-type:none}
em{font-style:normal}
.lt{float:left}
.rt{float:right}
input.sub,label{border:none;cursor:pointer}
input,textarea{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;outline:0;margin:0;padding:0}
table{border-collapse:collapse}
td,th{padding:0}
.clearfix::after{content:"";display:block;clear:both}
*{box-sizing:border-box}
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.clear { clear:both;}
.wrap{width:1200px;position:relative;max-width:100%;margin:0 auto}
.wrap::after{content:"";display:block;clear:both}
/*自定义*/
body{text-align:justify;font-family:Microsoft YaHei}
/*header*/
.header{transition:all .3s;height:120px; position:relative;}
.header *{transition:all .3s}
.h-logo { float:left; margin-top:10px; height:100px; line-height:95px; overflow:hidden;}
.h-logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.h-info { float:left; color:#888888; font-size:18px; line-height:26px; margin-top:30px; margin-left:45px; position:relative; }
.h-info:after{content:""; position:absolute; left:-22px; top:0; width:1px; height:59px; background-color:#dddddd; }
.h-tel { float:right; background:url(img/h-tel-bg.png) no-repeat left top; padding-left:72px; margin-top:27px; height:61px;}
.h-tel .tit {color:#888888; font-size:17px; line-height:1; padding-top:8px;}
.h-tel .nob {color:#00548a; font-size:26px; line-height:1; font-weight:bold; margin-top:4px; }
.nav_btn{display:none}
.f_nav{display:none}
/*nav*/
.nav { height:60px; background-color:#00548a; text-align:center; }
.nav ul { display:inline-block;}
.nav ul li { float:left; color:#ffffff; font-size:16px; line-height:60px; margin:0 40px;}
.nav ul li a { color:#ffffff; font-weight:bold;}
/* nav_zzc */
.nav_zzc{display: none;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99990;}
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}
.nav_menu .nav_menu_top{width: 100%; height:50px;}
.nav_menu .nav_menu_btn{display: block;width:25px;position: absolute;top:16px;right:20px;}
.nav_menu .nav_menu_btn img{display: block;width:25px; }
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; background:url(img/nav_icon01.png) no-repeat 89% center;height:50px;border-bottom: 1px solid #eaeaea;}
.nav_menu li a{ color:#333333;font-size:14px;display: block;height:50px;line-height:50px;box-sizing: border-box;padding-left: 6%;}
/*banner*/
.banner { width:100%;}
.banner .swiper-container{width:100%;height:100%}
.banner .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.banner .swiper-button-next{opacity:0.4;outline:none;}
.banner .swiper-button-prev{opacity:0.4;outline:none;}
.banner .swiper-button-next:hover{opacity:0.8;} 
.banner .swiper-button-prev:hover{opacity:0.8;} 
.banner .swiper-slide a { display:block; width:100%;}
.banner .swiper-slide img { width:100%;}

/*banner2*/
.banner2 { width:100%; display:none;}
.banner2 .swiper-container{width:100%;height:100%}
.banner2 .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.banner2 .swiper-button-next{opacity:0.4;outline:none;}
.banner2 .swiper-button-prev{opacity:0.4;outline:none;}
.banner2 .swiper-button-next:hover{opacity:0.8;} 
.banner2 .swiper-button-prev:hover{opacity:0.8;} 
.banner2 .swiper-slide a { display:block; width:100%;}
.banner2 .swiper-slide img { width:100%;}

/*i-public*/
.i-public { text-align:center; background:url(img/public-bg.png) no-repeat center center;}
.i-public .tit {color:#00548a; font-size:44px; line-height:1; font-weight:bold;}
.i-public .tit span {color:#ff7f28;}
.i-public .des {color:#888888; font-size:16px; line-height:1; margin-top:43px;text-overflow: ellipsis; white-space: nowrap; }
/*i-pro*/
.i-pro { padding-top:42px; padding-bottom:30px;}
.i-pro-list { height:auto; margin-top:39px;}
.i-pro-list ul li { float:left;width:284px; height:auto; border:#ffffff solid 3px; margin-top:14px;}
.i-pro-list ul li:nth-child(4n+2) { margin-left:21.33px;}
.i-pro-list ul li:nth-child(4n+3) { margin-left:21.33px;}
.i-pro-list ul li:nth-child(4n+4) { margin-left:21.33px;}
.i-pro-list ul li .pic{ width:100%; height:211px; line-height:201px; overflow:hidden; text-align:center; border:#eeeeee solid 1px; }
.i-pro-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.i-pro-list ul li .tit {color:#414141; font-size:18px; line-height:54px; text-align:center; height:54px; overflow:hidden;}
.i-pro-list ul li:hover { border:#ff7f28 solid 3px;}

/*i-pro-show*/
.i-pro-show { height:600px; position:relative; margin-top:30px;}
.i-pro-show .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto;padding-bottom:70px; padding-top:20px;}
.i-pro-show .swiper-slide{text-align:center;font-size:18px;background:#fff;height:calc((100% - 30px)/ 2);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

.i-pro-show .swiper-container-horizontal&gt;.swiper-pagination-bullets { bottom:0;}
.i-pro-show .swiper-pagination-bullet { width:14px; height:14px; background: #1d6797; opacity:0.5;}
.i-pro-show .swiper-pagination-bullet-active { background-color:#1d6797; opacity:1;}

.i-pro-show .swiper-button-prev { left:-60px; right:auto;  }
.i-pro-show .swiper-button-next { right:-60px; left:auto;  }
.i-pro-li { float:left;width:100%; height:auto; border:#ffffff solid 1px; margin-top:14px;}
.i-pro-li .pic{ width:100%; height:211px; line-height:201px; overflow:hidden; text-align:center; border:#eeeeee solid 1px; }
.i-pro-li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.i-pro-li .tit {color:#414141; font-size:18px; line-height:54px; text-align:center; height:54px; overflow:hidden;}
.i-pro-li:hover { border:#ff7f28 solid 1px;}


/*i-about*/
.i-about { height:533px; background:#1d6797 url(img/about-bg.jpg) no-repeat top center; background-size:100% 100%;}
.i-about-left { float:left; width:600px; height:431px; overflow:hidden; line-height:421px; margin-top:51px;}
.i-about-left img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.i-about-right { float:right; width:576px; margin-top:72px;}
.i-about-right .en { color:#ffffff; font-size:26px; line-height:1; text-transform:uppercase;}
.i-about-right .tit { color:#ffffff; font-size:26px; line-height:1; margin-top:17px; }
.i-about-right .des { color:#ffffff; font-size:18px; line-height:34px; height:204px; overflow:hidden; margin-top:28px; }
.i-about-right .more { width:206px; height:57px; background-color:#ff6501; text-align:center; color:#ffffff; font-size:18px; line-height:57px; margin-top:52px; }
.i-about-right .more a{ display:block;color:#ffffff; }
/*i-youshi*/
.i-youshi { height:auto; padding-top:48px; padding-bottom:104px;}
.i-youshi-list { height:auto; margin-top:35px; position:relative;}
.i-youshi-list ul li { float:left; width:370px; height:166px; margin-top:25px; }
.i-youshi-list ul li:nth-child(even) { margin-left:460px; }
.i-youshi-list ul li .tit { color:#ff7f28; font-size:30px; line-height:76px; border-bottom:#b5b5b5 dashed 1px; font-weight:bold;}
.i-youshi-list ul li .tit .nob { float:left; color:#a4a7b5; font-weight:normal; font-size:46px; margin-right:7px;}
.i-youshi-list ul li .des { color:#888888; font-size:16px; line-height:24px; height:72px; overflow:hidden; margin-top:17px;}
.i-youshi-pic { position:absolute; top:18px; left:50%; margin-left:-195px; width:390px; height:416px; overflow:hidden; text-align:center;}
.i-youshi-pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
/*i-shili*/
.i-shili { height:auto; padding-bottom:38px;}
.i-shili-show { margin-top:38px;}
.i-shili-left { float:left; width:585px; }
.i-shili-right { float:right; width:585px; }
.i-shili-ban { color:#333333; font-size:26px; line-height:48px; font-weight:bold; border-bottom:#b6b6b6 solid 1px;}
.i-shili-ban a{ float:right;font-size:16px;font-weight:normal;}
.i-shili-ban a:hover {color:#005bac; }
.i-anli { width:100%; height:280px; margin-top:23px;}
.i-anli .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.i-anli .swiper-slide{font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.i-anli .swiper-container-horizontal&gt;.swiper-pagination-bullets{ bottom:24px;}
.i-anli .swiper-pagination { text-align:right; padding-right:14px;}
.i-anli .swiper-pagination-bullet { width:14px; height:14px; background: #ffffff; opacity: 0.5;}
.i-anli .swiper-pagination-bullet-active { background-color:#ffffff; opacity:1;}
.i-anli-li { width:100%; height:100%; position:relative;}
.i-anli-li .pic{ width:100%; height:100%;}
.i-anli-li .pic img{ width:100%; height:100%;}
.i-anli-li .tit { position:absolute; bottom:0; left:0; width:100%; height:69px; background-color:rgba(0, 0, 0, 0.5);}
.i-anli-li .tit span { display:block;color:#ffffff; font-size:20px; line-height:69px; height:69px; padding-left:32px; padding-right:150px; overflow:hidden;}
.i-news { height:auto; margin-top:26px;}
.i-news ul li { margin-bottom:16px; width:100%;}
.i-news ul li .riqi{ float:left; width:82px; height:80px; border:#00548a solid 1px; border-radius:15px; text-align:center;}
.i-news ul li .riqi .riqi-dd {color:#1062af; font-size:36px; line-height:1; padding-top:10px;}
.i-news ul li .riqi .riqi-yymm {color:#666666; font-size:13px; line-height:1; margin-top:4px;}
.i-news ul li .con { float:right; width:480px; padding-right:63px; background:url(img/news-icon.png) no-repeat right center; background-size:38px 38px;}
.i-news ul li .con .tit {color:#000000; font-size:18px; line-height:26px; font-weight:bold; height:26px; overflow:hidden;}
.i-news ul li .con .des {color:#999999; font-size:14px; line-height:23px; height:46px; overflow:hidden; margin-top:6px;}
.i-news ul li:hover .riqi{ background-color:#005bac;}
.i-news ul li:hover .riqi .riqi-dd {color:#FFF;}
.i-news ul li:hover .riqi .riqi-yymm {color:#FFF;}
.i-news ul li:hover .con .tit {color:#005bac;}
/*footer*/
.footer { background-color:#faf9f9; padding-bottom:30px;}
.f-left { float:left; width:auto; margin-left:49px; margin-top:50px;}
.f-left dl { float: left; padding-left:48px; background:url(img/f-line.png) no-repeat left top; padding-right:54px;}
.f-left dl dt {color:#212121; font-size:19px; line-height:36px; margin-bottom:14px;height:36px; overflow:hidden; }
.f-left dl dd {color:#555555; font-size:14px; line-height:24px; height:24px; overflow:hidden; }
.f-left dl dd a{color:#555555;}
.f-left dl dd a:hover{color:#005bac;}
.f-mid { float:left; width:320px; background:url(img/f-line.png) no-repeat left top; padding-left:49px; margin-top:50px; }
.f-mid .f-tel { background:url(img/f-tel-bg.png) no-repeat left center; min-height:53px; padding-left:62px;}
.f-mid .f-tel .cn {color:#3c3c3c; font-size:14px; line-height:1; padding-top:4px;}
.f-mid .f-tel .nob {color:#3c3c3c; font-size:26px; line-height:1; margin-top:10px;}
.f-mid .f-text {color:#3c3c3c; font-size:14px; line-height:2.5; margin-top:20px; padding-left:14px;}
.f-mid .f-text img { height:22px; vertical-align:middle; margin-right:5px; }
.f-right { float:right; width:133px; margin-right:60px; margin-top:49px; text-align:center;}
.f-right .pic { width:133px; height:133px;}
.f-right .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; border:#e2e2e2 solid 1px;}
.f-right .tit {color:#3c3c3c; font-size:16px; line-height:54px; }
/*f-copy*/
.f-copy { background-color:#faf9f9; text-align:center;color:#3c3c3c; font-size:14px; line-height:2; border-top:#f3f2f2 solid 1px; padding-top:27px; padding-bottom:27px;}
.f-copy a {color:#3c3c3c;}
.f-copy a:hover {color:#005bac;}
/*n-banner*/
.n-banner { width:100%;}
.n-banner img{ width:100%;}
/*n-position*/
.n-position { height:83px; border-bottom:#eeeeee solid 1px; }
.n-position .tit { background:url(img/home.png) no-repeat left center; color:#333333; font-size:16px; line-height:83px; padding-left:36px;}
.n-position .tit a {color:#333333;}
.n-position .tit a:hover {color:#00548a;}
/*n-main*/
.n-main { min-height:300px; padding-bottom:20px;}
.n-main img { max-width:100%;}
.n-about { height:auto; padding:20px 0;color:#333333; font-size:16px; line-height:2;}
.n-contact { height:auto; padding:60px;}
.n-contact .cn { color:#236695; font-size:42px; line-height:1; font-weight:bold;}
.n-contact .en { color:#dddddd; font-size:19px; line-height:1; font-weight:lighter; text-transform:uppercase; margin-top:15px; position:relative;}
.n-contact .en:after{content:""; position:absolute; left:0; bottom:-15px; width:42px; height:2px; background-color:#0f559d; }
.n-contact .des { color:#232323; font-size:20px; line-height:58px; margin-top:52px; }
.n-contact .des img { max-height:40px; vertical-align:middle; margin-right:8px;}
.n-contact .des ul li { float:left; width:50%;}
.n-contact .map { text-align:center; margin-top:54px;}
/*n-show*/
.n-tit { text-align:center;color:#333333; font-size:20px; line-height:34px; margin-top:15px; padding:0 10px; margin-bottom:15px;}
.n-time { text-align:center; color:#b0b0b0; font-size:14px; line-height:1; margin-top:10px; }
.n-show { padding:10px; font-size:18px; color:#666666; line-height:1.8;}
.n-show img { max-width:100%;}
.n-other { line-height:24px; padding:10px; color:#999999;font-size:16px;}
.n-other a:hover{ text-decoration:underline; color:#999999; }  
.pagination { margin-top:20px; box-sizing: border-box;text-align:center; padding:10px 0; font-size:14px;}
.pagination a { padding:3px 5px;}
.pagination a:hover { background-color:#005bac; color:#FFF;}
/*n-news*/
.n-news { height:auto; margin-top:26px;}
.n-news ul li { margin-bottom:16px; width:100%;}
.n-news ul li .riqi{ float:left; width:82px; height:80px; border:#00548a solid 1px; border-radius:15px; text-align:center;}
.n-news ul li .riqi .riqi-dd {color:#1062af; font-size:36px; line-height:1; padding-top:10px;}
.n-news ul li .riqi .riqi-yymm {color:#666666; font-size:13px; line-height:1; margin-top:4px;}
.n-news ul li .con { float:right; width:1080px; padding-right:63px; background:url(img/news-icon.png) no-repeat right center; background-size:38px 38px; margin-top:10px;}
.n-news ul li .con .tit {color:#000000; font-size:18px; line-height:26px; font-weight:bold; height:26px; overflow:hidden;}
.n-news ul li .con .des {color:#999999; font-size:14px; line-height:23px; height:23px; overflow:hidden; margin-top:6px;}
.n-news ul li:hover .riqi{ background-color:#005bac;}
.n-news ul li:hover .riqi .riqi-dd {color:#FFF;}
.n-news ul li:hover .riqi .riqi-yymm {color:#FFF;}
.n-news ul li:hover .con .tit {color:#005bac;}
/*n-left*/
.n-left { float:left; width:334px; margin-top:37px;}
.n-right { float:right; width:846px; margin-top:37px;}
.n-piclist { height:auto;}
.n-piclist ul li { float:left; margin-left:14px; width:268px; text-align:center; margin-bottom:6px; }
.n-piclist ul li .pic { width:100%; height:199px; line-height:189px; overflow:hidden; border:#eeeeee solid 1px;}
.n-piclist ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-piclist ul li .tit {color:#414141; font-size:17px; line-height:55px; height:55px; overflow:hidden;} 
.n-piclist ul li:hover .tit {color:#005bac; }
.n-piclist ul li:hover .pic { border:#005bac solid 1px;}
.n-left-li { background-color:#FFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-bottom:29px; border:#ebe9e9 solid 1px;}
.n-left-ban { background-color:#00548a; height:115px;color:#ffffff; font-size:26px; line-height:115px; font-weight:bold; padding-left:44px;}
.n-left-ban img { max-height:34px; vertical-align:middle; margin-right:5px;}
.n-left-text {color:#333333; font-size:20px; line-height:1.6; padding:20px 40px;}
.n-left-list { height:auto; padding:5px 20px 25px 20px;}
.n-left-list ul li {color:#333333; font-size:20px; line-height:28px; margin-top:20px;}
.n-left-list ul li a {color:#333333;}
.n-left-list ul li a:hover {color:#005bac;}
.n-left-list ul li.active a {color:#005bac; font-weight:bold; }

/*n-picgun*/
.n-picgun {width:97%; margin:0 auto; height:600px;}
.n-picgun .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.n-picgun .swiper-slide{ background-repeat:no-repeat; background-position:center; border:#eeeeee solid 1px;background-size:contain;}
.n-picgun .gallery-top{height:80%;width:100%}
.n-picgun .gallery-thumbs{height:20%;box-sizing:border-box;padding:10px 0}
.n-picgun .gallery-thumbs .swiper-slide{width:25%;height:100%;opacity:.4;background-size:contain;}
.n-picgun .gallery-thumbs .swiper-slide-thumb-active{opacity:1}


@media (max-width:1200px){
.wrap{width:94%}
.header{width:100%; height:100px;}
.h-logo {  height:80px; line-height:75px;}
.h-info { display:none;}
.h-tel { margin-top:20px; background-size:51px 51px; height:51px; padding-left:61px;}
.h-tel .tit { font-size:16px; padding-top:5px;}
.h-tel .nob { font-size:22px;}
.banner { width:100%;}
/*nav1200*/
.nav { height:50px;  }
.nav ul li {font-size:16px; line-height:50px; margin:0 25px;}
/*i-public1200*/
.i-public { background-size:auto 30px;}
.i-public .tit { font-size:34px;}
.i-public .des { margin-top:33px; }
/*i-pro1200*/
.i-pro { padding-top:32px; padding-bottom:20px;}
.i-pro-list ul li {width:23.7%;  border:#ffffff solid 2px;}
.i-pro-list ul li:nth-child(4n+2) { margin-left:1.7%;}
.i-pro-list ul li:nth-child(4n+3) { margin-left:1.7%;}
.i-pro-list ul li:nth-child(4n+4) { margin-left:1.7%;}
.i-pro-list ul li .pic{ height:181px; line-height:171px; }
.i-pro-list ul li .tit { font-size:16px; line-height:44px; height:44px; }
.i-pro-list ul li:hover { border:#ff7f28 solid 2px;}
.i-pro-show { height:530px; margin-top:20px; }
.i-pro-show .swiper-button-prev { display:none;}
.i-pro-show .swiper-button-next { display:none;}
.i-pro-li .pic{ height:181px; line-height:171px; }
.i-pro-li .tit { font-size:16px; line-height:44px; height:44px; }
/*i-about1200*/
.i-about { height:auto; padding-bottom:40px;}
.i-about-left {  width:50%; height:381px; line-height:371px; margin-top:41px;}
.i-about-right { width:48%; margin-top:55px;}
.i-about-right .en { font-size:22px;}
.i-about-right .tit { font-size:24px; margin-top:13px; }
.i-about-right .des { font-size:17px; line-height:32px; height:192px;margin-top:20px; }
.i-about-right .more { width:186px; height:47px; font-size:16px; line-height:47px; margin-top:30px; }
/*i-youshi1200*/
.i-youshi-list {  margin-top:15px;}
.i-youshi-list ul li {  width:31%; height:156px; }
.i-youshi-list ul li:nth-child(even) { margin-left:38%; }
.i-youshi-list ul li .tit { font-size:26px; line-height:66px;}
.i-youshi-list ul li .tit .nob {  font-size:40px;}
.i-youshi-pic { top:30px; margin-left:-145px; width:290px; height:310px;}
/*i-shili1200*/
.i-shili-left { width:48.7%; }
.i-shili-right { width:48.7%; }
.i-shili-ban { font-size:22px;}
.i-anli { width:100%; height:227px; margin-top:23px;}
.i-anli .swiper-container-horizontal&gt;.swiper-pagination-bullets{ bottom:20px;}
.i-anli-li .tit { height:59px;}
.i-anli-li .tit span { font-size:18px; line-height:59px; height:59px; padding-left:22px; padding-right:130px; }
.i-news { margin-top:24px;}
.i-news ul li { margin-bottom:12px;}
.i-news ul li .riqi{ width:14%; height:65px;}
.i-news ul li .riqi .riqi-dd { font-size:30px; padding-top:8px;}
.i-news ul li .riqi .riqi-yymm { font-size:12px; margin-top:2px;}
.i-news ul li .con { width:82%; padding-right:10%; background-size:30px 30px;}
.i-news ul li .con .tit { font-size:16px; line-height:26px; height:26px;}
.i-news ul li .con .des {line-height:20px; height:40px; margin-top:1px;}
/*footer1200*/
.f-left {  margin-left:0; }
.f-left dl { padding-left:38px;padding-right:44px;}
/*n-position1200*/
.n-position { height:63px; }
.n-position .tit { line-height:63px;}
/*n-contact1200*/
.n-contact { padding:20px 0;}
.n-contact .cn { font-size:32px; }
.n-contact .en { font-size:16px; margin-top:12px; }
.n-contact .en:after{ bottom:-10px;  }
.n-contact .des { font-size:18px; line-height:48px; margin-top:32px; }
.n-contact .des img { max-height:30px; margin-right:8px;}
.n-contact .map { margin-top:24px;}
/*n-news1200*/
.n-news { margin-top:24px;}
.n-news ul li .riqi{ width:82px; height:65px;}
.n-news ul li .riqi .riqi-dd { font-size:30px; padding-top:8px;}
.n-news ul li .riqi .riqi-yymm { font-size:12px; margin-top:2px;}
.n-news ul li .con { width:90%; padding-right:10%; background-size:30px 30px;}
.n-news ul li .con .tit { font-size:16px; line-height:26px; height:26px;}
.n-news ul li .con .des {line-height:20px; height:20px; margin-top:1px;}

/*n-left1200*/
.n-left { width:27.8%; margin-top:27px;}
.n-right { width:70.5%; margin-top:27px;}
.n-piclist ul li { margin-left:1.6%; width:31.6%;}
.n-piclist ul li .pic { height:169px; line-height:159px; }
.n-piclist ul li .tit { font-size:16px; line-height:45px; height:45px;} 
.n-left-li {  margin-bottom:20px;}
.n-left-ban { height:85px; font-size:22px; line-height:85px; padding-left:34px;}
.n-left-ban img { max-height:30px;}
.n-left-text { font-size:18px;padding:15px 15px;}
.n-left-list {  padding:5px 15px 25px 15px;}
.n-left-list ul li { font-size:18px; margin-top:15px;}
/*n-picgun*/
.n-picgun { height:500px;}



}


@media (max-width:992px){
/*header992*/
.header{height:75px;background-color:#FFF;}
.header{width:100%; height:75px;}
.h-logo { height:45px; line-height:35px; margin-top:15px;}
.h-tel{ display:none;}
.nav{ display:none;}
.nav_btn{display:block;width:26px;height:20px;position:absolute;right:10px;top:42%;}
.nav_btn span{display:block;transition:all .3s;height:3px;width:100%;position:absolute;left:0;border-radius:2px;background:#00548a;transition:all .3s}
.nav_btn span:nth-of-type(1){top:0}
.nav_btn span:nth-of-type(2){top:50%;margin-top:-1.5px}
.nav_btn span:nth-of-type(3){bottom:0}
.nav_btn.on span:nth-of-type(1){top:50%;transform:rotate(45deg)}
.nav_btn.on span:nth-of-type(2){opacity:0}
.nav_btn.on span:nth-of-type(3){top:50%;transform:rotate(-45deg)}
.banner { display:none;}
.banner2 { display:block;}
/*i-public992*/
.i-public { background-size:auto 20px;}
.i-public .tit { font-size:26px;}
.i-public .des { font-size:14px; margin-top:28px; }
/*i-pro992*/
.i-pro { padding-top:22px; padding-bottom:15px;}
.i-pro-list { margin-top:19px;}
.i-pro-list ul li .pic{ height:141px; line-height:131px; }
.i-pro-list ul li .tit { font-size:14px; line-height:34px; height:34px; }
.i-pro-show { height:410px;  margin-top:10px;}

.i-pro-show .swiper-container{padding-bottom:50px;}
.i-pro-show .swiper-pagination-bullet { width:10px; height:10px; }

.i-pro-li .pic{ height:141px; line-height:131px; }
.i-pro-li  .tit { font-size:14px; line-height:34px; height:34px; }
/*i-about992*/
.i-about { padding-bottom:40px;}
.i-about-left { height:281px; line-height:271px; margin-top:36px;}
.i-about-right { margin-top:36px;}
.i-about-right .en { font-size:18px;}
.i-about-right .tit { font-size:20px; margin-top:13px; }
.i-about-right .des { font-size:16px; line-height:30px; height:150px;margin-top:15px; }
.i-about-right .more { width:146px; height:37px; font-size:14px; line-height:37px; margin-top:20px; }
/*i-youshi992*/
.i-youshi {  padding-top:38px; padding-bottom:54px;}
.i-youshi-list {  margin-top:15px;}
.i-youshi-list ul li { width:48%; height:136px; margin-top:25px; }
.i-youshi-list ul li:nth-child(even) { margin-left:4%; }
.i-youshi-list ul li:nth-child(4n+3) { margin-top:300px;}
.i-youshi-list ul li:nth-child(4n+4) { margin-top:300px;}
.i-youshi-list ul li .tit {  font-size:20px; line-height:46px;}
.i-youshi-list ul li .tit .nob { font-size:30px;}
.i-youshi-list ul li .des { font-size:14px;margin-top:10px;}
.i-youshi-pic {top:180px; margin-left:-120px; width:240px; height:256px;}
/*i-shili992*/
.i-shili { padding-bottom:30px;}
.i-shili-show { margin-top:28px;}
.i-shili-left { float:none; width:100%; }
.i-shili-right { float:none; width:100%; }
.i-shili-ban {font-size:18px; line-height:38px; }
.i-shili-ban a{ font-size:14px;}
.i-anli { max-width:500px; margin:0 auto; height:239px; margin-top:20px;}
.i-anli .swiper-pagination-bullet { width:10px; height:10px; }
.i-anli .swiper-container-horizontal&gt;.swiper-pagination-bullets{ bottom:18px;}
.i-anli-li .tit {  height:50px;}
.i-anli-li .tit span {  font-size:14px; line-height:50px; height:50px; padding-left:22px; padding-right:80px; }
/*footer992*/
.f-left { float:none; width:100%; margin-left:0; }
.f-left dl { float: left; width:50%; padding-right:0;}
.f-left dl dt { font-size:18px; }
.f-left dl dd { float:left; width:49%;  }
/*n-position992*/
.n-position { height:43px;}
.n-position .tit { background-size:20px 20px; font-size:14px; line-height:43px; padding-left:30px;}
/*n-main992*/
.n-about {  padding:15px 0; font-size:14px;}
/*n-contact992*/
.n-contact { padding:20px 0;}
.n-contact .cn {font-size:22px; }
.n-contact .en { font-size:14px; margin-top:10px; }
.n-contact .en:after{ bottom:-8px; width:42px; height:1px; }
.n-contact .des { font-size:16px; line-height:38px; margin-top:22px; }
.n-contact .des img { max-height:20px; margin-right:6px;}
.n-contact .map { margin-top:14px;}

/*n-news992*/
.n-news ul li .con { width:86%; margin-top:0; }
.n-news ul li .con .des {line-height:20px; height:40px; margin-top:1px;}

/*n-left992*/
.n-left { float:none; width:100%; margin-top:17px;}
.n-right { float:none; width:100%; margin-top:17px;}
.n-piclist ul li { margin-left:0; width:31.6%;}
.n-piclist ul li:nth-child(3n+2) { margin-left:2.4%;}
.n-piclist ul li:nth-child(3n+3) { margin-left:2.4%;}
.n-piclist ul li .pic { height:169px; line-height:159px; }
.n-left-li {  margin-bottom:15px;}
.n-left-ban { height:55px; font-size:20px; line-height:55px; padding-left:24px;}
.n-left-ban img { max-height:20px;}
.n-left-text { font-size:16px;}
.n-left-list ul li { font-size:16px; margin-top:6px;}



}

@media (max-width:767px){

/*header768*/
.header{height:65px;}
.h-logo { height:35px; line-height:25px;}
.f_nav { display:block; margin:0 auto; text-align:center; width:100%; max-width:750px; min-width:320px; height: 3.5em; padding: 0.1em 0;background:#00548a;position:fixed; bottom:0; z-index:999;}
.f_nav a{color: #fff; display: block; text-align: center; width: 33.33%; float: left; margin: 0 auto; font-size:14px;}
.f_nav a i{display: block;font-size: 1.5em;line-height: 1.4em;}
/*i-public768*/
.i-public { background-size:auto 14px;}
.i-public .tit { font-size:20px;}
.i-public .des { margin-top:18px; }
/*i-pro768*/
.i-pro { padding-top:12px; padding-bottom:10px;}
.i-pro-list { margin-top:18px;}
.i-pro-list ul li {width:48.7%; border:#ffffff solid 1px; margin-top:0;}
.i-pro-list ul li:nth-child(4n+2) { margin-left:0;}
.i-pro-list ul li:nth-child(4n+3) { margin-left:0;}
.i-pro-list ul li:nth-child(4n+4) { margin-left:0;}
.i-pro-list ul li:nth-child(even) { margin-left:2.6%;}
.i-pro-list ul li .pic{ height:121px; line-height:111px;}
.i-pro-list ul li:hover { border:#ff7f28 solid 1px;}
.i-pro-show { height:760px;}
.i-pro-show .swiper-slide{height:calc((100% - 15px)/ 4);}

.i-pro-li .pic{ height:121px; line-height:111px;}
/*i-about768*/
.i-about { padding-bottom:20px;}
.i-about-left { float:none; width:100%; height:auto; line-height: normal; margin-top:15px; text-align:center;}
.i-about-right { float:none; width:100%; margin-top:15px;}
.i-about-right .en { font-size:16px;}
.i-about-right .tit { font-size:17px; margin-top:8px; }
.i-about-right .des { font-size:14px; line-height:1.8; height:auto;margin-top:15px; }
.i-about-right .more { width:100%; height:30px; font-size:14px; line-height:30px; margin-top:15px; }
/*i-youshi768*/
.i-youshi {  padding-top:28px; }
.i-youshi-list {  margin-top:5px;}
.i-youshi-list ul li { width:48%; height:136px; margin-top:10px; }
.i-youshi-list ul li:nth-child(even) { margin-left:4%; }
.i-youshi-list ul li:nth-child(4n+3) { margin-top:250px;}
.i-youshi-list ul li:nth-child(4n+4) { margin-top:250px;}
.i-youshi-list ul li .tit {  font-size:16px; line-height:36px;}
.i-youshi-list ul li .tit .nob { font-size:20px;}
.i-youshi-list ul li .des {line-height:20px; height:120px; }
.i-youshi-pic {top:190px; margin-left:-90px; width:180px; height:192px;}
/*i-shili768*/
.i-shili { padding-bottom:20px;}
.i-shili-show { margin-top:18px;}
.i-shili-right { float:none; width:100%; margin-top:10px; }
.i-shili-ban {font-size:16px; }
.i-anli { max-width:100%; height:168px; margin-top:10px;}
.i-anli .swiper-container-horizontal&gt;.swiper-pagination-bullets{ bottom:14px;}
.i-anli-li .tit {  height:40px;}
.i-anli-li .tit span { line-height:40px; height:40px; padding-left:22px; padding-right:80px; }
.i-news { margin-top:10px;}
.i-news ul li { margin-bottom:12px;}
.i-news ul li .riqi{ width:19%; height:60px; margin-top:5px;}
.i-news ul li .riqi .riqi-dd { font-size:28px; padding-top:8px;}
.i-news ul li .con { width:76%; padding-right:10%; background-size:25px 25px;}
.i-news ul li .con .tit { font-size:14px; line-height:26px; height:26px;}
.i-news ul li .con .des {line-height:20px; height:40px; margin-top:1px;}

/*footer768*/
.footer {  padding-bottom:10px;}
.f-left { margin-top:20px;}
.f-left dl { float: left; width:100%; padding-left:20px; padding-right:0;}
.f-left dl dt {font-size:16px; line-height:30px; margin-bottom:7px;height:30px;}
.f-left dl:first-child+dl { margin-top:15px;}
.f-mid { float:none; width:100%; padding-left:20px; margin-top:20px; }
.f-mid .f-tel {  background-size:33px 33px; min-height:33px; padding-left:42px;}
.f-mid .f-tel .nob { font-size:20px; margin-top:4px;}
.f-mid .f-text { font-size:14px; line-height:2; margin-top:10px; padding-left:7px;}
.f-right { float:none; width:100%; margin-right:0; margin-top:15px; text-align:center;}
.f-right .pic { margin:0 auto;}
.f-right .tit { font-size:14px; line-height:24px; }
/*f-copy*/
.f-copy { padding-bottom:5em;}

/*n-position768*/
.n-position { height:auto; padding-top:5px; padding-bottom:5px;}
.n-position .tit { background-size:15px 15px; line-height:23px; padding-left:23px;}
/*n-main768*/
.n-about {  padding:10px 0;}

/*n-contact768*/
.n-contact { padding:15px 0;}
.n-contact .cn {font-size:16px; }
.n-contact .en { font-size:12px; margin-top:10px; }
.n-contact .en:after{ bottom:-8px; width:42px; height:1px; }
.n-contact .des { font-size:14px; line-height:2; margin-top:22px; }
.n-contact .des img { max-height:18px; margin-right:6px;}
.n-contact .des ul li { float:none; width:100%;}
/*n-show768*/
.n-tit {font-size:16px; line-height:24px; margin-top:5px; margin-bottom:5px;}
.n-show { padding:10px 0; font-size:14px; }
.n-other { padding:10px 0;font-size:14px; }
.pagination { margin-top:1px;}
/*n-news768*/
.n-news { margin-top:10px;}
.n-news ul li { margin-bottom:12px;}
.n-news ul li .riqi{ width:19%; height:60px; margin-top:5px;}
.n-news ul li .riqi .riqi-dd { font-size:28px; padding-top:8px;}
.n-news ul li .con { width:76%; padding-right:10%; background-size:25px 25px;}
.n-news ul li .con .tit { font-size:14px; line-height:26px; height:26px;}
.n-news ul li .con .des {line-height:20px; height:40px; margin-top:1px;}

/*n-left768*/
.n-left { margin-top:15px;}
.n-right { margin-top:15px;}
.n-piclist ul li { margin-left:0; width:48.6%;}
.n-piclist ul li:nth-child(3n+2) { margin-left:0;}
.n-piclist ul li:nth-child(3n+3) { margin-left:0;}
.n-piclist ul li:nth-child(even) { margin-left:2.6%;}
.n-piclist ul li .pic { height:129px; line-height:119px; }
.n-piclist ul li .tit { font-size:14px;line-height:35px; height:35px;}
.n-left-li {  margin-bottom:10px;}
.n-left-ban { height:35px; font-size:16px; line-height:35px; padding-left:18px;}
.n-left-ban img { max-height:15px;}
.n-left-text { font-size:14px;}
.n-left-list ul li { font-size:14px; margin-top:3px;}
/*n-picgun*/
.n-picgun { width:100%; height:300px;}

}

@media (min-width: 993px){
.nav { display: block !important;}

}</pre></body></html>