*{padding: 0;margin:0; border:0}

a{ text-decoration: none; color:#585858;}

li{ list-style: none}

input{

    display: block;

    border:none;

    background: none;

}

.clear{clear: both;}

.hide{display: none}

.w440{

    width: 440px;

}

.w270{

    width: 270px;

}

body{  width:100%;font-family: "Microsoft Yahei";font-size: 14px;color:#585858;}

.header{

    width: 100%;

    height: auto;

}

.header .header-top{

    height: 30px;

    line-height: 30px;

    border-bottom:1px solid #b5b5b5;

}

.header .header-top .container{

    width: 1200px;

    margin: 0 auto;

}

.header .header-top .container p{

    width: 700px;

    float: left;

}

.header .header-top .container .top-nav{

    width: 150px;

    float: right;

}

.header .header-c{

    width: 1200px;

    height: 116px;

    margin: 0 auto;

}

.header .header-c .logo{

    width: 535px;

    height: 116px;

    float: left;

}



.header .header-c .tel{

    width:250px;

    height: 60px;

    background: url("../images/tel.jpg") no-repeat left center;

    float: right;

    text-indent: 60px;

    margin-top: 25px;

}

.header .header-c .tel p{

    height:25px;

    line-height: 25px;

    font-size:14px;

    font-weight: 500;

}

.header .header-c .tel h2{

    font-size:24px;

    color: #333333;

}

.header .nav{

    width: 100%;

    height: 50px;
	
    line-height: 50px;

    background-color: #006dce;

}

.header .nav ul{

    width: 1200px;

    margin: 0 auto;

    color:#000000;

    font-size: 18px;

}



.header .nav ul li{

    padding: 0 20px 0 20px;

    text-align: center;

    float: left;

    background: url("../images/li-img.png") no-repeat right center;

}

.header .nav ul li a{

    color:#FFFFFF;

    font-size: 16px;

}

.header .nav ul li:last-child{

    background: none;

}

#swiper-container{

    width: 100%;

    height: 500px;

}

#swiper-container .swiper-slide img{

    display: block;

    width: 100%;

    height: 500px;

}

.search{

    width: 100%;

    height: 50px;

}

.search .container{

    width: 1200px;

    height: 50px;

    margin: 0 auto;

}

.search .hot{

    width: 600px;

    float: left;

    line-height: 50px;

    font-size: 14px;

}

.search .hot span{

    color:#006dce;

    font-weight: bold;

}

.search .hot a{

    padding: 0 5px;

}

.search .form{

    width: 275px;

    height: 30px;

    margin-top: 10px;

    float: right;

}

#keyword{

    width: 217px;

    height: 30px;

    float: left;

    outline: none;

    padding-left: 15px;

    border:1px solid #acacac;

}

#btn{

    width: 41px;

    height: 32px;

    background: url("../images/search.png") no-repeat left center;

    float: right;

}

.kh{

    width: 100%;

    height: auto;

    background-color: #f8f8f8;

    padding: 20px 0;

}

.kh .container{

    width: 1200px;

    height: auto;

    margin: 0 auto;

}

.kh .dh{

    text-align: center;

}

.kh .dh h2{

    font-size: 30px;

    color:#333333;

}

.kh .dh p{

    font-size: 18px;

    color:#cacbcc;

    line-height: 35px;

    font-weight: bold;

}

.kh ul{

    width: 1200px;

    height: auto;

    margin-top: 20px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.kh ul li{

    width: 183px;

    height: 90px;

    border:1px solid #efefef;

    margin-bottom: 10px;

}



.product{

    width: 100%;

    height: auto;

    margin-top: 30px;

    margin-bottom: 10px;

}

.product .container{

    width: 1200px;

    height: auto;

    margin: 0 auto;

}

.product .tabs{

    height:235px;

    height: auto;

    float: left;

}

.product .tabs .tit{

    width: 233px;

    height:94px;

    border:1px solid #bbbbbb;

}

.product .tabs .tit img{

    display: block;

    width: 233px;

    height: 94px;

}

.product .tabs .wrap{

    width: 231px;

    height: auto;

    border:2px solid #e5e5e5 ;

}

.product .tabs .wrap .box{

    width: 231px;

    height: auto;

    margin: 10px auto;

}

.product .tabs .wrap .box h2{

    width: 201px;

    height: 35px;

    background:#006dce url("../images/up.png") no-repeat right 25px center;

    line-height: 35px;

    font-size: 14px;

    color:#FFFFFF;

    font-weight: 500;

    padding-left: 30px;

    cursor: pointer;

}

.product .tabs .wrap .box.on h2{

    background:#006dce url("../images/down.png") no-repeat right 25px center;

}

.product .tabs .wrap .box ul{

    width: 205px;

    margin: 0 auto;

}

.product .tabs .wrap .box ul li{

    height: 45px;

    line-height: 45px;

    border-bottom:1px dashed #c9c9c9;

    padding-left: 15px;

}



.product .product-right{

    width:940px;

    height: auto;

    float: right;

}



.product .product-right .tit{

    width: 940px;

    height: 50px;

    background-color: #333333;

    line-height: 50px;

}

.product .product-right .tit h2{

    width: 150px;

    background-color: #006dce;

    text-align: center;

    font-size: 18px;

    color:#FFFFFF;

    font-weight: 500;

    float: left;

}



.product .product-right .tit a{

    display: block;

    width: 95px;

    float: right;

    font-size: 18px;

    text-align: center;

    color:#FFFFFF;

}

.product .product-list{

    width: 940px;

    height: auto;

    margin-top: 20px;

}

.product .product-list ul{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.product .product-list ul li{

    width: 300px;

    height: 205px;

}

.product .product-list ul li .thumb{

    width:298px;

    height: 158px;

    border:1px solid #006dce;

    overflow: hidden;

}

.product .product-list ul li .thumb img{

    display: block;

    width: 298px;

    height: 158px;

    transition: all 1.2s;

}

.product .product-list ul li .thumb img:hover{

    transform: scale(1.2);

}

.product .product-list ul li p{

    height: 115px;

    line-height: 25px;

    text-align: center;

    padding: 10px 0;

}

.product .product-list ul li .more{

    width: 90px;

    height: 30px;

    background-color: #53a7e0;

    text-align: center;

    line-height: 30px;

    margin: 0 auto;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

.product .product-list ul li .more a{

    color:#FFFFFF;

    font-size: 18px;

}

.liyou{

    width: 100%;

    height: auto;

    background: url("../images/bg01.png") no-repeat 50% 0;

    padding: 35px 0 442px 0;

}

.liyou .container{

    width: 1200px;

    height: auto;

    margin: 0 auto;

}

.liyou .container .dh{

    height: 140px;
	position: relative;
    top: 200px;
}

.liyou .container .dh h2{

    font-size: 48px;

    color:#ff8800;

}

.liyou .container .dh p{

    font-size: 30px;

    color:#141414;

}

#wrap{

    width: 1200px;

    height: 465px;
    position: relative;
    top: 200px;
}

#wrap .tabs{

    width: 400px;

    height: auto;

    float: left;

}

#wrap .tabs .box{

    width: 200px;

    height: 227px;

    float: left;

    background-color: #FFFFFF;

    cursor: pointer;

}

#wrap .tabs .box:nth-child(1){

    width: 198px;

    height: 225px;

    border:1px solid #a7a7a7;

}

#wrap .tabs .box:nth-child(2){

    width: 200px;

    height: 225px;

    border-top:1px solid #a7a7a7;

    border-bottom:1px solid #a7a7a7;

}

#wrap .tabs .box:nth-child(3){

    width: 198px;

    height: 225px;

    border:1px solid #a7a7a7;

    margin-top: 10px;

}

#wrap .tabs .box:nth-child(4){

    width: 200px;

    height: 225px;

    border-top:1px solid #a7a7a7;

    border-bottom:1px solid #a7a7a7;

    margin-top: 10px;

}

#wrap .tabs .box h2{

    width: 100px;

    height: 145px;

    line-height: 145px;

    text-align: center;

    margin: 0 auto;

    font-size: 60px;

    color:#a7a7a7;

    border-bottom:2px solid #a7a7a7;

}

#wrap .tabs .box p{

    text-align: center;

    line-height: 40px;

    font-size: 24px;

    color:#a7a7a7;

}

#wrap .tabs .box.on{

    background-color: #ea8a1c;

}

#wrap .tabs .box.on h2{

    color:#FFFFFF;

    border-bottom:2px solid #FFFFFF;

}

#wrap .tabs .box.on p{

    color:#FFFFFF;

}

#wrap .tabbox{

    width: 800px;

    height: 465px;

    float: right;

}

#wrap .tabbox .tab_box{

    position: relative;

}

#wrap .tabbox .tab_box .thumb{

    width: 800px;

    height: 465px;

}

#wrap .tabbox .tab_box .info{

    width: 800px;

    height: 135px;

    background-color: #ea8a1c;

    position: absolute;

    left:0;

    bottom:0;

}

#wrap .tabbox .tab_box .info P{

    width: 420PX;

    height: 110px;

    float: left;

    padding-left: 50px;

    padding-top: 25px;

    font-size: 18px;

    color:#FFFFFF;

    line-height: 45px;

}

#wrap .tabbox .tab_box .info a{

    display: block;

    width: 160px;

    height: 135px;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
    float: right;

    text-align: center;

    line-height: 135px;

}

.ys{

    width: 100%;

    height: auto;

    background: url("../images/bg03.jpg") repeat;

    padding-top: 25px;

    margin-top: -10px;

}

.ys .tit{

    width: 1200px;

    height: 90px;

    margin: 0 auto;

}

.ys .top{

    width: 100%;

    height: auto;

    background: url("../images/ys.png") no-repeat right -300px center;

    padding-bottom: 25px;

}

.ys .container{

    width: 1200px;

    height: auto;

    margin: 0 auto;

}

.ys .box{

    width: 540px;

    height: 200px;

}

.ys .box .title{

    width: 540px;

    height: 110px;

    background: url("../images/line.jpg") no-repeat left bottom;

}

.ys .box .title span{

    display: block;

    width: 60px;

    height: 60px;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    background-color: #333333;

    text-align: center;

    line-height: 60px;

    margin-top: 25px;

    font-size: 40px;

    font-weight: bold;

    color:#FFFFFF;

    float: left;

}

.ys .box .title h2{

    float: left;

    line-height: 110px;

    font-size: 30px;

    color:#006dce;

    margin-left: 20px;

}

.ys .box .text{

    padding: 10px 0;

}

.ys .box .text p{

    font-size: 14px;

    line-height:30px;

}

.ys .bottom{

    width: 100%;

    height: auto;

    background: url("../images/bg06.jpg") no-repeat 50% 0;

    padding: 30px 0;

}

.ys .bottom img{

    display: block;

    width: 456px;

    height: 458px;

    float: left;

}

.ys .bottom .b-r{

    width: 560px;

    height: auto;

    float: right;

}

.al{

    width: 100%;

    height: auto;

    background: url("../images/bg07.jpg") no-repeat 50% 0;

    padding: 35px 0;

}



.al .dh{

    width: 1200px;

    height: 85px;

    background: url("../images/dh-bg.png") no-repeat top center;

    margin: 0 auto;

}

.al .dh h2{

    text-align: center;

    line-height: 50px;

    font-size: 30px;

    color:#1f1f1f

}

.al .dh p{

    text-align: center;

    color:#686868;

    font-size: 18px;

}

.al .container{

    width: 1200px;

    height: auto;

    margin: 25px auto;

}

.al .container .tab{

    width: 230px;

    height: auto;

    float: left;

}

.al .container .tab a{

    display: block;

    width: 210px;

    height: 68px;

    background-color: #c0c0c0;

    text-align: center;

    line-height: 68px;

    color:#606060;

    font-size: 24px;

    margin-bottom: 8px;

}

.al .container .tab a.on{

    width: 223px;

    height: 68px;

    line-height: 68px;

    background: url("../images/a-bg.png") no-repeat left center;

    color:#ffffff;

}

.al .container .tabbox{

    width: 970px;

    height: 520px;

    float: right;

    box-shadow: 0 5px 10px #959595;

}

.al .container .tabbox .tab_box .bigimg{

    width: 698px;

    height: 518px;

    float: left;

    border:1px solid #ea8a1c;

    overflow: hidden;

}

.al .container .tabbox .tab_box .bigimg img{

    display: block;

    width: 698px;

    height: 518px;

    transition: all 1s;

}

.al .container .tabbox .tab_box .bigimg img:hover{

    transform: scale(1.3);

}

.al .container .tabbox .tab_box .tab_box_r{

    width: 265px;

    height: auto;

    float: right;

}

.al .container .tabbox .tab_box .tab_box_r ul li{

    width: 265px;

    height: 200px;

    overflow: hidden;

}

.al .container .tabbox .tab_box .tab_box_r ul li img{

    display: block;

    width: 265px;

    height: 200px;

    transition: all 0.8s;

}

.al .container .tabbox .tab_box .tab_box_r ul li img:hover{

    transform: scale(1.2);

}

.al .container .tabbox .tab_box .tab_box_r ul li:last-child{

    margin-top: 20px;

}



.al .container .tabbox .tab_box .tab_box_r .more{

    display: block;

    width: 100px;

    height: 35px;

    background-color: #006dce;

    text-align: center;

    line-height: 35px;

    color:#ffffff;

    font-size: 15px;

    margin: 20px auto;

}

.kehu{

    width: 100%;

    height: auto;

    background: url("../images/bg04.jpg") repeat;

    padding: 20px 0 40px 0;

}

.kehu .container{

    width: 1200px;

    height: auto;

    margin: 0 auto;

}

.kehu .dh{

    width: 1200px;

    height: 85px;

    background: url("../images/dh-bg.png") no-repeat top center;

    margin: 0 auto;

}

.kehu .dh h2{

    text-align: center;

    line-height: 50px;

    font-size: 30px;

    color:#1f1f1f

}

.kehu .dh p{

    text-align: center;

    color:#686868;

    font-size: 18px;

}

.kehu .wrap{

    width: 1200px;

    margin-top: 35px;

}

#swiper-container1{

    width: 1200px;

    height: 380px;

}

#swiper-container1 .swiper-slide{

    width: 260px;

    height: 380px;

    background-color: #FFFFFF;

}

#swiper-container1 .swiper-slide img{

    display: block;

    width: 190px;

    height: 190px;

    margin: 10px auto;

}

#swiper-container1 .swiper-slide h2{

    text-align: center;

    line-height: 30px;

    font-size: 18px;

    font-weight: 500;

    color:#585858;

}

#swiper-container1 .swiper-slide p{

    width: 190px;

    height: 90px;

    margin: 0 auto;

    text-align: center;

    color:#b5b5b5;

    line-height: 25px;

}

#swiper-container1 .swiper-slide span{

    display: block;

    width: 130px;

    height: 40px;

    margin: 0 auto;

    border:1px solid #b5b5b5;

    text-align: center;

    line-height: 40px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

}

.about{

    width: 1200px;

    height: auto;

    margin: 25px auto 0 auto;

    padding-bottom: 40px;

    border-bottom:1px solid #7d7d7d;

}

.about .dh{

    width: 1200px;

    height: 85px;

    background:url("../images/dh-bg.png") no-repeat top center;

}

.about .dh h2{

    text-align: center;

    line-height: 50px;

    font-size: 30px;

    color:#1f1f1f

}

.about .dh p{

    text-align: center;

    color:#686868;

    font-size: 18px;

}

.about .aboutas{

    width: 500px;

    float: left;

    margin-top: 30px;

}

.about .aboutas .tit{

    width: 500px;

    height: 100px;

}

.about .aboutas .tit h2{

    font-size: 45px;

    color:#006dce;

}

.about .aboutas .tit p{

    font-size: 18px;

    color:#545454;

}

.about .aboutas .text p{

    line-height: 25px;

    text-indent: 2em;

}

.about .aboutas a{

    display: block;

    width: 175px;

    height: 45px;

    background-color: #ea8a1c;

    text-align: center;

    line-height: 45px;

    color:#FFFFFF;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    border-radius: 25px;

    margin-top: 25px;

}

.about .img{

    width: 555px;

    height: 375px;

    float: right;

}

.news{

    width: 100%;

    height: auto;

    background-color: #f6f6f6;

    padding-bottom: 15px;

}

.news .container{

    width: 1200px;

    height: auto;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.news .container .box{

    width: 370px;

    height: auto;

}

.news .container .box .dh{

    width: 370px;

    height: 90px;

    line-height: 90px;

}

.news .container .box .dh h2{

    width:185px;

    height: 90px;

    float: left;

    background: url("../images/icon.jpg") no-repeat left center;

    font-size: 24px;

    color:#006dce;

    text-indent: 15px;

}



.news .container .box .dh h2 span{

    font-size: 18px;

    font-weight: 500;

    color:#949494;

}

.news .container .box .dh p{

    width: 70px;

    float: right;

    font-size: 18px;

}

.news .container .box ul li{

    width: 365px;

    height: 45px;

    line-height: 45px;

    background: url("../images/icon_01.png") no-repeat left 10px center;

    text-indent: 30px;

}

.news .container .wt ul li{

    width: 370px;

    height:90px;

    border-top:1px dashed #7c7c7c;

    padding: 15px 0;

    background: none;

}

.news .container .wt ul li h2{

    height: 35px;

    line-height: 35px;

    background: url("../images/q.jpg") no-repeat left center;

    font-size: 14px;

    font-weight: 500;

    color:#006dce;

    text-indent: 25px;

}

.news .container .wt ul li p{

    line-height: 25px;

    background: url("../images/a.jpg") no-repeat left top 5px;

    padding-left: 25px;

    text-indent: 0;

    color:#737272

}

.flink{

    width: 1200px;

    height: auto;

    margin: 25px auto;

}

.flink img{

    display: block;

    width: 80px;

    height: 45px;

    float: left;

}

.flink ul{

        float: left;
    margin-top: 12px;

}

.flink ul li{
    padding: 0 10px;
    float: left;

}

.footer{

    width: 100%;

    height: auto;

    background-color: #626262;

    padding: 25px 0;

    margin-top: 25px;

}

.footer .container{

    width: 1200px;

    height: auto;

    margin: 0 auto;

}

.footer .f-nav{

    width: 1200px;

    height: 70px;

    background-color: #FFFFFF;

    line-height: 70px;

    color:#4e4e4e;

    text-align: center;

}

.footer .f-nav a{

    padding: 0 20px;

}

.footer .f-b{

    width: 1110px;

    height: auto;

    margin: 20px auto;

}

.footer .f-b .logo{

    width: 170px;

    height: 225px;
	margin-top: 2%;
    margin-right: 1%;
    float: left;

}

.footer .f-b .text{

    width: 470px;

    height: auto;

    float: left;

    margin-left: 150px;

    font-size: 18px;

    color:#FFFFFF;

    line-height: 35px;

}

.footer .f-b .wx{
margin-left: 3%;
    margin-top: 5%;
    float: right;

}
.footer .f-b .wx p{
color:#FFFFFF;
text-align:center;
}
/************************产品列表******************/

.pages{

    width: 800px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    margin: 25px auto;

}

.pages ul li{

    float: left;

    padding: 5px 10px;

}

.banner{

    width: 100%;

    height: 200px;

    background: url("../images/list-banner.jpg") no-repeat 50% 0;

}

.main{

    width: 1200px;

    height: auto;

    margin: 25px auto;

}

.main-l{

    width: 240px;

    height: auto;

    float: left;

}

.main-l .product_list{

    width: 240px;

    height: auto;

    border:1px solid #006dce;

}

.main-l .product_list .dh{

    width:240px;

    height: 60px;

    background-color: #006dce;

    text-align: center;

    line-height: 60px;

}

.main-l .product_list .dh h2{

    font-size: 20px;

    color:#FFFFFF;

}

.main-l .product_list .box{

    width: 220px;

    height: auto;

    padding: 10px 10px;

}

.main-l .product_list .box h2{

    width: 220px;

    height: 45px;

    background-color: #006dce;

    text-align: center;

    line-height: 45px;

    font-size: 16px;

    color:#FFFFFF;

}

.main-l .product_list ul li{

    width:185px;

    height: 40px;

    background: url("../images/cate-dd.png") no-repeat left center;

    background-size: 100% 100%;

    line-height: 40px;

    padding-left: 35px;

}

.main-l .product_list ul li a{

    font-size: 16px;

}

.main-l .xgcp{

    width: 240px;

    height: auto;

    border:1px solid #006dce;

    margin-top: 15px;

}

.main-l .xgcp h2{

    width: 240px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    background-color: #006dce;

    font-size: 18px;

    color:#FFFFFF;

}

.main-l .xgcp ul{

    padding: 10px 10px;

}

.main-l .xgcp ul li{

    width: 220px;

    height: 200px;

}

.main-l .xgcp ul li img{

    display: block;

    width: 220px;

    height: 165px;

}

.main-l .xgcp ul li p{

    text-align: center;

    line-height: 35px;

}

.main-l .lx{

    width: 240px;

    height: auto;

    margin-top: 15px;

    border:1px solid #006dce;

}

.main-l .lx h2{

    width: 240px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    color:#FFFFFF;

    background-color: #006dce;

    font-size: 18px;

}

.main-l .lx .content{

    padding: 10px 10px;

}

.main-r{

    width: 920px;

    height: auto;

    float: right;

}

.main-r .position{

    width: 920px;

    height: 50px;

    border-bottom:2px solid #006dce;

}

.main-r .position h2{

    width: 190px;

    height: 50px;

    line-height: 50px;

    padding-left: 20px;

    color:#006dce;

    border-bottom:2px solid #e94c19;

    float: left;

}

.main-r .position p{

    width: 500px;

    height: 50px;

    float: right;

    line-height: 50px;

    text-align: right;

    margin-right: 10px;

    color:#e94c19;

}

.main-r .product_list{

    width: 920px;

    height: auto;

    border: 1px solid #006dce;

    margin-top: 20px;

}

.main-r .product_list ul li{

    width: 270px;

    height: 245px;

    background-color: #eeeeee;

    padding: 15px 15px;

    float: left;

    margin: 10px 3px;

}

.main-r .product_list ul li .thumb{

    width: 270px;

    height: 200px;

    overflow: hidden;

}

.main-r .product_list ul li .thumb img{

    display: block;

    width: 270px;

    height: 200px;

    transition: all 1.2s;

}

.main-r .product_list ul li .thumb img:hover{

    transform: scale(1.2);

}

.main-r .product_list ul li p{

    width: 270px;

    height: 45px;

    text-align: center;

    line-height: 45px;

}

/*************************************************8新闻列表****************************/

.news_list{

    width:880px;

    height: auto;

    border:1px solid #006dce;

    padding: 20px 20px;

    margin-top: 20px;

}

.news_list ul li{

    width: 880px;

    height: 100px;

    padding: 10px 0;

    border-bottom:1px dashed #e94c19;

    cursor: pointer;

}

.news_list ul li:hover .time{

    background-color: #e94c19;

}

.news_list ul li .time{

    width: 100px;

    height: 75px;

    background-color: #006dce;

    text-align: center;

    padding-top: 25px;

    color:#FFFFFF;

    float: left;

}

.news_list ul li .time h2{

    font-size: 24px;

}

.news_list ul li .time p{

    font-size: 18px;

}

.news_list ul li .info{

    width: 750px;

    height: 100px;

    float: right;

}

.news_list ul li .info h2{

    line-height: 40px;

    color:#666666;

}

.news_list ul li .info p{

    line-height: 30px;

}

/******************************88产品页******************************/

#product{

    width: 880px;

    height: auto;

    margin-top: 20px;

    border:1px solid #006dce;

    padding: 20px 20px;

}

#product .product_top{

    width: 880px;

    height: 310px;

    padding-bottom: 20px;

}

#product .product_top .thumb{

    width: 410px;

    height: 310px;

    float: left;

    overflow: hidden;

    border:1px solid #e94c19;

}

#product .product_top .thumb img{

    display: block;

    width: 410px;

    height: 310px;

    transition: all 1.2s;

}

#product .product_top .thumb img:hover{

    transform: scale(1.2);

}

#product .product_top .product_info{

    width: 450px;

    height: auto;

    float: right;

}

#product .product_top .product_info h2{

    width: 300px;

    height: 50px;

    border-bottom:1px dashed #c9c9c9;

    text-align: center;

    line-height: 50px;

    color:#006dce;

}

#product .product_top .product_info p{

    padding: 15px 0;

    font-size: 16px;

    line-height: 30px;

}

#product .product_tab{

    width: 880px;

    height: 40px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

#product .product_tab a{

    width: 220px;

    height: 40px;

    background-color: #f0f0f0;

    text-align: center;

    line-height: 40px;

    font-size: 18px;

}

#product .product_tab a.on{

    background-color: #006dce;

    color:#FFFFFF;

}

#product .body{

    width: 860px;

    height: auto;

    padding: 20px 10px;

}

/*************************************文章页**************************/

#article{

    width:880px;

    height: auto;

    border:1px solid #006dce;

    margin-top: 20px;

    padding: 20px 20px;

}

#article .title{

    width: 880px;

    height: 100px;

    text-align: center;

    border-bottom:1px dashed #e94c19;

}

#article .title h1{

    font-size: 24px;

    font-weight: 500;

    line-height: 60px;

}

#article .title p{

    font-size: 14px;

    color:#999999;

}

#article .title p span{

    padding: 0 10px;

}

#article .body{

    padding: 20px 0;

    line-height: 30px;

    font-size: 14px;

}

#article .body p{

    margin: 15px 0;

}

#article .body .prenext{

    width: 500px;

    height: 50px;

    margin: 40px auto;

    font-size: 16px;

    line-height: 50px;

    text-align: right;

}





.xf{position:fixed; top:20%; right:20px; width:auto; z-index:998;background-color: #006dce;}

.xf ul li a{display:block;text-align:center; text-decoration:none; color:#fff; background-color:#006dce;  padding:0 10px;}

.xf ul li{position:relative;}

.xf ul li:nth-child(4){margin-bottom:0;}

.xf ul li a:hover{background:#006dce}

.xf ul li a img{padding-bottom:8px;}

.xf ul li p{position:absolute; top:0; left:-200px; width:200px; background:#006dce; line-height:104px; text-align:center; font-size:24px; color:#FFF; font-weight:bold; display:none;}
.w1200{ width:1200px;margin: 0 auto;}
.box4bj{    margin: 2% 0 0% 0;}	
.box4bj .bod .fl{width: 230px;background:#fff;float: left; border:2px solid #e5e5e5;}
.box4bj .bod .fl dl dt{font-family:微软雅黑;height: 73px;background:url(../images/bg.png);color:#fff;padding-top: 10%;
    padding-left: 10%;
}
.box4bj .bod .fl dl dd{line-height: 48px; font-size: 16px;position: relative;    padding: 0 0 0 10%;
    border-bottom: 1px dotted #adadad;
}
.box4bj .bod .fl dl dd a{display: block; color:#6c6d6d;}
.box4bj .bod .fl dl dd a div{content: ""; position: absolute; width: 0; height: 0; top: 0; right: 20px; bottom: 0; margin: auto;border: 10px solid rgba(0,0,0,0);background: url("../images/icon_01.png") no-repeat center;}
.box4bj .bod .fl dl dd a:hover{color:#fff;}
.box4bj .bod .fl dl dd.active{background: #ea8a1c; font-size: 16px; color: #fff;}
.box4bj .bod .fl dl dd.active a{background: #ea8a1c; font-size: 16px; color: #fff;}
.box4bj .bod .fl dl dd.active a div{content: ""; position: absolute; width: 0; height: 0; top: 0; right: 20px; bottom: 0; margin: auto; border: 10px solid rgba(0,0,0,0);background: url("../images/icon_01.png") no-repeat center;}
.box4bj .bod .fl dl dd.active:before{content: ""; position: absolute; width: 0; height: 0; top: 0; right: 20px; bottom: 0; margin: auto; border: 10px solid rgba(0,0,0,0);}
.box4bj .bod .fr{width:935px;; height:680px; background:#FFF;float: right;}
.box4bj .bod .fr .item{display: none;}
.box4bj .bod .fr .big{float: left;margin-top: 1%;margin-right: 1%;}
.box4bj .bod .fr .big img{transition: 0.5s;border:#ea8a1c solid 1px;}
.box4bj .bod .fr .big div{ background:url("../images/icon_01.png") no-repeat left center; height:12px;}
.box4bj .bod .fr .big img:hover{transform: scale(1.2);}
.box4bj .bod .fr .small{width: 262px; float: right;}
.box4bj .bod .fr .small li{height: 200px; margin-bottom: 20px; overflow: hidden;}
.box4bj .bod .fr .small li img{width: 100%; height: 100%; transition: 0.5s;}
.box4bj .bod .fr .small li img:hover{transform: scale(1.2);}
.box4bj .bod .fr .small .more{display: block; width: 96px; line-height: 34px; height: 34px; text-align: center; background: #1b7d46; color: #fff; margin: 40px auto 0;}

.box4bj .bod .product-right{

    width:940px;

    height: auto;

    float: right;

}



.box4bj .bod .product-right .tit{

    width: 940px;

    height: 50px;

    background-color: #006dce;

    line-height: 50px;

}

.box4bj .bod .product-right .tit h2{

    width: 150px;

    background-color: #ea8a1c;

    text-align: center;

    font-size: 18px;

    color:#FFFFFF;

    font-weight: 500;

    float: left;

}



.box4bj .bod .product-right .tit a{

    display: block;

    width: 95px;

    float: right;

    font-size: 18px;

    text-align: center;

    color:#FFFFFF;

}