@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;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:Helveti;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}

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:1440px;position:relative;max-width:100%;margin:0 auto}

.wrap::after{content:"";display:block;clear:both}

.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:Helveti;}

@font-face{font-family:Helveti;src:url(fonts/Helveti.ttf);font-style:normal;font-weight:400}

@font-face{font-family:HH;src:url(fonts/HH.pdf);font-style:normal;font-weight:400}

@font-face{font-family:Work;src:url(fonts/Work.ttf);font-style:normal;font-weight:400}

/*header*/

.header{height:90px; position:relative; background-color:#333333; z-index:3333;}

.header .logo{float:left; width:191px; position:relative;}

.header .logo a{display:block; width:100%; position:absolute; left:0; top:0;}

.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:#ffffff; font-size:18px; line-height:90px; margin-left:70px; position:relative; } 

.header .nav ul li:after{content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#ffffff; left: 50%; transform: translateX(-50%); transition: all .5s ease; }

.header .nav ul li a { display:block; }

.header .nav ul li:hover:after{ width:100%;transform:translateX(-50%) scale(1.1); }

.header .nav ul li.active:after{ width:100%; }

.header .nav ul li .sub { position: absolute;width:300%;left:-100%; text-align:center; top:88px;z-index:30000; }

.header .nav ul li .sub ul li{ float:left; min-width:auto; width:100%; line-height:35px; position:relative;text-align:center;  margin:0; padding:0; font-size:15px; font-weight:normal;background-color:rgba(55,55,55,.95);}

.header .nav ul li .sub ul li:hover:after{ display:none;}

.header .nav ul li .sub ul li.active:after{ display:none;}

.header .nav ul li .sub ul li:hover { background-color:#000;}

.h-search { float:right; width:40px; height:40px; position:relative;margin-top:26px; margin-left:130px;}

.h-search-top { width:100%; height:100%; background:url(../images/h-search.png) no-repeat center center; cursor:pointer;}

.h-search-top.active { background:url(../images/h-search-close.png) no-repeat center center;}

.h-search-con { display:none; width:245px; height:40px; position:absolute; right:-60px; top:63px; text-align:right;  }

.h-search-con input[type=text] { width:190px; height:40px;color:#333333; font-size:16px; border:none; vertical-align:middle; background-color:#FFF;border-top-left-radius:5px; border-bottom-left-radius:5px; padding-left:12px; }

.h-search-con input[type=submit] {  width:52px; text-align:center; height:42px; background:#1f4fc9 url(../images/h-search.png) no-repeat center center; font-size:0; cursor:pointer; border:none;vertical-align:middle; border-top-right-radius:5px; border-bottom-right-radius:5px; }

.h-search-con.active { display:block;}

.h-search-top:focus{outline:none;}

.h-mess { float:right; width:40px; height:40px; background:url(../images/h-mess.png) no-repeat center center; margin-top:26px; margin-left:20px; }

.h-mess a { display:block; width:100%; height:100%; }

/*header2*/

.header2{height:60px;position:fixed;background:#333333;z-index:22;top:0;width:100%; display:none; z-index:3333; }

.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}

.header2 .logo{width:150px;height:60px; float: left; display: inline; position:relative;}

.header2 .logo a{display:block; width:100%; position:absolute; left:0; top:0;}

.header2 .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}

.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px; float: right; display: inline;}

.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s}

.header2 .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color:#ffffff;position:absolute;left:50%;margin-left:-15px}

.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}

.header2 .nav-btn.active .line1{top:0}

.header2 .nav-btn.hover .line{background:#ffffff}

.header2 .nav-btn .line2{top:7px}

.header2 .nav-btn .line3{bottom:0;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}

.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0;top:140px;z-index:2;overflow-y:auto}

.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)}

.header2 .js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}

.header2 .js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}

.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}

.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:50px;color:#fff;position:relative;box-sizing:border-box}

.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}

.header2 .sub-menu .sec-list{line-height:40px; padding-bottom:10px; display:none}

.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:50px;text-align:center;background:0 0;float:right}

.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/mobile_nav_jia.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:10px}

.header2 .sub-menu .jt.jtRote:after{background:url(../images/mobile_nav_jian.png) no-repeat center;background-size:20px auto}

.header2 .sub-menu .sec-list p{background:url(../images/mobile_nav_dian.png) no-repeat left center;background-size:3px auto;font-size:14px}

.header2 .sub-menu .sec-list a{padding-left:5%;color:#cccccc;display:block}

.header2 .sub-menu .sec-list a:active{color:#37a3dc}

.header2 .icon-close:before{content:"\e6d3"}

.search-bg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:20; background-color:rgba(55,55,55,.95); display:none; } 

.m-search-con { width:100%; padding-top:5px; padding-bottom:5px; text-align:center; transition: all .8s ease; }

.m-search-con input[type=text] { width:78%; height:36px;color:#333333; font-size:16px; border:none; vertical-align:middle; background-color:#f0f0f0;border-top-left-radius:5px; border-bottom-left-radius:5px; padding-left:17px;  }

.m-search-con input[type=submit] {  width:18%; text-align:center; height:36px; background:#1f4fc9 url(../images/h-search.png) no-repeat center center; font-size:0; cursor:pointer; border:none;vertical-align:middle; border-top-right-radius:5px; border-bottom-right-radius:5px; }

/*f_nav*/

.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:#242424;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-container-horizontal>.swiper-pagination-bullets { bottom:22px;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 9px; width:13px; height:13px; background: #ffffff; opacity:0.7;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color:#ffffff; opacity:1;}

.banner .swiper-slide a { display:block; width:100%;}

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

/*about*/

.about { padding-top:114px; padding-bottom:105px; }

.about-left { float:left; width:665px;}

.about-left img{max-width: 100%;max-height: 100%;vertical-align: middle;}

.about-right { float:right; width:675px; margin-top:82px; }

.about-right .tit { color:#111111; font-size:40px; line-height:1; font-family:Work;}

.about-right .des { color:#111111; font-size:18px; line-height:1.78; margin-top:34px; text-align:justify;}

.about-right .more { width:170px; height:55px; background-color:#1f4fc9; text-align:center; border:#414141 solid 1px; color:#ffffff; font-size:16px; line-height:55px; margin-top:48px;}

.about-right .more a { display:block; }



/*cata*/

.cata { max-width:1920px; margin:0 auto;}

.cata ul li { float:left; width:50%; height:694px; position:relative; }

.cata ul li .pic { width:100%; height:100%; }

/*.cata ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}*/

.cata ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}

.cata ul li .con { position:absolute; bottom:46px; left:0; width:100%; text-align:center; }

.cata ul li .con .tit { color:#ffffff; font-size:40px; line-height:1.5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;font-family:Work;}

.cata ul li .con .des { color:#ffffff; font-size:18px; line-height:2.9; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 10px;}

/*pro*/

.pro { padding-top:80px; padding-bottom:100px; }

.pro-ban { height:50px; }

.pro-ban .tit { float:left;color:#111111; font-size:44px; line-height:50px; font-weight:bold;font-family:Work; }

.pro-ban .des { float:right;}

.pro-ban .des ul li { float:left;color:#111111; font-size:18px; line-height:50px; margin-right:44px; }

.pro-ban .des ul li:hover {color:#1f4fc9; }

.pro-ban .more { float:right; width:170px; height:50px; border:#414141 solid 1px; text-align:center; color:#212121; font-size:18px; line-height:48px; margin-left:46px; }

.pro-ban .more:hover { background-color:#1f4fc9; color:#FFF; }

.pro-ban .more a { display:block;}

.pro-list { height:auto; }

.pro-list ul li { float:left; width:460px; text-align:center; height: auto; margin-top:32px; border:#f5f5f5 solid 1px; }

.pro-list ul li:nth-child(3n+2) { margin-left:30px;}

.pro-list ul li:nth-child(3n+3) { margin-left:30px;}

.pro-list ul li .pic { height:348px; display: flex;  align-items: center; justify-content: center; }

.pro-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;}

.pro-list ul li .tit { color:#111111; font-size:18px; line-height:3.2; background-color:#f5f5f5; padding:0 5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.pro-list ul li:hover .tit {color:#1f4fc9; }

/*youshi*/

.youshi { height:434px; background:#020202 url(../images/youshi-bg.jpg) no-repeat top center; padding-top:104px; }

.youshi-left { float:left; width:650px; }

.youshi-left .tit {color:#ffffff; font-size:40px; line-height:1.67;font-family:Work; padding-left:2px; }

.youshi-left .des {color:#ffffff; font-size:18px; line-height:1.67; margin-top:26px;  }

.youshi-left .more { display:inline-block; color:#ffffff; font-size:18px; line-height:1.67; margin-top:35px; border-bottom:#bfb7af solid 1px;  }

/*news*/

.news { background-color:#f5f5f5; padding-top:88px; padding-bottom:50px; }

.news-list { margin-top:24px;}

.news-list ul li{ float:left; width:443px; height:auto; margin-bottom:49px; }

.news-list ul li:nth-child(3n+2) { margin-left:55.5px;}

.news-list ul li:nth-child(3n+3) { margin-left:55.5px;}

.news-list ul li .tit { color:#111111; font-size:22px; line-height:2.63; padding:0 5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  font-weight:bold; }

.news-list ul li .des { color:#888888; font-size:16px; line-height:28px; height:56px; padding:0 5px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

.news-list ul li .more { color:#888888; font-size:16px; line-height:28px; padding:0 5px; padding-top:29px; margin-top:23px; border-top:#c4c4c4 solid 1px; background:url(../images/news-icon.png) no-repeat; padding-left:40px; background-position:0 28px;  }

.news-list ul li:hover .tit {color:#1f4fc9;}

.n-news-list.news-list { padding:10px 20px; margin-top:0;}

.n-news-list.news-list ul li { float:none; width:100%; }

.n-news-list.news-list ul li:nth-child(3n+2) { margin-left:0;}

.n-news-list.news-list ul li:nth-child(3n+3) { margin-left:0;}

/*footer*/

.footer { background-color:#111111; min-height:320px;   }

.footer a:hover {color:#ffffff;}

.f-left { float:left; width:1133px; padding-bottom:30px; }

.f-top { padding-top:54px; padding-bottom:43px;}

.f-top ul li { float:left; width:360px;}

.f-top ul li .pic{ float:left; width:60px; height:60px;  }

.f-top ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;}

.f-top ul li .con { float:left; width:290px; margin-left:10px;}

.f-top ul li .con .tit {color:#929292; font-size:15px; line-height:1; margin-top:8px;}

.f-top ul li .con .des {color:#929292; font-size:18px; line-height:2; margin-top:2px; }

.f-nav {color:#929292; font-size:15px; line-height:2; padding-top:30px; border-top:#1d1f22 solid 1px;}

.f-nav ul li { float:left; margin-right:50px; position:relative;}

.f-nav ul li:after{content:""; position:absolute; right:-25px; top:50%; margin-top:-6px; width:1px; height:12px; background-color:#313131; }

.f-nav ul li:last-child:after { display:none; }

.f-copy {color:#929292; font-size:14px; line-height:2; margin-top:11px; }

.f-right { float:right; width:192px; background-color:#292929; margin-top:46px; padding:27px 27px 75px 27px;color:#8e8e8e; font-size:14px; text-align:center; }

.f-right img {max-width: 100%;max-height: 100%;vertical-align: middle; margin-bottom:16px;}

/*n-banner*/

.n-banner { width:100%;}

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

/*n-position*/

.n-position { height:62px; overflow:hidden; }

.n-posi-left { float:left; background:url(../images/home.png) no-repeat left center;  padding-left:30px; color:#888888; font-size:16px; line-height:62px;  }

.n-posi-left a:hover { color:#1f4fc9; }

/*n-main*/

.n-main { background-color:#f5f5f5; padding-top:40px; padding-bottom:60px; }

.n-left { float:left; width:300px; }

.n-left-ban { height:100px; background:#191919 url(../images/left-ban.jpg) repeat center center; text-align:center; color:#ffffff; font-size:40px;  font-weight:bold; font-family:Work;padding-top: 13px; }

.n-left-ban span { display: block; text-align:center; color:#ffffff; font-size:20px; line-height:20px; font-weight: 200; font-family:Work; }

.n-left-list { background-color:#FFF; }

.n-left-list ul li{ border-bottom:#f2f2f2 solid 1px; color:#111111; font-size:18px; line-height:40px;  padding-left:25px;padding-right:50px; position:relative; }

.n-left-list ul li i { display:block; position:absolute; right:20px; top:15px; width:20px; height:20px; background:url(../images/sub1.png) no-repeat center center; cursor:pointer; }

.n-left-list ul li i.act {transform:rotate(90deg);}

.n-left-list ul li a{ display:block;word-break:break-all;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.n-left-list ul .sub_er { display:block; }

.n-left-list ul .sub_er li{ background-color:#fbfbfb; font-size:16px; padding-left:40px; line-height:35px; color:#444444; }

.n-left-list ul .sub_er li i {background:url(../images/sub2.png) no-repeat center center; top:10px; }

.n-left-list ul .sub_san { display:none; }

.n-left-list ul .sub_san li{ background-color:#f0eeee; font-size:16px;padding-left:55px; line-height:30px; color:#777777;  }

.n-left-list ul li.active a{ color:#1f4fc9; }

.n-left-list ul li a:hover{ color:#1f4fc9; }

.n-left-tel { height:228px; background:#323337 url(../images/left-tel-bg.jpg) no-repeat top center; margin-top:24px; text-align:center; padding:49px 0 0 110px; background-size:100% auto; color:#ffffff; font-size:17px; line-height:1.76;}

.n-right { float:right; width:1110px; background-color:#FFF; }

/*n-page*/

.n-page {color:#333333; font-size:16px; line-height:2;  min-height:652px; padding:20px; }

.n-page img{ max-width:100%;}

/*n-newshow*/

.n-newshow { padding:60px 20px 20px 20px;min-height:652px;}

.n-show {padding:20px 0; color:#333333; font-size:16px; line-height:2; min-height:300px; text-align:center; }

.n-show img { max-width:100%;}

.n-show .img-responsive { display:inline;}

.n-tit { font-size:40px; text-align:center; line-height:1; color:#333333; font-weight:bold;font-family:Work; }

.n-time { font-size:16px; text-align:center; line-height:18px; margin-top:13px; color:#999999; }

.n-xian {border-bottom:#cccccc solid 1px; height:1px; margin-top:20px;}

.n-other { line-height:24px; padding:20px 0; color:#666666; }

.n-other a:hover{ color:#1f4fc9; } 

/*pagination*/

.pagination { width:100%; display:block;  text-align:center; font-size:14px; color:#7b7b7b; padding-bottom:20px; padding-top:30px; }

.pagination a { color:#7b7b7b;  padding:5px 9px;border-radius:3px; border:#dddddd solid 1px; margin:0 6px; }

.pagination a:hover { background-color:#1868b3; color:#FFF;border:#1868b3 solid 1px;}

.pagination a.now{ background-color:#1868b3; color:#FFF;border:#1868b3 solid 1px;}

/*n-pro-list*/

.n-pro-list { height:auto; padding-left:30px; }

.n-pro-list ul li { float:left; width:335px; text-align:center; height: auto; margin-top:32px; border:#f5f5f5 solid 1px; }

.n-pro-list ul li:nth-child(3n+2) { margin-left:20px;}

.n-pro-list ul li:nth-child(3n+3) { margin-left:20px;}

.n-pro-list ul li .pic { height:253px; display: flex;  align-items: center; justify-content: center; }

.n-pro-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;}

.n-pro-list ul li .tit { color:#111111; font-size:18px; line-height:3.2; background-color:#f5f5f5; padding:0 5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.n-pro-list ul li:hover .tit {color:#1f4fc9; }

/*n-message*/

.n-message-box { padding-top:30px; padding-bottom:40px;min-height:652px;}

.biaodan-list {margin-left:28px;}

.biaodan-list ul li { margin-top:20px;}

.bl-left { float:left; width:138px; margin-right:45px; text-align:right;color:#333333; font-size:16px; line-height:48px;}

.bl-left i { font-style:normal;;color:#ff1111; margin-right:5px;}

.bl-left.tj { min-height:10px;}

.bl-mid { float:left; width:516px;}

.bl-mid input[type=text] { width:100%; height:48px;color:#333333; font-size:16px; border:#cccccc solid 1px;border-radius:5px; }

.bl-mid input[type=submit] { width:100%; text-align:center; height:48px; background-color:#1f4fc9; color:#fff; font-size:16px; border-radius:5px; cursor:pointer; border:none;}









@media (max-width:1700px){

/*cata1700*/

.cata ul li { height:580px; }



}



@media (max-width:1500px){

.wrap{width:94%}

/*header1500*/

.header .logo{ width:13.26%; }

.header .nav ul li{ margin-left:50px; } 

.h-search { margin-left:80px;}

/*about1500*/

.about { padding-top:80px; padding-bottom:80px; }

.about-left { width:48%;}

.about-right { width:48%; margin-top:0; }

.about-right .tit { font-size:32px; }

/*cata1500*/

.cata ul li { height:480px; }

.cata ul li .con .tit { font-size:32px; }

/*pro1500*/

.pro { padding-top:70px; padding-bottom:80px; }

.pro-ban .tit { font-size:36px; }

.pro-ban .des ul li { margin-right:34px; }

.pro-list ul li { width:32%; }

.pro-list ul li:nth-child(3n+2) { margin-left:2%;}

.pro-list ul li:nth-child(3n+3) { margin-left:2%;}

.pro-list ul li .pic { height:300px; }

/*youshi1500*/

.youshi { height:auto; padding-bottom:70px; padding-top:65px; }

.youshi-left { width:45%; }

.youshi-left .tit { font-size:34px; }

/*news1500*/

.news { padding-top:60px; padding-bottom:40px; }

.news-list ul li{ width:30%; margin-bottom:39px; }

.news-list ul li:nth-child(3n+2) { margin-left:5%;}

.news-list ul li:nth-child(3n+3) { margin-left:5%;}

/*footer1500*/

.f-left { width:81%; }

.f-top ul li { width:33%;}

.f-top ul li .pic{ width:16%; height:auto; }

.f-top ul li .con {  width:80%;}

.f-top ul li .con .tit { font-size:14px;}

.f-top ul li .con .des {font-size:16px; }

.f-nav { font-size:14px;}

.f-nav ul li { margin-right:30px;}

.f-nav ul li:after{ right:-15px; }

.f-right {width:14%; padding:20px 20px 75px 20px; }

.f-right img { margin-bottom:10px;}

.n-tit { font-size:34px;}

/*n-main1500*/

.n-left { width:20%; }

.n-left-ban { font-size:34px; }

.n-left-list ul li{ font-size:16px; padding-left:11px;}

.n-left-list ul .sub_er li{ font-size:14px; padding-left:26px;  }

.n-left-list ul .sub_san li{ font-size:14px; padding-left:41px; }

.n-left-tel { padding:49px 0 0 40px; font-size:16px; }

.n-right { width:77%; }

/*n-pro-list1500*/

.n-pro-list { padding-left:2.7%; }

.n-pro-list ul li { width:31%;}

.n-pro-list ul li:nth-child(3n+2) { margin-left:2%;}

.n-pro-list ul li:nth-child(3n+3) { margin-left:2%;}

.n-pro-list ul li .pic { height:217px;  }

/*n-message1500*/

.n-message-box { padding-top:20px; padding-bottom:30px;}

.biaodan-list { margin-left:0}

.bl-left { width:20%; margin-right:5%; line-height:40px;}

.bl-mid { width:55%;}

.bl-mid input[type=text] {  height:40px; }

.bl-mid input[type=submit] { height:40px;}



}





@media (max-width:1200px){

/*header1200*/

.header .nav ul li{ margin-left:30px; } 

.h-search { margin-left:50px;}

/*about1200*/

.about { padding-top:60px; padding-bottom:60px; }

.about-right .tit { font-size:28px; }

.about-right .more { height:45px;  line-height:45px; margin-top:38px; }

/*cata1200*/

.cata ul li { height:380px; }

.cata ul li .con { bottom:36px; }

.cata ul li .con .tit { font-size:28px; }

/*pro1200*/

.pro { padding-top:50px; padding-bottom:60px; }

.pro-ban .tit { font-size:32px; }

.pro-ban .des ul li { margin-right:24px; }

.pro-list ul li .pic { height:233px; }

/*youshi1200*/

.youshi { padding-bottom:50px; padding-top:45px; }

.youshi-left .tit { font-size:30px; }

/*news1200*/

.news { padding-top:50px; padding-bottom:30px; }

.news-list ul li{ margin-bottom:29px; }

.news-list ul li .tit { font-size:20px; }

.news-list ul li .more { padding-top:18px; margin-top:18px; background-position:0 15px; }

.n-tit { font-size:28px;}

/*n-main1200*/

.n-left { width:20%; }

.n-left-ban { font-size:34px; }

.n-left-list ul li{ background:none; padding-right:40px;}

.n-left-tel { padding:49px 0 0 40px; font-size:16px; }

.n-right { width:77%; }

.n-newshow { padding:40px 20px 20px 20px;}

/*n-pro-list1200*/

.n-pro-list ul li { margin-top:22px;}

.n-pro-list ul li .pic { height:170px;  }



}





@media (max-width:992px){

/*header992*/

.header{ display:none;}

.header2{ display: block; } 

.header-wrap { display:block; height:60px;}

/*about992*/

.about { padding-top:40px; padding-bottom:40px; }

.about-left { margin-right:40px; margin-bottom:20px; }

.about-right { float:none; width:100%; }

.about-right .tit { font-size:24px; }

/*cata992*/

.cata ul li { height:280px; }

.cata ul li .con { bottom:26px; }

.cata ul li .con .tit { font-size:24px; }

/*pro992*/

.pro { padding-top:40px; padding-bottom:50px; }

.pro-ban .tit { font-size:28px; }

.pro-ban .des ul li { margin-right:14px; font-size:16px; }

.pro-ban .more { width: 100px; font-size:16px;margin-left:10px;}

.pro-list ul li { margin-top:22px;}

.pro-list ul li .pic { height:176px; }

.pro-list ul li .tit { font-size:16px; }

/*youshi992*/

.youshi { padding-bottom:40px; padding-top:35px; }

.youshi-left .tit { font-size:26px; }

/*news992*/

.news { padding-top:40px; padding-bottom:20px; }

.news-list ul li{ margin-bottom:20px; }

.news-list ul li .tit { font-size:18px; }

.news-list ul li .more { padding-top:13px; margin-top:13px; background-position:0 13px; background-size:25px auto; padding-left:30px; }

/*footer992*/

.f-left { float:none; width:100%; }

.f-top { padding-top:0; padding-bottom:20px;}

.f-top ul li { float:none; width:100%; margin-top:30px; }

.f-top ul li .pic{ max-width:50px; }

.f-top ul li .con .tit { margin-top:5px;}

.f-right { float:none; width:100%; margin-top:0; padding:30px 15px 25px 15px;  }

.n-tit { font-size:24px;}

/*n-main992*/

.n-main { padding-top:30px; padding-bottom:40px;}

.n-left { float:none; width:100%; margin-top:20px; }

.n-left-ban { font-size:24px; }

.n-left-tel { display:none; }

.n-right { float:none; width:100%;  }

/*n-pro-list992*/

.n-pro-list ul li .tit { font-size:16px; }

/*n-message992*/

.bl-left { font-size:14px;}

.bl-mid input[type=text] {  font-size:14px; }

.bl-mid input[type=submit] { font-size:14px;}

}



@media (max-width:767px){

/*header768*/

.f_nav { display:block;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom:9px;}

.header2 .logo{width:100px; }

.header2 .sub-menu{top:90px;}

/*about767*/

.about { padding-top:30px; }

.about-left { margin-right:20px; margin-bottom:0; }

.about-right .tit { font-size:22px; font-weight:bold;  }

.about-right .des { font-size:17px; line-height:1.6; margin-top:10px; }

.about-right .more { margin:0 auto; margin-top:28px; height:35px; line-height:35px;}

/*cata767*/

.cata ul li { float:none; width:100%;}

.cata ul li { height:270px; }

.cata ul li .con { bottom:16px; }

.cata ul li .con .tit { font-size:22px; }

/*pro767*/

.pro { padding-top:30px; padding-bottom:40px; }

.pro-ban {height:auto; }

.pro-ban .tit {  font-size:22px;line-height:30px; }

.pro-ban .des { float:left; width:100%; margin-top:15px; }

.pro-ban .des ul li {  line-height:20px; margin-right:7px; }

.pro-ban .more { height:30px;line-height:28px; }

.pro-list ul li { margin-top:22px; width:48.5%; }

.pro-list ul li:nth-child(3n+2) { margin-left:0;}

.pro-list ul li:nth-child(3n+3) { margin-left:0;}

.pro-list ul li:nth-child(even) { margin-left:3%; }

.pro-list ul li .pic { height:130px; }

/*youshi767*/

.youshi-left { float:none; width:100%;  }

.youshi-left .tit { font-size:22px; }

.youshi-left .des {  margin-top:16px; font-size:16px; }

.youshi-left .more { margin-top:16px; font-size:16px; }

/*news767*/

.news-list ul li{ float:none; width:100%; }

.news-list ul li:nth-child(3n+2) { margin-left:0;}

.news-list ul li:nth-child(3n+3) { margin-left:0; }

/*footer767*/

.footer { padding-bottom:5em; }

/*n-position767*/

.n-position { height:42px; }

.n-posi-left {  font-size:14px; line-height:42px; height:42px; overflow:hidden;  }

.n-posi-left a:hover { color:#1f4fc9; }

.n-main { padding-top:20px; padding-bottom:30px;}

.n-page { min-height:300px;}

.n-newshow {  padding:30px 15px 20px 15px; min-height:auto;}

.n-tit { font-size:22px;}

.n-left-ban { height:60px; font-size:22px; line-height:60px; padding-top:0; }

/*n-pro-list767*/

.n-pro-list { padding-left:2.7%; }

.n-pro-list ul li { width:47%;}

.n-pro-list ul li:nth-child(3n+2) { margin-left:0;}

.n-pro-list ul li:nth-child(3n+3) { margin-left:0;}

.n-pro-list ul li:nth-child(even) { margin-left:3%; }

.n-pro-list ul li .pic { height:122px;  }

/*n-message767*/

.n-message-box { padding-top:10px; padding-bottom:20px; min-height:auto; }

.biaodan-list ul li { margin-top:15px;}

.bl-left { width:27%; line-height:30px;}

.bl-mid { width:60%;}

.bl-mid input[type=text] {  height:30px; }

.bl-mid input[type=submit] { height:30px;}

}