*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{ font-family:"微软雅黑","黑体","宋体";}
a{ direction: none;}
table{direction:none;}
img{border: none;}
@font-face {font-family: 'impact';src: url('../font/impact.ttf');}

.pubCon{ width:1200px; margin: 0 auto;}
.pubTit{ text-align: center; margin-top:40px; margin-bottom: 20px;}
/* welcome */
.welcome{ width:100%; height: 30px; font-size:14px; color:#666; position: relative; z-index: 999;line-height:30px;}
.welcome p{ line-height: 30px; float:left; color:#666;}
.welcome b{ font-size:16px; color:#333; float:right; height: 30px; overflow: hidden; }
.welcome b img{ float:left; margin-top:4px; margin-right:3px;}
.welcome b span{ font-weight: 100; font-size:14px; color:#666;}


/* top */
.top{ width:100%; height: 120px; background: rgba(0,0,0,0.35); position: relative; z-index: 999;}
.top .logo { margin-top:30px; float:left;}
.nav { width:864px; height: 120px; float: right;}
.nav li{ width:96px; float:left;  line-height: 120px; text-align: center; }
.nav li a{ color:#fff; font-size:16px; display: inline-block;}
.nav li:hover{ background:#ffcc00;}
.nav li:hover a{ color:#fff;}

/*banner*/
.banner{ height:760px; width:100%; position:relative; overflow:hidden; z-index:1; top:-120px;}
.banner ul li{ position:absolute; top:0; left:50%; margin-left:-960px; display:none;}

.banner ol li{ display:inline-block; width:16px; height:16px; font-size:12px; background:#333; color:#fff; text-align:center; line-height:16px; border-radius:50%; margin:0 3px; cursor:pointer;}
.banner ol{ position:absolute; bottom:20px; left:0; width:100%; font-size:0px; text-align:center;}
.banner ol li.on{ background:#005cd9;}

.banner .btn{ width:40px; height:80px; font-size:50px; position:absolute; top:50%; margin-top:-40px; text-align:center; line-height:80px; color:#fff; cursor:pointer; transition:0.3s; opacity:0;}
.banner:hover .btn{ opacity:1;}
.banner .btn_l{ left:11%;}
.banner:hover .btn_l{ left:5%;}
.banner .btn_r{ right:11%;}
.banner:hover .btn_r{ right:5%;}
/*banner*/

/* pinzhi */
.pinzhi{ width:100%; height: 182px; background: url(../images/pinzhibj.png) no-repeat center; margin-top:-170px; position: relative; z-index: 999;}
.pinzhitext{ padding-top:65px; margin-left:217px; float:left;}
.pinzhitel{ padding-top:55px; margin-left:60px; float:left;}
.pinzhia{ width:350px; float:right; margin-right:23px;}
.pinzhia li{ width:165px; height: 45px; text-align: center; border:1px solid #fff; float:left; margin-top:75px; line-height: 45px; margin-right:15px; transition:0.5s;}
.pinzhia li a{ color:#fff;  font-size:18px;}
.pinzhia li:nth-child(2){ margin-right:0px;}
.pinzhia li img{ margin-top:10px; float:left;padding-left:30px;}
.pinzhia li:hover{ background:#ffcc00;}

/* fenlei */
.fenlei{ position: relative; width:100%;height: 405px; background: url(../images/fenleibj.jpg) no-repeat center;margin-top:-80px; overflow: hidden;}
.fenlei .pubTit{ padding-top:70px;}
#wrapper {
    width: 1200px;
    height: 167px;
    /* margin: -110px 0 0 -367px; */
    position: absolute;
    /* left: 50%;
    top: 50%; */
}

#carousel {
    width: 1200px;
    position: relative;
}
#carousel ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}

#carousel li {

    /* background: transparent url(img/carousel_polaroid.png) no-repeat 0 0; */
    font-size: 40px;
    color: #999;
    text-align: center;
    display: block;
    width: 222px;
    height: 167px;
    padding: 0;
    margin: 9px;
    float: left;
    position: relative;
    border-radius:20px;
}
#carousel li:hover span{background: rgba(255,204,27,0.75);}

#carousel li img {
    width: 222px;
    height: 167px;
    /* margin-top: 14px; */
}

#carousel li span {

    background: rgba(0,0,0,0.75);
    color:#fff;
    line-height: 45px;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 45px;
    position: absolute;
    z-index: 2;
    top: 60px;
    left: 0px;
    font-size:16px;
    transition:0.75s;

}

.clearfix {
    float: none;
    clear: both;
}

#carousel .prev,
#carousel .next {

    background: transparent url(../images/jiantou.png) no-repeat 0 0;

    text-indent: -999px;

    display: block;

    overflow: hidden;

    width: 52px;

    height: 34px;

    /* margin-left: 10px; */

    position: absolute;

    top: 70px;

}

#carousel .prev {
    background-position: 0 0;
    left: -52px;
    transition:0.5s;
}

#carousel .prev:hover {
    left: -55px;
}

#carousel .next {
    background-position: -55px 0;
    right: -52px;
    transition:0.5s;
}

#carousel .next:hover {
    right: -55px;
}

/* product */
.product{ width:100%; height: 1017px; background: url(../images/probj.jpg) no-repeat center bottom;}
.proList{ width:100%; overflow:hidden; padding-top:30px; }
.proList ul{width:100%; }
.proList ul li{ width:380px; height:320px;  float:left; margin-right:28px; margin-bottom:15px; overflow:hidden; text-align:center; position:relative;}
.proList ul li:nth-child(3n){ margin-right:0px;}
.proList ul li .propic{ width:380px; height:280px; overflow:hidden;}
.proList ul li .propic img{ display:block; width:100%; transition:0.3s; min-height:280px;}
.proList ul li:hover .propic img{ transform:scale(1.1);}
.proName{ width:380px; height:40px;  }
.proList ul li h4{ height:40px;  font-size:18px; color:#fff; font-weight:100; text-align:center; line-height:40px; width:100%; transition:0.5s;}

.proList ul li:hover .zhe{transform:scale(1); top:0px;}
.zhe{ position:absolute; transition:0.5s; margin:35px 50px;transform:scale(0);}
#marquee3{ width:100%; height:800px; overflow:hidden;}

/* about */
.about{ width:100%; height: 527px; background: url(../images/abbj.jpg) no-repeat center;}
.abimg img{ margin-top:55px; float:left;}
.abright{ width:750px;float:right;}
.abright h1{ margin-top:60px; width:750px; text-align: center; font-size:26px; color:#0b67e4;}
.abright b{ font-size:14px; color:#999; font-weight: 100; display: block; text-align: center;}
.abright .dian{ text-align: center; display: block;margin:10px auto 15px;}
.abright p{ font-size:16px; color:#333;text-align: justify; line-height: 30px;}
.abmore{ width:195px; height: 35px; border:1px solid #0b67e4; border-radius:20px; text-align: center; line-height: 35px; margin-left:275px; transition:0.5s;}
.abmore a{ color:#0b67e4;  display: block; }
.abmore:hover{ background: #0b67e4;}
.abmore:hover a{ color:#fff;}

/*shuzi*/
.shuzi{ width:750px;  margin-top:50px; }
.fl_listbox{  width:100%; position:absolute;bottom:0px;}
.fl_list{ position: relative; z-index: 10; height:100px; width:750px; margin:0 auto;}
.fl_list .fl_item{ position: relative; font-size: 18px; display: block; height: 100%; float: left; width:33%; text-align: center; }
.fl_list .fl_item .li_box .icon{ margin-top:30px; height:60px;}
.fl_list .fl_item:nth-child(4n) .li_box{ border-right:none;}
.fl_list .fl_item:nth-of-type(2n) p{color:#fff; }
.fl_list .fl_item:after{ content:''; display: block; margin-top: 100%;} 
.fl_list .fl_tit a{ position: relative; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 10%;}

.fl_list .fl_item:hover .fl_tit a p{ opacity: 0; color: #FFF;}
.fl_list .fl_item .img{ width: 210px; display: block; margin: 0 auto; margin-bottom: 20px; overflow: hidden; position: relative;}
.fl_list .fl_item .img img{ width: 200px; display: block; height: 160px; transition: 0.3s all; padding:3px;}
/* .fl_list .fl_item:nth-of-type(1){ background:#067ae6; }
.fl_list .fl_item:nth-of-type(7){ background:#0467cb; }
.fl_list .fl_item:nth-of-type(3){  background:#067ae6; }
.fl_list .fl_item:nth-of-type(5){  background:#0467cb; } */

/*数字*/
.fl_tit{ margin:8px 0;}
.fl_tit ul li:nth-child(4) {border-right-style: none;}
.fl_titx .li_box{padding-top: 20px;}
.fl_tit .div1 .span1{font-size: 48px;color: #fff; font-weight: 600; }
.fl_tit .div1 .span3{font-size: 36px;color: #fff;}
.fl_tit .div2 .span2{font-size: 18px;color: #fff;}

/* advantages */
.advantages{width:100%; position: relative; height: 800px;}
#particles-js{width:100%; height: 100%; position: absolute; top:0px; opacity: 0.55;}
.adcon{position: relative; }
.adyuan{ position: absolute; left:275px; top:20px;}
.adcon ul { position: absolute; top:0px; left:0px;}

.adcon ul li:nth-child(1){  width:400px; height: 90px;position: absolute; top:55px; left:0px;}
.adcon ul li:nth-child(1) img{ float:right;}
.adcon ul li:nth-child(1) .nei1{width:287px; float:left; text-align: right; padding-top:10px; }
.adcon ul li:nth-child(1) .nei1 h3{ font-size:24px; color:#333;}
.adcon ul li:nth-child(1) .nei1 p{ margin-top:5px; font-size:16px; color:#333;}

.adcon ul li:nth-child(2){  width:400px; height: 90px;position: absolute; top:55px; left:800px;}
.adcon ul li:nth-child(2) img{ float:left;}
.adcon ul li:nth-child(2) .nei1{width:286px; float:right; text-align: left; padding-top:10px; }
.adcon ul li:nth-child(2) .nei1 h3{ font-size:24px; color:#333;}
.adcon ul li:nth-child(2) .nei1 p{ margin-top:5px; font-size:16px; color:#333;}

.adcon ul li:nth-child(3){  width:330px; height: 90px;position: absolute; top:345px; left:0px;}
.adcon ul li:nth-child(3) img{ float:right;}
.adcon ul li:nth-child(3) .nei1{width:223px; float:left; text-align: right; padding-top:10px; }
.adcon ul li:nth-child(3) .nei1 h3{ font-size:24px; color:#333;}
.adcon ul li:nth-child(3) .nei1 p{ margin-top:5px; font-size:16px; color:#333;}

.adcon ul li:nth-child(4){  width:330px; height: 90px;position: absolute; top:345px; left:870px;}
.adcon ul li:nth-child(4) img{ float:left;}
.adcon ul li:nth-child(4) .nei1{width:223px; float:right; text-align: left; padding-top:10px; }
.adcon ul li:nth-child(4) .nei1 h3{ font-size:24px; color:#333;}
.adcon ul li:nth-child(4) .nei1 p{ margin-top:5px; font-size:16px; color:#333;}

/* case */
.case{ width:100%; height:655px; background: url(../images/casebj.png) no-repeat center; margin-top:-150px; position: relative; z-index:999;}
.case .pubTit{ padding-top:140px;}
.caseCon #marquee1{ width:100%; height:300px; overflow:hidden; margin-top:40px;}
#marquee1 ul li{ float:left; width:420px;height: 315px; margin-right:30px; position:relative; overflow:hidden;}
.casezhe{ width:420px; height:315px; position:absolute; left:0px; top:260px; background: rgba(0,0,0,0.65);}
.casezhe h4{ font-size:16px; color:#fff; text-align: center; font-weight: 100; margin-top:10px;}
.casezhe span{ display: block; margin-top:30px;text-align: center;}
#marquee1 ul li .casezhe .kuang{ -webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);position: absolute; top:20px; left:30px; transition:0.75s; animation-delay: 0.3s;}
#marquee1 ul li:hover .casezhe{ top:0px;}
#marquee1 ul li:hover .casezhe h4{ font-size:30px; margin-top:120px;}
#marquee1 ul li:hover .casezhe .kuang{ -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);  }

/* news */
.news{ overflow: hidden;}
.news .nLeft{ width:385px; height: 520px; background: url(../images/newsLk.png) no-repeat bottom left; position: relative;float:left;}
.nimg{ width:356px; height: 489px; position: absolute;top:0px; right:0px;}
.nlt{ position: absolute; top:75px; right:30px;}
.nLeft ul{ position: absolute; z-index: 999; top:180px; right:30px;}
.nLeft ul li{ width:135px; height: 40px; border:1px solid #fff; border-radius:20px; text-align: center; line-height: 40px; margin-bottom:10px; transition:0.5s; }
.nLeft ul li a{ color:#fff; display: block; transition: 0.5s; }
.nLeft ul li:hover{ background:#fff;}
.nLeft ul li:hover a{ color:#0b67e4;}

.nRight{ width:792px; float:right;}
.nRight li{width:100%; height: 150px; margin-bottom:33px; }
.nwen{ width:560px;float:left; height: 100px; background: #f2f2f2; padding:25px 15px; transition:0.5s;}
.nRight li .nrpic{ overflow: hidden; width:202px; height: 150px; }
.nRight li .nrpic img{ transition:0.5s;  width:100%; min-height: 150px;}
.nwen h2{ font-size:18px;color:#333;}
.nwen span{ font-size:14px; color:#999; display: block;margin:5px 0px;}
.nwen p{ font-size:14px; color:#555; line-height: 25px;}
.nRight li:hover .nwen{ background: #0b67e4;}
.nRight li:hover .nwen h2{ color:#fff;}
.nRight li:hover .nwen span{ color:#fff;}
.nRight li:hover .nwen p{ color:#fff;}
.nRight li:hover .nrpic img{ transform:scale(1.1);}

/* footer */
.footer{ width:100%; height: 442px; background: url(../images/footbj.jpg) no-repeat center;}
.footer .pubTit{padding-top:35px;}
.fLeft{ width:290px; text-align: center; margin-top:20px; float:left;}
.fLeft img{ margin-bottom:10px;}
.fLeft p{ font-size:14px; color:#fff;}
.fMid{width:300px; float:left; margin-left:80px;  margin-top:20px;}
.fMid h2{font-size:24px; color:#fff; margin-bottom:20px;}
.fMid p{font-size:15px; color:#fff; overflow: hidden; line-height: 25px;}
.fMid p span{ float:left; margin-right:5px; margin-top:3px;}
.footer #dituContent{ float:right; margin-top:20px; border-radius: 5px; border:2px solid #ffcc00;}

.copyright{ width:100%; height:40px; background: #0b67e4; color:#fff; font-size:14px; text-align:center; line-height:40px; overflow:hidden;}
.copyright a{ color:#fff;}
.copyright p{ float:left; margin-right:25px; margin-left:350px;}
.copyright b{ display:inline-block; float:left; margin-top:5px; }


/******************************************************************内页样式*************************************************************/
.pubNei{ width:100%; min-height: 300px;  margin-top:-35px; margin-bottom:-40px; padding-bottom:10px;}
.pubNei .pubCon{ width:1200px; }
.pubNei h2{ font-size:30px; color:#005cd9; text-align: center; margin-bottom:30px; margin-top:30px;}

.address{ width:100%; height:60px; overflow:hidden; line-height:60px; border-bottom:1px solid #e2e2e2;  font-size:15px; padding-top:30px; }
.address .pubCon{ width:1200px; height: 60px; }
.address i{ float:left; display:inline-block; margin-top:8px;  }
.address a{ color:#333; line-height:60px; font-size:15px;}
.address a:hover{ color:#005cd9;}
.address img{ display:block; float:left; margin-top:5px; margin-right:10px;}
.i1{ width:100%; height:3px; background:#1590e6; margin-top:3px;}

/*about*/
.aboutText{ width:1200px;   height:auto; font-size:16px; color:#333;  margin-bottom:30px;}
.aboutText p{ font-size:16px; line-height:35px;  text-align:justify; color:#333; }
.aboutText table .firstRow img{ margin-right:20px; margin-bottom:10px;}

/*product内页*/
.prodao{  width:280px;  overflow: hidden; float:left; background: #f1c101; border:1px solid #ddd;}
.prodao h4{ width:280px; height: 90px; background: #f1c101; text-align: center ; line-height: 90px; color:#fff; font-size:30px; }
.prodao li{ width:280px; height: 51px;  line-height: 51px; text-align: center; border-bottom:1px dashed #ddd; background:#f2f2f2; transition:0.5s;}
.prodao li a{ font-size:16px; color:#333; transition:0.5s; display: block; width:100%;}
.prodao li:hover{ background:#0b67e4; margin-left:10px;}
.prodao li:hover a{ color:#fff;}

.proNei{ width:1200px; overflow:hidden; }
.proNei .proLie{ width:886px; float:right;}
.proNei .proLie li{ width:282px; height:auto;  float:left; margin-right:20px; margin-bottom:23px; overflow:hidden; text-align:center; }
.proNei .proLie li:nth-child(3n){ margin-right:0px;}
.proNei .proLie li .propic{ width:280px; height:210px; overflow:hidden; border:1px solid #ddd; }
.proNei .proLie li .propic img{ display:block; width:100%; transition:0.5s; min-height:210px;}
.proNei .proLie li:hover .propic img{ transform:scale(1.1);}
.proNei .proLie li h4{ height:40px; background:#005cd9; font-size:16px; color:#fff; font-weight:100; text-align:center; line-height:40px; width:100%; transition:0.5s;}
.proNei .proLie li:hover h4{ background:#f1c101;}


.page{ width:1200px; margin-top:15px; text-align:center; margin:15px auto;}
.page .current{ width:50px; height:30px; background:#005cd9; border-radius:3px; display:inline-block; color:#fff; text-align:center; line-height:30px;}
.page a{ display:inline-block; width:50px; height:30px; border:1px solid #ccc;  color:#666; line-height:30px; text-align:center; margin-left:10px; transition:0.5s;border-radius:3px; font-size:16px;font-family:"微软雅黑","黑体","宋体"; font-weight:100;}
.page a:hover{ background:#005cd9; border-color:#005cd9;color:#fff;}


/*产品详情页*/
.proneirong{margin-top:40px; margin-bottom:30px; overflow: hidden;}
.productnei{width:900px; float:right;  }
.productnei h3{ text-align:center; }
.fbdate{ text-align:center; margin:20px auto 30px; font-size:14px; color:#666;}
.productText{ width:900px; }
.productText p{ font-size:16px; text-align:justify; text-indent:2em; line-height:30px;  color:#333;}


.progun{ height:360px; margin-top:40px;}
.gunTit{ height:50px; width:1200px; font-size:26px;border-left:3px solid #f9b200; line-height:50px; padding-left:10px; font-weight:600;}
.pubNei #marquee2{width:1200px;height:260px;overflow:hidden; margin-top:30px;}
.pubNei #marquee2 ul li{ width:300px;float:left; margin-right:26px; margin-bottom:10px; overflow:hidden; height:260px;}
.pubNei #marquee2 ul li .propic{ width:300px; height:225px; overflow:hidden; }
.pubNei #marquee2 ul li .propic img{display:block; width:100%; transition:0.5s; min-height:225px; }
.pubNei #marquee2 ul li img:hover{ transform:scale(1.1);}
.pubNei #marquee2 ul li h3{ font-size:16px; color:#212121; text-align:center; font-weight:100; line-height:30px;}
.pubNei #marquee2 ul li:hover h3{ color:#0755b5;}

.pian{ margin-top:30px;}
.pian p{ font-size:16px; line-height:30px; }
.pian a{ color:#333;}
.pian p:hover a{ color:#005cd9;}


/* case */
.caseNei{ width:1200px; overflow:hidden; }
.caseNei .caseLie{ width:1200px; float:right;}
.caseNei .caseLie li{ width:282px; height:auto;  float:left; margin-right:20px; margin-bottom:23px; overflow:hidden; text-align:center; }
.caseNei .caseLie li:nth-child(4n){ margin-right:0px;}
.caseNei .caseLie li .propic{ width:280px; height:210px; overflow:hidden; border:1px solid #ddd; }
.caseNei .caseLie li .propic img{ display:block; width:100%; transition:0.5s; min-height:210px;}
.caseNei .caseLie li:hover .propic img{ transform:scale(1.1);}
.caseNei .caseLie li h4{ height:40px; background:#333; font-size:18px; color:#fff; font-weight:100; text-align:center; line-height:40px; width:100%; transition:0.5s;}
.caseNei .caseLie li:hover h4{ background:#005cd9;}



/*news新闻内页*/
.newslist{ margin-top:30px;width:1200px;}
.newslist li{ float:left; width:1200px;height:170px; border-bottom:2px solid #eee; margin:0px 0px 30px;}
.newslist li a{ color:#666;}
.newspic{ width:220px; height:150px;  text-align:center; float:left; transition:0.5s; overflow: hidden;}
.newspic img{ width:100%;min-height: 150px; transition:0.75s;}
.newslist .newstext{ width:940px; float:left; margin-left:40px;}
.newslist .newstext h3{font-size:18px; color:#333; font-weight:100; margin:0px 0px 5px; transition:0.5s;}
.newslist .newstext span{ font-size:14px; color:#999;}
.newslist .newstext p{ font-size:14px; line-height:1.75em; color:#777; margin-top:3px; }
.nmore{ width:240px; height: 40px; background: #ddd;color:#333; font-size:16px; text-align: center; transition:0.5s; line-height: 40px; border-radius: 20px; margin-top:5px;}

.newslist li:hover a h3{ color:#005cd9; margin-left:20px;}
.newslist li:hover .newspic img{ transform: scale(1.1);}
.newslist li:hover .nmore{ background: #005cd9; color:#fff;}
.newslist li:hover

.newsneiCon{ margin-bottom:30px;width:1100px; float:right; padding:0px 30px 0px 50px;  }
.newsneiCon h3{ text-align:center;margin-top:40px;}
.newsneiCon .fbdate{ text-align:center; margin:15px auto;}
.newsText { margin-bottom:30px; font-size:16px; color:#333; text-indent:2em; text-align: justify;}
.newsText p{ line-height:30px;text-align: justify;}

/*联系我们*/
.aboutText{ overflow: hidden;}
.contacttext{ font-weight:600; width:300px; font-size:16px; line-height:60px !important; padding-left:80px;float:left; overflow: hidden;}
.contacttext img{ display:inline-block; float:left; margin-right:5px; margin-top:20px;}
.contactimg{ width:1146px; height: 521px; float:left; border:1px solid #ddd;margin-left:28px; overflow: hidden; }
.contactimg img{}
.aboutText #dituContent{ width:1100px; margin-left:50px; padding-bottom:20px; border:1px solid #ccc; overflow: hidden;}

/*在线留言*/
.messageCon{ margin-left:300px; padding-top:30px; float:left;}
.faqline{margin-bottom:20px;}
.messageCon input{ height:40px; width:500px; margin-left:15px; border-radius:10px; border:1px solid #ccc;}
.messageCon .Content{ margin-bottom:20px; }
.messageCon textarea{  border-radius:10px; border:1px solid #ccc;margin-left:15px; width:500px;}
.messageCon .faqtit{ width:100px; display:inline-block; font-weight:600;}
.messageCon button{ width:620px; height:50px; border:none; background:#fff; color:#005cd9; border:1px solid #005cd9; cursor:pointer;  margin-top:20px; transition:0.5s; font-size:16px; border-radius:25px;}
.messageCon button:hover{ background:#005cd9; color:#fff;}