@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:12px;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:12px;outline:0;margin:0;padding:0; border:#a9a9a9 solid 1px; }
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:1219px;position:relative;max-width:100%;margin:0 auto}
.wrap::after{content:"";display:block;clear:both}
/*自定义*/
body{ FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

/*header*/
.header{height:115px; position:relative; background-color:#ffffff;}
.header .logo{float:left; height:80px; margin-top:30px; margin-left:10px; }
.header .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.header .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.nav{ height:50px; background-color: #27d; background-image: url(../images/fondo.png); empty-cells: show; text-align:center; }
.nav ul { display:inline-block; }
.nav ul li{float:left; width:140px; color:#ffffff; font-size:12px; line-height:50px; position:relative; font-weight:bold; overflow:hidden; height:50px; } 
.nav ul li:after{content:""; position:absolute; right:0; top:18px; width:2px; height:17px; background-color:#ffffff; }
.nav ul li:first-child:before {content:""; position:absolute; left:0; top:18px; width:2px; height:17px; background-color:#ffffff; }
.nav ul li .sub { position: absolute;width:200%;left:-50%; text-align:center; top:88px;z-index:30000; }
.nav ul li .sub ul li{ float:left; min-width:auto; width:100%; line-height:50px; position:relative;text-align:center;  margin:0; padding:0; font-size:15px; font-weight:normal;background-color:rgba(55,55,55,.95);}
.nav ul li .sub ul li:hover:after{ display:none;}
.nav ul li .sub ul li:hover {background-color:rgba(55,55,55,.75);}
.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 img { width:100%; height:100px; display:block; }
/*main*/
.main { position:relative; }
.main:after{content:""; position:absolute; right:0; top:0; width:5px; height:100%; background:url(../images/line.jpg) repeat-y right; background-size:100% auto; }
.main-left { float:left; width:240px; background-color: #27d; background-image: url(../images/fondo.png); vertical-align: top; padding-top:34px; padding-bottom:30px;  }
.main-left-ban { padding:0 20px; color:#FFF;FONT-SIZE: 14px; line-height:2; font-weight:bold;  }
.main-left-con { padding:0 20px; color:#FFF;FONT-SIZE: 14px; line-height:2; margin-top:13px;  }
.main-left-con img { margin-top:15px; max-width:90%; }
.main-left-con a { text-decoration:underline; }
.main-left-list { margin-top:75px; }
.main-left-list ul li { float:left; width:90px; height:45px; margin-left:20px; margin-top:20px; max-width:90px;}
.main-left-list ul li img { width:100%; height:100%; }
.main-right { float:right; width:974px; margin-right:5px;   }
.i-ban { min-height:119px; border-bottom:#dddddd solid 2px; background-color: #fdfdfd; COLOR: #039; FONT-FAMILY: verdana, arial; FONT-SIZE: 16px;  padding:50px 30px; }
.i-list {margin-top:63px; }
.i-list ul li{ float:left; width:363px; margin-bottom:70px; margin-left:31px; }
.i-list ul li:nth-child(even){ margin-left:123px; }
.i-list ul li .con { float:left; width:188px; margin-top:20px; }
.i-list ul li .con .tit { COLOR: #606060; FONT-FAMILY: verdana, arial; FONT-SIZE: 12px; font-weight:bold; }
.i-list ul li .con .des { COLOR: #606060;  FONT-FAMILY: verdana, arial; FONT-SIZE: 12px; margin-top:13px; }
.i-list ul li .pic { float:right; width:160px; height:160px; max-width:160px; }
.i-list ul li .pic img { width:100%; height:100%; }
/*footer*/
.footer { min-height:66px;  FONT-SIZE: 11px;  color: #999; line-height:1.5; padding:20px 0; background:url(../images/footer-bg.jpg) no-repeat; background-size:100% 100%;  }
.f-left { float:left; margin-left:50px; width:270px;  }
.f-mid { float:left; }
.f-right { float:right; margin-right:50px; }
.zhanwei { background-color:#FFF; height:200px; }
/*n-right*/
.n-right { padding:50px; }
.n-ban { COLOR: #039;  FONT-FAMILY: verdana, arial; FONT-SIZE: 20px; border-bottom: 1px solid #039;  padding-bottom: 3px;}
.n-con { COLOR: #555555; FONT-FAMILY: verdana, arial; FONT-SIZE: 12px; vertical-align: top; line-height:2; margin-top:50px; }
.n-con img { max-width:100%;}
/*n-piclist*/
.n-piclist { margin-top:46px; min-height:1000px; }
.n-piclist .ban {  COLOR: #555555; FONT-FAMILY: verdana, arial; FONT-SIZE: 12px; line-height:2; }
.n-piclist .hot { text-align:center; margin-top:10px; vertical-align:middle; }
.n-piclist .hot a{ display:inline-block; vertical-align:middle;  color:#ccbb88;text-decoration: none;font-size:30px; font-weight:lighter; }
.n-piclist .hot span {  display:inline-block; vertical-align:middle;  margin:0 10px;}
.n-piclist .hot .pic { width:700px; height:400px; display: flex;  align-items: center; justify-content: center; }
.n-piclist .hot .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.n-piclist .text { color: #998833; FONT-SIZE: 11px; line-height:1; text-align:left;  margin-top:19px; text-align:center;  }
.n-piclist .list { margin-top:50px; }
.n-piclist .list ul li { float:left; width:110px; height:48px; text-align:center; margin-left:30px; margin-top:30px; }
.n-piclist .list ul li img { width: 100%; height: 100%; border-color: rgb(255, 255, 255);}



@media (max-width:1250px){
.wrap{width:94%}
.banner img { height:auto; }
/*main1200*/
.main:after{ width:4px; }
.main-left {width:24.6%; }
.main-left-ban { padding:0 10px; }
.main-left-con { padding:0 10px; }
.main-left-list ul li { width:37.5%; height:40px; margin-left:8%; }
.main-left-list {  margin-top:55px; }
.main-right { width:75%; margin-right:0.4%; }
.i-list ul li{ width:45%; margin-left:3%; }
.i-list ul li:nth-child(even){ margin-left:3%; }
.i-list ul li .con { width:52%; margin-top:20px; }
.i-list ul li .pic { width:44%; height:auto; }
/*footer1200*/
.f-left { margin-left:20px; }
.f-right { margin-right:20px; }
/*n-piclist1200*/
.n-piclist { margin-top:36px; min-height:800px; }
.n-piclist .hot .pic { width:300px; height:300px; }
.n-piclist .list { margin-top:30px; }
.n-piclist .list ul li { width:13%; height:42px; margin-left:3%; margin-top:25px; }



}


@media (max-width:992px){
/*header992*/
.header{height:80px; }
.header .logo{ height:60px; margin-top:10px; margin-left:0; }
.nav ul{ display:block;}
.nav ul li{ width:18%;  } 
.nav ul li:first-child { margin-left:5%; }
/*main992*/
.main:after{ width:3px; }
.main-left {width:27.6%; }
.main-left-list { margin-top:35px; }
.main-right { width:72%; margin-right:0.4%; }
.i-ban { FONT-SIZE: 14px; padding: 40px 20px; }
.n-con { margin-top:36px;}
.i-list ul li .con { margin-top:0; }
/*footer992*/
.f-left { float:none; margin-left:3%; width:100%; }
.f-mid { float:none; margin-left:3%;  width:100%;  }
.f-right { float:none; margin-left:3%;  margin-right:0; width:100%;  }
.n-right { padding:30px; }
.n-ban {  FONT-SIZE:16px;}
/*n-piclist992*/
.n-piclist { min-height:600px; }
.n-piclist .hot .pic { width:250px; height:200px; }

}

@media (max-width:767px){
/*header767*/
.header{height:60px; }
.header .logo{ height:40px;}
.nav { height:40px; }
.nav ul li{ width:20%; line-height:40px; height:40px; } 
.nav ul li:first-child { margin-left:0; }
.nav ul li:after { top:12px; }
.nav ul li:last-child:after { display:none; }
.nav ul li:first-child:before { display:none; }
/*banner767*/
.banner img {height:80px;object-fit: cover;object-position: center;}
/*main767*/
.main:after{ display:none; }
.main-left {  float:none; width:100%; padding-top:24px; padding-bottom:24px; }
.main-left-list {  margin-top:10px; }
.main-left-list ul li { margin-top:10px; }
.main-left-list ul li { width:22%; height:35px; margin-left:2%; }
.main-right { float:none; width:100%; border-left:#dddddd solid 1px;border-right:#dddddd solid 1px;  }
.i-ban { padding:20px 3%; min-height:auto; }
.i-list { margin-top:23px; }
.i-list ul li{ float:none; width:94%; margin-left:3%; margin-bottom:20px;}
.i-list ul li:nth-child(even){ margin-left:3%; }
.i-list ul li .con { width:62%; }
.i-list ul li .pic { width:34%; }
.zhanwei { height:50px; }
/*n-right767*/
.n-right { padding:20px 3%; }
.n-ban {  FONT-SIZE:14px;}
.n-con { margin-top:16px; }
/*n-piclist767*/
.n-piclist { min-height:auto;margin-top: 16px; }
.n-piclist .hot a { font-size:20px; }
.n-piclist .hot .pic { width:180px; height:130px; }
.n-piclist .list { margin-top: 0; }
.n-piclist .list ul li { height:32px; margin-top:20px; }

}