@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;    width: 100%;
    text-align: center;
    border: 1px solid #e1e1e1;}
td,th{padding:0;border: 1px solid #ebe9e9;}
.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}
.cf:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.cf{zoom:1;}
.guang,.guangs{position: relative;overflow: hidden;}
.guang:after,.guangs:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.guang:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.guangs:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
/*自定义*/
body{ font-family:Microsoft YaHei}
/*welcome*/
.welcome { background-color:#01479d; height:47px; color:#ffffff; font-size:14px; line-height:47px;}
.wel-left { float:left;}
.wel-right { float:right; background:url(../images/w-tel.png) no-repeat left center; padding-left:23px; }
.welcome a:hover { text-decoration:underline;}

/*header*/
.header{transition:all .3s;height:100px; position:relative;}
.header .logo{float:left;margin-top:10px; height:80px; line-height:75px;}
.header .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.header .nav{float:right;}
.header .nav ul li{float:left; width:auto; color:#333333; font-size:16px; line-height:100px;font-weight:bold; position:relative; } 
.header .nav ul li a {color:#333333; display:block; padding:0 22px;  }
.header .nav ul li:hover a{color:#01479d;  }
.header .nav ul li.active a{color:#01479d; }
.header .nav ul li .sub { position: absolute;width:100%;left:0; text-align:center; top:100px;z-index:30000; line-height:40px; background-color:#ffffff;}
.header .nav ul li .sub ul li{ float:none; min-width:auto; width:100%; line-height:40px; position:relative;text-align:center;  margin:0; padding:0; font-size:14px; font-weight:normal;}
.header .nav ul li .sub ul li a { color:#333333; padding:0;}
.header .nav ul li .sub ul li:hover { background-color:#01479d;}
.header .nav ul li .sub ul li:hover a { color:#ffffff; }
.nav_btn{display:none;width:26px;height:20px;position:absolute;right:0;top:44%;}
.nav_btn span{display:block;transition:all .3s;height:3px;width:100%;position:absolute;left:0;border-radius:2px;background:#01479d;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:#01479d;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(../images/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-about*/
.i-about { padding-bottom:77px;}
.i-about-left { float:left; width:541px; margin-top:108px; }
.i-about-left .tit {color:#333333; font-size:36px; line-height:1.5; font-weight:bold;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.i-about-left .des {color:#666666; font-size:16px; line-height:1.5; margin-top:12px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.i-about-left .pic { margin-top:54px;}
.i-about-left .pic img{ max-width:100%;}
.i-about-right { float:right; width:600px; position:relative; margin-top:33px;}
.i-about-right:before{content:""; position:absolute; left:50%; top:63px; width:1px; height:calc(100% - 63px); background-color:#eaeaea; }
.i-about-right:after{content:""; position:absolute; left:0; top:calc(50% + 35px); width:100%; height:1px; background-color:#eaeaea; }
.i-about-right ul li { float:left; width:270px; margin-top:70px;}
.i-about-right ul li:nth-child(even){ margin-left:60px;}
.i-about-right ul li .icon { width:70px; height:70px;}
.i-about-right ul li .icon img { width:100%; height:100%;}
.i-about-right ul li .tit {color:#333333; font-size:24px; line-height:1.5; margin-top:7px;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.i-about-right ul li .des {color:#666666; font-size:14px; line-height:1.7; margin-top:12px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*i-public*/
.i-public { height:70px;position:relative;}
.i-public:after{content:""; position:absolute; left:0; top:0; width:3px; height:100%; background-color:#01479d; }
.i-pub-left { float:left;  padding-left:20px;}
.i-pub-left .tit {color:#333333; font-size:36px; line-height:1; font-weight:bold; margin-top:2px; }
.i-pub-left .des {color:#666666; font-size:16px; line-height:1; margin-top:11px; }
.i-pub-right { float:right; width:128px; height:38px; border:#b5b5b5 solid 1px; border-radius:19px; text-align:center;color:#595959; font-size:16px; line-height:36px; transition: 0.2s; margin-top:25px;}
.i-pub-right i { display:inline-block; width:11px; height:14px; background:url(../images/public-more.png) no-repeat; vertical-align:middle; margin-left:9px; }
.i-pub-right a { display:block;}
.i-pub-right:hover { background-color:#01479d; color:#ffffff; border:#01479d solid 1px; }
.i-pub-right:hover i { background:url(../images/public-more2.png) no-repeat;}
.i-pub-mid { float:right; margin-top:25px;}
.i-pub-mid ul li { float:left;color:#ffffff; font-size:16px; line-height:38px; margin-right:40px; position:relative;}
.i-pub-mid ul li:after{content:"/"; position:absolute; left:-20px; top:0; width:11px; height:38px; }
.i-pub-mid ul li:first-child:after { display:none;}
.i-pub-mid ul li:hover { text-decoration:underline;}
.wap-pub-mid { display:none;}
/*i-pro*/
.i-pro { height:640px; background:#01479d url(../images/pro-bg.jpg) no-repeat top center; padding-top:72px;}
.i-pro .i-public:after{ background-color:#ffffff; }
.i-pro .i-pub-left .tit {color:#ffffff; }
.i-pro .i-pub-left .des {color:#ffffff; }
.i-pro .i-pub-right { border:#ffffff solid 1px;color:#ffffff; }
.i-pro .i-pub-right i { background:url(../images/public-more2.png) no-repeat; }
.i-pro-list { height:370px; margin-top:43px; position:relative; }
.i-pro-list .swiper-container { width: 100%; height: 100%; } 
.i-pro-list .swiper-slide { background-color:#FFF; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align:center; }
.i-pro-list .swiper-button-prev { background:url(../images/btn.png) no-repeat; width:44px; height:44px;right:auto; left:-70px; top:50%; bottom:0;  outline:none; border-radius:50%; }
.i-pro-list .swiper-button-prev:after { display:none;}
.i-pro-list .swiper-button-next {background:url(../images/btn.png) no-repeat;transform:rotate(180deg); width:44px; height:44px; right:-70px; left:auto; top:50%; bottom:0; outline:none;border-radius:50%; }
.i-pro-list .swiper-button-next:after { display:none;}
.i-pro-li { width:100%; height:100%;}
.i-pro-li .pic{ width:100%; height:312px; line-height:302px;}
.i-pro-li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.i-pro-li .tit { background-color:#333333; color:#ffffff; font-size:16px; line-height:58px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

/*i-news*/
.i-news { background-color:#f2f2f2; padding-top:63px; padding-bottom:68px; }
.i-news-show { margin-top:28px;}
.i-news-left { float:left; width:682px; height:470px; background-color:#FFF; padding:0 30px;}
.i-news-hot {padding-top:30px;}
.i-news-hot .pic{ float:left; width:243px; height:165px; overflow:hidden;}
.i-news-hot .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;transition: 0.5s;}
.i-news-hot:hover .pic img {transform: scale(1.05); transition: 0.5s;}
.i-news-hot .con{ float:right; width:352px; margin-top:8px;}
.i-news-hot .con .tit{ color:#333333; font-size:16px; line-height:1.5;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold; }
.i-news-hot .con .des{ color:#999999; font-size:14px; line-height:1.7;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top:13px; }
.i-news-hot .con .more{ width:100px; height:32px; background-color:#01479d;border-radius:3px; color:#ffffff; font-size:14px; line-height:32px; text-align:center; margin-top:24px; }
.i-news-hot:hover .con .tit { color:#01479d; }
.i-news-list { padding-top:7px; }
.i-news-list ul li{ margin-top:22px; height:93px; border:#e1e1e1 solid 1px; background:url(../images/news-jiao.png) no-repeat right center; padding-right:50px;}
.i-news-list ul li .riqi{ float:left; width:94px; text-align:center; position:relative;}
.i-news-list ul li .riqi:after{content:""; position:absolute; right:0; top:22px; width:1px; height:48px; background-color:#f0f0f0; }
.i-news-list ul li .riqi .riqi-dd {color:#01479d; font-size:34px; line-height:1; margin-top:19px;}
.i-news-list ul li .riqi .riqi-yymm {color:#333333; font-size:12px; line-height:1; margin-top:3px;}
.i-news-list ul li .con{ float:right; width:450px; margin-top:20px;}
.i-news-list ul li .con .tit{ color:#333333; font-size:16px; line-height:1.5;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold; }
.i-news-list ul li .con .des{ color:#999999; font-size:14px; line-height:1.7;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:3px;  }
.i-news-list ul li:hover .con .tit { color:#01479d; }
.i-news-right { float:right; width:486px; height:470px; background-color:#FFF; padding:0 30px;}
.i-news-right ul li { border-bottom:#cbcbcb dashed 1px; padding:33px 0 27px 57px; background:url(../images/news-icon.png) no-repeat; background-position:0 34px;}
.i-news-right ul li .tit{ color:#333333; font-size:16px; line-height:1.5;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold; }
.i-news-right ul li .des{ color:#999999; font-size:14px; line-height:1.7;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top:13px; }
.i-news-right ul li:hover .tit { color:#01479d; }
/*footer*/
.footer { background:#1c1c1c url(../images/footer-bg.png) no-repeat right center;}
.footer a:hover { text-decoration:underline; }
.f-top { padding-top:70px; padding-bottom:60px;}
.f-logo { float:left; width:180px; margin-top:6px;}
.f-logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.f-left { float:left; margin-left:100px; width:340px; position:relative;}
.f-left:after{content:""; position:absolute; right:0; top:0; width:1px; height:168px; background-color:#282828; }
.f-left dl { float:left; width:50%; }
.f-left dl dt {color:#ffffff; font-size:18px; line-height:1; margin-bottom:25px;}
.f-left dl dd {color:#a4a4a4; font-size:14px; line-height:2.14;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.f-mid { float:left; width:360px; margin-left:60px; }
.f-ban {color:#ffffff; font-size:18px; line-height:1;}
.f-tel { background:url(../images/f-tel.png) no-repeat left center;color:#ffffff; font-size:36px; line-height:40px; padding-left:58px; margin-top:31px;}
.f-text {color:#a4a4a4; font-size:14px; line-height:2.14; margin-top:20px;}
.f-right { float:right; width:127px; height:auto; text-align:center; }
.f-right .pic { width:100%;}
.f-right .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.f-right .tit {color:#ffffff; font-size:14px; line-height:1.5; margin-top:10px; }
.f-copy { text-align:center;  color:#a4a4a4; font-size:14px; line-height:2; padding:19px 0; border-top:#383838 solid 1px; }
/*右侧漂浮*/
.slider-bg{width:50px;height:auto;position:fixed;right:5px;bottom:150px;z-index:100;box-shadow: 0 0 7px rgba(195, 195, 195, 0.6);}
.slider-bg .toolbar_btn a{ cursor:pointer;position:relative;display:block;height:50px; }
.slider-bg .toolbar_btn a samp{position:relative;display:block;height:50px;-webkit-transition:all .4s cubic-bezier(.2,.83,.42,.91);transition:all .4s cubic-bezier(.2,.83,.42,.91)}
.slider-bg .toolbar_btn a samp{z-index:2;width:50px; background-color:#ffffff; border:#e0e0e0 solid 1px; border-bottom:none; }
.slider-bg .toolbar_btn a:last-child samp{border-bottom:#e0e0e0 solid 1px;}
.slider-bg .toolbar_btn a em{font-size:14px;font-style:normal;position:absolute;z-index:1;top:1px;right:60px;display:block;overflow:hidden;width:0;height:50px;color:#333333; font-weight:normal;box-shadow: 0 0 7px rgba(195, 195, 195, 0.6);}
.slider-bg .toolbar_btn a b { position:absolute; width:8px; height:9px; background:url(../images/slider-sanjiao.png) no-repeat; top:15px; right:52px;opacity:0;z-index:5}
.slider-bg .toolbar_btn a:hover samp{ background-color:#01479d; border:#01479d solid 1px; border-bottom:none;}
.slider-bg .toolbar_btn a:last-child:hover  samp{border-bottom:#01479d solid 1px;}
.slider-bg .toolbar_btn a:hover b{opacity:1;}
.slider-bg .toolbar_btn a:hover em{width:150px; background-color:#ffffff;}
.slider-bg .toolbar_btn a:hover em.slider-a { padding-top:12px; padding-left:14px;}
.slider-bg .toolbar_btn a:hover em.slider-a .tit{color:#333333; font-size:14px; line-height:2; font-weight:bold; }
.slider-bg .toolbar_btn a:hover em.slider-a .des{color:#333333; font-size:12px; line-height:2;}
.slider-bg .toolbar_btn a:hover em.slider-b { padding-top:16px; padding-left:14px;}
.slider-bg .toolbar_btn a:hover em.slider-b .nob{color:#333333; font-size:14px; line-height:2;}
.slider-bg .toolbar_btn a:hover em.slider-c{width:121px!important;height:121px!important; margin-top:-18px;}
.slider-bg .toolbar_btn a:hover em.slider-c i{width:117px;height:117px;display:block;margin-left:2px;margin-top:2px;}
.slider-bg .toolbar_btn a:hover em.slider-c i img { width:100%;}
.slider-bg .iconi{width:100%;height:50px;display:block;position:absolute;top:0;left:0;}
.slider-bg .toolbar_btn a:nth-child(1) .iconi{ background:url(../images/slider-samp12.png?v=1) no-repeat top center; background-size:100%; }
.slider-bg .toolbar_btn a:nth-child(2) .iconi{ background:url(../images/slider-samp22.png?v=1) no-repeat top center; background-size:100%;}
.slider-bg .toolbar_btn a:nth-child(3) .iconi{ background:url(../images/slider-samp32.png?v=1) no-repeat top center; background-size:100%;}
.slider-bg .toolbar_btn a:nth-child(4) .iconi{ background:url(../images/slider-samp42.png?v=1) no-repeat top center; background-size:100%;}
.slider-bg .toolbar_btn a:nth-child(5) .iconi{ background:url(../images/slider-samp52.png?v=1) no-repeat top center; background-size:100%;}
.slider-bg .toolbar_btn a:nth-child(6) .iconi{ background:url(../images/slider-samp62.png?v=1) no-repeat top center; background-size:100%;}
.slider-bg .toolbar_btn a:nth-child(7) .iconi{ background:url(../images/slider-samp72.png?v=1) no-repeat top center; background-size:100%;}

.slider-bg .toolbar_btn a:nth-child(1):hover .iconi{ background:url(../images/slider-samp1.png?v=1) no-repeat top center; background-size:100%; }
.slider-bg .toolbar_btn a:nth-child(2):hover .iconi{ background:url(../images/slider-samp2.png?v=1) no-repeat top center; background-size:100%;}
.slider-bg .toolbar_btn a:nth-child(3):hover .iconi{ background:url(../images/slider-samp3.png?v=1) no-repeat top center; background-size:100%;}
.slider-bg .toolbar_btn a:nth-child(4):hover .iconi{ background:url(../images/slider-samp4.png?v=1) no-repeat top center; background-size:100%;}
.slider-bg .toolbar_btn a:nth-child(5):hover .iconi{ background:url(../images/slider-samp5.png?v=1) no-repeat top center; background-size:100%;}
.slider-bg .toolbar_btn a:nth-child(6):hover .iconi{ background:url(../images/slider-samp6.png?v=1) no-repeat top center; background-size:100%;}
.slider-bg .toolbar_btn a:nth-child(7):hover .iconi{ background:url(../images/slider-samp7.png?v=1) no-repeat top center; background-size:100%;}
/*n-position*/
.n-position { border-bottom:#eeeeee solid 1px; height:60px;}
.n-position-left { float:left;color:#333333; font-size:16px; line-height:60px; background:url(../images/home.png) no-repeat left center; padding-left:36px;}
.n-position-left a {color:#333333; }
.n-position-left a:hover { text-decoration:underline;}
.n-position-right { float:right;color:#333333; font-size:22px; line-height:60px;}
/*n-main*/
.n-main { margin-top:30px; padding-bottom:30px;}
.n-left { float:left; width:250px; }
.n-left-ban { height:70px; background-color:#01479d; color:#ffffff; font-size:20px; line-height:70px;text-indent:65px;}
.n-left-ban img { width:34px; vertical-align:middle; margin-right:14px;}
.n-left-list { height:auto; padding:10px 0; border:#ebe9e9 solid 1px; margin-bottom:30px; background-color:#FFF;}
.n-left-list ul li { color:#666666; font-size:16px; line-height:40px; text-align:center; position:relative; height:40px; overflow:hidden;}
.n-left-list ul li:after{content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#01479d; left: 50%; transform: translateX(-50%); transition: all .5s ease; }
.n-left-list ul li.active a{color:#01479d;}
.n-left-list ul li.active:after{ width:50%;transform:translateX(-50%) scale(1.1); }
.n-left-list ul li:hover a{color:#01479d;}
.n-left-list ul li:hover:after{ width:50%;transform:translateX(-50%) scale(1.1); }
.n-left-text { border:#ebe9e9 solid 1px;color:#666666; font-size:16px; line-height:2; padding:10px 20px; background-color:#FFF; }
.n-right { float:right; width:910px;}
.n-about {color:#333333; font-size:16px; line-height:2; margin-top:10px;}
.n-about img { max-width:100%;}
/*n-newshow*/
.n-newshow { height:auto;}
.n-show { padding:10px; color:#333333; font-size:16px; line-height:2; min-height:300px;}
.n-show img { max-width:100%;}
.n-show .img-responsive { display:inline;}
.n-tit { font-size:20px; text-align:center; line-height:34px; padding:0 10px; color:#01479d;}
.n-time { font-size:14px; text-align:center; line-height:18px; margin-top:13px; color:#999999; }
.n-xian {border-bottom:#ebebeb dashed 1px; height:1px; margin-top:20px;}
.n-other { line-height:24px; padding:20px 0; color:#999999; }
.n-other a:hover{ text-decoration:underline; color:#999999; }  
/*n-newlist*/
.n-newlist { height:auto; padding-bottom:20px;}
.n-newlist ul li { border:#ebe9e9 solid 1px; margin-bottom:27px; height:auto; padding:20px;}
.n-newlist ul li .tit {color:#333333; font-size:18px; line-height:44px; height:44px; overflow:hidden; font-weight:bold;}
.n-newlist ul li .des {color:#666666; font-size:15px; line-height:26px; height:52px; overflow:hidden;}
.n-newlist ul li .more { float:right; width:100px; height:30px; background-color:#01479d; text-align:center; color:#ffffff; font-size:14px; line-height:30px; margin-top:10px;}
.n-newlist ul li:hover { border:#01479d solid 1px;}
.n-newlist ul li:hover .tit {color:#01479d;}
.n-newlist ul li:hover .more { background-color:#01479d;}
/*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:#01479d; color:#FFF;}
/*n-piclist*/
.n-piclist { height:auto;}
.n-piclist ul li { float:left; width:284px; height:auto; margin-bottom:8px; text-align:center;}
.n-piclist ul li:nth-child(3n+2) { margin-left:19px;}
.n-piclist ul li:nth-child(3n+3) { margin-left:19px;}
.n-piclist ul li .pic{ width:100%; height:227px; text-align:center; line-height:217px; overflow:hidden; border:#ebe9e9 solid 1px;}
.n-piclist ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;	transition: 0.5s;}
.n-piclist ul li .tit { color:#333333; font-size:16px; line-height:44px; height:44px; overflow:hidden;}
.n-piclist ul li:hover .tit {color:#01479d;}
/*banner-n*/
.banner-n { width:100%;}
.banner-n img{ width:100%;}

@media (max-width:1360px){
.i-pro-list .swiper-button-prev { display:none; }
.i-pro-list .swiper-button-next { display:none; }
}

@media (max-width:1200px){
.wrap{width:94%}
.header{height:80px;width:100%;}
.header .logo{ width:25%; height:60px; line-height:55px;}
.header .nav{float:right;}
.header .nav ul li{line-height:80px;} 
.header .nav ul li a { padding:0 15px;  }
.banner { width:100%;}
.banner .swiper-slide img  {height:300px;object-fit: cover;object-position: center;}
/*i-about1200*/
.i-about { padding-bottom:67px;}
.i-about-left { width:45%; margin-top:72px; }
.i-about-left .tit {font-size:26px;}
.i-about-right { width:50%;}
.i-about-right:before{ top:33px;  height:calc(100% - 33px);  }
.i-about-right:after{ top:calc(50% + 20px); }
.i-about-right ul li { width:45%; margin-top:40px;}
.i-about-right ul li:nth-child(even){ margin-left:10%;}
.i-about-right ul li .icon { width:60px; height:60px;}
.i-about-right ul li .tit { font-size:20px;}
/*i-public1200*/
.i-public { height:60px;}
.i-pub-left .tit {font-size:26px; }
.i-pub-right {  margin-top:15px;}
.i-pub-mid { margin-top:15px;}
.i-pub-mid ul li { margin-right:30px;}
.i-pub-mid ul li:after{ left:-15px; }
/*i-pro1200*/
.i-pro { height:auto; padding-top:60px; padding-bottom:60px;}
.i-pro-list { height:308px; }
.i-pro-li .pic{ height:250px; line-height:240px;}
/*i-news1200*/
.i-news { padding-top:53px; padding-bottom:58px; }
.i-news-left { width:57%; height:450px;}
.i-news-hot .pic{ width:40%;  height: 145px;}
.i-news-hot .con{  width:54%;}
.i-news-list ul li .riqi{  width:24%; }
.i-news-list ul li .con{  width:72%;}
.i-news-right { width:40%; height:450px;}
.i-news-right ul li {padding:28px 0 27px 57px;}
/*footer1200*/
.f-top { padding-top:50px; padding-bottom:40px;}
.f-logo {width:15%;}
.f-left {  width:28%; margin-left:7%; }
.f-mid { width:34%; margin-left:2%; }
.f-tel { font-size:32px;}
.f-right { width:11%; }
.n-tit { font-size:22px;}
/*n-position1200*/
.n-position {  height:50px;}
.n-position-left { font-size:16px; line-height:50px; }
.n-position-right { font-size:20px; line-height:50px;}
/*n-main1200*/
.n-left { width:21%; }
.n-left-ban {font-size:18px; text-indent:37px;}
.n-right { width:75%;}
/*n-piclist1200*/
.n-piclist ul li {width:32%; }
.n-piclist ul li:nth-child(3n+2) { margin-left:2%;}
.n-piclist ul li:nth-child(3n+3) { margin-left:2%;}
.n-piclist ul li .pic{ height:180px; line-height:170px;}


}


@media (max-width:992px){
/*welcome992*/
.welcome { display:none;}
/*header992*/
.header{height:75px;background-color:#ffffff; position:fixed; top:0; left:0; width:100%; z-index:333; border-bottom:#eaeaea solid 1px; }
.header .logo{ width:auto; margin-top:15px; height:45px; line-height:35px;}
.header .nav{ display:none;}
.nav_btn{display:block;}
.header-wrap { display:block; height:75px;}
.banner .swiper-slide img  {height:250px;}
/*i-about992*/
.i-about { padding-bottom:47px;}
.i-about-left { float:none; width:100%; margin-top:42px; }
.i-about-left .tit {font-size:22px;}
.i-about-right { float:none; width:100%;margin-top: 0;}
.i-about-right ul li .tit { font-size:18px;}
/*i-public992*/
.i-public { height:55px;}
.i-pub-left .tit {font-size:22px; }
.i-pub-right {  margin-top:10px;}
.i-pub-mid { display:none;}
.wap-pub-mid { display:block; width:100%; text-align:center; margin-bottom:10px;}
.wap-pub-mid ul { display:inline-block;}
/*i-pro992*/
.i-pro { padding-top:50px; padding-bottom:50px;}
.i-pro-list { height:243px; }
.i-pro-li .pic{ height:185px; line-height:175px;}
/*i-news992*/
.i-news { padding-top:43px; padding-bottom:48px; }
.i-news-left { float:none; width:100%;}
.i-news-right { float:none; width:100%; margin-top:30px;}
/*footer992*/
.f-top { padding-top:40px; padding-bottom:30px;}
.f-logo  { float:none; width:100%; margin-top:0;text-align: center;}
.f-left { float:none; width:100%; margin-left:0; margin-top:30px; }
.f-left:after { display:none;}
.f-mid { float:none; width:100%; margin-left:0; margin-top:30px; }
.f-tel { font-size:26px;}
.f-right { float:none; width:100%; max-width:110px; margin-top:30px;}
/*右侧漂浮992*/
.slider-bg { display:none;}
/*n-position992*/
.n-position {  height:40px;}
.n-position-left { font-size:14px; line-height:40px; background-size:auto 20px;  padding-left:30px; }
.n-position-right { font-size:16px; line-height:40px;}
/*n-main992*/
.n-main { margin-top:20px;}
.n-left-ban { height:50px; font-size:16px; line-height:50px;text-indent:22px;}
.n-left-ban img { width:24px;}
.n-left-list { height:auto; padding:10px 0; margin-bottom:20px;}
.n-left-list ul li { font-size:14px; line-height:30px; height:30px;}
.n-left-list ul li.active:after{ left:10%; margin-left:0; width:80%;}
.n-left-text {font-size:14px; line-height:2; padding:8px 15px;}
.n-about { font-size:14px; }
/*n-piclist992*/
.n-piclist ul li .pic{ height:140px; line-height:130px;}
.n-piclist ul li .tit { font-size:14px; line-height:34px; height:34px;}

}

@media (max-width:767px){
/*header768*/
.header{height:65px;}
.header .logo{ height:35px; line-height:25px;}
.f_nav { display:block;}
.header-wrap { display:block; height:65px;}
.banner .swiper-slide img  {height:170px;}
/*i-about767*/
.i-about-left { margin-top:25px; }
.i-about-left .tit {font-size:18px;}
.i-about-left .des {-webkit-line-clamp: 3;}
.i-about-left .pic { margin-top:34px;}
.i-about-right:after{ top:calc(50% + 15px); }
.i-about-right ul li { margin-top:30px;}
.i-about-right ul li .icon { width:50px; height:50px;}
.i-about-right ul li .des { -webkit-line-clamp: 3;}
/*i-public767*/
.i-public { height:50px;}
.i-pub-left { padding-left:13px;}
.i-pub-left .tit {font-size:18px; }
.i-pub-right { width:100px; height:30px; font-size:14px; line-height:30px; margin-top:10px;}
.i-pub-right i { margin-left:4px; }
.i-pub-mid ul li { font-size:14px; margin-right:20px;}
.i-pub-mid ul li:after{left:-10px; }
/*i-pro767*/
.i-pro { padding-top:40px; padding-bottom:40px;}
.i-pro-list { height:233px; margin-top:33px; }
.i-pro-li .pic{ height:185px; line-height:175px;}
.i-pro-li .tit { line-height:48px;  }
/*i-news767*/
.i-news { padding-top:30px; padding-bottom:30px; }
.i-news-left {padding:0 20px; height:430px;}
.i-news-hot { padding-top:20px;}
.i-news-list ul li .riqi .riqi-dd { font-size:30px;}
.i-news-right { margin-top:20px;padding:0 20px; height:430px;}
.i-news-right ul li { padding: 23px 0 27px 57px;}
/*footer767*/
.footer { padding-bottom:5em;}
.f-left dl dt { font-size:16px; margin-bottom:15px;}
.f-ban {font-size:16px;}
.f-tel { font-size:22px; background-size:30px auto; line-height:30px; padding-left:48px; margin-top: 21px;}
.f-text { margin-top:15px; }
/*n-position768*/
.n-position {  height:36px;}
.n-position-left { font-size:14px; line-height:36px; background-size:auto 16px;  padding-left:25px; }
.n-position-right { display:none;}
/*n-main768*/
.n-main { margin-top:10px;padding-bottom:15px;}
.n-left { float:none; width:100%; margin-top:15px; }
.n-left-ban { height:40px; font-size:14px; line-height:40px;text-indent:15px;}
.n-left-ban img { width:18px; margin-right:7px;}
.n-left-list { margin-bottom:15px;}
.n-right { float:none; width:100%; }
/*n-newshow768*/
.n-show { padding:10px 0; font-size:14px;}
.n-tit { font-size:16px;line-height:1.5; }
.n-time { margin-top:5px; font-size:12px; }
.n-xian {  margin-top:10px;}
.n-other {font-size:14px;}
/*n-newlist768*/
.n-newlist { padding-bottom:10px;}
.n-newlist ul li { margin-top:15px; padding:10px 10px 15px 10px;}
.n-newlist ul li .tit { font-size:16px; line-height:30px; height:30px;}
.n-newlist ul li .des {font-size:14px; 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:48.5%; }
.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:3%;}
}

@media (max-width:350px){
/*i-public350*/
.i-pub-left .des { font-size:14px;}
.i-news-list ul li{ background:none; padding-right:0;}
.i-news-list ul li .riqi .riqi-dd { font-size:26px;}
.i-pub-right { width:80px;}
.i-pub-right i { display:none; }	
}

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

}