﻿

.yp_banner_01{overflow:hidden;position:relative;min-height:200px;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;}
.yp_banner_01 b.b1{width:100%;display:block;overflow:hidden;height:100%;background:url("images/bg_01.jpg") center no-repeat;background-size:cover;position:absolute;left:0px;top:0px;}

.yp_banner_01_c{width:100%;overflow:hidden;position:relative;z-index:99;}
.yp_banner_01_c .ypb01c_l{width:182px;overflow:hidden;float:left;margin-right:40px;}
.yp_banner_01_c .ypb01c_l img{width:100%;display:block;background-color:#fff;}
.yp_banner_01_c .ypb01c_r{float:left;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;}
.yp_banner_01_c .ypb01c_r .ypb01c_r_c{width:100%;overflow:hidden;}
.yp_banner_01_c .ypb01c_r p{width:100%;overflow:hidden;}
.yp_banner_01_c .ypb01c_r p.p1{font-size:24px;color:#000;line-height:34px;letter-spacing:4px;}
.yp_banner_01_c .ypb01c_r p.p2{font-size:14px;line-height:24px;color:#666;margin-top:10px;}
.yp_banner_01_c .ypb01c_r p.p3{margin-top:5px;}
.yp_banner_01_c .ypb01c_r p.p3 img{height:18px;display:block;float:left;margin-right:5px;border-radius:4px;margin-top:1px;}
.yp_banner_01_c .ypb01c_r p.p3 em{float:left;display:inline-block;font-style:normal;line-height:20px;font-size:14px;margin-right:10px;}

.yp_navfr{overflow:hidden;background-color:#fa8e23;}
.yp_navfr ul li{float:left;}
.yp_navfr ul li a{display:inline-block;font-size:16px;color:#fff;line-height:30px;padding:10px 30px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.yp_navfr ul li a:hover{background-color:#fff;color:#fa8e23;}
.yp_navfr ul li.on a{background-color:#fff;color:#fa8e23;}

.yp_in_01{overflow:hidden;margin-top:20px;}
.yp_in01_l{width:880px;overflow:hidden;float:left;}
.yp_in01_r{width:300px;overflow:hidden;float:right;}
.yp_in01_r .cpxq_02_r{height:auto;}
.yp_in01_r .cpxq_02_r p.p4{text-overflow:inherit;white-space:normal;word-break:break-all;}

.prd_03_c{width:100%;overflow:hidden;margin-top:20px;}
.prd_03_c p{width:100%;overflow:hidden;font-size:14px;color:#666;line-height:24px;}

.prd_04{margin-top:20px;}

.prd_05_c{width:100%;overflow:hidden;margin-top:20px;}
.prd_05_c ul li{width:90px;height:60px;overflow:hidden;float:left;border:1px solid #eee;margin-right:10px;}
.prd_05_c ul li img{width:100%;display:block;}
.prd_05_c ul li b{width:10px;height:10px;display:block;overflow:hidden;background:url("images/Search.png") center no-repeat;background-size:100%;position:absolute;right:5px;bottom:5px;}



.prd_02_c1{width:100%;overflow:visible;margin-top:20px;}
.prd_02_c1 ul li{width:32%;overflow:hidden;float:left;border-radius:6px;margin-right:2%;border:1px solid #eee;margin-bottom:20px;padding:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.prd_02_c1 ul li:nth-child(3n){margin-right:0px;}
.prd_02_c1 ul li p{width:100%;overflow:hidden;}
.prd_02_c1 ul li p.p1{position:relative;}
.prd_02_c1 ul li p.p1 b{width:100%;height:200px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center;}
.prd_02_c1 ul li p.p1 i{width:32px;height:20px;display:block;overflow:hidden;position:absolute;right:10px;top:10px;background:url("../images/hot.png") no-repeat;background-size:100%;}
.prd_02_c1 ul li p.p1 span{position:absolute;right:10px;bottom:10px;width:20px;height:20px;display:block;background:url("../images/Search.png") no-repeat;background-size:100%;}
.prd_02_c1 ul li p.p1 span img{opacity:0;cursor:pointer;width:20px;height:20px;}
.prd_02_c1 ul li .prd_01_c{width:100%;overflow:hidden;padding:10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.prd_02_c1 ul li .prd_01_c p.p2{font-size:16px;color:#000;line-height:26px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-weight:bold;}
.prd_02_c1 ul li .prd_01_c p.p2 a{}
.prd_02_c1 ul li .prd_01_c p.p2 b{color:#f68000;}
.prd_02_c1 ul li .prd_01_c p.p3{font-size:13px;line-height:24px;color:#999;height:24px;overflow:hidden;}
.prd_02_c1 ul li .prd_01_c p.p3 span{float:left;display:inline-block;overflow:hidden;}
.prd_02_c1 ul li .prd_01_c p.p3 i{color:#333;overflow:hidden;display:inline-block;overflow:hidden;float:left;text-overflow:ellipsis;white-space:nowrap;}
.prd_02_c1 ul li .prd_01_c p.p3 i a{width:100%;display:block;overflow:hidden;height:24px;text-overflow:ellipsis;white-space:nowrap;}
.prd_02_c1 ul li .prd_01_c p.p3 i.i1{color:#333;}
.prd_02_c1 ul li .prd_01_c p.p3 i.i1 em{display:inline-block;font-style:normal;font-size:18px;color:#f68000;font-weight:bold;}
.prd_02_c1 ul li .prd_01_c p.p3 b{color:#f68000}
.prd_02_c1 ul li p.p4{width:100%;overflow:hidden;border-top:1px solid #eee;background-color:#f9f9f9;}
.prd_02_c1 ul li p.p4 a{width:50%;display:block;font-size:14px;color:#f68000;line-height:40px;overflow:hidden;float:left;text-align:center;border-right:1px solid #eee;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.prd_02_c ul li p.p4 a:nth-child(2){border-right:0px;}

.prd_05{padding-bottom:0px;}
.prd_06_c{width:100%;overflow:hidden;margin-top:20px;}

.prdclassfr{width:100%;overflow:hidden;}
.prdclassfr ul li{float:left;font-size:14px;margin-right:10px;margin-bottom:10px;}
.prdclassfr ul li a{display:inline-block;line-height:30px;border:1px solid #f68000;color:#f68000;padding:0px 10px;border-radius:4px;}
.prdclassfr ul li a.on{display:inline-block;line-height:30px;border:1px solid #f68000;background-color:#f68000;color:#fff;padding:0px 10px;border-radius:4px;}
.prdclassfr ul li span{float:left;line-height:32px;}

.yp_cpxq_01{width:100%;overflow:hidden;margin-top:10px;}

.listnews_01{width:100%;overflow:hidden;margin-top:10px;}
.listnews_01 ul{width:100%;overflow:hidden;}
.listnews_01 ul li{width:32%;overflow:hidden;float:left;margin-right:2%;margin-bottom:20px;background-color:#f9f9f9;}
.listnews_01 ul li:nth-child(3n){margin-right:0px;}
.listnews_01 ul li a{width:100%;display:block;overflow:hidden;background-color:#f9f9f9;}
.listnews_01 ul li a em{width:100%;display:block;overflow:hidden;font-style:normal;}
.listnews_01 ul li a em.em1{position:relative;}
.listnews_01 ul li a em.em1 img{width:100%;display:block;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;}
.listnews_01 ul li a em.em1 b{width:100%;height:200px;display:block;overflow:hidden;background-color:#ccc;background-size:100%;background-position:center;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;background-repeat:no-repeat;}
.listnews_01 ul li a em.em2{width:100%;overflow:hidden;min-height:316px !important;}
.listnews_01 ul li a span{width:90%;margin:0px auto;padding:0px;display:block;overflow:hidden;}
.listnews_01 ul li a span.sp1{font-size:16px;color:#333;font-weight:bold;line-height:28px;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;margin-top:10px;}
.listnews_01 ul li a span.sp1 i{color:#fc7d00;}
.listnews_01 ul li a span.sp2{margin-top:15px;font-size:16px;color:#999;line-height:26px;margin-bottom:10px;}
.listnews_01 ul li a span.sp2 b{width:23px;height:23px;display:block;overflow:hidden;float:right;background:url("../images/n_01.png") center no-repeat #c2c2c2;background-size:10px;}
.listnews_01 ul li a span.sp3{font-size:12px;color:#999;margin-top:10px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;}
.listnews_01 ul li:hover{}
.listnews_01 ul li a:hover em.em1 b{transform: scale(1.01, 1.01); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.listnews_01 ul li a:hover span.sp1{color:#fc7d00;}
.listnews_01 ul li a:hover span.sp2{}
.listnews_01 ul li a:hover span.sp2 b{background:url("../images/n_01.png") center no-repeat #fc7d00;background-size:10px;}

.gusebook_01{width:100%;overflow:hidden;margin-top:20px;}
.gusebook_01 ul li{width:100%;overflow:hidden;line-height:30px;margin-bottom:20px;}
.gusebook_01 ul li label{width:100px;float:left;font-size:14px;color:#333;display:block;overflow:hidden;height:30px;}
.gusebook_01 ul li input{width:200px;height:30px;line-height:30px;overflow:hidden;padding:0px 10px;border:1px solid #eee;border-radius:4px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;float:left;}
.gusebook_01 ul li textarea{width:400px;height:200px;overflow:hidden;border:1px solid #eee;padding:10px;border-radius:4px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.gusebook_01 ul li input.btn{border:0px;cursor:pointer;height:40px;background-color:#f68000;font-size:14px;color:#fff;border-radius:4px;}
.gusebook_01 ul li #code_img{float:left;margin-left:10px;}

@media screen and (max-width:750px) {

    .yp_banner_01_c .ypb01c_l{display:none;}
    .yp_banner_01_c .ypb01c_r{width:100%;}

    .yp_navfr .wrap_c{margin:0px;}
    .yp_navfr ul li{width:25%;float:left;text-align:center;}
    .yp_navfr ul li a{padding:4px 0px;width:100%;}

    .yp_in01_l{width:100%;}
    .yp_in01_r{display:none;}

    .prd_02_c1 ul li{width:100%;margin-right:0px;}


}