/**
* 公共CSS样式
**/
*{padding:0;margin:0;}
img{border:0;vertical-align:bottom;max-width: 100%;}
a{text-decoration:none;color:#333;}
body{font-size:16px;font-family:"Microsoft YaHei",微软雅黑,宋体,Arial;color:#333;}
li{list-style:none;}
table{border-collapse: collapse;}
tr,td{margin:0px;border:0px;}

/*yanchi*/
.yanchi-1 {
    animation-delay: 0.1s
}
.yanchi-2 {
    animation-delay: 0.2s
}
.yanchi-3 {
    animation-delay: 0.3s
}
.yanchi-4 {
    animation-delay: 0.4s
}
.yanchi-5 {
    animation-delay: 0.5s
}
.yanchi-6 {
    animation-delay: 0.6s
}
.yanchi-7 {
    animation-delay: 0.7s
}
.yanchi-8 {
    animation-delay: 0.8s
}
.yanchi-9 {
    animation-delay: 0.9s
}
.yanchi-10 {
    animation-delay: 1s
}

body{padding-top:100px;}
.common{width:100%;display:table;height:auto;}
.div_block{width:1200px;margin:0 auto;display:table;height:100%;position: relative;}
.div_block1{width:1500px;margin:0 auto;display:table;height:100%;position: relative;}

.daoh{display:flex;justify-content:space-between;margin-top:40px;width:100%;float:left;}
.daoh p{max-width:540px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.daoh p a{color:#0e6eb8;}
.daoh p a:hover{text-decoration:underline;color:#ff621e;}

/*页码*/
.pagesdiv{width:100%;float:left;margin-top: 50px;}
.pagination{width:auto;margin: 0 auto;display: table;}
.pagination li{width: auto;border:1px solid #d8d8d8;margin: 0px 8px;font-size: 18px;color:#333;line-height: 26px;float:left;border-radius: 5px;background: #e2e6e7;}
.pagination li a{width: 100%;float: left;font-size: 18px;color:#333;padding: 5px 10px;}
.pagination li.active{padding: 5px 10px;background: #ff621e;color:#FFF;border:1px solid #ff621e;}
.pagination li.disabled{padding: 5px 10px;background: #efefef;color:#666;border:1px solid #ccc;}


/*页头*/
.header{position:fixed;top:0;left:0;z-index:999;background:#FFF;box-shadow:0 0 10px #eee;-webkit-box-shadow:0 0 10px #eee;-moz-box-shadow:0 0 10px #eee;-o-box-shadow:0 0 10px #eee;-ms-box-shadow:0 0 10px #eee;}
.logo{display: flex;align-items: center;height: 100px;overflow: hidden;float:left;}
.logo p{padding-left: 20px;font-size: 28px;line-height: 28px;}
.logo p span{color:#666;font-size: 16px;}
.top_right{float:right;height:100px;display: flex;align-items: center;justify-content: center;border-left:1px solid #dedede;position: relative;}
.top_right .r1,.top_right .r2,.top_right .r3{width:20px;height:20px;padding:0 20px;position: relative;float:left;overflow: hidden;cursor: pointer;}
.top_right .r1:before,.top_right .r2:before{content:'';background: url(../images/b.png) 0 0 no-repeat;position: absolute;top:0;bottom:0;left:0;right:0;width:20px;height:20px;margin:auto;}
.top_right .r1:before{background-position: -15px -15px;}
.top_right .r2:before{background-position: -66px -14px;}
.top_right .r2:after{width:1px;height:20px;border-left:1px solid #dedede;content: '';left:0px;top:0;bottom:0;margin:auto 0;position: absolute;}
.r1_div,.r2_div{
    z-index: 999;
    position: absolute;top:100px;right:0;padding: 15px;background: #FFF;box-shadow: 0 0 10px #a5a5a5;-webkit-box-shadow: 0 0 10px #a5a5a5;-moz-box-shadow: 0 0 10px #a5a5a5;-o-box-shadow: 0 0 10px #a5a5a5;-ms-box-shadow: 0 0 10px #a5a5a5;display: table;width: 250px;}
.r2_div{color:#333;font-size: 16px;text-align: center;}
.r2_div span{color:#ff621e;font-size: 20px;font-weight: bold;}
.top_right .r1.active,.top_right .r2.active{overflow: unset;height:100px;}
.r1_div input{outline: none;width:180px;height:30px;border:1px solid #ff621e;float:left;padding: 0 5px;}
#sousuo{width:58px;height:32px;line-height: 32px;background:#ff621e;float:left;text-align: center;color:#FFF;font-size: 18px;}

.header .headT{width: 100%;height: 60px;background:#f1f1f1;}
.header .headT .box1{width:1400px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;}
.header .headT ul{height: 60px;width:70%;display:flex;align-items: center;justify-items:center;}
.header .headT ul li a{font-size: 16px;color: #999999;display:flex;align-items:center;justify-items:center;}
.header .headT ul li a img{margin-right: 7px}
.header .headT ul .line{width: 1px;height: 26px;background:#e1e1e1;margin: 0 15px;}
.header .headT p{line-height: 60px;left: 0;top: 0;font-size: 14px;color: #ff621f}

@media screen and (max-width:1400px ) {
    .header .div_block1{width:1200px;}
    .header .logo a{width:50%;}
    .header .logo p{font-size: 21px;}
    .header .logo p span{font-size: 12px;}
}


/*页尾*/
.footer{background: #222;padding: 80px 0 40px 0;}
.f1{width:220px;float: left;margin-right: 50px;}
.f1_a{color:#FFF;font-size: 24px;font-weight: bold;text-transform: uppercase;position: relative;}
.f1_a:before{content: '';width:40px;height:2px;background: #a9a9a9;position: absolute;bottom:-27px;left:0;}
.f1_b{margin-top:65px;}
.f1_b p{margin-top:12px;}
.f1_b p a{color:#666;}
.f1_b p a:hover{text-decoration: underline;}
.f1_b p a.active{color:#FFF;}

.f2{width:410px;float: left;margin-right:40px;}
.f2_b{margin-top:65px;}
.f2_b p{padding-left: 20px;margin-top: 20px;position: relative;color:#666;}
.f2_b p.netname{color:#a9a9a9;font-size: 24px;font-weight: bold;padding-left: 0;}
.f2_b p::after{background: url(../images/b.png) 0 0 no-repeat;content: '';width:14px;height:14px;position: absolute;left:0px;top:0;bottom:0;margin:auto 0;}
.f2_b p.netname::after{display: none;}
.f2_b p.tel::after{background-position: -240px -17px;}
.f2_b p.email::after{background-position: -289px -17px;}
.f2_b p.address::after{background-position: -190px -16px;}
.f3{width:310px;margin-right:40px;float:left;}
.f3_a{margin-top: 65px;color:#ff621e;font-size: 34px;font-weight: bold;padding-left: 40px;position: relative;}
.f3_a:before{content: '';width:30px;height:30px;background: url(../images/b.png) -343px -5px no-repeat;position: absolute;top:0;left:0;bottom:0;margin: auto 0;}
.f3_b{margin-top:30px;}
.f3_b a{position:relative;width:130px;height:35px;display: table;text-align: center;line-height: 35px;color:#FFF;font-size: 14px;background: #ff621e;text-indent: 26px;}
.f3_b a:after{content: '';width:12px;height:14px;background: url(../images/b.png) -409px -16px no-repeat;position: absolute;top:0;left:25px;bottom:0;margin:auto 0;}
.weixin{float: right;}
.weixin p{text-align: center;width: 130px;color:#FFF;line-height: 40px;}
.weixin p img{width:130px;height:130px;}

.f_bq{background: #181818;padding: 15px 0;font-size: 16px;color:#666;}
.f_bq a{float:right;}


/*品牌*/
.pp1{background: url(../images/pp1.jpg) center 0 no-repeat;height: 700px;padding-top: 40px;}
.pp1 .div_block{display: flex;flex-wrap: wrap;justify-content: space-between;align-content:flex-start;}
.pp1_box{width:530px;height:230px;background: #FFF;margin-top:30px;padding: 50px 0 0 50px;position: relative;}
.pp1_box p.p1{color:#ff621e;font-weight: bold;font-size: 30px;}
.pp1_box p.p2{color:#666;font-size: 22px;margin-top:10px;position: relative;}
.pp1_box p.p2:before{content: '';width:30px;height:2px;background: #e1e1e1;position: absolute;bottom:-22px;left:0;}
.pp1_box p.p3{margin-top:50px;color:#bbbbbb;font-size: 12px;text-transform: uppercase;line-height: 22px;}
.pp1_box:before{content: '';width:120px;height:120px;position: absolute;bottom:0;right:0;background: url(../images/b.png) 0 0 no-repeat;}
.pp1_box.a1:before{background-position: -5px -68px;}
.pp1_box.a2:before{background-position: -175px -68px;}
.pp1_box.a3:before{background-position: -355px -63px;}
.pp1_box.a4:before{background-position: -10px -230px;}
/*.pp1_box:hover{background: url(../images/kk.jpg) center no-repeat;}
.pp1_box:hover p.p1,.pp1_box:hover p.p2,.pp1_box:hover p.p3{color:#FFF;}
.pp1_box:hover:before{display: none;}*/
.pp2{padding: 70px 0;}
.pp2_div{width:100%;display: table;}
.pp2_img{width:600px;height:360px;float:left;overflow: hidden;background: #d9d9d9;}
.pp2_img img{width:600px;height:360px;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    -ms-transition:all .35s;
    -o-transition:all .35s;
    transition:all .35s;
}
.pp2_img img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.pp2_r{width:560px;float: right;}
.pp2_r .p1{color:#ff621e;font-size: 30px;font-weight: bold;margin-top:10px;}
.pp2_r .p2{color:#666;font-size: 18px;line-height: 34px;margin-top:20px;}
.pp2_div1{margin-top:50px;width:100%;display: table;}
.pp2_div1 dl{width:280px;float: left;margin-left:26px;}
.pp2_div1 dl dt{width:280px;height:200px;overflow: hidden;background: #d9d9d9;}
.pp2_div1 dl dt img{width:280px;height:200px;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    -ms-transition:all .35s;
    -o-transition:all .35s;
    transition:all .35s;
}
.pp2_div1 dl dt img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.pp2_div1 dl dd{text-align: center;height:50px;line-height: 50px;color:#999;font-size: 18px;}
.pp3{background: url(../images/pp2.jpg) center 0 no-repeat;height: 1268px;padding-top: 80px;}
.pp3_box{position: relative;}
.pp3_text{position: absolute;top:35px;left:0;z-index: 3;width:610px;}
.pp3_text p.p1{font-size: 30px;}
.pp3_text p.p2{font-size: 20px;color:#666;line-height: 1.75em;margin-top:20px;}
.pp3_div{display: flex;justify-content: space-between;align-items: flex-end;}
.pp3_img{width:200px;height:140px;overflow: hidden;background: #d9d9d9;}
.pp3_img img{width:100%;height:100%;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    -ms-transition:all .35s;
    -o-transition:all .35s;
    transition:all .35s;
}
.pp3_img.a1{width:525px;height:440px;}
.pp3_img img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.pp3_box1{background: #f3f4f6;margin-top:70px;display: flex;flex-wrap: wrap;}
.pp3_t1{width:600px;height:340px;overflow: hidden;}
.pp3_t{width:540px;height:270px;padding: 70px 30px 0;}
.pp3_t p.p1{text-align: center;color:#ff621e;font-size: 30px;font-weight: bold;}
.pp3_t p.p2{color:#666;font-size: 18px;line-height: 1.9em;margin-top:20px;text-align: justify;}
.pp3_t1 img{width:600px;height:340px;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    -ms-transition:all .35s;
    -o-transition:all .35s;
    transition:all .35s;
}
.pp3_t1 img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.pp4{padding: 60px 0;}
.pp4_bt{text-align: center;color:#ff621e;font-size: 40px;font-weight: bold;}
.pp4_fbt{text-align: center;color:#666;font-size: 20px;margin-top:10px;text-transform: uppercase;margin-bottom: 30px;}

.index2{background: url(../images/index1.jpg) center 0 no-repeat;padding-top: 70px;height: 550px;}
.index_bt{font-size: 40px;text-align: center;font-weight: bold;}
.index_en{font-size: 14px;text-align: center;text-transform: uppercase;color:#999;margin-top:10px;}
.index_fbt{font-size: 18px;text-align: center;color:#666;margin-top:10px;}
.bb{position: relative;}
.bb:before{content: '';width:30px;height:2px;background: #e1e1e1;position: absolute;bottom:-26px;left:0;right:0;margin:0 auto;}
.index2_box{width:100%;display: table;margin-top: 70px;}
.four_flash{position:relative;width:1180px;height:285px; margin:0 auto;float: left;padding-left: 20px;}
.four_flash .flashBg{width:1180px;height:285px; margin:0 auto;position:relative;overflow:hidden;}
.four_flash .flashBg ul.mobile{width:2000%;height:270px; position:absolute;top:0; left:0;}
.four_flash .flashBg ul.mobile li{float:left;width:225px;padding-left:35px;margin-right:20px;margin-left:20px;position: relative;min-height:225px;}
.four_flash .flashBg ul.mobile li:before{content: '';width:14px;height:225px;position: absolute;top:15px;left:0;background: url(../images/b.png) -183px -226px no-repeat;}
.four_flash .flashBg ul.mobile li .p1{color:#444;font-size: 30px;font-weight: bold;}
.four_flash .flashBg ul.mobile li:hover .p1{color:#fe6726;}
.four_flash .flashBg ul.mobile li .p2{color:#666;font-size: 16px;line-height: 1.3em;margin-top:5px;}
.four_flash .but_left{width:18px;height:40px;position:absolute; top:120px; left:0px;background:url(../images/left.jpg) no-repeat;z-index:10;cursor:pointer;outline: none;}
.four_flash .but_right{width:18px;height:40px; position:absolute; top:120px; right:0px;background:url(../images/right.jpg) no-repeat;z-index:10;cursor:pointer;outline: none;}
.hzhb{width: 100%;display: table;margin-top: 50px;}
.hzhb li{width:220px;height:200px;float:left;line-height: 50px;color:#666;font-size: 18px;text-align: center;margin-top:10px;margin-left:25px;}
.hzhb li img{
    width:220px;height:150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.pp5{padding: 70px 0;}


/*联系我们*/
.m-lxwm{width:600px;float:left;}
.m-liuyan{width:540px;float:right;background: #f6f6f6;margin-top:10px;padding-top: 30px;}
.m-liuyan input{font-size:20px;outline: none;width:212px;height: 35px;padding: 0 10px;background: #FFF;border:0;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;float:left;margin-left:25px;}
.m-liuyan textarea{font-family:"Microsoft YaHei",微软雅黑,宋体,Arial;font-size:20px;outline: none;width:470px;height:130px;padding: 10px;margin-top:20px;margin-left:25px;background: #FFF;border:0;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
#tijiao{margin:25px auto;display:table;width:125px;height:30px;line-height: 30px;text-align: center;color:#FFF;font-size: 16px;background: #ff621e;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.lx-div{padding: 35px 0 70px;background: #f6f6f6;}
.lx-a1{color:#ff621e;font-size: 30px;font-weight: bold;}
.lx-box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.lx-box1{width:540px;height:185px;background: #FFF;padding: 15px 15px 0 25px;margin-top:30px;font-size: 20px;line-height: 38px;}






/*二级页banner*/
.sbanner{height: 400px;background-position:center top;background-repeat: no-repeat;}
.weizhi{text-align: center;color:#ff621e;font-size: 40px;font-weight: bold;line-height: 34px;}
.weizhi span{color:#999;font-size: 16px;text-transform: uppercase;}


.main{padding: 60px 0;}
.main_cont{width:100%;line-height: 1.75em;margin-top:40px;}



/*产品*/
.dh_div{padding-top: 20px;}
.dh_div .fl2{width:1160px;padding: 15px 20px 25px;display: none;background: #FFF;box-shadow: 0 0 10px #e8e8e8;-moz-box-shadow: 0 0 10px #e8e8e8;-ms-box-shadow: 0 0 10px #e8e8e8;-o-box-shadow: 0 0 10px #e8e8e8;-webkit-box-shadow: 0 0 10px #e8e8e8;}
.dh_div .fl2 p{float:left;margin:10px 10px;}
.dh_div .fl2 p a{color:#999;font-size: 18px;border-radius:20px;height:34px;line-height:34px;padding:0 12px;border:1px solid #999;float:left;}
.dh_div .fl2 p a.active{color:#ff621e;font-weight: bold;border:1px solid #ff621e;}




/*新闻列表*/
.dh_fl{background: #f5f5f5;height:60px;line-height: 60px;text-align: center;}
.dh_fl .div_block{display:flex;}
.dh_fl a,.dh_fl .fl1{font-size: 18px;padding: 0 25px;display: inline-block;cursor:pointer;
	-moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;
}
.dh_fl a.active,.dh_fl .fl1.active{background: #ff621e;color:#FFF;}
.dh_fl .fl1{position: relative;}
.dh_fl div.fl1.active::before{content: '';width:0;height:0;z-index:-2;position:absolute;left:0;right:0;margin:0 auto;bottom:-36px;
    border-style: solid;
    border-width: 15px;
    border-color: #fff #fff transparent transparent;
    transform: rotate(315deg);
    box-shadow: 3px -3px 3px #e8e8e8;
}


.news_box{padding: 20px;background: #f7f7f7;margin-top:30px;width:1160px;display: table;}
.news_img{width:488px;height:258px;overflow: hidden;float:left;border:1px solid #eee;}
.news_img img{background-position: center;background-repeat: no-repeat;background-size: cover;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    -ms-transition:all .35s;
    -o-transition:all .35s;
    transition:all .35s;
    width:488px;height:258px;
}
.news_img img:hover{
    transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);
}
.news_r{width:580px;float: right;margin-right: 20px;}
.news_r p.p1{color:#444;font-size: 24px;font-weight: bold;margin-top: 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_r p.p2{color:#666;font-size: 16px;line-height: 30px;margin-top:15px;height:90px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.news_r p.p3{margin-top:40px;height:30px;color:#d0d0d0;font-size: 20px;}
.news_r p.p3 a{width:90px;height:30px;line-height: 30px;text-align: center;color:#FFF;font-size: 14px;background: #ff621e;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;float: right;}


.div_updow{padding-top: 30px;width:100%;float: left;display: flex;justify-content: space-between;border-bottom:1px solid #c7c7c7;padding-bottom: 10px;}
.div_updow p{max-width:530px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.div_updow a{color:#666;}
.div_updow a:hover{text-decoration: underline;color:#ff621e;}

.div-wz1{width:900px;float:left;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}


/*文章详情*/
.div_title{width:100%;text-align: center;font-size: 24px;line-height: 32px;float: left;}
.div_time{width:100%;float: left;text-align: center;color:#888;margin-top: 10px;font-size: 14px;border-bottom:1px dotted #999;padding-bottom: 20px;}
.div_cont{width:100%;float: left;text-align: left;margin-top: 25px;}
.div_wz{border-bottom: 1px solid #c7c7c7;color:#666;margin-bottom: 30px;width:100%;display:table;}
.div_wz a{color:#666;}

.tj_div{padding-top:20px;padding-bottom: 90px;}
.tj_bt{font-size: 22px;border-bottom:1px solid #d0d0d0;padding-bottom: 10px;}
.tj_div dl{width:370px;float:left;margin-top:30px;margin-left:15px;padding: 10px 10px 30px;position: relative;}
.tj_div dl:before{content: '';width:370px;height:1px;background: #cfcfcf;position: absolute;bottom:0;left:10px;}
.tj_div dl dt{width:370px;height:240px;overflow: hidden;}
.tj_div dl dt img{width:370px;height:240px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    -ms-transition:all .35s;
    -o-transition:all .35s;
    transition:all .35s;
}
.tj_div dl dt img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.tj_div dl dd{color:#999;font-size: 14px;line-height: 26px;}
.tj_div dl dd .p1{font-size: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#444;margin-top:15px;}
.tj_div dl dd .p2{height:52px;display: -webkit-box;margin-top:10px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.tj_div dl:hover{background: #f7f7f7;}
.tj_div dl:hover:before{display: none;}
.tj_div dl:hover dd .p1{color:#ff550d;}


/*产品列表*/
.product-list{width:100%;display: table;margin-top:10px;}
.product-box{width:388px;border:1px solid #e5e5e5;float: left;margin-left: 15px;margin-top: 20px;margin-bottom: 20px;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    -ms-transition:all .35s;
    -o-transition:all .35s;
    transition:all .35s;
    background: #f2f2f2;
}
.product-img{width:388px;height:310px;overflow: hidden;border-bottom:1px solid #e5e5e5;}
.product-img img{
    width:388px;height:310px;
    background-position: center;background-repeat: no-repeat;background-size: cover;
}
.product-box:hover{
    transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);
    box-shadow: 0 0 10px #e5e5e5;-webkit-box-shadow: 0 0 10px #e5e5e5;-moz-box-shadow: 0 0 10px #e5e5e5;-o-box-shadow: 0 0 10px #e5e5e5;-ms-box-shadow: 0 0 10px #e5e5e5;
}
.product-text{width: 315px;padding: 20px;}
.product-text p.p1{text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 18px;
    color:#666;
}
.product-text p.p2{margin-top: 10px;}
.product-text p.p2 a{width:130px;height:38px;text-align: center;line-height: 38px;color:#666;font-size: 16px;border:1px solid #eee;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;display: table;margin: 0 auto;}
.product-box:hover{background: #ff621e;border:1px solid #ff621e;}
.product-box:hover .product-text p.p1{color:#FFF;}


/*产品详情*/
.procutshow_box{
    width:100%;
    display: table;
}
.pro_div{
    width:600px;height:400px;float:left;
    position: relative;
    background: #7f7f7f;
}
.pro_video,.pro_img{width:600px;height:400px;overflow: hidden;position: relative;}
.pro_video video,.pro_video iframe{width:600px;height:400px;}
.pro_img{display: none;position: relative;}
.pro_img::before{content:'点击查看更多';cursor:pointer;color:#FFF;text-align:center;line-height:400px;width:600px;height:400px;position: absolute;top:0;left:0;background: rgba(0,0,0,0.5);}
.mp4_img{width:600px;height:400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.mp4_img img{width:600px;height:400px;}
.pro_img img{width:600px;height:400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    -ms-transition:all .35s;
    -o-transition:all .35s;
    transition:all .35s;
}
.pro_img img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.pro_nav{position: absolute;bottom:20px;right:10px;}
.pro_nav li{cursor:pointer;margin-right:10px;width:48px;height:24px;line-height:24px;text-indent:12px;font-size:12px;text-align: center;color:#FFF;border:1px solid #FFF;float: left;background-position: 5px center;background-repeat: no-repeat;}
.pro_nav li.active{background-color: #3f3f3f;}
#colse{display:none;position: absolute;z-index: 3;top:10px;right:10px;font-size: 16px;color:#FFF;border:1px solid #ccc;width:30px;height:30px;line-height: 30px;text-align: center;background: rgba(0,0,0,0.5);}
.pro_r{width:530px;height: 260px;padding: 40px 30px 100px 40px;float: left;box-shadow: 5px 0 10px #e8e8e8;-webkit-box-shadow: 5px 0 10px #e8e8e8;-moz-box-shadow: 5px 0 10px #e8e8e8;-ms-box-shadow: 5px 0 10px #e8e8e8;-o-box-shadow: 5px 0 10px #e8e8e8;position: relative;}
.pro_title{color:#ff621e;font-size: 30px;line-height: 40px;}
.pro_r1{margin-top:15px;font-size: 18px;color:#666;}
.pro_r1 p{margin-bottom: 5px;}
.pro_r1 p strong{color:#333;}
#lianxi{position: absolute;width:140px;height:40px;line-height: 40px;text-align: center;color:#FFF;font-size: 18px;background: #ff550d;right:40px;bottom:40px;}
.cont_box{margin-top:70px;border-bottom:1px solid #c7c7c7;width: 100%;display: table;}
.cont_box a{width:120px;height:40px;text-align: center;line-height: 40px;float:left;margin-right: 15px;font-size: 20px;color:#999;}
.cont_box a.active,.cont_box a:hover{color:#FFF;background: #ff550d;}
.down_bt{font-size: 22px;color:#333;border-bottom: 1px solid #d0d0d0;padding-bottom: 10px;margin-top:15px;}
.down_box{width:100%;display: table;margin-top:30px;}
.down_l{width:135px;height:26px;text-align: center;color:#FFF;float: left;line-height: 26px;background: #ff550d;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.down_r{width:1040px;float:right;border-bottom: 1px dashed #cdcdcd;padding-bottom: 20px;}
.down_r p.p1{font-size: 20px;color:#666;margin-bottom:10px;}
.down_r p.p1 a{float: right;}
.down_r p.p2{color:#999;font-size: 16px;}
.down_r p.p2 span{float:right;width:170px;}
.xgcp_list{width:100%;display: table;margin-top:30px;}
.xgcp_list dl{width:285px;float: left;margin-left: 20px;}
.xgcp_list dl dt{width:285px;height:260px;overflow: hidden;}
.xgcp_list dl dt img{width:285px;height:260px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    -ms-transition:all .35s;
    -o-transition:all .35s;
    transition:all .35s;
}
.xgcp_list dl dt img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.xgcp_list dl dd{margin-top:20px;text-align: center;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;color:#666;font-size: 18px;}
.xgcp_list dl:hover dd{
    color:#ff550d;
}
.xgbd_list{
    width:100%;display: table;margin-top:25px;
}
.xgbd_list dl{width:370px;height:370px;padding: 10px 10px 0px;float:left;margin-left: 15px;border-bottom:1px solid #cfcfcf;}
.xgbd_list dl dt{width:370px;height:240px;overflow: hidden;}
.xgbd_list dl dt img{
    width:370px;height:240px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition:all .35s;
    -moz-transition:all .35s;
    -ms-transition:all .35s;
    -o-transition:all .35s;
    transition:all .35s;
}
.xgbd_list dl dt img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.xgbd_list dl dd{margin-top: 15px;}
.xgbd_list dl dd p.p1{color:#444;font-size: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.xgbd_list dl dd p.p2{color:#999;font-size: 14px;line-height: 26px;margin-top:10px;height:52px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.xgbd_list dl:hover{
    background: #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
}
.xgbd_list dl:hover dd p.p1{
color:#ff550d;
}


/*图标字体*/
@font-face {
  font-family: 'iconfont';
  src: url('../../fonts/iconfont.eot');
  src: url('../../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../../fonts/iconfont.woff2') format('woff2'),
      url('../../fonts/iconfont.woff') format('woff'),
      url('../../fonts/iconfont.ttf') format('truetype'),
      url('../../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.pro_mm{display: none;}

.fancybox{ margin-bottom:30px;}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.fancybox-opened {
    z-index: 8030;
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
    position: relative;
}
.fancybox-inner {
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}
.fancybox-error {
    color: #444;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(../images/fancybox_sprite.png);
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(../images/blank.gif); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span {
    visibility: visible;
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(../images/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}
/* Title helper */

.fancybox-title {
    visibility: hidden;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url(../images/fancybox_sprite@2x.png);
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }
    #fancybox-loading div {
        background-image: url(../images/fancybox_loading@2x.gif);
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}

/*首页-案例*/
.case{
    margin-top: 70px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.case .case-item{
    width: 387px;
    height: 425px;
    margin: 0px 6px 10px 6px;
    overflow: hidden;
}
.case .case-item:hover a img{
    transform: scale(1.1);
    transition: all 0.3s;
}
.case .case-item a{
    display: block;
    overflow: hidden;
    width: 387px;
    height: 230px;
}
.case .case-item .title {
    background-color:#F7F7F7;
    height: 195px;
    padding: 30px;
}
.case .case-item .title h3 {
    overflow: hidden;
    height: 30px;
    line-height: 30px;
}
.case .case-item .title h3 a{
    font-size:20px;
    font-weight: bold;
}
.case .case-item .title p{
    font-size: 16px;
    line-height: 22px;
    margin-top: 25px;
    color: #808080;
    overflow: hidden;
}