@charset "utf-8";
/* CSS Document */
article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }
html {font-size:100%;font-family:Arial, Helvetica, sans-serif;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body {font-size: 14px;font-family:Arial, Helvetica, sans-serif;line-height: 22px;background:#FFF;color: #444;}
.phonepic { width:100%;}
h2,h3{ font-style:normal; font-weight:normal;}
* {margin:0;padding:0}
a { color:#444; text-decoration:none; }
a:hover { color:#215cd3; }
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;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
.left{ float:left;}
.right{ float:right;}
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.gray { color:#666;}
.red { color: #d71717; }
.blue { color: #215cd3; }
.clear { clear: both; }
.black { color:#111; }
.relative { position: relative; }
.absolute { position: absolute; }
.container {max-width: 1280px; width: 100%; margin:0 auto; }
/*顶部导航开始*/
.top { width:100%;height:207px; background:url(../images/topbg.gif) repeat-x top center;}
.top .logo{position:absolute;z-index:10;left:43px;top:30px;width:296px; }

.top .search { position:absolute;top:30px;right:3%;z-index:9;width:450px;margin-left:4%;height:38px;padding-top:7px;background:#797778; }
.top .search1,.search2  { float:right; }
.top .search input[type=search] {border: 0;padding: 0px 1px 0 9px;height: 30px;line-height:30px;width:400px;outline: none;background:#fff;color: #555;font-size:12px;font-family: Arial;}
.top .search input[type=submit] {border: 0;width: 40px;height: 30px;background: url(../images/search2.gif) no-repeat center;cursor:pointer;text-indent: -999px;}

.top .menu {position:absolute;left:4%;width:96%;top:100px;height:116px;z-index:90; }
.top .menu li{ float:left;text-align:center;position:relative;background:url(../images/menubg1a.png) no-repeat right center; }
.top .menu li a{display:block;line-height:17px;padding:20px 27px 16px;font-size:15px;color:#fff;background:url(../images/menubg1b.png) no-repeat left center;}
.top .menu li a:hover { text-decoration:none;}
.top .menu li a.m1{padding:11px 37px 8px; }
.top .menu li.m0 a { height:53px;width:30px;padding:0 19px;background:none;background: url(../images/home.png) no-repeat center; }
.top .menu li.m0 { background:#cb0509 ; }
.top .menu li:hover a{ background:#cb0509; }
.top .menu li a.cur{ background:#cb0509; }
.top .menu li.m0:hover a{ background: url(../images/home.png) no-repeat center; }

.navigation-down{position:relative;top:153px;left:0px;z-index:999;width:100%;background: url(../images/menubg0.png); }
.navigation-down .caidan { top:206px; }
.navigation-down .nav-down-menu{width:90%;padding:0 5%;height:auto;font-size:14px;}
.navigation-down .cate { width:22%;float:left;padding:10px 0 12px;margin-left:2%; }
.navigation-down .title { font-weight:bold;padding:0 0 8px 16px;font-size:15px; }
.navigation-down .title a:hover { color:#cb0509;}
.navigation-down p { padding:0px 0 30px;}
.navigation-down li { width:80%;float:left;}
.navigation-down li a { width:90%;padding-left:10%;line-height:30px;display:block;background:url(../images/arr3.png) no-repeat 10px 12px;}
.navigation-down li:hover a { color:#fff;background:#cb0509 url(../images/arr3a.png) no-repeat 10px 12px;}

.index-banner { height:485px;position: relative;overflow: hidden; }
.swiper-container {width: 100%;position: absolute;left: 0;top: 0;z-index: 999;}
.swiper-slide { display: flex;justify-content: center;align-items: center;}
.swiper-container .swiper-button-prev { background:url(../images/arrprew.png) no-repeat center;width:38px;position:absolute;left:2%; }
.swiper-container .swiper-button-next { background:url(../images/arrnext.png) no-repeat center;width:38px;right:2%;  }

.link { margin:0 4%;border:#4e4e4e 1px solid;padding:15px 10px;margin-bottom:40px;}

.footer{ color:#fff; background:#140202 url(../images/footbg.gif) repeat-x top center;min-height:272px;  }
.foot { padding:0 4%;}
.footer a { color:#999; }
.footer a:hover { color:#666; }
.foot1 { width:100%;padding:40px 0 23px 26px;}
.foot1 li { float:left;width:32%;}
.foot1 li.first { width:26%; }
.foot1 li.last { width:42%; }
.foot1 li td { color:#fff; }
.foot1 li div { padding-left:13px;}
.foot2 { padding:25px 0 10px 26px;}

/*公共样式*/
.homeqiehuan {padding:40px 0 30px;margin-top:22px; border-top:#c0c0c0 6px solid;font-size:16px; }
.homeqiehuan a { display:inline-block;width:348px;height:80px;padding:26px 0 0;margin:0 36px;background:url(../images/qiehuanbg1.png) no-repeat;}
.homeqiehuan a p { font-size:28px;margin-bottom:12px;}
.homeqiehuan a.cur,.homeqiehuan a:hover { background:url(../images/qiehuanbg.png) no-repeat;color:#fff;text-decoration:none; }

.main { min-height:450px;padding:0 4% 30px; }

.home1 { padding:50px 0 50px; background:url(../images/line.jpg) no-repeat top center;}
.home1 li { width:24%;margin-left:1%;margin-bottom:20px;float:left;}
.home1 li .pic{ width: 232px;position: relative;}
.home1 li .text { position: relative;margin:0 auto;font-weight:bold;color:#1864fe;font-size:15px;text-align:left;line-height:20px;padding:22px 0 0;width: 234px;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.home1 li .content { position: relative;margin:0 auto;color:#444;line-height:21px;text-align:left;width: 234px;height:72px; overflow:hidden; }
.home1 li:hover .content { text-decoration:underline; }

.home2 .title { font-size:36px;}
.home2 .tit { font-size:16px;color:#6d6d6d;padding:26px 0 50px;margin-bottom:40px;background:url(../images/line.jpg) no-repeat bottom center; }
.home2 li { width:20%;margin-bottom:20px;float:left;}
.home2 li .pic{ width: 200px;height:156px;text-align:center; border:#fff 5px solid;border-radius:4px; overflow:hidden;}
.home2 li .pic img { width:98%;height:154px; }
.home2 li:hover .pic { border:#215cd3 5px solid; }
.home2 li .text { margin:0 auto;font-weight:bold;color:#1864fe;font-size:14px;text-align:left;line-height:20px;padding:22px 0 0;width: 200px;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.home2 li .content { margin:0 auto;line-height:21px;text-align:left;font-size:12px;width: 200px;height:72px;color:#444;  }
.home2 li:hover .content { text-decoration:underline; }

.home3 { background:#e5e5e5;padding:16px 0.6%;margin:30px 0;}
.home3 li { width:23.8%;margin:0 0.6%;float:left;background:#fff;height:288px; overflow:hidden;}
.home3 li .title { font-size:18px;padding:14px 0 8px 4px; }
.home3 li .tit { font-size:11px;padding:0 0 0 4px;line-height:16px;color:#444; }
.home3 li:hover .title { text-decoration:underline; }

.daohang { border:#aaa 1px solid;line-height:59px;padding:0 3%;background:url(../images/tit11.gif);border-radius:4px;margin:30px 0 25px;word-spacing:3px; }

.factory { padding:0 15px; }
.factory .tit { width:100%;padding:0 0 20px;text-align:center;font-weight:bold;font-size:17px;}
.factory li { width:47.5%;float:left;margin:0 4% 26px 0;border-radius:8px;border:#ddd 1px solid; }

.cpqiehuan.container {  }
.cpqiehuan .investment_f{ width:100%;}
.cpqiehuan .investment_f .investment_title{height:44px;background:url(../images/qiehuanbg.gif) repeat-x bottom; }
.cpqiehuan .investment_title div{ padding:0 32px;height:44px;line-height:44px;display:inline-block;font-size:16px;cursor:pointer;border:#fff 1px solid;border-bottom:0;border-radius:5px;}
.cpqiehuan .investment_title div.on{ color:#215cd3;border:#ccc 1px solid;border-bottom:0;background:#fff;}
.cpqiehuan .investment_con{ clear:both;  padding:30px 54px 70px;min-height:200px;border:#ccc 1px solid;border-top:0;line-height:28px; }
.cpqiehuan .investment_con_list{display:none;}


.news { padding:0px 15px 0;}
.news li{float:left;width:100%;padding:0 0 21px;margin:0px 0 21px;}
.news li .left { width:28%;border:#ddd 1px solid;padding:4px;border-radius:3px;}
.news li .left img { width:100%;}
.news li .right { width:60%;}
.news li .tit { width:100%;font-size:20px;padding:18px 0;height:50px;}
.news li .des { height:90px;font-size:16px; }
.news li .date {  }

.newsview { padding:8px 20px;}
.newsview .tit { font-size:18px;padding:20px 0 12px;margin:0 0 6px;border-bottom:#eee 1px solid;}
.newsview .date { color:#999;word-spacing:6px; }
.newsview .text { padding:25px 0; }

.fqa td { line-height:28px;}
.fqa .tiwen { padding:20px 5% 10px;border-bottom:#ccc 1px solid;margin-bottom:25px; }
.fqa .tiwen .tit1 { font-size:22px;margin-bottom:8px;}
.fqa .tiwen .right a { display:block;line-height:37px;padding:0 20px;border:#005193 1px solid;margin-top:8px;border-radius:5px;background: url(../images/submitbg1.gif);color:#fff;}
.fqa .title { font-weight:bold; }
.fqa .neirong { width:80%;padding-right:20%;background:url(../images/fqa.jpg) no-repeat right top}
.fqa li { padding:15px 3%;border-bottom:#ddd 1px solid; }

.contact { padding:20px 35px 100px;font-size:18px;line-height:30px; }

.pro1 { font-size:24px;padding:30px 40px 20px;}
.pro2 { width:100%;padding:0 40px 50px;}

.pro3 { padding:0 0 15px;border-bottom:#ccc 1px solid;}
.pro3 li { width:22%;margin-right:4%;margin-bottom:20px;float:left; overflow:hidden; }
.pro3 li .pic { text-align:center;border-radius:4px; }
.pro3 li .pic img { width:100%;height:188px; }
.pro3 li .title { padding:6px 0 7px;font-weight:bold;line-height:18px;}
.pro3 li .text { padding-left:10%;color:#444;font-size:12px;height:60px;line-height:18px; }
.pro3 li:hover .text { text-decoration:underline; }
.pro3 li .title p { display:inline-block;font-weight:normal;font-size:11px;color:#999;}
.pro3 .xiaofenlei { width:100%;height:100%;left:0;top:50px;z-index:9;opacity: 0;filter:alpha(opacity=0);transition: all 0.5s ease;background: url(../images/pro3bg.png);color:#fff;}
.pro3 li:hover .xiaofenlei { top:0;opacity: 1;filter:alpha(opacity=100);}
.pro3 .xiaofenlei a { color:#fff;}
.pro3 .xiaofenlei .tit1 { margin:12px 10px 5px;padding:0 5% 6px;border-bottom:#d7e7fa 1px dashed;font-size:18px;}
.pro3 .xiaofenlei dt { padding:2px 3% 2px 9%;width:88%;float:left;}
.pro3 .xiaofenlei dt a:hover { color:#cb0509; }

.pro4 { padding:40px 0 10px;border-bottom:#ddd 1px dotted; }
.pro5 { padding:50px 0 25px;}
.pro5 li { width:17%;margin:0 1.5%;height:280px;float:left;margin-top:10px;}
.pro5 li .pic { width:213px;height:160px; overflow:hidden;}
.pro5 li .pic img { width:100%;transition: all 0.6s ease; }
.pro5 li:hover .pic img { transform: scale(1.1, 1.1); }
.pro5 li .title { padding:16px 0 7px 10%;font-weight:bold;}
.pro5 li .text { padding-left:10%;font-size:12px;line-height:18px;color:#666; }
.pro5 li:hover .text { text-decoration:underline; }

.showpic1 { padding:30px 4% 35px; }
.showpic1 .left { width:53%; }
.showpic1 .right { width:40%;padding:10px 0 0;}
.showpic1 .tit1 { font-size:18px;line-height:34px;text-transform : uppercase }
.showpic1 .tit2 { font-size:36px;line-height:36px;margin:40px 0 80px;}
.showpic1 .text { line-height:26px;color:#464646; }
.showpic2 .title { padding:16px 0 12px 5%;margin:30px 0 21px;font-size:22px;background:#eaebed;}
.showpic2 .tit { padding:16px 0 12px 4%;font-size:19px;background:#242424;color:#fff; }
.showpic2 .content { background:#eaebed;padding:20px 4%;}
.showpic2 tr { line-height:36px;border-top:#ccc 1px solid;}
.showpic2 tr:nth-child(1) { border-top:0;}
.showpic3 { margin:100px 4% 10px;font-size:22px; }

/*产品详情页样式*/
#slideshow SPAN {DISPLAY: none}
#wrapper { WIDTH: 563px; DISPLAY: none;}
#wrapper * {PADDING: 0px; MARGIN: 0px; }
#fullsize {POSITION: relative;WIDTH: 563px; BACKGROUND: #f6f6f6;border:#ccc 1px solid;border-radius:2px; HEIGHT: 422px; overflow:hidden; }
#information {Z-INDEX: 200; POSITION: absolute; FILTER: alpha(opacity=20); WIDTH: 0px; BOTTOM: 0px; HEIGHT: 0px; OVERFLOW: hidden; opacity: .7}
#information H3 {PADDING: 4px 8px 3px ; }
#information P {PADDING-BOTTOM:0 8px 8px; }
#image {WIDTH: 563px;height:422px;POSITION: absolute;}
#image IMG {Z-INDEX: 25;POSITION: absolute;left:0;top:0;width:563px;height:422px; }
.imgnav {Z-INDEX: 150; POSITION: absolute; WIDTH: 25%; HEIGHT: 422px; CURSOR: pointer}
#imgprev {BACKGROUND: url(../images/qhleft.gif) no-repeat left center; LEFT: 0px}
#imgnext {BACKGROUND: url(../images/qhright.gif) no-repeat right center; RIGHT: 0px}
#imglink {Z-INDEX: 100; POSITION: absolute; FILTER: alpha(opacity=40); WIDTH: 100%; HEIGHT: 100px; opacity: .4}
.linkhover {BACKGROUND: url(../images/link.gif) no-repeat center center}
#thumbnails {MARGIN-TOP: 5px}
#slideleft {WIDTH: 10px; BACKGROUND: url(../images/scroll-left.gif) #fff no-repeat center center; FLOAT: left; HEIGHT: 3px}
#slideleft:hover {BACKGROUND-COLOR: #fff}
#slideright {WIDTH: 20px; BACKGROUND: url(../images/scroll-right.gif) #fff no-repeat center center; FLOAT: right; HEIGHT: 3px}
#slideright:hover {BACKGROUND-COLOR: #fff}
#slidearea {POSITION: relative; WIDTH: 563px; FLOAT: left; HEIGHT: 102px;  OVERFLOW: hidden}
#slider {POSITION: absolute; HEIGHT: 104px; LEFT: 0px}
#slider IMG {BORDER: #ccc 1px solid; CURSOR: pointer; width:136px;height:102px;}

.liulan { border:#ccc 1px solid;padding:30px 10px;margin:0 3% 30px;}
.liulan p { padding:0 0 8px;margin:0 0 23px 2%;font-size:18px;}
.liulan li { width:9%;margin:0 0.5%;float:left;}
.liulan li .main_img{ width: 99%;height:100px;text-align:center;position: relative;z-index:1;transition: all 0.5s ease; overflow:hidden;}
.liulan li img{ width:80%;margin:5px 0;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.liulan li:hover img { transform: scale(1.08, 1.08);}
.liulan li .text { position: relative;font-size:12px;line-height:28px;padding:0 4%; overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }

#fenye {float:right;color:#000;margin:30px 10% 0 0; height:25px;font-weight:bold; }
#fenye a {padding:7px 12px;color:#888; border:#cecece 1px solid;margin:0 3px;border-radius:4px; }
#fenye a:hover {text-decoration:none; background:#333;border:#333 1px solid;color:#fff;}
#fenye .a1 { padding:8px 12px;margin:0 3px;border-radius:4px;background:#333;color:#fff;}

.liuyan { padding:5px 35px 40px; }
.liuyan .tit { font-size:30px;margin:0 0 16px; }
.liuyan td { padding:4px 0; }
.bbs { width:220px;line-height:27px;padding:0 10px;margin:3px 0;border:#ddd 1px solid;border-radius:6px;font-family:Arial, Tahoma, sans-serif; }
.message { border:#cdcdcd 1px solid;width:778px;height:118px;padding:6px;margin:1px 0 5px;border-radius:6px;font-family:Arial,Tahoma,  sans-serif; }
.submit { line-height:34px;font-size:16px;width:125px;text-align:center;background: url(../images/submitbg.gif);color:#fff;border-radius:4px;border:#d1d1d1 1px solid;cursor:pointer;transition: all 0.4s ease; }