*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
body{
    font-family: "Microsoft Yahei", "微软雅黑", "宋体", Tahoma, Arial, Helvetica, STHeiti;
}

a{
    color:#333;
}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
}
i{
    font-style: normal;
}
img{
    display: inline-block;
    border: none;
}


.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}

/* 头部样式 */
.head{width:100%;}
.head_top{width:100%; height:35px; line-height:35px; border-bottom: 2px solid #020e65;}
.head_top_content{width:1200px; margin:0 auto; color:#ffffff; overflow: hidden;}
.head_top_content > p{float:left; font-size:14px; color: #333333}
.head_top_content > div{float:right; font-size:14px; color:#ffffff;}
.head_top_content > div li{display: inline-block; padding: 0 15px 0 15px;}
.head_top_content > div a img{vertical-align: middle;}
.head_top_content a{color:#666666;}

.head_middle{width: 1200px; margin:0 auto; position: relative;}
.head_middle>p{width: 320px;color: #ffffff; font-size: 14px; margin-top: 2px; display: inline-block; position: absolute; right: 10px; }

.head_content{width:1200px; padding: 16px 0; margin:0 auto; overflow: hidden; position: relative;margin-bottom: 10px;}
.head_content .middle{display: inline-block; margin-left: 10px; vertical-align: middle;}
.head_content .middle .p1{font-size: 24px; color: #444444;font-weight: bold;color: #020e65}
.head_content .middle .p2{font-size: 18px; color: #666666;margin-top: 5px;}
.head_content .right{float: right; margin-top:18px;}
.head_content .right .p1{font-size: 18px; color: #666666;}
.head_content .right .p2{font-size: 18px; color: #020e65;}
.head_content .right .p3{font-size: 20px;  color: #666666; padding: 3px 0;}

.head .nav{width: 100%;height: 60px; background: #020e65;}
.head .nav>div{width: 1200px; margin: 0 auto;}
.head .nav>div ul li{float: left; color: #ffffff; height: 60px; line-height: 64px; position: relative;}
.head .nav>div ul li>img{position: absolute; left: 0px; top: 0px; width: 100%; height: 60px; display: none;}
.head .nav>div ul li:after,.head .nav>div ul li a:after{content: "";width: 1px;height: 42px;position: absolute;top: 12px;background: #2a3379;}
.head .nav>div ul li a:after{background: #000a54; right: 0px;}
.head .nav>div ul li a{color: #ffffff; padding: 0 25px; position: relative; }
.head .nav>div ul li:hover a{color: #020e65;}
.head .nav>div ul li:hover a:after{width: 0px;}
.head .nav>div ul li:hover img{display: inline-block;}
.head .nav>div ul .on img{display: inline-block;}
.head .nav>div ul .on a,.head .nav>div ul .on a:after{color: #020e65;width: 0px;}
.head .nav>div ul li a:after{top: -8px;}
/* 头部样式 end */

/* banner */
.banner{width:100%; position:relative; overflow: hidden;}
.banner .hd{position:absolute; left: 50%; bottom: 18px; margin-left:-50px;}
.banner .hd li{width:16px;height:16px; margin-right:22px; border-radius:50%;display: inline-block; background: #ffffff;}
.banner .hd li.on{ background:#000000;}
/* banner end*/

/* 热门搜索 */
.search{width: 1200px; margin: 0 auto; line-height: 56px;}
.search ul li{font-size: 14px;display: inline-block; margin-right: 10px; padding: 5px;color: #666666;}
.search ul li a{color: #666666;}
#searchForm{ background: url(../images/search.png)no-repeat; background: url(../images/search.png)\9 no-repeat; width: 352px; height: 35px; vertical-align: middle; margin: 12px 0 0 0;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: middle; line-height: 35px; background: none; border: none; height: 35px; margin: -25px 0 0 0; color: #999; outline: none; width: 315px; text-indent: 20px;}
.search-form #s_btn{ background: none; width: 35px; height: 35px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; margin: 0px 0 0 -5px; display: inline-block; vertical-align: top;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
    color: #c4c4c4;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #c4c4c4;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #c4c4c4;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
    color: #c4c4c4;}
/* 热门搜索 end */

/* 第一生产力 */
.scl{width: 100%; padding-top: 30px; padding-bottom: 36px;}
.scl>div{width: 1200px; margin: 0 auto}
.scl>div .left{width: 785px; display: inline-block}
.scl>div .right{display: inline-block;vertical-align: top; width: 396px;}
.scl>div .right .wenda{margin-right: 0px;  background: #020e65;}
.scl>div .right .wenda .top{height: 80px; padding: 15px 20px; border-bottom: 1px solid #010838;}
.scl>div .right .wenda .top .p1 {color: #fefefe; font-size: 24px; text-align: center; margin-bottom: 6px; margin-top: 11px;}
.scl>div .right .wenda .top .p2 {color: #999999; font-size: 18px; text-align: center;}
.scl>div .right ul>li{width: 340px; float: left; margin-right: 70px;}
.scl>div .right .middle{margin: 14px 36px;}
.scl>div .right .middle ul li{width: 340px; height: 30px; margin-bottom: 16px; border-bottom: 1px dashed #e0e0e0;}
.scl>div .right .middle ul li .news_da_img{vertical-align: middle;margin:6px 10px 0 0; vertical-align: top;}
.scl>div .right .middle ul li .news_da{padding-bottom: 10px; width: 290px; display: inline-block;}
.scl>div .right .middle ul li:hover a{color: #e3bf7a;}
.scl>div .right .middle ul li a{color: #ffffff; font-size: 14px;}
/* 第一生产力end */


/*生产工艺*/
.scgy *{box-sizing: border-box;}
.scgy>div{width: 1200px; margin: 0 auto;  margin-bottom: 50px;}
.scgy .more-title b{ background: url(../images/jjfatitle.png)no-repeat center 5px; margin-bottom: 30px;}
.scgy .nr{ height: 317px;overflow: hidden; margin-top: 10px;}
.scgy .nr ul li{ float: left; position: relative;text-align: center;width: 262px;height: 317px; overflow: hidden;}
.scgy .nr ul li .mr{ position: absolute; width: 262px; height: 317px; overflow: hidden; padding: 55px 0 0; bottom: 0; left: 0;}
.scgy .nr ul .pic1{ width: 675px;}
.scgy .nr ul li .zk{ position: absolute; bottom: 0; left: -260%;}
.scgy .nr ul li .mr .tmc{ position: absolute; left: 0; top: 0; width: 263px; height: 317px; background: rgba(5, 6, 6, 0.5); z-index: 1;}
.scgy .nr ul li .mr img{ position: absolute; left: 0; top: 0;}
.scgy .nr ul li .mr dt{ position: relative;z-index: 2;}
.scgy .nr ul li .mr .zjia{ text-align: center; position: relative;z-index: 2; display: inline-block; line-height: 0; height: 32px; width: 32px; margin: 100px auto 0;}
.scgy .nr ul li .zk .img{ position: absolute; left: 262px; top: 0; line-height: 0;height: 317px;overflow: hidden;}
.scgy .nr ul li .zk .text{position: relative; z-index: 1; background: url(../images/ssfabg.png)no-repeat; width: 286px; height: 317px; padding: 30px 45px 0 15px;}
.scgy .nr ul li .zk .text dt{ text-align: center;}
.scgy .nr ul li .mr dt h6,.scgy .nr ul li .zk .text dt h6{ margin: 0 auto; color: #fff; font-size: 22px; font-weight: bold; line-height: 26px; text-align: center; width: 155px; display: inline-block;}
.scgy .nr ul li .mr .hr,.scgy .nr ul li .zk .text .hr{ width: 50px; height: 3px; background: #fff; display: block; margin: 25px auto;}
.scgy .nr ul li .zk .text p{ color: #fff; font-size: 14px;line-height: 23px;}
.scgy .nr ul li .zk .text .more{ display: inline-block; vertical-align: top; overflow: hidden; position: relative; width: 120px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #fff; color: #fff; font-size: 14px; margin: 25px auto 0;}
/*生产工艺end*/

/*产品*/
.product{width: 1200px; margin: 0 auto;}
.product .t .cpxc{ padding-top: 16px; position: relative; height: 256px; overflow: hidden;}
.product .t .cpxc .next3,.qyxc .prev3{ position: absolute; top: 105px; width: 32px; height: 79px; cursor: pointer;}
.product .t .cpxc .prev3{ left: 0;}
.product .t .cpxc .next3{ right: 0;}
.product .t .cpxc .bd ul li{ display: inline-block; vertical-align: top; text-align: center; margin-right: 10px;}
.product .t .cpxc .bd ul li :hover .pic img{transform: scale(1.1,1.1);transition-duration: 1s;}
.product .t .cpxc .bd ul li .pic{ border: 1px solid #ccc; text-align: center; line-height: 0;  width: 224px; height: 166px; overflow: hidden; }
.product .t .cpxc .bd ul li .pic img{ width: 224px; height: 166px; }
.product .t .cpxc .bd ul li .mc{ color: #666; font-size: 14px; margin: 10px 0 0;}
.product .t .cpxc .bd ul li:hover .mc{ color: #020e65;}
.product  .top{height: 34px; line-height: 37px; margin-bottom: 26px;background: #e3e3e3; border-bottom: 3px solid #020e65; overflow: hidden;}
.product  .top .p1{font-size: 16px; color: #020e65; font-weight: bold; display: inline-block;}
.product .left{width: 272px; display: inline-block;}
.product .left .l_top{height: 97px; text-align: center; padding-top:28px; box-sizing: border-box;background: url(../images/img9.png)}
.product .left .l_middle{padding:20px; background: #efefef; padding: 11px 20px;}
.product .left .l_middle ul li{margin-bottom: 10px;}
.product .left .l_middle ul li:hover .img1{display: none;}
.product .left .l_middle ul li:hover .img2{display: inline-block;}
.product .left .l_middle ul li:hover a{color: #020e65;}
.product .left .l_middle ul li .img2{display: none;}
.product .left .l_middle ul li a{color: #666666; font-size: 14px;}
.product .left .l_bottom{background: #020e65; height: 156px; padding: 15px; box-sizing: border-box;}
.product .left .l_bottom .p1{font-size: 14px; color: #ffffff; line-height: 23px; margin-bottom: 15px; border-bottom: 1px dashed #ffffff; padding-bottom: 15px;}

.product .right{width: 910px; margin-left:12px;display: inline-block; vertical-align: top;}
.product .right .content ul li{width: 290px;height: 230px; display: inline-block; position: relative;margin-right: 12px; margin-bottom: 20px; overflow: hidden;}
.product .right .content ul li :hover .img1{transform: scale(1.1,1.1);transition-duration: 1s;}
.product .right .content ul li :hover .img2{background: url(../images/img13_.png) no-repeat;}
.product .right .content ul li a{display: inline-block; border:1px solid #cccccc; overflow: hidden;}
.product .right .content ul li .img1{width: 288px;height: 196px; box-sizing: border-box;}
.product .right .content ul li .img2{width: 290px;height: 46px; background: url(../images/img13.png) no-repeat; position: absolute; left: 0; bottom: 0px; transition-duration: 1s;}
.product .right .content ul li .img2 p{ font-size: 16px; color:#ffffff; margin-top: 16px; margin-left: 83px;}
/*产品end*/

/*小banner1*/
.x_banner1{width: 100%; height: 316px; background: url('../images/xbanner_1.png') no-repeat 100%; margin-bottom: 50px; overflow: hidden;margin-top:35px;}
.x_banner1>div{width: 1200px; margin: 0 auto;}
.x_banner1 .left{width:600px; display: inline-block;padding-top:62px; vertical-align: top;}
/*小banner1 end*/

/*三大优势*/
.sdys>div{width: 1200px; margin: 0 auto;}
.sdys>div .left{width: 600px; display: inline-block;}
.sdys>div .num{width: 60px; height: 85px; background: url(../images/img17.png) no-repeat; display: inline-block;}
.sdys>div .num>p{margin:10px 0 0 10px;color: #ffffff; font-size: 36px;}
.sdys>div .wb{width: 450px;display: inline-block;vertical-align: top; margin-left: 15px;}
.sdys>div .wb .p1{color: #020e65; font-size: 24px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px dashed #666666; margin-bottom: 15px;}
.sdys>div .wb .p2{color: #666666; font-size: 16px; line-height: 28px;}
.sdys>div .right{width: 595px; display: inline-block; vertical-align: top; padding-left: 62px;box-sizing: border-box;}
/*三大优势 end*/

/*案例*/
.case{width: 100%; margin-top: 50px; margin-bottom: 50px;}
.case>div{width: 1200px; margin: 0 auto; position: relative;}
.case .nr .left .img{ line-height: 0; width: 702px; height: 340px; position: relative;}
.case .nr .left .img .zhezhao{height: 40px; background: url(../images/img22.png) no-repeat; position: absolute; left: 0; bottom: 0px; width: 100%;}
.case .nr .left .img .zhezhao>p{color: white;font-size: 18px;text-align: center;  margin-top: 16px;}
.case .nr .left .zc{ margin-top: 15px; background: url(../images/img21.png)no-repeat;width: 702px; height: 110px;box-sizing: border-box;font-size: 14px; line-height: 25px; padding: 17px 10px 0 103px;}

.case .nr .right{ width: 486px;}
.case .nr .right .img{line-height: 0; width: 486px; height: 211px;}
.case .nr .piaofu{position: absolute;right: 0px;bottom: 92px;}
.case .nr .djtab .hd ul{ border-bottom: 2px solid #020e65;}
.case .nr .djtab .hd ul li{ position: relative; float: left; cursor: default; background: url(../images/ty1.png)no-repeat; margin: 23px 27px 5px 0; width: 101px; height: 101px; text-align: center; padding: 25px 0 0;}
.case .nr .djtab .hd ul li:last-child{ margin-right: 0;}
.case .nr .djtab .hd ul li p{ color: #fff; font-size: 22px; line-height: 30px; width: 70px; margin: 0 auto;}
.case .nr .djtab .hd ul li.on{ background: url(../images/ty2.png)no-repeat;}
.case .nr .djtab .hd ul li:before{ content: ""; background: url(../images/zzrzjt.png)no-repeat; width: 23px; height: 13px; position: absolute; left: 40%; bottom: -20px; display: none;}
.case .nr .djtab .hd ul li.on:before{ display: block;}
.case .nr .djtab .aa{ margin: 190px 0 0;}
.case .nr .djtab .aa ul li dt{ color: #020e65; font-size: 20px; line-height: 20px; font-weight: bold;}
.case .nr .djtab .aa ul li dd{ color: #333; font-size: 16px; line-height: 30px; margin: 10px 0 0;}
/*案例 end*/


/*企业相册*/
.qyxc{ position: relative;  height: 670px;margin-bottom: 30px;}
.qyxc>div{width: 1200px; margin: 0 auto;}
.qyxc .bg{ position: absolute; left: 0; bottom: 0; background: url(../images/albumbg.png)no-repeat; background: url(../images/albumbg.png)\9 no-repeat; width: 100%; height: 194px; background-size: cover;}
section, nav{ display: block;}
.dg-container{width: 100%;position: relative;z-index: 15;}
.dg-wrapper{width: 426px;height: 300px;margin: 0 auto;position: relative; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d; -webkit-perspective: 600px;-moz-perspective: 600px;-o-perspective: 600px;-ms-perspective: 600px;perspective: 600px;}
.dg-wrapper a{width: 390px;height: 350px;display: block; position: absolute;left: 0;top: 0;border: 0px solid #e6e6e6;box-sizing: border-box;}
.dg-wrapper a.dg-transition{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.dg-wrapper a img{display: block;width: 370px;height: 284px;box-sizing: border-box;border: 8px solid #e6e6e6;}
.dg-wrapper a span{background: #e6e6e6;opacity: 1;display: block; width: 390px;height: 60px; line-height: 60px;position: absolute;top: 305px;text-align: center;color: #666; font-size: 16px;}
.dg-container nav{top: 0px;width: 1200px;position: absolute;z-index: 1000;bottom: 100px;color: #fff;}
.dg-container nav span{float: left; opacity: 0;cursor: pointer;width: 420px;height: 360px;background-color: #192da0;}
.dg-container nav span:hover{background-color: #192DA0;}
.dg-container nav span.dg-next{float: right;}
.dg-container .dg-wrapper .dg-center{ background: #020e65;}
.dg-container .dg-wrapper .dg-center span{ background: #020e65; color: #fff;}
.dg-container .dg-wrapper .dg-center img{ box-sizing: border-box; border: 8px solid #020e65; background: #020e65;}
/*企业相册end*/

/*关于我们*/
.gywm{width: 100%; background: url('../images/img33.png') no-repeat;}
.gywm>div{width: 1200px; margin: 0 auto;}
.gywm>div .top{margin-bottom: 18px;}
.gywm>div .top .left{padding-top: 60px; width: 650px; display: inline-block;}
.gywm>div .top .left .title{height: 50px; background: url(../images/img28.png) no-repeat; padding-left: 13px;}
.gywm>div .top .left .wb{margin: 25px 0;}
.gywm>div .top .left .wb>div{display: inline-block;}
.gywm>div .top .left .wb>div .p1{font-size: 24px; color: #020e65; font-weight: bold;}
.gywm>div .top .left .wb>div .p2{font-size: 18px; color: #666666; display: inline-block;}
.gywm .btn{width: 120px; height: 34px; background: url(../images/img26.png) no-repeat; color: #ffffff; display: inline-block; text-align: center; line-height: 34px;}
.gywm>div .top .right{display: inline-block; vertical-align: top; padding-top: 60px; position: relative;margin-left: 80px;}
.gywm>div .top .right .blue{width: 80px; height: 73px; background: #020e65; position: absolute;bottom: -15px;left: -50px;}

.gywm>div .bottom{height: 470px; background: url(../images/img34.png) no-repeat; padding-top: 22px;}
.gywm>div .bottom .bd ul li{ text-align: center; width: 174px!important; display: inline-block; vertical-align: top; margin-right: 26px;}
.gywm>div .bottom .bd ul li .pic{ width: 174px; border: 1px solid #ccc; height: 254px;overflow: hidden; box-sizing: border-box;}
.gywm>div .bottom .bd ul li .pic img{ width: 174px; height: 254px;}
.gywm>div .bottom .bd ul .mc{ font-size: 14px; color: #666;margin: 10px 0 0;}
.gywm>div .bottom .bd ul li:hover .mc{ color: #020E65;}
.gywm>div .bottom .bd{ padding: 0 100px 0; position: relative;}
.gywm>div .bottom .bd .next2, .gywm .bottom .bd .prev2{ width: 15px; height: 42px; position: absolute; top: 86px; cursor: pointer;}
.gywm>div .bottom .bd .prev2{left: 45px;}
.gywm>div .bottom .bd .next2{right: 45px;}
/*关于我们end*/


/*新闻中心*/
.news{width: 1200px; margin: 0 auto;}
.news .top{margin-bottom: 33px;}
.news .top ul li{display: inline-block;}
.news .top ul .on .btn{background: #020E65!important;}
.news .content .top{margin-bottom: 25px;}
.news .content .top>span>img:hover{transform: scale(1.1,1.1);transition-duration: 1.5s;}
.news .content .top>div{width: 350px; height: 255px; display: inline-block; padding-left: 50px; vertical-align: top;}
.news .content .date{font-size: 14px; color: #b7b7b7;}
.news .content .top .p1{font-size: 16px; color: #020e65; margin: 40px 0 25px 0;}
.news .content .top .p2{font-size: 14px; color: #666666;width: 326px; line-height: 25px; margin-bottom: 30px; height: 100px;}
.news .btn{width: 120px; height: 34px; line-height: 34px; cursor: pointer;background: #020E65; text-align: center; display: inline-block; color: #ffffff; border-radius: 20px;}
.news .content .bottom ul li{width: 368px; height: 45px; line-height: 45px;vertical-align: middle;font-size: 14px; color: #333333; display: inline-block; margin-right: 42px;    border-bottom: 1px solid #cccccc;}
.news .content .bottom ul li:hover a{color: #020E65;}
/*新闻中心 end*/

/*foot*/
.foot{width: 100%; background: #020E65; margin-top: 30px;}
.foot>div{width: 1200px; margin: 0 auto; padding: 25px 60px;   box-sizing: border-box;}
.foot>div .top{margin-bottom: 35px;}
.foot>div .top ul li{display: inline-block; padding: 0 22px;}
.foot>div .top ul li:hover a{color: #e3bf7a}
.foot>div .top ul li a{color: #ffffff;}
.foot>div .content .hezi{vertical-align: middle;width: 240px; height: 220px; display: inline-block;  padding-top: 43px;box-sizing: border-box; border-right:1px solid #666666; text-align: center;}
.foot>div .content .ul1 li{margin-bottom: 10px;}
.foot>div .content .ulhover li:hover a{color: #e3bf7a;}
.foot>div .content .ul1 li img{vertical-align: middle;}
.foot>div .content .ul1 li p,.foot>div .content .ul1 li a{display: inline-block; vertical-align: middle; color: #cccccc; font-size: 14px;padding-left: 8px;}
.foot .bottom{text-align: center; width: 100%; border-top:1px solid #666666; height: 50px;}
.foot .bottom ul li{display: inline-block; color: #cccccc; font-size: 14px;}
.foot .bottom ul li a{display: inline-block; color: #cccccc; font-size: 14px; margin-right: 35px;}
/*foot end*/


/*btn_top*/
#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}