@charset "utf-8";
article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body {overflow-x:hidden;font-size: 14px;font-family: Arial, sans-serif;line-height: 22px;color: #333;background: #eaeaea url(../images/bg.gif);}h2,h3{ font-style:normal; font-weight:normal;}* {margin:0;padding:0}a { color:#333; text-decoration:none;transition: all 0.2s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease; }a:hover { color:#ff0000; }a:active, a:focus, a:hover ,input:focus { outline:0 }.css3-animate { transition: all 0.6s ease; }img{ border-style:none;}li{list-style:none}img{border:0;margin:0;vertical-align:middle}.left{ float:left;}.right{ float:right;}.pc { display: block; }.phone { display: none; }.text-center { text-align: center; }.text-left { text-align: left; }.text-right { text-align: right; }.gray { color:#888; }.clear { clear: both; }.phonepic { width:100%;}.container {max-width: 1600px; width: 100%; margin:0 auto; }.red { color: #b41919; }.blue{ color:#014480;}.red1{ color:#ee7727; }.black{ color:#000; }.white{ color:#fff; }.gray{ color:#888; }.relative{ position: relative; }.absolute{ position: absolute; }.inline-block { display: inline-block; }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 30px, 0)}100%{opacity:1;transform:none}}

/*菜单开始*/
.header {position:relative;z-index:100;width:100%;height:130px;background:#fff url(../images/topbg.gif) repeat-x top;}
.header .header-main{position: relative; }
.navigation-up{height:100px;}
.navigation-up.container { max-width:1140px; }
.navigation-up .topnav { width:100%;height:40px;line-height:40px;text-align:right;float:left;word-spacing:5px;font-size:12px;word-spacing:4px; }
.navigation-up .logo { width:20%;float:left; margin-top:6px; }
.navigation-up .navigation{float:left; height:90px;width: 80%; }
.navigation-up .navigation li{float:left;width:9%;padding:0 1%;text-align:center;height: 90px; }
.navigation-up .navigation li a.gray { display:block;width:100%;line-height:90px;font-size: 15px;color:#444; }
.navigation-up .navigation li:hover a.gray { color:#ff0000; }
.navigation-up .navigation li.third:hover { background:url(../images/menubg.png) no-repeat bottom center; }
.navigation-up .navigation li.third { width: 10%; }
.navigation-up .navigation li.third a.arr { background:url(../images/arr1.png) no-repeat right 3px center; }
.navigation-up .navigation li.third a.arr:hover { background-image:url(../images/arr1a.png); }
.navigation-up .navigation li.mid { width: 14%; }
.navigation-up .navigation li.last { width: 30%;padding-right:0;background-image: none;float:right; }
.navigation>ul>li>dl{ position:absolute; left:50%; top:130px; margin-left:-570px;  width:1140px; height:270px; text-align:left;color:#333; background:#fff; z-index:91;border-top:#ff0000 1px solid;}
.navigation>ul>li>dl>div { width:17%;margin-left:3%;float:left;padding-top:20px;}
.navigation>ul>li>dl>div>a { display:block;width:95%;padding-left:5%;height:25px;line-height:25px;background:none;color:#333;font-size:13px;border-top:#fd7272 1px solid;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.navigation>ul>li>dl>div>a:hover { background:#f10404;color:#fff; }

.search {  width: 160px;height: 24px;padding-top:25px;float:right; }
.search input {color: #888;outline: none; }
.search1 { float:left;width:136px;padding-top:3px;}
.search2 { float: left;width:24px; }
.search .input {border: #ddd 1px solid;border-radius:20px;;padding: 0px 2px 0 14px;line-height:24px;height: 26px;width: 120px;transition: all .5s;background: none; }
.search .submit {border: 0;width: 24px;height: 24px;margin-top:3px;background: url(../images/search.png) no-repeat center;cursor:pointer;text-indent: -999px;}

.menubg {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #fff;z-index: 9991;}
.menu-icon { margin-top: 19px; }
.visible-phone {display: none;}

/*首页样式*/
.home-banner { width:100%;position:relative; }
.swiper-container { width: 100%;z-index:9; }
.swiper-slide {background-repeat: no-repeat;background-position: center;background-size: cover;/* Center slide text vertically */display: flex;justify-content: center;align-items: center; }
.swiper-slide img { width:100%;}
.swiper-container .swiper-pagination-bullet{opacity:0.5;width:12px;height:12px;background:#000}
.swiper-container .swiper-pagination-bullet-active{opacity:0.6;background:#fff}

.home1 { background: #fff;padding-top:0.15% }
.home1 li { width:33.20%;margin:0 0.2% 0.2% 0;float:left; overflow:hidden;}
.home1 li img { transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease; }
.home1 li:hover img { transform: scale(1.02, 1.02);}
.home1 li .bg { width:100%;height:15%;left:0;bottom:0;z-index:8;background:#000 url(../images/arr2a.png) no-repeat right 30px center;opacity:0;filter:alpha(opacity=0);transition-delay: 0s;transition-duration: .5s;transition-property: all;transition-timing-function: ease;}
.home1 li:hover .bg { background:#ff0000 url(../images/arr2.png) no-repeat right 20px center;opacity:.6;filter:alpha(opacity=60); }
.home1 li a { width:95%;padding:85% 0 0 5%;line-height:46px;font-size:16px;left:0;bottom:0;display:block;z-index:9;color:#fff;}
.home2 { background: #fafafa; }

/*底部样式*/
.footer { color:#444; background: url(../images/footbg.jpg) no-repeat bottom center;border-top:#ddd 1px solid; }
.foot1.container { max-width:1140px;width:96%; }
.foot1 { padding:3% 0; }
.foot1 .title { padding:0 0 8px;font-size:16px; }
.foot1 .left { width:90%;}
.foot1 .left div { width:17%;margin-right:3%;float:left;}
.foot1 .left a { display:block;width:100%;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.foot1 .right { width:10%;}
.foot2 { width:100%;height:40px;line-height:40px;color:#fff; }

.home-banner .text { position:absolute;width:80%;left:10%;top:46%;text-align:center;color:#fff;font-size:24px;font-weight:bold;z-index:99;text-shadow: 1px 2px 2px #555;  }
.main { background:#fff;padding:3% 0;line-height:24px;}
.main .container { max-width:1140px;min-height:200px; }
.about p { padding:0 0 12px; }

.products li { width:19%;margin:0 3% 1%;float:left; }
.products li a { display:block; }
.products li .pic { border:#ddd 1px solid;margin-bottom:6px;}
.products li img { width:100%;height:200px;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.products li:hover img { transform: scale(1.05, 1.05);}
.products li .title { font-size:14px; }
.products li .text { width:100%;height:38px;overflow:hidden;line-height:20px; }

.news li { width:100%;float:left;padding:0 0 30px;margin:0 0 30px;border-bottom:#eee 1px solid; }
.news li .title { font-size:18px;font-weight:bold; }

.newshow { min-height:270px; }
.newshow .title { font-size:22px;padding:0 0 15px0;margin:0 0 12px;}
.newshow .date { font-size:12px;padding:0 0 20px;}

.proview { padding:0 0 8%; }
.peitu { width: 16%; }
.peitu img { margin-bottom: 20px;width: 80px;border:#ddd 1px solid; }
.proview .more { width: 200px;line-height: 34px;margin:22px 0 0;text-align: center;background: #283991;border-radius: 6px;font-size: 16px; }
.proview .more a { display: block; }
.proview .more a:hover { color:#fff; }
.proview table { padding:0;border:0;border-top:#ccc 1px solid;border-left:#ccc 1px solid;}
.proview td { padding:6px 15px;line-height:18px;border:#ccc 1px solid;border-top:0;border-left:0;font-size:13px; }
.proview tr:nth-child(2n-1) { background:#eee; }

.contact { padding:0 7%; }
.contact .left { width:40%;line-height:32px; }
.contact .right { width:52%; }
.contact .right input,.contact .right textarea { width:98%;line-height:24px;}
.contact .right input.submit { width:100px;margin-top:20px;line-height:29px;height:29px;text-align:center;background:#283991;color:#fff; }

/*ËÑË÷°´Å¥*/
.input{ width:98%;height:24px;padding-left:2%;border:0;background:none; color:#999; }
.submit { width:100%;height:24px;cursor:pointer;background:url(../images/search.gif) no-repeat center;border:0; }

#fenye {color:#ba161e;padding:45px 0 0; height:25px;line-height:18px;}
#fenye a {padding:6px 12px;color:#283991;border-radius:3px; border:#283991 1px solid; margin:0 2px;transition: all 0.3s ease;display:inline-block;}
#fenye a:hover {text-decoration:none; background:#283991;color:#fff;}
#fenye .a1 { padding:6px 14px;border-radius:3px;display:inline-block; border:#283991 1px solid; margin:0 5px 0 2px;background:#283991;color:#fff;}