@charset "utf-8";
@import url("iconfont.css");
*{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:1600px;position:relative;max-width:100%;margin:0 auto}
.wrap::after{content:"";display:block;clear:both}
/*自定义*/
body{ font-family:Microsoft YaHei}
/*header*/
.header{transition:all .3s;height:140px; position:relative; background:url(img/header-bg.jpg) no-repeat; background-size:100% 100%; }
.header *{transition:all .3s}
.header .logo{float:left;margin-top:20px; height:100px; line-height:95px; margin-left:20px;}
.header .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.h-lag { float:right; background:url(img/h-lag.png) no-repeat left center; padding-left:40px; height:28px; color:#cecece; font-size:16px; line-height:28px; margin-top:53px;}
.h-lag a { color:#666666;}
.h-lag a:hover { text-decoration:underline;}
.h-wx { float:right; width:37px; height:35px;margin-top:53px; margin-right:46px; position:relative; }
.h-wx:after{content:""; position:absolute; right:-23px; top:0; width:1px; height:28px; background-color:#cdcdcd; }
.h-wx span { display:block; width:100%; cursor:pointer;}
.h-wx .h-wx-con { display:none; position:absolute; left:-30px; top:35px; width:112px; z-index:222;}
.h-wx .h-wx-con img { width:100%;}
.h-wx .h-wx-con.active  { display:block;}
.nav{ height:64px; background-color:#30599e; text-align:center; }
.nav ul { display:inline-block;}
.nav ul li{float:left; width:auto; color:#ffffff; font-size:20px; line-height:64px; padding:0 59px; position:relative;} 
.nav ul li a {color:#ffffff; display:block; }
.nav ul li:hover{ background-color:#83ba3b; }
.nav ul li.active{background-color:#83ba3b;}
.nav ul li .sub { position: absolute;width:100%;left:0; text-align:center; top:64px;z-index:30000; line-height:40px; background-color:#30599e;}
.nav ul li .sub ul { display:block; }
.nav ul li .sub ul li{ float:left; width:100%; line-height:40px; position:relative;text-align:center;  margin:0; padding:0; font-size:16px; font-weight:normal;}
/*nav_btn*/
.nav_btn{display:none;width:26px;height:20px;position:absolute;right:0;top:45%;}
.nav_btn span{display:block;transition:all .3s;height:3px;width:100%;position:absolute;left:0;border-radius:2px;background:#30599e;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)}
.f_nav { display:none; margin:0 auto; text-align:center; width:100%; max-width:750px; min-width:320px; height: 3.5em; padding: 0.1em 0;background:#30599e;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;}
.header-wrap { display:none;}
/* 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%; display:block;}
/*i-public*/
.i-public { text-align:center;}
.i-public .tit {color:#333333; font-size:38px; line-height:2.3; position:relative;}
.i-public .tit:after{content:""; position:absolute; left:50%; margin-left:-17px; bottom:0; width:35px; height:4px; background-color:#84bb3b; }
.i-public .des {color:#888888; font-size:16px; line-height:1.5; margin-top:15px;}
/*i-yewu*/
.i-yewu { background-color:#f0f0f0; padding-top:50px; padding-bottom:15px;}
.i-yewu-list { padding-top:52px;}
.i-yewu-list ul li{ float:left; width:33.33%; text-align:center; margin-bottom:57px;}
.i-yewu-list ul li .pic { width:123px; height:123px; margin:0 auto; border-radius:50%; border:#9e9e9e solid 1px; }
.i-yewu-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.i-yewu-list ul li .tit {color:#315a9f; font-size:20px; line-height:30px; height:30px; overflow:hidden; margin-top:22px;}
.i-yewu-list ul li .des {color:#888888; font-size:16px; line-height:24px; height:48px; overflow:hidden; padding:0 100px; margin-top:14px;}
.i-yewu-list ul li:hover .tit { font-weight:bold;}
/*i-pro*/
.i-pro { padding-top:50px; padding-bottom:70px;}
.i-pro-list { margin-top:45px; height:393px; position:relative;}
.i-pro-list .swiper-container{width:100%;height:100%}
.i-pro-list .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.i-pro-list .swiper-button-prev {background: #cdd5d7 url(img/btnl.png) no-repeat; width:47px; height:47px;right:auto; left:-70px; top:40%; bottom:auto;  outline:none; background-size:100% 100%; }
.i-pro-list .swiper-button-prev:hover {background:#30599e url(img/btnl.png) no-repeat; background-size:100% 100%;}
.i-pro-list .swiper-button-prev:after { display:none;}
.i-pro-list .swiper-button-next {background:#cdd5d7 url(img/btnr.png) no-repeat; width:47px; height:47px; right:-70px; left:auto; top:40%; bottom:auto; outline:none; background-size:100% 100%; }
.i-pro-list .swiper-button-next:hover {background:#30599e url(img/btnr.png) no-repeat; background-size:100% 100%;}
.i-pro-list .swiper-button-next:after { display:none;}
.i-pro-li { display:block; width:99%; margin:0 auto; position:relative; text-align:center;}
.i-pro-li .pic { width:100%; height:276px; margin:0 auto; overflow:hidden;}
.i-pro-li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;	transition: 0.5s;}
.i-pro-li:hover .pic img{transform: scale(1.1);	transition: 0.5s;}
.i-pro-li .tit {color:#315a9f; font-size:20px; line-height:56px; height:56px; overflow:hidden; padding:0 15px; margin-top:13px;}
.i-pro-li .des {color:#888888; font-size:16px; line-height:24px; height:48px; overflow:hidden; padding:0 15px;}
/*i-huanbao*/
.i-huanbao { height:348px; background:url(img/huanbao-bg.jpg) no-repeat top center; background-size:auto 100%; text-align:center; padding-top:133px;}
.i-huanbao .tit {color:#ffffff; font-size:42px; line-height:1; }
.i-huanbao .des {color:#b5c1a9; font-size:16px; line-height:1; margin-top:19px; }
/*i-shipin*/
.i-shipin { padding-top:50px; padding-bottom:30px;}
.i-shipin-list { margin-top:40px; height:720px; position:relative;}
.i-shipin-list .swiper-container{width:100%;height:100%}
.i-shipin-list .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height: calc((100% - 30px) / 2);}
.i-shipin-list .swiper-button-prev {background: #cdd5d7 url(img/btnl.png) no-repeat; width:47px; height:47px;right:auto; left:-70px; top:45%; bottom:auto;  outline:none; background-size:100% 100%; }
.i-shipin-list .swiper-button-prev:hover {background:#30599e url(img/btnl.png) no-repeat; background-size:100% 100%;}
.i-shipin-list .swiper-button-prev:after { display:none;}
.i-shipin-list .swiper-button-next {background:#cdd5d7 url(img/btnr.png) no-repeat; width:47px; height:47px; right:-70px; left:auto; top:45%; bottom:auto; outline:none; background-size:100% 100%; }
.i-shipin-list .swiper-button-next:hover {background:#30599e url(img/btnr.png) no-repeat; background-size:100% 100%;}
.i-shipin-list .swiper-button-next:after { display:none;}
.i-shipin-li { display:block; width:99%; margin:0 auto; position:relative; text-align:center;}
.i-shipin-li .pic { width:100%; height:279px; overflow:hidden; text-align:center;}
.i-shipin-li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: 0.5s;}
.i-shipin-li:hover .pic img{transform: scale(1.1);	transition: 0.5s;}
.i-shipin-li .tit { color:#315a9f; font-size:20px; line-height:70px; height:70px; overflow:hidden; }
/*i-about*/
.i-about { background-color:#f5f5f5; padding-bottom:70px;}
.i-about-left { float:left; margin-top:64px; width:67.6%; margin-left:30px;}
.i-about-left .tit { color:#424242; font-size:32px; line-height:1.8;}
.i-about-left .des { color:#424242; font-size:16px; line-height:1.8; margin-top:13px;}
.i-about-right { float:right; width:193px; height:54px; background-color:#385fa2; text-align:center; color:#ffffff; font-size:16px; line-height:54px; margin-top:140px; margin-right:30px;}
.i-about-right a { display:block;}
/*i-fangan*/
.i-fangan { height:348px; background:url(img/fangan-bg.jpg) no-repeat; background-size:auto 100%;}
.i-fangan-left { float:left; margin-top:123px; width:67.6%; margin-left:30px;}
.i-fangan-left .tit { color:#ffffff; font-size:55px; line-height:1;}
.i-fangan-left .des { color:#ffffff; font-size:20px; line-height:1; margin-top:23px;}
.i-fangan-right { float:right; width:193px; height:54px; background-color:#385fa2; text-align:center; color:#ffffff; font-size:16px; line-height:54px; margin-top:146px; margin-right:30px;}
.i-fangan-right a { display:block;}
/*i-news*/
.i-news { padding-top:48px; padding-bottom:75px;}
.i-news-list { height:auto; padding-top:40px;}
.i-news-list ul li { float:left; width:33.33%; margin-bottom:17px; padding:0 25px;}
.i-news-list ul li .tit { color:#315a9f; font-size:20px; line-height:42px; height:42px; overflow:hidden; }
.i-news-list ul li .des { color:#888888; font-size:16px; line-height:38px; height:38px; overflow:hidden; }
.i-news-list ul li .riqi { color:#999999; font-size:16px; line-height:70px; margin-top:17px; border-top:#e7e7e8 solid 1px; }
.i-news-more {width:193px; margin:0 auto; height:54px; background-color:#385fa2; text-align:center; color:#ffffff; font-size:16px; line-height:54px; margin-top:10px;}
.i-news-more a { display:block;}
/*footer*/
.footer { background-color:#323230; padding-bottom:40px;}
.f-left { float:left; width:154px; margin-left:20px; margin-top:77px;}
.f-left img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.f-mid { float:left; margin-left:240px; width:330px; position:relative;}
.f-mid:before{content:""; position:absolute; left:-107px; bottom:0; width:1px; height:150px; background-color:#3e3e3d; }
.f-mid:after{content:""; position:absolute; right:-82px; bottom:0; width:1px; height:150px; background-color:#3e3e3d; }
.f-right { float:left; margin-left:184px; width:330px; position:relative;}
.f-right:after{content:""; position:absolute; right:-105px; bottom:0; width:1px; height:150px; background-color:#3e3e3d; }
.f-ewm { float:right; width:112px; text-align:center; margin-right:26px; color:#5b5b59; font-size:16px; line-height:50px; margin-top:78px; }
.f-ewm img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.f-ban { color:#ffffff; font-size:20px; line-height:55px; border-bottom:#535352 solid 1px; margin-top:48px; position:relative; }
.f-ban:after{content:""; position:absolute; left:0; bottom:-1px; width:50px; height:1px; background-color:#2163c6; }
.f-text { color:#c2c2c1; font-size:16px; line-height:1.8; margin-top:30px;}
.f-nav { color:#c2c2c1; font-size:16px; line-height:1.8; margin-top:30px;}
.f-nav ul li { float:left; width:50%;}
.footer a:hover  { text-decoration:underline;}
/*f-copy*/
.f-copy { background-color:#232323; text-align:center;color:#bdbdbd; font-size:14px; line-height:2; padding-top:17px; padding-bottom:17px; }
.f-copy a:hover { text-decoration:underline;}
/*右侧漂浮 cr17素材*/
.side{position:fixed;width:68px;right:0;bottom:10%;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:68px;height:68px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:12px;line-height:28px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#18469b;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:20px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 20px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(img/right_pic5.png)}
.side ul li i.bgs2{background-image:url(img/right_pic7.png)}
.side ul li i.bgs3{background-image:url(img/right_pic2.png)}
.side ul li i.bgs4{background-image:url(img/right_pic1.png)}
.side ul li i.bgs5{background-image:url(img/right_pic3.png)}
.side ul li i.bgs6{background-image:url(img/right_pic6.png)}
.side ul li:hover i.bgs1{background-image:url(img/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(img/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(img/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(img/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(img/right_pic3_on.png)}
.side ul li:hover i.bgs6{background-image:url(img/right_pic6_on.png)}
.side ul li .sidebox{position:absolute;width:68px;height:68px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sideewm .ewBox.son{width:118px;display:none;color:#363636;text-align:center;position:absolute;left:-120px;top:0; background-color:#FFF; border:1px solid #e0e0e0; padding-top:5px;}
.side ul li.sideewm .ewBox.son img { max-width:95%;}
.side ul li.sideetel .telBox.son{width:240px;height:68px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#18469b}
.side ul li.sideetel .telBox dd{display:block;overflow:hidden;padding-left:82px;line-height:24px;font-size:16px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:8px;font-size:16px}
.side ul li.sideetel .telBox dd.bgs2{background:url(img/right_pic9.png) 28px center no-repeat;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}to{opacity:1}}
/*n-main*/
.n-main { padding-bottom:40px;}
.n-left { float:left; width:1137px; margin-left:25px; min-height:500px;}
.n-right { float:right; width:360px; margin-top:36px; margin-right:25px;}
.n-about {color:#666666; font-size:16px; line-height:2; padding-top:23px;}
.n-about img { max-width:100%; margin:10px 0;}
.n-about h2 { font-size:28px;color:#333333; font-weight:bold;}
.n-about h3 { font-size:26px;color:#333333;}
.n-about .riqi { color:#999999; font-size:14px;}
.n-right-ban {color:#333333; font-size:26px; line-height:1; }
.n-right-list { margin-top:23px;}
.n-right-list ul li {color:#666666; font-size:16px; line-height:50px; height:50px; overflow:hidden; background:#ececec url(img/n-right-jiao.png) no-repeat right center; background-size:auto 14%; padding:0 40px 0 30px; margin-bottom:2px;}
.n-right-list ul li a { display:block;}
.n-right-list ul li:hover {color:#ffffff;  background:#30599e url(img/n-right-jiao2.png) no-repeat right center; background-size:auto 14%;}
.n-right-list ul li.active {color:#ffffff;  background:#30599e url(img/n-right-jiao2.png) no-repeat right center;background-size:auto 14%; }
.n-right-text { background:#f5f5f5 url(img/n-right-text.jpg) no-repeat top center; background-size:100% auto; border-top:#9bafd0 solid 5px; margin-top:15px;color:#666666; font-size:16px; line-height:2; padding:150px 20px 24px 20px; }
.n-other { background-color:#f7f7f7; border:#e0e0e1 solid 1px; margin-top:20px; }
.n-other-left { float:left; color:#666666; font-size:14px; line-height:1.5; margin-top:14px; margin-left:29px; }
.n-other-left a:hover { text-decoration:underline; }
.n-other-right { float:right; width:90px; height:30px; background-color:#30599e; border-radius:3px; margin-top:20px; margin-right:26px; text-align:center;color:#ffffff; font-size:16px; line-height:30px; margin-bottom:22px; }
.n-other-right a { display:block;}
/*n-newlist*/
.n-newlist { height:auto; padding-bottom:20px; padding-top:15px;}
.n-newlist ul li { border:#c9caca solid 1px; margin-top:27px; height:auto; padding:20px;}
.n-newlist ul li .tit {color:#3e3a39; font-size:18px; line-height:44px; height:44px; overflow:hidden; font-weight:bold;}
.n-newlist ul li .des {color:#595757; font-size:15px; line-height:26px; height:52px; overflow:hidden;}
.n-newlist ul li .more { float:right; width:100px; height:30px; background-color:#30599e; text-align:center; color:#ffffff; font-size:14px; line-height:30px; margin-top:10px;}
.n-newlist ul li:hover { border:#30599e solid 1px;}
.n-newlist ul li:hover .tit {color:#30599e;}
.n-newlist ul li:hover .more { background-color:#83ba3b;}
/*pagination*/
.pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:10px;color:#7b7b7b; padding-bottom:40px;   }
.pagination a { color:#7b7b7b;  padding:5px 7px;border-radius:3px;}
.pagination a:hover { background-color:#30599e; color:#FFF;}
/*n-piclist*/
.n-piclist { height:auto; margin-top:35px;}
.n-piclist ul li { float:left; width:25%; height:auto; margin-bottom:10px; text-align:center; padding:0 10px;}
.n-piclist ul li .pic{ width:100%; height:198px; text-align:center; line-height:188px; overflow:hidden; border:#dddddd solid 1px;}
.n-piclist ul li .pic img{width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}
.n-piclist ul li:hover .pic img{transform: scale(1.1);	transition: 0.5s;}
.n-piclist ul li .tit { color:#3c3c3d; font-size:16px; line-height:44px; height:44px; overflow:hidden;}
.n-piclist ul li:hover .tit { color:#30599e; }
/*n-pro-ban*/
.n-pro-ban { border-bottom:#466aa8 solid 1px; background-color:#f7f7f7; height:45px; margin-top:54px; }
.n-pro-ban span { display:inline-block; background-color:#385fa2; padding:0 35px; color:#ffffff; font-size:20px; line-height:45px; }
.n-pro-text {color:#666666; font-size:18px; line-height:2; padding: 20px;    border: 1px solid #e0e0e073;}
.n-pro-text img { max-width:100%; margin:10px 0;}
.n-pro-text table {border-collapse: collapse; margin:20px 0;width: 100%;}
.n-pro-text table tr th {color: #ffffff; font-size: 14px; line-height: 20px; font-weight: normal; background-color: #385fa2;padding:10px 8px;text-align: center; border:#244274 solid 1px;}
.n-pro-text table tr td { line-height:20px; font-size: 14px; border:1px solid #e6e6e6; padding:8px;text-align: center;}
.n-pro-text table tr:nth-child(even) td {background-color: #f4f4f4;}
/*n-pro-show*/
.n-pro-show { border:#ebebeb solid 1px; padding:14px; margin-top:30px;}
.n-pro-pic { float:left; width:662px; height:630px;}
.n-pro-con { float:right; width:380px; margin-right:10px;}
.n-pro-con .tit {color:#333333; font-size:28px; line-height:2; font-weight:bold; margin-top:10px; }
.n-pro-con .des {color:#333333; font-size:18px; line-height:2; border-bottom:#ececec solid 1px; padding-bottom:20px; margin-top:10px;height: 460px;overflow: auto;}
.n-pro-con .more { width:114px; height:44px; background-color:#30599e; text-align:center; color:#ffffff; font-size:18px; line-height:44px; margin-top:30px;}
/*n-pro-pic*/
.n-pro-pic { background-color:#f6f6f6; position:relative;}
.n-pro-pic .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}
.n-pro-pic .swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:contain;}
.n-pro-pic .gallery-top{height:80%;width:100%}
.n-pro-pic .gallery-thumbs{width:90%;height:20%;box-sizing:border-box;padding:10px 0;}
.n-pro-pic .gallery-thumbs .swiper-slide{width:25%;height:100%;opacity:.4;background-size:contain;}
.n-pro-pic .gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.n-pro-pic .swiper-button-prev {right:auto; left:0; top:auto; bottom:6%;outline: none }
.n-pro-pic .swiper-button-next { right:0; left:auto; top:auto; bottom:6%;outline: none}
.n-pro-pic .swiper-button-prev:after { font-size:30px;}
.n-pro-pic .swiper-button-next:after { font-size:30px;}


@media (max-width:1800px){
/*i-pro-list1800*/
.i-pro-list { height:380px; }
.i-pro-list .swiper-container{width:94%; margin:0 auto;}
.i-pro-list .swiper-button-prev { width:37px; height:37px;left:0;}
.i-pro-list .swiper-button-next { width:37px; height:37px;right:0;}
.i-pro-li .pic { height:263px;}
/*i-huanbao1800*/
.i-huanbao { height:326px; padding-top:122px;}
/*i-shipin1800*/
.i-shipin-list { height:680px; }
.i-shipin-list .swiper-container{width:94%; margin:0 auto;}
.i-shipin-list .swiper-button-prev { width:37px; height:37px;left:0;}
.i-shipin-list .swiper-button-next { width:37px; height:37px;right:0;}
.i-shipin-li .pic { height:270px;}
.i-shipin-li .tit { font-size:18px; line-height:50px; height:50px; overflow:hidden; }
.n-pro-pic { height:620px; }

}

@media (max-width:1600px){
.wrap{width:94%}	
/*header1600*/
.nav ul li{ font-size:18px; padding:0 45px;}
/*i-public1600*/
.i-public .tit { font-size:34px;}
.i-public .des {margin-top:10px;}
/*i-yewu1600*/
.i-yewu { padding-top:40px; padding-bottom:14px;}
.i-yewu-list { padding-top:42px;}
.i-yewu-list ul li{ margin-bottom:47px;}
.i-yewu-list ul li .pic { width:113px; height:113px; }
.i-yewu-list ul li .des { padding:0 50px;}
/*i-pro-list1600*/
.i-pro-list { height:330px; }
.i-pro-list .swiper-container{width:95%; margin:0 auto;}
.i-pro-list .swiper-button-prev { width:32px; height:32px;left:-10px;}
.i-pro-list .swiper-button-next { width:32px; height:32px;right:-10px;}
.i-pro-li .pic { height:217px;}
.i-pro-li .tit { font-size:18px; line-height:46px; height:46px; margin-top:10px;}
/*i-huanbao1600*/
.i-huanbao { height:290px; padding-top:108px;}
/*i-shipin1600*/
.i-shipin { padding-top:40px; }
.i-shipin-list { margin-top:35px; height:600px; }
.i-shipin-list .swiper-container{width:95%; margin:0 auto;}
.i-shipin-list .swiper-button-prev { width:32px; height:32px;left:-10px;}
.i-shipin-list .swiper-button-next { width:32px; height:32px;right:-10px;}
.i-shipin-li .pic { height:230px;}
/*i-about1600*/
.i-about { padding-bottom:60px;}
.i-about-left { margin-top:44px;margin-left:0;}
.i-about-left .tit { font-size:26px; }
.i-about-left .des { margin-top:13px;}
.i-about-right { margin-top:120px; margin-right:0;}
/*i-fangan1600*/
.i-fangan { height:288px;}
.i-fangan-left {  margin-top:103px; margin-left:0;}
.i-fangan-left .tit { font-size:45px; }
.i-fangan-left .des { font-size:18px; margin-top:18px;}
.i-fangan-right { margin-top:106px; margin-right:0;}
/*footer1600*/
.f-left { width:10%; margin-left:0; }
.f-mid { margin-left:10%; width:24%;}
.f-mid:before{ display:none;  }
.f-mid:after{  display:none;  }
.f-right { margin-left:10%; width:24%;}
.f-right:after{ display:none;  }
.f-ewm {  margin-right:0;}
/*n-main1600*/
.n-left { width:72.5%; margin-left:0;}
.n-right { width:24%; margin-right:0; }
/*n-piclist1600*/
.n-piclist ul li .pic{ height:168px; line-height:158px;}
/*n-pro-show1600*/
.n-pro-pic { width:58%; height:520px; }
.n-pro-con { width:37%; margin-right:0;}
.n-pro-con .tit { font-size:26px; }
.n-pro-con .des {  padding-bottom:15px;height: 190px;  overflow: auto; }
.n-pro-con .more { width:100px; height:40px;font-size:16px; line-height:40px; margin-top:20px;}

}

@media (max-width:1400px){
/*header1400*/
.nav ul li{ font-size:18px; padding:0 30px;} 
/*i-public1400*/
.i-public .tit { font-size:30px;}
/*i-yewu1400*/
.i-yewu { padding-top:30px; padding-bottom:13px;}
.i-yewu-list { padding-top:32px;}
.i-yewu-list ul li{ margin-bottom:37px;}
.i-yewu-list ul li .pic { width:93px; height:93px; }
.i-yewu-list ul li .tit { margin-top:15px;}
.i-yewu-list ul li .des { padding:0 30px;}
/*i-pro-list1400*/
.i-pro-li .pic { height:217px;}
.i-pro-li .tit { font-size:16px; line-height:36px; height:36px; margin-top:8px;}
/*i-huanbao1400*/
.i-huanbao { height:254px; padding-top:93px;}
.i-huanbao .tit { font-size:32px; }
/*i-shipin1400*/
.i-shipin { padding-top:35px; }
.i-shipin-list { margin-top:30px; height:500px; }
.i-shipin-li .pic { height:192px;}
/*i-news1400*/
.i-news { padding-top:38px; padding-bottom:65px;}
/*footer1400*/
.f-mid { margin-left:5%; width:29%;}
.f-right { margin-left:5%; width:29%;}
.n-right { margin-top:24px;}
.n-about {  padding-top:13px;}
.n-newlist { padding-top: 10px;}
/*n-piclist1400*/
.n-piclist { margin-top:25px;}
.n-piclist ul li .pic{ height:140px; line-height:130px;}
/*n-pro-show1400*/
.n-pro-ban { margin-top:34px;}
.n-pro-pic { height:440px; }
.n-pro-show {padding:10px; margin-top:20px;}
.n-pro-con .tit {font-size:24px; margin-top:5px; }
.n-pro-con .des { margin-top:5px; height: 320px;  overflow: auto; }
.n-pro-pic .swiper-button-prev { bottom:4.5%;}
.n-pro-pic .swiper-button-next { bottom:4.5%;}
.n-pro-pic .swiper-button-prev:after { font-size:22px;}
.n-pro-pic .swiper-button-next:after { font-size:22px;}

}

@media (max-width:1200px){
.header{height:80px;width:100%;}
.header .logo{margin-top:15px; height:50px; line-height:45px; margin-left:0;}
.h-lag { margin-top:23px;}
.h-wx {  width:37px; height:35px;margin-top:23px; margin-right:46px;  }
.h-wx:after{ right:-23px;  }
.nav{ height:54px;}
.nav ul li{ font-size:16px; line-height:54px; padding:0 25px;} 
.banner { width:100%;}
.banner .swiper-slide img  {height:300px;object-fit: cover;object-position: center;}
/*i-public1200*/
.i-public .tit { font-size:26px;}
.i-public .des { font-size:14px;}
/*i-yewu1200*/
.i-yewu { padding-top:25px; padding-bottom:12px;}
.i-yewu-list ul li .pic { width:83px; height:83px; }
.i-yewu-list ul li .tit { font-size:16px; margin-top:10px; line-height:26px; height:26px;}
.i-yewu-list ul li .des { font-size:14px;margin-top:10px;}
/*i-pro-list1200*/
.i-pro { padding-top:30px; padding-bottom:50px;}
.i-pro-list { margin-top:35px; height:320px; }
.i-pro-list .swiper-button-prev { width:27px; height:27px;}
.i-pro-list .swiper-button-next { width:27px; height:27px;}
.i-pro-li .tit { font-size:16px; line-height:36px; height:36px; margin-top:8px;}
.i-pro-li .des { font-size:14px;}
/*i-huanbao1200*/
.i-huanbao { height:218px; padding-top:77px;}
.i-huanbao .tit { font-size:27px; }
/*i-shipin1200*/
.i-shipin { padding-top:25px; }
.i-shipin-list { margin-top:25px; height:420px; }
.i-shipin-list .swiper-button-prev { width:27px; height:27px;}
.i-shipin-list .swiper-button-next { width:27px; height:27px;}
.i-shipin-li .pic { height:160px;}
.i-shipin-li .tit { font-size:16px; line-height:40px; height:40px; overflow:hidden; }
/*i-about1200*/
.i-about { padding-bottom:40px;}
.i-about-left { margin-top:34px; }
.i-about-left .tit { font-size:24px;}
.i-about-left .des { font-size:14px;}
.i-about-right { width:150px; height:44px; font-size:14px; line-height:44px;}
/*i-fangan1200*/
.i-fangan { height:208px;}
.i-fangan-left {  margin-top:73px;}
.i-fangan-left .tit { font-size:35px; }
.i-fangan-right { margin-top:86px; width:150px; height:44px; font-size:14px; line-height:44px;}
/*i-news1200*/
.i-news { padding-top:28px; padding-bottom:55px;}
.i-news-list { padding-top:30px;}
.i-news-list ul li { padding:0 20px;}
.i-news-list ul li .tit { font-size:18px; line-height:32px; height:32px; }
.i-news-list ul li .des { font-size:14px; line-height:28px; height:28px; }
.i-news-list ul li .riqi { font-size:14px; line-height:50px; margin-top:15px; }
.i-news-more{ width:150px; height:44px; font-size:14px; line-height:44px;}
/*footer1200*/
.footer { padding-bottom:30px;}
.f-left { margin-top:57px;}
.f-ewm { font-size:14px; line-height:40px; margin-top:58px; }
.f-ban { font-size:18px; line-height:45px; margin-top:28px;  }
.f-text { font-size:14px; margin-top:30px;}
.f-nav { font-size:14px; margin-top:30px;}
/*n-main1200*/
.n-main { padding-bottom:30px;}
.n-about { padding-top: 15px;}
.n-about h2 { font-size:24px;}
.n-about h3 { font-size:22px;}
.n-right-ban {font-size:22px; }
.n-right-list { margin-top:21px;}
.n-right-list ul li { font-size:14px; line-height:40px; height:40px; padding:0 35px 0 25px;}
.n-right-text {font-size:14px; padding:100px 15px 20px 15px; }
/*n-newlist1200*/
.n-newlist { padding-top:6px;}
.n-newlist ul li .tit { font-size:16px; line-height: 34px; height: 34px;}
.n-newlist ul li .des { font-size:14px; }
/*n-piclist1200*/
.n-piclist ul li .pic{ height:117px; line-height:107px;}
/*n-pro-ban1200*/
.n-pro-ban { height:40px; margin-top:44px; }
.n-pro-ban span {  padding:0 30px; font-size:18px; line-height:40px; }
/*n-pro-show1200*/
.n-pro-pic { height:370px; }
.n-pro-con .tit {font-size:20px; margin-top:3px; }
.n-pro-con .des { font-size:14px; padding-bottom:10px; margin-top:3px;height: 320px;  overflow: auto;}
.n-pro-con .more { width:90px; height:34px; font-size:14px; line-height:34px; margin-top:10px;}
.n-pro-pic .gallery-thumbs{width:88%;}
.n-pro-pic .swiper-button-prev { bottom:4%;}
.n-pro-pic .swiper-button-next { bottom:4%;}
.n-pro-pic .swiper-button-prev:after { font-size:20px;}
.n-pro-pic .swiper-button-next:after { font-size:20px;}

}


@media (max-width:992px){
/*header992*/
.header{height:75px; position:fixed; top:0; left:0; width:100%; z-index:333;}
.header .logo{ height:45px; line-height:40px;}
.h-lag { display:none;}
.h-wx {  display:none; }
.nav{ display:none;}
.nav_btn{display:block;}
.header-wrap { display:block; height:75px;}
.banner .swiper-slide img  {height:250px;}
/*i-public992*/
.i-public .tit { font-size:20px;}
/*i-yewu992*/
.i-yewu { padding-top:20px; padding-bottom:10px;}
.i-yewu-list { padding-top:30px;}
.i-yewu-list ul li{ margin-bottom:27px;}
.i-yewu-list ul li .pic { width:73px; height:73px; }
.i-yewu-list ul li .tit { margin-top:5px;}
.i-yewu-list ul li .des { padding:0 20px;margin-top:5px;}
/*i-huanbao992*/
.i-huanbao { height:180px; padding-top:63px;}
.i-huanbao .tit { font-size:22px; }
/*i-shipin992*/
.i-shipin { padding-top:20px; }
.i-shipin-list { margin-top:20px; height:480px; }
.i-shipin-li .pic { height:189px;}
/*n-main992*/
.n-about {font-size:14px;}
.n-about img { margin:5px 0;}
.n-about h2 { font-size:20px;}
.n-about h3 { font-size:18px;}
.n-right-ban {font-size:18px; }
.n-right-list { margin-top:14px;}
.n-right-list ul li { padding:0 30px 0 10px; }
.n-right-text { padding:80px 10px 20px 10px; }
.n-other-left { margin-left:19px; margin-top:7px; }
.n-other-right { margin-right:16px; margin-bottom:12px; margin-top:12px; }
/*n-newlist992*/
.n-newlist { padding-top:6px;}
/*n-piclist992*/
.n-piclist ul li { width:33.33%; padding:0 5px;}
.n-piclist ul li .pic{ height:124px; line-height:114px;margin-bottom:5px;}
.n-piclist ul li .tit {  font-size:14px; line-height:34px; height:34px; }
/*n-pro-ban992*/
.n-pro-ban { height:35px; margin-top:34px; }
.n-pro-ban span {  padding:0 25px; font-size:16px; line-height:35px; }
.n-pro-text { font-size:14px; padding-top:10px;}
.n-pro-text table { margin:10px 0;width: 100%;}
/*n-pro-show992*/
.n-pro-con .tit {font-size:18px; }
.n-pro-con .des {height: 190px; overflow: auto; }
.n-pro-pic { height:280px; }
.n-pro-pic .gallery-thumbs{width:80%;}
.n-pro-pic .swiper-button-prev { bottom:3%;}
.n-pro-pic .swiper-button-next { bottom:3%;}
.n-pro-pic .swiper-button-prev:after { font-size:18px;}
.n-pro-pic .swiper-button-next:after { font-size:18px;}


}

@media (max-width:767px){
/*header768*/
.header{height:65px;}
.header .logo{ width:90%; height:35px; line-height:30px;}
.f_nav { display:block;}
.header-wrap { display:block; height:65px;}
.banner .swiper-slide img  {height:120px;}
/*i-public768*/
.i-public .tit { font-size:18px;}
.i-public .des { display:none;}
/*i-yewu768*/
.i-yewu { padding-bottom:15px; padding-top: 10px;}
.i-yewu-list { padding-top:15px;}
.i-yewu-list ul li{ width:50%; margin-bottom:7px;}
.i-yewu-list ul li .pic { width:53px; height:53px; }
.i-yewu-list ul li .tit { font-size:15px;}
.i-yewu-list ul li .des { padding: 0 10px;margin-top: 0;}
/*i-pro-list768*/
.i-pro { padding-top:20px; padding-bottom:20px;}
.i-pro-list { margin-top:25px; height:210px; }
.i-pro-list .swiper-button-prev { width:17px; height:17px;}
.i-pro-list .swiper-button-next { width:17px; height:17px;}
.i-pro-li .pic { height:121px;}
.i-pro-li .tit { font-size:16px; line-height:30px; height:30px; margin-top:5px;padding:0;}
.i-pro-li .des { font-size:14px; padding:0;}
/*i-huanbao768*/
.i-huanbao { height:160px; padding-top:45px;}
.i-huanbao .tit { font-size:18px; }
.i-huanbao .des { font-size:14px; line-height:1.5;}
/*i-shipin768*/
.i-shipin { padding-top:20px; }
.i-shipin-list { margin-top:20px; height:280px; }
.i-shipin-list .swiper-button-prev { width:17px; height:17px;}
.i-shipin-list .swiper-button-next { width:17px; height:17px;}
.i-shipin-li .pic { height:91px;}
.i-shipin-li .tit { font-size:14px; line-height:30px; height:30px; overflow:hidden; }
/*i-about768*/
.i-about { padding-bottom:30px;}
.i-about-left { float:none; margin-top:20px; width:100%; }
.i-about-left .tit { font-size:18px; }
.i-about-left .des { margin-top:5px;}
.i-about-right { float:none; margin:0 auto; height:34px; line-height:34px; margin-top:20px;}
/*i-fangan768*/
.i-fangan { height:158px; text-align:center;}
.i-fangan-left { float:none; margin-top:30px; width:100%; }
.i-fangan-left .tit { font-size:18px; }
.i-fangan-left .des { font-size:16px; margin-top:15px;}
.i-fangan-right { float:none; margin:0 auto; height:34px; line-height:34px; margin-top:20px;}
/*i-news768*/
.i-news { padding-top:18px; padding-bottom:25px;}
.i-news-list { padding-top:20px;}
.i-news-list ul li { float:none; width:100%; padding:0 0; margin-bottom:5px;}
.i-news-list ul li .tit { font-size:16px; line-height:28px; height:28px; }
.i-news-list ul li .riqi { font-size:12px; line-height:30px; margin-top:5px; }
.i-news-more{ height:34px; line-height:34px;}
/*footer768*/
.footer { padding-bottom:20px;}
.f-left { float:none; width:100%; margin-top:27px; text-align:center;}
.f-mid { float:none; margin-left:0; width:100%; }
.f-right { float:none; margin-left:0; width:100%; }
.f-ewm { float:none; margin:0 auto; font-size:14px; line-height:30px; margin-top:28px; }
.f-ban { font-size:16px; line-height:35px; margin-top:18px; }
.f-text { margin-top:15px;}
.f-nav { margin-top:15px;}
/*f-copy768*/
.f-copy { padding-top:10px; padding-bottom:5em; }
.side { display:none;}
/*n-main768*/
.n-main { padding-bottom:20px;}
.n-left { float:none; width:100%;min-height: auto;}
.n-right { float:none; width:100%; margin-top:13px;}
.n-about {padding-top:13px;}
.n-about h2 { font-size:18px;}
.n-about h3 { font-size:16px;}
.n-right-ban {font-size:16px; }
.n-right-text { padding:140px 10px 20px 10px; }
.n-other{ padding-bottom:10px;}
.n-other-left { float:none; margin-left:0; margin-top:0; padding:10px; }
.n-other-right { float:none; margin:0 auto; }
/*n-newlist768*/
.n-newlist { padding-bottom:10px;}
.n-newlist ul li { margin-top:15px; padding:10px 10px 15px 10px;}
.n-newlist ul li .tit {  line-height:30px; height:30px;}
.n-newlist ul li .des { line-height:24px; height:48px;}
.n-newlist ul li .more { margin-top:7px;}
.pagination { font-size:12px;padding-bottom:30px; }
/*n-piclist768*/
.n-piclist ul li { width:46%; margin-left:2.6%; padding:0;}
.n-piclist ul li .pic{ margin-bottom:0;}
/*n-pro-ban768*/
.n-pro-ban { height:30px; margin-top:24px; }
.n-pro-ban span { padding:0 20px; font-size:16px; line-height:30px; }
.n-pro-text table  {width: 100%;}
.n-pro-text table tr th {padding:5px 3px;}
.n-pro-text table tr td { padding:3px;}
/*n-pro-show768*/
.n-pro-pic { height:320px; }
.n-pro-show {padding:5px; margin-top:20px;}
.n-pro-pic { float:none; width:100%;}
.n-pro-con { float:none; width:100%; margin-top:10px; }
.n-pro-con .tit { font-size:16px;margin-top:0; }
.n-pro-con .des { padding-bottom:10px; margin-top:0;}
.n-pro-con .more { width:80px; margin:0 auto; height:30px; font-size:12px; line-height:30px; margin-top:5px;}
.n-pro-pic .swiper-button-prev { bottom:3.5%;}
.n-pro-pic .swiper-button-next { bottom:3.5%;}


}

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

}



/*page1样式开始  www.5ucms.org QQ3876307 */
.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;}