@charset "utf-8";
body,ul{ margin:0; padding:0;font-family:"微软雅黑"; }
a{ text-decoration:none;}
a:hover{color:#3399cc;}
.warpper{width:1200px; margin:auto;}
.clearfix{clear::both;zoom:1;}
.clearfix:after{height:0;clear:both;overflow:hidden;clear:both;content:".";display:block;}
.fl{float:left;}
.fr{float:right;}
/*顶部*/
.lk{display: block;height: 0;width: 0;overflow: hidden;}
.top{height:90px; margin:0 auto; background:url(../images/1.jpg) no-repeat center top;}
.bg1{ height:90px; background:url(../images/2.jpg) no-repeat center center; overflow:hidden;}
.logo{height:89px; width:300px; border-bottom:1px solid #ddd;}
.logo img{max-width:100%;}
.gg1{font-size:30px;font-family:"华文行楷"; color:#fff; line-height:90px; box-sizing:border-box; width:535px; text-align:center; padding-left:70px;}
.gg1 span{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:28px;}
.gg2{ height:90px;box-sizing:border-box;color:#fff;width:355px; text-align:right;}
.gg3{ box-sizing:border-box; line-height:90px; font-size:28px; font-family:"华文行楷"; text-align:right;}
.gg4{ box-sizing:border-box; font-size:18px;font-family:"华文行楷"; line-height:28px; display:block;}
.gg4 span{font-size:18px;font-family:"微软雅黑"; line-height:28px;}
.gg5{height:22px}
.gg5 img{max-width:22px;}
.gg6{line-height:22px; font-size:19px;font-family:"华文行楷";}
/*导航*/
.nav { height:75px; font-size:16px; color:#555; line-height:75px;}
.nav ul{ margin:auto; width:1020px;}
.nav ul li{ float:left; list-style:none; display:block;height:75px; width:170px;text-align:center; box-sizing:border-box; border-right:1px solid #e9e9e9;}
.nav ul li:hover{ background:#3399cc;}
.nav ul li:hover a{ color:#FFF;}
.nav ul li a{ color:#555;}
/*6大优势*/
.bg2{ margin-top:35px;}
.ad1{width:428px; height:70px; margin:auto;}
.ad2{ color:#3399cc; font-size:88px;font-family:"微软雅黑";}
.ad3{ float:left; box-sizing:border-box; padding-top:18px;}
.a1{ color:#555555; font-size:26px; padding-left:14px; }
.a2{ color:#fff; font-size:28px; background:#3399cc; padding:0 20px;}
.bg3{margin-top:65px; height:802px; background:url(../images/4.jpg);}
.ad4{width:620px; height:802px;}
.ad5{width:580px; height:802px;}
.ad6{ height:188px; box-sizing:border-box; padding-left:66px; padding-top:32px; font-size:18px; color:#FFF; line-height:36px;}
.a3{ font-size:26px;}
.a4{ font-size:26px; color:#3399cc;}
.ad7{ height:186px; box-sizing:border-box; padding-left:210px;padding-top:32px; font-size:16px; color:#777; line-height:36px; margin-top:56px;}
.ad8{ height:186px; box-sizing:border-box; padding-left:216px;padding-top:32px; font-size:16px; color:#777; line-height:36px; margin-top:123px;}
.ad9{ height:186px; box-sizing:border-box; padding-left:216px;padding-top:32px; font-size:16px; color:#777; line-height:36px; margin-top:58px;}
.ad10{ height:188px; box-sizing:border-box; padding-left:60px; padding-top:32px; font-size:18px; color:#FFF; line-height:36px; margin-top:60px;}
/*产品中心*/
.bg4{height:35px; background:url(../images/2.png) no-repeat center center;line-height:35px; font-size:30px;color:#3399cc; font-weight:bold; text-align:center; margin-top:50px;}
.bg5{ margin-top:40px;}
.pronav{width:295px;}
.pronav1{width:270px;}
.pn{height:50px;background:#3399cc;text-align:center;font-size:18px; color:#fff;line-height:50px;}

/*产品类别导航*/
.sideMenu{ }
.sideMenu .aa{ background:#167bae; text-align:center; line-height:42px; position:relative;}
.sideMenu .aa em{ width:0; height:0; border-width:10px; border-style:solid; border-color:#167bae transparent transparent transparent; position:absolute; top:42px; left:110px;}
.sideMenu .aa a{ color:#fff; font-size:16px;}
.sideMenu .bb{ height:34px; line-height:34px;  border-top:1px solid #e3e3e3; background:#3399cc; cursor:pointer; font:normal 14px/32px "Microsoft YaHei"; width:220px; text-align:center; margin:auto; border-radius:17px; margin-top:10px;}
/*.sideMenu .bb{display:none;}*/
.sideMenu .bb a{color:#fff;}
.sideMenu .bb a:hover{color:#fff;}
.sideMenu .bb em{ float:right; display:block; width:40px; height:32px;   background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
/*.sideMenu .bb .on em{ background-position:16px -57px; }*/
.sideMenu ul{ color:#999; display:block; margin-bottom:20px;/*默认都隐藏 */border: 1px solid #ddd; padding-top:5px; padding-bottom:15px; }
.sideMenu ul li{ list-style:none; line-height:30px; width:90%; padding:0 5%; text-align:center;}
.sideMenu ul li a{ color:#666666; font-size:14px;}
.sideMenu ul li a:hover{color:#3399cc;}
		
.bannerslide { height:500px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
/*产品类别导航*/
.pro{width:856px;}
.pro1{height:50px;background:#3399cc; color:#fff; font-size:18px; box-sizing:border-box; padding-left:20px;width:856px;vertical-align:middle;}
.pro2{ height:240px; width:856px;}
.homepro3{width:260px;overflow:hidden;position:relative; border:1px solid #ddd;}
.homepro3 img{transition: all 0.8s; height:240px; width:100%;}
.pro3{ height:290px;overflow:hidden;width:270px; position:relative; border:1px solid #ddd;}
.pro3 img{transition: all 0.8s; height:240px; width:100%;}
.pro3 img:hover{transform:scale(1.2);}
.bg6{ margin-top:20px;}
.bg7{ margin-right:23px;}
.bg8{ margin-top:20px;}
.pro4{ width:270px; height:50px; background:rgba(66,129,170,0.8); position:absolute; color:#fff; line-height:50px; font-size:14px; bottom:0; text-align:center;}
.pro4 a{ color:#fff; font-size:14px; display:block; height:290px; display:block;}
.pro3 a:hover .pro4{background:#ff6800;}

.bg9{ width:100%; height:237px; background:url(../images/6.jpg) no-repeat center center; margin-top:50px;}
.bg10{ box-sizing:border-box; padding-left:276px; color:#fff;font-size:18px; padding-top:75px;}
.bg11{ font-size:24px; font-weight:bold;}
/*news*/
.news{ height:335px; margin-top:50px; box-sizing:border-box; padding:0 50px;}
.news1{height:335px; width:260px; float:left; overflow:hidden;}
.news1 img{transition: all 0.8s;}
.news1 img:hover{transform:scale(1.2);}
.news2{height:335px; width:530px; float:left; margin-left:20px; overflow:hidden;}
.news4{height:90px; border-bottom:1px dashed #3399cc; padding-bottom:15px; overflow:hidden;}
.news5{font-size:16px; color:#2a2a2a; height:25px;}
.news5 a{color:#2a2a2a; font-weight:bold; height:24px; overflow:hidden; display:block;}
.news5 a:hover{color:#3399cc;}
.news6{color:#676566; font-size:14px;line-height:22px; margin-top:12px; height:40px; overflow:hidden;}
.news3{height:335px; width:260px; float:right;}
.news7{height:157px; overflow:hidden;width:260px;}
.news8{height:157px; overflow:hidden;width:260px; margin-top:21px;}
.bg12{ margin-bottom:15px;}
/*底部*/
.foo{ width:100%; min-width:1200px; height:225px; background:#f0f0f0;}
.foot{margin-top:50px; height:225px;}
.fo1{width:330px;height:225px; box-sizing:border-box; padding-top:40px; margin-right:40px; }
.fo2{height:225px;width:150px;box-sizing:border-box;line-height:24px; padding-top:20px;}
.fo2 a{line-height:24px; color:#444444; font-size:14px;}
.fo2 span{ font-size:16px; color:#333; }
.fo2 span a{color:#333;line-height:55px; font-weight:bold;}
.fo3{height:225px;width:250px;box-sizing:border-box;line-height:24px; padding-top:20px;color:#444444; font-size:14px;}
.fo3 a{line-height:24px; color:#444444; font-size:14px;}
.fo3 span{ font-size:16px; color:#333; }
.fo3 span a{color:#333;line-height:55px; font-weight:bold;}
.foot1{width:100%; height:35px;border-top:1px solid #dad9d9; color:#fff; line-height:36px;text-align:center; background-color:#333;}



/*内页*/
.bannerx{background:url(../images/nybanner.jpg) no-repeat center top; height:410px;}
.bannery{background:url(../images/nybannera.jpg) no-repeat center top; height:410px;}
.bannerxa{background:url(../images/nybannerb.jpg) no-repeat center top; height:410px;}
.bannerxaa{background:url(../images/nybannerbb.jpg) no-repeat center top; height:410px;}
.bannerxb{background:url(../images/nybannerc.jpg) no-repeat center top; height:410px;}
.bannerxc{background:url(../images/nybannerd.jpg) no-repeat center top; height:410px;}
.bg13{ margin-top:25px;}
.left{ width:250px; float:left;}
.main{width:900px; float:right;}
.wz{height:50px; box-sizing:border-box; border-bottom:1px dashed #CCCCCC; font-size:12px; color:#666; text-align:right; line-height:50px;}
.wz1{font-size:24px; color:#333; line-height:50px; padding:0 25px; float:left; height:50px;}
.wz2{height:50px; float:right;font-size:12px; color:#666; line-height:50px; padding:0 10px;}
.wz2 a{ color:#666;}
.wz2 a:hover{color:#3399cc;}
.content1{box-sizing:border-box;padding:25px 10px 0 10px;text-align: justify; font-size:14px;line-height:28px;color:#333; min-height:250px;letter-spacing:1px;}
.content2{box-sizing:border-box;padding:25px 0px 0 20px;text-align: justify; font-size:14px;line-height:28px;color:#333;letter-spacing:1px;}
.content3{box-sizing:border-box;padding:25px 10px 0 10px;text-align: justify; font-size:14px;line-height:28px;color:#333;text-align:center;letter-spacing:1px;}/*详情*/
.content3 span{ font-size:18px; color:#333; font-weight:bold; line-height:36px;}
.content3 a{ color:#f00;}
.bg14{ margin-right:23px; margin-bottom:20px;}
.bg14:nth-child(3n){margin-right:0px;}
.newstit{  }
.newstit a{ color:#333; font-size:14px; height:28px; overflow:hidden; width:80%; float:left; background:url(../images/5.png) no-repeat left;box-sizing:border-box; font-size:14px; padding-left:35px;}
.newstit a:hover{color:#3399cc;}
.newstit span{text-align:right; float:right; color:#999; font-size:12px; width:20%;}
.ntit{text-align:center; font-size:18px; line-height:36px; color:#333;}
.ntit span{ color:#666; font-size:12px;}
.contact{ box-sizing:border-box; color:#333; font-size:14px; font-weight:bold; padding-left:200px; line-height:30px;}
.contact span{ color:#F00; font-size:24px;line-height:48px;}
.next{text-align:center; font-size:12px; line-height:30px; color:#666;}
.next a{ color:#444;}
.next a:hover{color:#F00;}