@charset "utf-8";
b,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,li,ol,p,pre,select,span,strong,table,td,textarea,th,ul{margin:0;padding:0}
abbr,acronym,fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
q:after,q:before{content:''}
i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
caption,td,th{text-align:left;font-weight:400;}
a,button,img{border:none;text-decoration:none; vertical-align: unset;}
a,button{text-decoration:none;}
button:focus,input:focus{outline:0;}
textarea{font-family:"Microsoft YaHei";}
img{border:none;outline:0}
a{color:#333;text-decoration:none;outline:0; cursor: pointer;}
ol,ul{list-style:none;}
table{word-break:break-all;word-wrap:break-word;}
body,html{ background: #F5F5F5;}
body{font-family:'Microsoft YaHei',Arial,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;font-size:14px;font-weight:400;color:#333;width:100%;}
select::-ms-expand{display:none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
.clear{clear:both;}
.w1200{width:1200px;margin:0 auto;}
.w100{width:100%;}
.left{float:left;}
.right{float:right;}
.boxs{ box-sizing: border-box;  -ms-box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  }
input{ border: none;}
.trion{ transition:all .3s;  -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari and Chrome */ -o-transition:all .3s; /* Opera */}
a:hover{ text-decoration: none;}
input::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } 
input::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; } 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }
textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } 
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } 
textarea::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; } 
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }
@font-face {
    font-family: "IMPACT";
    src: url(../font/IMPACT.TTF);
    font-stretch: "normal";
    font-weight: 400;
}

/* ---------------------------------------------公共-------------------------------------------- */
/* ---------------top-------------- */
.top{ height: 36px; line-height: 36px;}
.top_l{ width: auto; font-size: 12px; color: #999999;}
.top_r{ width: auto;font-weight: bold;}
.top_r a{ float: left; font-size: 12px; color: #999999; padding: 0px 15px;}
.top_r span{ color: #EA5505;}
.top_r a:hover{ color: #EA5505;}
.fonwb{font-weight:bold;}

/* ---------------header-------------- */
.header{ height: 80px; background: #fff; box-shadow: 0px 4px 9px rgba(142, 142, 142, 0.15); position: relative;}
.logo{ width: 212px;}
.logo img{ width: 100%; height: auto; padding-top: 15px;}
.nav{ float: right; max-width: 990px; overflow: hidden;}
.nav ul{ padding-top: 23px;}
.nav ul li{ float: left; width: auto; min-width: 50px; font-size: 16px; text-align: center; padding: 5px 0px; border-bottom: 2px solid #fff; margin-left: 35px;}
.nav ul li:hover{ border-bottom: 2px solid #EA5505;}
.nav ul li:hover a{ color: #EA5505; font-weight: bold;}
.nav ul li.cur{ border-bottom: 2px solid #EA5505;}
.nav ul li.cur a{ color: #EA5505; font-weight: bold;}

/* ---------------横幅-------------- */
.index_hf{ height: 235px; margin-top: 10px; background: url(../images/hf_bj.png) no-repeat center;}
.index_hf_l{ width: 600px; height: 100%; color: #fff;}
.index_hf_l p{ font-size: 36px; font-weight: bold; margin-bottom: 15px; padding-top: 115px;}
.index_hf_l span{ font-size: 20px; opacity: 0.7;}
.index_hf_r{ width: 450px; height: 100%; color: #fff;}
.index_hf_r p{ padding-top: 110px; margin-bottom: 5px;}
.index_hf_r span{ font-size: 24px; font-weight: bold; display: block;}
.index_hf_r a{ display: block; width: 180px; height: 38px; line-height: 38px; margin-top: 10px; font-size: 16px; text-align: center; color: #fff; border: 1px solid #FFFFFF;}
.index_hf_r a:hover{ opacity: 0.6;}

/* ---------------服务支持-------------- */
.service{ padding-top: 40px; height: 513px; background: #fff;}
.service_title{ height: 48px; line-height: 48px; text-align: center; font-size: 36px; font-weight: bold;}
.service_con{ margin-top: 35px; height: 346px;}
.service_con ul li{ float: left; width: 287px; height: 346px; background: #F9F9F9; padding: 0px 23px; text-align: center; margin-right: 17px;}
.service_con ul li:last-child{ margin-right: 0;}
.service_con ul li i{ color: #EA5505; padding-top: 45px; font-size: 56px; display: block; margin-bottom: 14px;}
.service_con ul li span{ font-size: 20px; display: block; margin-bottom: 25px;}
.service_con ul li p{ line-height: 24px; text-align: left; height: 75px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.service_con ul li h5{ border: 1px solid #EA5505; height: 40px; line-height: 40px; text-align: center; width: 160px; margin: 0 auto; color: #EA5505; font-size: 16px; border-radius: 2px; margin-top: 30px;}

/* ---------------footer-------------- */
.footer{ min-height: 513px; background: url(../images/footer.jpg) #2A2C38 no-repeat top;}
.footer_top{ height: 390px; padding-top: 56px;}
.footer_con{ height: 50px; background: rgba(0, 0, 0, 0.4); color: #999999; font-size: 12px; text-align: center; line-height: 50px;}
.footer_con a{ color: #999999;}
.footer_nav{ height: 230px;}
.footer_l{ width: 645px; height: 230px; border-right: 1px solid #545454;}
.footer_l ul li{ float: left; width: 126px; margin-right: 35px;}
.footer_l ul li p{ font-size: 24px; color: #FFFFFF; margin-bottom: 22px;}
.footer_l ul li a{ color: #979797; line-height: 20px; margin-bottom: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.footer_l ul li a:hover{ color: #fff;}
.footer_r{ width: 338px; margin-left: 46px; height: 100%;}
.footer_ewm{ width: 170px; height: 100%; padding-top: 27px;}
.footer_ewm img{ width: 100%; height: 170px; border-radius: 4px;}
.footer_r p{ color: #FFFFFF; height: 20px; margin-bottom: 13px;}
.footer_r span{ color: #EA5505; font-size: 24px; font-weight: bold; margin-bottom: 9px; display: block;}
.footer_r a{ width: 180px; height: 45px; line-height: 45px; font-size: 16px; display: block; margin-top: 25px; text-align: center; background: #EA5505; color: #fff; border-radius: 2px;}
.footer_r a:hover{ opacity: 0.7;}
.footer_img{ height: 35px; margin-top: 38px; text-align: center;}
.footer_img img{ width: auto; height: 32px; margin: 0px 6px;}
.footer_bottom{ min-height: 70px; line-height: 30px; color: #FFFFFF; font-size: 12px; padding: 25px 0px;}
.footer_bottom span{ float: left; margin-right: 30px;}
.footer_bottom a{ float: left; margin-right: 30px; color: #FFFFFF;}

/* ---------------右侧边栏-------------- */
.fixed-bar { position: fixed; right: 33px; width: 120px; top: 17%; margin-top: -70px; z-index: 10; text-align: center;}
.fixed-bar .ele{ display: block; width: 70px; height: 57px; padding-top: 13px; border-radius: 4px; transition: .36s ease; margin: 0 auto; margin-top: 2px;}
.fixed-bar .ele{ background: #fff; cursor: pointer;}
:root .fixed-bar .ele{ filter: none \9;}
.fixed-bar .msg{ background: unset; width: 120px; height: 120px;}
.fixed-bar a.msg:hover{ background: unset;}
.fixed-bar i{ color: #EA5505; font-size: 24px;}
.fixed-bar .qr img{ display: block; margin: 40px auto;}
.fixed-bar .top .icon{ background: url(../images/fh.png)  no-repeat center;}
.fixed-bar span{ display: block; width: 100%; margin-top: 6px; font-size: 12px; color: #EA5505; text-align: center;}
.fixed-bar .tel{ position: relative; line-height: 20px;}
.fixed-bar .tel .fixed-tel{ display: none; width: 213px; height: 139px; position: absolute; background: url(../images/fixed-tel-bg.png) no-repeat center;  right: 45px; top: -35px; text-align: center;}
.fixed-bar .fixed-tel span{ display: block; margin-top: 45px; color: #999; font-size: 14px;}
.fixed-bar .fixed-tel p{ color: #EA5505; font-size: 16px; font-weight: bold; padding-top: 5px;}
.fixed-bar .tel:hover .fixed-tel{ display: block;}
.fixed-bar .wwx{ margin-top: -8px;}
.fixed-bar .wwx .fixed-wwx{ display: none; width: 213px; height: 139px; position: absolute; right: 55px; top: 85px; text-align: center;}
.fixed-bar .fixed-wwx span{ display: block; margin-top: 50px; color: #999;  font-size: 14px;}
.fixed-bar .fixed-wwx p{ color: #EA5505; font-size: 18px;  font-weight: bold;}
.fixed-bar .wwx:hover .fixed-wwx{ display: block;}
.fixed-bar .ele.top_img{ height: 30px; padding-top: 0px; line-height: 30px; margin-top: -4px;}

/* ---------------面包屑导航-------------- */
.nav_con{ height: 60px; line-height: 60px; background: #fff;}
.nav_con a{ display: inline-block; font-size: 16px; color: #666666;}
.nav_con a:hover{ color: #EA5505;}

/* ------------------------分页------------------------- */
.index_page{ height: 70px; margin-top: 16px; text-align: center; background: #fff; line-height: 36px; padding-top: 17px;}
.index_page a{ display: inline-block; font-size: 16px; width: auto; color: #999999; padding: 0px 13px; box-sizing: border-box; height: 36px; margin: 0px 5px; border: 1px solid #EEEEEE;}
.index_page a.cur{ color: #fff; background: #EA5505; border-color: #EA5505;}
.index_page a:hover{ color: #EA5505; border-color: #EA5505; }
.index_page a.cur:hover{ color: #FFFFFF;}

/* ---------------------------------------------首页-------------------------------------------- */
/* ---------------banner-------------- */
.banner{ height: 764px; background: url(../images/banner.jpg) no-repeat center;}
.banner .title{ font-size: 26px; color: #fff; padding-top: 40px; text-align: center;}
.banner .describe{ text-align: center; position: relative; height: 35px; line-height: 35px; margin-top: 10px;}
.banner .describe p{ color: #fff;}
.banner .describe p span{ color: #EA5505; letter-spacing: 2px; padding: 0px 10px;}
.banner .describe img{ position: absolute; top: 18px;opacity: 0.2;}
.banner .describe .img_l{ left: 240px; float: left;}
.banner .describe .img_r{ right: 240px; float: left;}
.banner .content{ height: 560px; background: #EEF2FB; border-radius: 5px 5px 0px 0px; margin-top: 50px;}
.banner .tab{ height: 70px; background: #F0F0F6; border-radius: 5px 5px 0px 0px; line-height: 70x;}
.banner .tab ul li{ float: left; width: 400px; height: 70px; line-height: 70px; font-size: 14px; color: #999999; border-left: 1px solid #E1E1E1; cursor: pointer;}
.banner .tab ul li span{font-size: 24px; color: #333; margin-left: 25px; margin-right: 10px;}
.banner .tab ul li:first-child{ border: none;  border-radius: 5px 5px 0px 0px;}
.banner .tab ul li:first-child+li, .banner .tab ul li:first-child+li+li{ border-radius: 5px 5px 0px 0px;}
.banner .tab ul .cur{ margin-top: -10px; height: 80px; background: #fff;}
.banner .tab ul li i{ width: 72px; height: 23px; line-height: 23px; background: #EA5505; border-radius: 2px; text-align: center; color: #fff; display: inline-block; margin-right: 8px;}
.banner .tab_con{ height: 350px; background: url(../images/tab_bj1.jpg) no-repeat center;}
.banner .tab_con_title{ color: #2A2C38; height: 20px; line-height: 20px; padding-top: 23px; margin-bottom: 26px; text-align: center;}
/* 表单 */
.banner .tab_form{ width: 280px; height: 262px; border-left: 1px solid #F3F3F3; padding: 0px 12px 0px 37px; overflow: hidden;}
.banner .tab_form .tab_form_title{ font-weight: bold; font-size: 16px; line-height: 20px;}
.banner .tab_form .tab_form_span{ font-size: 16px; color: #AAAAAA; padding-top: 10px; line-height: 20px;}
.banner .tab_form .tab_form_con{ margin-top: 10px;}
.banner .tab_form .layui-input-block{ margin-left: 0px; min-height: 35px;}
.banner .tab_form .layui-form-item{ margin-bottom: 8px;}
.banner .tab_form .layui-textarea{ min-height: 62px; height: 62px; resize: none;}
.banner .tab_form .layui-btn{ width: 100%; height: 40px; background: #EA5505; color: #fff; padding: 0; line-height: 40px;}
/* tab */
.banner .tab_substance{ height: 262px;}
.banner .tab_substance .select{ display: block;}
.banner .tab_cl{ width: 801px; height: 262px;}
.banner .tab_c{ display: none; height: 100%;}
.banner .tab_c.first ul{ background: url(../images/tab_bj.png) no-repeat right;width:184px;float:left;}
.banner .tab_c.second ul{ background: url(../images/tab_bj.png) no-repeat right;width:184px;float:left;}
.banner .tab_c.first ul li, .banner .tab_c.second ul li{ width: 108px; height: 105px; float: left;  padding-top: 10px; text-align: center; margin-left: 36px; margin-bottom: 25px;}
.banner .tab_c.first ul li i, .banner .tab_c.second ul li i{ font-size: 46px;}
.banner .tab_c.first ul li p, .banner .tab_c.second ul li p{ font-weight: bold; margin-top: 18px;}
.banner .tab_c.first ul li span, .banner .tab_c.second ul li span{ font-size: 12px; color: #999999; margin-top: 15px;}
.banner .tab_c.first ul li:hover p, .banner .tab_c.second ul li:hover p{ color: #EA5505;}
.banner .tab_c.first ul li:first-child i, .banner .tab_c.first ul li:nth-child(4) i, .banner .tab_c.first ul li:nth-child(8) i, .banner .tab_c.first ul li:nth-child(11) i, .banner .tab_c.first ul li:nth-child(14) i, .banner .tab_c.second ul li:nth-child(2) i, .banner .tab_c.second ul li:nth-child(7) i{
    background: -webkit-linear-gradient(#F99C7A, #E25050); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#F99C7A, #E25050); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#F99C7A, #E25050); /* Firefox 3.6 - 15 */
    background: linear-gradient(#F99C7A, #E25050); /* 标准的语法（必须放在最后） */ 
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.banner .tab_c.first ul li:nth-child(2) i, .banner .tab_c.first ul li:nth-child(9) i, .banner .tab_c.first ul li:nth-child(12) i, .banner .tab_c.first ul li:nth-child(15) i, .banner .tab_c.second ul li:nth-child(6) i{
    background: -webkit-linear-gradient(#9CD1FF, #37A0FF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#9CD1FF, #37A0FF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#9CD1FF, #37A0FF); /* Firefox 3.6 - 15 */
    background: linear-gradient(#9CD1FF, #37A0FF); /* 标准的语法（必须放在最后） */ 
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.banner .tab_c.first ul li:nth-child(3) i, .banner .tab_c.first ul li:nth-child(6) i, .banner .tab_c.second ul li:nth-child(1) i, .banner .tab_c.second ul li:nth-child(5) i{
    background: -webkit-linear-gradient(#FEB251, #FCC36F); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FEB251, #FCC36F); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FEB251, #FCC36F); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FEB251, #FCC36F); /* 标准的语法（必须放在最后） */ 
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.banner .tab_c.first ul li:nth-child(5) i, .banner .tab_c.first ul li:nth-child(7) i, .banner .tab_c.first ul li:nth-child(10) i, .banner .tab_c.second ul li:nth-child(3) i, .banner .tab_c.second ul li:nth-child(8) i{
    background: -webkit-linear-gradient(#85D2C5, #65B9A8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#85D2C5, #65B9A8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#85D2C5, #65B9A8); /* Firefox 3.6 - 15 */
    background: linear-gradient(#85D2C5, #65B9A8); /* 标准的语法（必须放在最后） */ 
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.banner .tab_c.first ul li:nth-child(13) i, .banner .tab_c.first ul li:nth-child(16) i, .banner .tab_c.second ul li:nth-child(4) i{
    background: -webkit-linear-gradient(#BAAFFF, #8F80FF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#BAAFFF, #8F80FF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#BAAFFF, #8F80FF); /* Firefox 3.6 - 15 */
    background: linear-gradient(#BAAFFF, #8F80FF); /* 标准的语法（必须放在最后） */ 
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.banner .tab_c_shop{ padding: 0px 45px; margin-top: 37px;}
.banner .tab_c_shop .line{ border-top: 1px solid #E1E1E1;}
.banner .tab_c_shop .top{ width: 120px; height: 20px; background: #fff; margin: 0 auto; color: #707070; font-size: 16px; font-weight: bold; text-align: center; margin-top: -11px; line-height: 20px;}
.banner .tab_c_shop ul.shop{ padding-top: 27px;}
.banner .tab_c_shop ul.shop li{ width: 238px; height: 79px; margin-left: 38px; text-align: left; padding: 0;}
.banner .tab_c_shop ul.shop li:first-child{ margin-left: 0px;}
.banner .tab_c_shop ul.shop li a{ display: block;}
.banner .tab_c_shop ul.shop li img{ float: left; width: 79px; height: 79px; margin-right: 18px;}
.banner .tab_c_shop ul.shop li p{ font-weight: bold; margin: 0;}
.banner .tab_c_shop ul.shop li span{ color: #999999;}
.banner .tab_c_shop ul.shop li:hover p{ color: #EA5505;}
.banner .tab_c.third{ padding: 0px 51px 0px 28px;}
.banner .tab_c.third .top{ height: 70px; border-radius: 3px; background: #EEF2FB; line-height: 70px;}
.banner .tab_c.third .top p{ font-size: 24px; font-weight: bold; color: #707070; float: left; padding-left: 23px; padding-right: 9px;}
.banner .tab_c.third .top span{ color: #999999;  float: left;}
.banner .tab_c.third .top a{ color: #fff; width: 196px; height: 64px; text-align: center; line-height: 58px; font-size: 18px; background: url(../images/tab_bj2.png) no-repeat center; float: right; margin-right: 25px; position: relative; top: 5px;}
.banner .tab_c.third .list{ height: 195px; overflow: hidden;}
.banner .tab_c.third .list a{ float: left; display: inline-block; margin-right: 6px; width: 263px; height: 60px; line-height: 60px; background: #F1F1F1; font-size: 18px; margin-top: 6px; text-align: center;}
.banner .tab_c.third .list a:hover{ color: #EA5505;}
.banner .tab_c.third .list a:nth-child(3n){ margin-right: 0px; float: right;}
/* 产品搜索 */
.banner .content .bottom{ height: 140px; padding: 24px 50px;}
.banner .content .bottom .search{ height: 50px; background: #fff; border-radius: 25px;}
.banner .content .bottom .search p{ line-height: 50px; padding-left: 27px; margin-right: 22px; float: left;}
.banner .content .bottom .search span{ width: 1px; height: 14px; background: #E1E1E1; display: inline-block; position: relative; top: 19px; float: left;}
.banner .content .bottom .layui_form{ float: right; width: 1000px;}
.banner .content .bottom .layui_form .layui-input-block{ margin-left: 0px; min-height: 50px; line-height: 50px;}
.banner .content .bottom .layui_form .layui-input{ height: 50px; border: 0; width: 900px; float: left;}
.banner .content .bottom .layui_form .layui-btn{ background: none; line-height: 50px; height: 50px; padding: 0; float: right; margin-right: 18px;}
.banner .content .bottom .layui_form .layui-btn i{ color: #EA5505; font-size: 26px;}
.banner .content .bottom .search_span{ height: 26px; margin-top: 15px; line-height: 26px; font-size: 12px;}
.banner .content .bottom .search_span span{ margin-right: 10px;}
.banner .content .bottom .search_span a{ display: inline-block; margin-right: 13px; padding: 0px 10px; border-radius: 13px; background: #fff;}
.banner .content .bottom .search_span a:hover{ background: #EA5505; color: #fff;}

/* ---------------热门行业-------------- */
.hot{ height: 60px; line-height: 60px; font-size: 16px;}
.hot span{ float: left; color: #666666;}
.hot a{ float: left; margin-left: 30px;}
.hot a:hover{ color: #EA5505;}
.hot_con{ height: 200px; background: #fff;}
.hot_con ul{ padding-top: 28px;}
.hot_con ul li{ float: left; width: 390px; height: 140px; margin-left: 13px; overflow: hidden;border-bottom: 4px solid #EA5505;}
.hot_con ul li:first-child{ margin-left: 0px; background: url(../images/index_video_img1.jpg) no-repeat center;}
.hot_con ul li:nth-child(2){ background: url(../images/index_video_img2.jpg) no-repeat center;}
.hot_con ul li:last-child{ background: url(../images/index_video_img3.jpg) no-repeat center;}
.hot_con ul li:hover img{ transform: scale(1.1);}
.hot_con ul li p{ font-size: 24px; color: #EA5505; padding-left: 27px; padding-top: 33px; margin-bottom: 13px;}
.hot_con ul li span{ font-size: 18px; padding-left: 27px; color: #333;}

/* ---------------热门产品-------------- */
.index_shop{ margin-top: 34px;}
.shop_title{ height: 48px; line-height: 48px;}
.shop_title p{ float: left; font-size: 36px; font-weight: bold;}
.shop_title a{ display: inline-block; float: right; color: #AAAAAA; font-size: 16px;}
.shop_title a i{ margin-left: 5px;}
.shop_title a:hover{ color: #EA5505;}
.shop_con{ height: 512px; overflow: hidden; margin-top: 30px;}
.shop_con_l{ width: 270px; height: 100%; background: #4A4F6D;}
.shop_con_r{ width: 906px; height: 100%;}
.shop_con_r ul li{ float: left; width: 210px; height: 245px; text-align: center; background: #fff; margin-right: 22px; padding: 12px; margin-bottom: 22px;}
.shop_con_r ul li:nth-child(4n){ margin-right: 0px;}
.shop_con_r ul li img{ width: 186px; height: 186px; margin-bottom: 10px;}
.shop_con_r ul li p{ font-size: 16px;}
.shop_con_r ul li:hover p{ color: #EA5505;}
.shop_con_r ul li:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);}
.shop_con_l_top{ height: 166px; background: url(../images/shop_l_bj.jpg) no-repeat center; padding: 0px 36px;}
.shop_con_l_top p{ color: #fff; font-weight: bold; font-size: 30px; line-height: 40px; padding-top: 30px; margin-bottom: 13px;}
.shop_con_l_top span{ display: block; font-size: 12px; color: #fff; opacity: 0.6; margin-bottom: 26px;}
.shop_con_l_top i{ color: #fff; font-size: 24px;}
.shop_con_l ul{ padding: 10px 10px 0px 10px; height: 346px;}
.shop_con_l ul li{ width: 50%; float: left; text-align: center; position: relative; height: 20px; line-height: 20px; margin-bottom: 23px;}
.shop_con_l ul li a{ display: block; color: #fff; opacity: 0.8;}
.shop_con_l ul li span{ width: 1px; height: 10px; background: #fff; opacity: 0.26; display: block; position: absolute; right: 0; top: 5px;}
.shop_con_l ul li:nth-child(2n) span{ width: 0;}
.shop_con_l ul li:hover a{ color: #EA5505;}

/* ---------------行业案例-------------- */
.case{ height: 906px; background: url(../images/case_bj.jpg) no-repeat center; margin-top: 50px;}
.case .title{ font-size: 36px; font-weight: bold; padding-top: 50px; text-align: center;}
.case .describe{ margin-top: 25px; text-align: center; height: 36px; line-height: 36px;}
.case .describe span{ font-size: 20px; color: #666666; display: inline-block; padding: 0px 10px;}
.case .describe span i{ font-size: 28px; font-weight: bold; color: #EA5505; padding: 0px 10px; display: inline-block;}
.case .case_tab{ height: 25px; margin-top: 20px; line-height: 25px; overflow: hidden;}
.case .case_tab ul li{ float: left; border-left: 1px solid #707070; padding: 0px 20px; color: #666666; font-size: 18px; cursor: pointer;}
.case .case_tab ul li:first-child{ border: 0; padding-left: 0px;}
.case .case_tab ul li.cur{ color: #EA5505; font-weight: bold;}
.case .case_tab_con{ height: 620px; background: #fff; margin-top: 30px; padding: 40px 50px; overflow: hidden;}
.case .case_tab_c{ height: 100%; display: none;}
.case .case_tab_c.select{ display: block;}
.case .case_tab_c .top{ height: 36px;}
.case .case_tab_c .top p{ float: left; font-size: 24px;}
.case .case_tab_c .top span{ color: #9B9B9B;}
.case .case_tab_c .top a{ float: right; color: #AAAAAA; font-size: 16px;}
.case .case_tab_c .top a:hover{ color: #EA5505;}
.case .case_tab_c .description{ height: 76px; font-size: 16px; line-height: 24px; margin-top: 28px; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.case .case_tab_c ul{ margin-top: 35px; height: 362px;}
.case .case_tab_c ul li{ width: 353px; height: 362px; float: left; background: #F5F5F5; margin-left: 20px;}
.case .case_tab_c ul li:first-child{ margin-left: 0;}
.case .case_tab_c ul li img{ width: 100%; height: 217px;}
.case .case_tab_c ul li p{ font-size: 18px; padding: 20px 18px 0px 18px; margin-bottom: 25px;}
.case .case_tab_c ul li:hover p{ color: #EA5505;}
.case .case_tab_c ul li span{ height: 45px; background: #F4EBE6; float: left; line-height: 45px; margin-left: 15px; display: inline-block; color: #EA5505; font-size: 16px;}
.case .case_tab_c ul li .case_span_l{ width: 133px;}
.case .case_tab_c ul li .case_span_r{ width: 175px;}
.case .case_tab_c ul li span i{ padding: 0px 7px 0px 16px;}

/* ---------------关于我们-------------- */
.about{ height: 680px; background: url(../images/about_bj.jpg) no-repeat center; color: #fff;}
.about .title{ font-size: 36px; font-weight: bold; padding-top: 140px;}
.about .introduction{ font-size: 24px; padding-top: 19px;}
.about span{ background: #EA5505; width: 105px; height: 2px; display: block; margin: 22px 0px;}
.about .description{ width: 804px; height: 165px; font-size: 16px; line-height: 30px; margin-bottom: 30px;}
.about a{ border: 2px solid #fff; height: 40px; border-radius: 4px; display: block; width: 178px; font-size: 16px; text-align: center; color: #fff; line-height: 36px;}
.about a:hover{ opacity: 0.5;}
.about_con{ height: 160px; background: #fff; margin-top: -94px;}
.about_con ul li{ float: left; width: 24%; height: 100%; text-align: center;}
.about_con ul span{ float: left;width: 1px;height: 102px;background: #EBEBEB;display: inline-block;position: relative;top: 30px}
.about_con ul li p{font-size: 24px;font-weight: bold;color: #EA5505;padding-top: 37px;height: 40px;line-height: 40px;}
.about_con ul li i{color: #EA5505;font-size: 40px;font-family: IMPACT;position: relative;top: 3px;margin-right: 12px;}
.about_con ul li h5{ font-size: 16px; color: #666666; margin-top: 20px;}
.about_con ul li p img{ display: inline-block; position: relative; top: 10px; margin-right: 12px;}

/* ---------------新闻资讯-------------- */
.news{ margin-top: 40px;}
.news_con{ height: 326px; background: #fff; margin-top: 30px;}
.news_con_top{ height: 49px; background: #F7F7F7;}
.news_con_top ul li{ border-top: 2px solid #F7F7F7; line-height: 47px; width: auto; float: left; padding: 0px 12px; font-size: 16px; cursor: pointer;}
.news_con_top ul li.cur{ color: #EA5505;border-color: #EA5505; font-weight: bold; background: #fff;}
.news_content{ height: 282px; padding: 12px 18px; overflow: hidden;}
.news .news_c{ height: 100%; display: none;}
.news .news_c.select{ display: block;}
.news .news_c .news_c_img{ width: 438px; height: 246px; overflow: hidden; position: relative;}
.news .news_c .news_c_img img{ width: 100%; height: 100%; position: absolute; z-index: 1;}
.news .news_c .news_c_img a{ display: block; position: relative; width: 100%; height: 100%;}
.news .news_c .news_c_img p{ width: 100%; height: 30px; background: rgba(0, 0, 0, 0.5); position: absolute; z-index: 2; line-height: 30px; color: #fff; bottom: 0px; padding: 0px 11px;}
.news .news_c .news_c_img a:hover img{ transform: scale(1.1);}
.news .news_c .news_c_p{ width: 715px; height: 100%;}
.news .news_c .news_c_p ul li{ width: 48%; height: 20px; line-height: 20px; margin-bottom: 9px; float: left;}
.news .news_c .news_c_p ul li:nth-child(2n){ float: right;}
.news .news_c .news_c_p ul li a{ display: block; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .news_c .news_c_p ul li a i{ width: 4px; height: 4px; background: #999999; border-radius: 50%; display: inline-block; margin-right: 10px; position: relative; top: -2px;}
.news .news_c .news_c_p ul li a:hover{ color: #EA5505;}
.news .news_c .news_c_p ul li a:hover i{ background: #EA5505;}

/* ---------------常见问题-------------- */
.index_problem{ margin-top: 40px;}
.index_problem_con{ height: 340px; background: #fff; margin-top: 30px; padding: 23px 20px;}
.index_problem_con ul li{ float: left; width: 374px; height: 66px; position: relative; overflow: hidden; margin-right: 19px; margin-bottom: 10px;}
.index_problem_con ul li:nth-child(3n){ margin-right: 0;}
.index_problem_con ul li a{ display: block; width: 100%; height: 100%; position: relative;}
.index_problem_con ul li img{ width: 100%; height: 100%; position: absolute; z-index: 1; opacity: 0.1;}
.index_problem_con ul li span{ width: 100%; height: 100%; position: absolute; z-index: 2; text-align: center; line-height: 66px; font-size: 18px; padding: 0px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index_problem_con ul li a:hover span{ color: #fff;}
.index_problem_con ul li a:hover img{ opacity: 1;}

/* ---------------左侧边栏-------------- */
.fixed_nav{ position: fixed; left: 194px; width: 130px; top: 37%; margin-top: -70px; z-index: 10; text-align: center; border-radius: 8px 8px 5px 5px; overflow: hidden;}
.fixed_nav p{ color: #fff; background: #EA5505; font-size: 24px; letter-spacing: 1px; line-height: 40px; text-align: center; height: 45px;}
.fixed_nav_c{ border: 1px solid #F5F6F8; border-radius: 5px; overflow: hidden; background: #fff; margin-top: -5px;}
.fixed_nav a{ width: 130px; height: 30px; line-height: 30px; color: #4A4F6D; border-bottom: 1px solid #F5F6F8; font-size: 16px; display: block; margin-bottom: 2px;}
.fixed_nav a:hover{ background: #EA5505; color: #fff;}
.fixed_nav a.last{ border: 0;}

/* ---------------------------------------------产品列表-------------------------------------------- */
/* ---------------banner-------------- */
.pro_banner{ height: 429px; background: url(../images/pro_banner.jpg) no-repeat center; padding-top: 65px;}
.pro_banner_con{ height: 347px; background: #fff; padding: 0px 48px;}
.pro_banner_cr{ width: 352px; height: 100%; margin-right: 50px; position: relative;}
.pro_banner_cr img{ width: 100%; height: 292px; position: absolute; bottom: 0;}
.pro_banner_cl{ width: 578px; height: 100%;}
.pro_banner_cl h2{ padding-top: 40px; font-size: 36px; font-weight: bold; line-height: 48px; margin-bottom: 28px;}
.pro_banner_cl .description{ line-height: 23px; height: 46px; margin-bottom: 20px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.pro_banner_cl span{ width: 100%; height: 1px; border-bottom: 1px dashed #D4D4D4; display: block;}
.pro_banner_cl .advantage{ font-size: 20px; margin: 24px 0px;}
.pro_banner_cl ul li{ width: 180px; height: 74px; background: #EEEEEE; border-radius: 4px; float: left; margin-left: 19px; padding: 18px 0px;}
.pro_banner_cl ul li:first-child{ margin-left: 0px;}
.pro_banner_cl ul li i{ float: left; margin-left: 16px; width: 34px; height: 34px; background: #FFFFFF; border-radius: 50%; text-align: center; line-height: 34px; color: #EA5505; font-size: 20px; margin-right: 14px;}
.pro_banner_cl ul li h5{ float: left; margin-bottom: 3px; margin-top: -2px;}
.pro_banner_cl ul li h6{ float: left; font-size: 12px; color: #666666;}

/* ---------------列表-------------- */
.pro_con{ height: auto; margin-top: 10px;}
.pro_con_l{ width: 250px; height: auto;}
.pro_con_l .title{ height: 60px; line-height: 60px; font-weight: bold; font-size: 26px; padding-left: 47px; background: url(../images/pro_list_bj.jpg);}
.pro_con_l .content{ background: #fff; padding: 9px; margin-top: 8px;}
.pro_con_l .content ul li{ height: 48px; line-height: 48px; font-size: 16px; margin-bottom: 10px;}
.pro_con_l .content ul li a{ padding-left: 38px; display: block; color: #333;}
.pro_con_l .content ul li:hover{ background: #EEEEEE;}
.pro_con_l .content ul li.cur{ background: #EEEEEE;}
.pro_con_l .bottom{ padding: 20px 15px 34px 15px; background: #fff; margin-top: 6px;}
.pro_con_l .phone{ height: 67px; background: #F8F8F8; border-radius: 100px;}
.pro_con_l .phone i{ width: 48px; height: 48px; background: #EA5505; margin-right: 6px; border-radius: 50%; text-align: center; line-height: 48px; color: #fff; font-size: 22px; display: block; float: left; margin-left: 10px; position: relative; top: 10px;}
.pro_con_l .phone p{ float: left; color: #999999; line-height: 25px; padding-top: 8px;}
.pro_con_l .phone span{ color: #EA5505; font-size: 20px; font-weight: bold; float: left; display: block;}
.pro_con_l .bottom h5{ width: 85%; height: 1px; background: #EEEEEE; margin: 0 auto; margin-top: 25px;}
.pro_con_l .bottom h6{ color: #999999; width: 130px; height: 25px; text-align: center; line-height: 25px; background: #fff; margin: 0 auto; margin-top: -13px;}
.pro_con_l .bottom a{ height: 40px; line-height: 40px; width: 100%; display: block; background: #EA5505; color: #fff; border-radius: 100px; margin-top: 20px; text-align: center;}
.pro_con_l .bottom a i{ display: inline-block; margin-right: 10px; font-size: 16px; position: relative; top: 1px;}
.pro_con_l .bottom a:hover{ opacity: 0.7;}
.pro_con_r{ width: 936px; height: auto;}
.pro_con_r ul li{ float: left; height: 350px; width: 225px; background: #fff; padding: 12px; margin-right: 12px; margin-bottom: 12px;}
.pro_con_r ul li:nth-child(4n){ margin-right: 0px;}
.pro_con_r ul li img{ width: 100%; height: 201px;}
.pro_con_r ul li p{ line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_con_r ul li i{ width: 100%; height: 1px; border-bottom: 1px dashed #DDDDDD; display: block; margin-bottom: 7px;}
.pro_con_r ul li span{ font-size: 12px; color: #AAAAAA; display: block; line-height: 23px; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_con_r ul li .pro_con_a1, .pro_con_r ul li .pro_con_a2{ width: 97px; height: 28px; border-radius: 14px; line-height: 28px; text-align: center; display: inline-block;}
.pro_con_r ul li .pro_con_a1{ background: #EA5505; color: #fff;}
.pro_con_r ul li .pro_con_a2{ color: #EA5505; border: 1px solid #EA5505;}
.pro_con_r ul li .pro_con_a1:hover, .pro_con_r ul li .pro_con_a2:hover{ opacity: .7;}
.pro_con_r ul li:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);}
.pro_con_r ul li:hover p{ color: #EA5505;}

/* ---------------------------------------------产品详情-------------------------------------------- */
/* ---------------简介-------------- */
.pro_show_banner{ height: 530px; background: url(../images/pro_show_banner.jpg) no-repeat top;}
.pro_show_nav{ height: 83px; line-height: 83px; color: #fff;}
.pro_show_nav a{ display: inline-block; color: #fff; font-size: 16px;}
.pro_show_img_l{ width: 400px; height: 400px; margin-left: 18px; margin-right: 30px;}
.pro_show_img_l img{ width: 400px; height: 400px;}
.swiper-button-next, .swiper-button-prev{ background: rgba(255, 255, 255, 0.3); width: 40px; height: 100px; line-height: 100px; text-align: center; margin-top: -50px;}
.swiper-button-prev{ left: 0;}
.swiper-button-next{ right: 0;}
.swiper-button-next i, .swiper-button-prev i{ color: #496DBB; font-size: 38px;}
.pro_show_banner .content{ height: 447px; background: #fff; padding-top: 17px;}
.pro_show_banner .content .introduction{ width: 720px;}
.pro_show_banner .content .introduction h2{ font-size: 26px; font-weight: bold; line-height: 35px; padding-top: 5px;}
.pro_show_banner .content .introduction_con{ height: 110px; background: #F5F5F5; margin-top: 30px; padding: 18px; color: #999999; line-height: 25px;}
.pro_show_banner .content .introduction_con span{ height: 100%; width: 42px; float: left;}
.pro_show_banner .content .introduction_con h5{overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.pro_show_banner .content .introduction p{ color: #999999; line-height: 25px; margin-top: 13px; padding-left: 18px;}
.pro_show_banner .content .introduction a{ height: 48px; line-height: 48px; width: 160px; text-align: center; margin-right: 20px; margin-top: 19px; border-radius: 2px; display: inline-block; font-size: 16px;}
.pro_show_banner .content .introduction a.pro_show_a1{ color: #fff; background: #EA5505;}
.pro_show_banner .content .introduction a.pro_show_a2{ color: #EA5505; border: 1px solid #EA5505;}
.pro_show_banner .content .introduction a:hover{ opacity: 0.7;}
.pro_show_b_bottom{ height: 70px; line-height: 70px; margin-top: 1px; background: #fff;}
.pro_show_b_bottom p{ float: right; font-size: 20px; color: #EA5505; margin-right: 25px;}
.pro_show_b_bottom ul li{ float: left; font-size: 16px; color: #AAAAAA; margin-left: 40px;}
.pro_show_b_bottom ul li span{ width: 1px; height: 15px; background: #AAAAAA; margin-left: 40px; display: inline-block; position: relative; top: 3px;}
.pro_show_b_bottom ul li i{ margin-right: 12px; position: relative; top: 1px;}

/* ---------------详情-------------- */
.pro_show_con{ margin-top: 10px; height: auto; background: #fff; padding: 23px 23px 15px 24px;}
.pro_show_con .title{ height: 30px; line-height: 30px; position: relative; overflow: hidden;}
.pro_show_con .title p{ font-size: 22px; font-weight: bold; position: absolute; z-index: 2; width: auto; height: 100%; background: #fff; padding-right: 20px;}
.pro_show_con .title p i{ color: #EA5505; margin-right: 8px; font-size: 20px; position: relative; top: 0px;}
.pro_show_con .title span{ position: absolute; z-index: 1; display: block; width: 100%; height: 16px; border-bottom: 1px dashed #CCCCCC;}
.pro_show_con .content{ margin-top: 18px; background: #F5F6F8; padding: 18px 26px; border-radius: 6px; line-height: 25px; color: #2A2C38;}
.pro_show_con .pro_show_ul{ margin-top: 18px; background: #F5F6F8; border-radius: 6px;  border: 1px solid #E5E5E5; border-bottom: 0;}
.pro_show_con .pro_show_ul td{ box-sizing: border-box;  -ms-box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; width: 40%; height: 60px; line-height: 60px; color: #2A2C38; font-size: 18px; text-align: center; float: left; border-bottom: 1px solid #E5E5E5;}
.pro_show_con .pro_show_ul td:nth-child(2n){ width: 60%; border-left: 1px solid #E5E5E5;;}
.pro_show_con .pro_show_ques{ margin-top: 18px; height: 120px;}
.pro_show_con .pro_show_ques ul li{ float: left; height: 60px; line-height: 60px; background: #F5F6F8; width: 570px; border-radius: 6px; border-bottom: 1px dashed #fff;}
.pro_show_con .pro_show_ques ul li:nth-child(2n){ float: right;}
.pro_show_con .pro_show_ques ul li i{ float: left; color: #FF9C67; font-size: 18px; margin-left: 33px; margin-right: 16px; position: relative; top: 0px;}
.pro_show_con .pro_show_ques ul li p{ float: left; width: 390px; font-size: 16px; font-weight: bold;}
.pro_show_con .pro_show_ques ul li a{ float: right; color: #666666; margin-right: 25px;}
.pro_show_con .pro_show_ques ul li:hover a{ color: #EA5505;}
.pro_show_con .pro_show_problem{ margin-top: 18px; height: 160px;}
.pro_show_con .pro_show_problem ul li{ float: left; width: 570px; height: 160px; background: #F5F6F8; border-radius: 6px;}
.pro_show_con .pro_show_problem ul li:last-child{ float: right;}
.pro_show_con .pro_show_problem .top{ height: 54px; line-height: 54px; border-bottom: 1px dashed #DDDDDD;}
.pro_show_con .pro_show_problem .top i{ display: inline-block; color: #FF9C67; font-size: 16px; margin-left: 33px; margin-right: 16px; position: relative; top: 1px;}
.pro_show_con .pro_show_problem .top a{ color: #2A2C38; font-weight: bold;}
.pro_show_con .pro_show_problem .bottom{ padding-top: 13px; height: 105px;}
.pro_show_con .pro_show_problem .bottom i{ color: #496DBB; margin-left: 33px; height: 105px; display: inline-block; float: left; margin-right: 16px; position: relative; top: 4px;}
.pro_show_con .pro_show_problem .bottom p{ float: left; width: 463px; color: #AAAAAA; height: 40px; line-height: 20px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.pro_show_con .pro_show_problem .bottom a{ display: block; color: #666666; width: 463px; margin-top: 10px; float: left;}
.pro_show_con .pro_show_problem a:hover{ color: #EA5505;}
.pro_show_con .img{ margin-top: 18px;}
.pro_show_con .img img{ float: left;}
.pro_show_con .img ul{ border: 1px solid #EEEEEE; border-top: 0; background: #F7F8FA; height: 170px;}
.pro_show_con .img ul li{ float: left; width: 25%; height: 170px; border-left: 1px solid #EEEEEE; text-align: center; padding-top: 25px;}
.pro_show_con .img ul li:first-child{ border: 0;}
.pro_show_con .img ul li i{ border-radius: 50%; width: 55px; height: 55px; color: #fff; background: #4A4F6D; display: block; line-height: 55px; margin: 0 auto; font-size: 26px;}
.pro_show_con .img ul li p{ font-size: 16px; margin: 14px 0px;}
.pro_show_con .img ul li span{ color: #666666;}
.pro_show_tips{ height: auto; margin-top: 10px; background: #fff; padding: 20px 40px; line-height: 30px; color: #535455;}
.pro_show_tips strong{ font-weight: bold;}
.pro_show_con .pro_show_c_top{ height: 120px; margin-top: 15px;}
.pro_show_con .pro_show_c_top li{ float: left; height: 120px; width: 276px; border-radius: 6px; background: #F3F5FA; margin-left: 16px; padding: 18px 20px; position: relative; overflow: hidden;}
.pro_show_con .pro_show_c_top li:first-child{ margin-left: 0;}
.pro_show_con .pro_show_c_top li i{ width: 49px; height: 49px; background: #FFFFFF; border-radius: 50%; display: block; text-align: center; line-height: 49px; font-size: 28px; position: absolute; z-index: 1; right: 13px; color: #496DBB;}
.pro_show_con .pro_show_c_top li .text{text-align: center; z-index: 2;}
.pro_show_con .pro_show_c_top li p{ color: #EA5505; font-size: 20px; font-weight: bold;}
.pro_show_con .pro_show_c_top li span{ width: 100%; height: 1px; border-bottom: 2px dashed #CCCCCC; display: block; margin-top: 10px;}
.pro_show_con .pro_show_c_top li h6{ width: 100%; font-size: 12px; line-height: 18px; margin-top: 10px;}
/* ---------------额外添加详情公共部分走进中北化工-------------- */
.shop_show_public {
    height: auto;
    margin-top: 15px;
}
.shop_show_pub_about {
    height: 927px;
    background: url(../images/show_dw_bj01.jpg) center ;
    padding: 20px;
    text-align: center;
}
.shop_show_pub_about .goto {
    font-size: 50px;
    font-weight: bold;
    padding-top: 25px;
}
.shop_show_pub_about .goto span {
    color: #E1251B;
}
.shop_show_pub_about .h5 {
    font-size: 50px;
    font-weight: bold;
    color: rgba(51, 51, 51, 0.07);
    margin-top: -78px;
}
.shop_show_pub_about .h6 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
}
.shop_show_pub_about i {
    display: block;
    width: 42px;
    height: 2px;
    background: #E1251B;
    margin: 0 auto;
    margin-top: 20px;
}
.shop_show_pub_about p {
    width: 1100px;
    height: auto;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 23px;
    font-size: 14px;
    margin-bottom: 20px;
}
.shop_show_pub_service {
    height: 466px;
    background: #E1251B;
    margin-top: 15px;
    text-align: center;
    padding: 20px;
}
.shop_show_pub_service .ce {
    font-size: 50px;
    font-weight: bold;
    padding-top: 40px;
    color: #fff;
}
.shop_show_pub_service .h5 {
    font-size: 50px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.07);
    margin-top: -78px;
}
.shop_show_pub_service .h6 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
    color: #fff;
}
.shop_show_pub_service ul {
    height: auto;
    margin-top: 40px;
}
.shop_show_pub_service ul li {
    float: left;
    text-align: left;
    padding: 15px 18px;
    width: 376px;
    border-radius: 6px;
    background: #fff;
    height: 103px;
    margin-bottom: 15px;
    margin-right: 15px;
}
.shop_show_pub_service ul li p {
    color: #E1251B;
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}
.shop_show_pub_service ul li p i {
    width: 41px;
    height: 40px;
    background: url(../images/show_dw_bj02.png) no-repeat center;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    float: left;
    font-size: 20px;
}
.shop_show_pub_service ul li span {
    font-size: 12px;
    margin-top: 5px;
    display: block;
    line-height: 20px;
}
.shop_show_pub_service ul li:nth-child(3n) {
    margin-right: 0px;
}
.shop_show_pub_service_dw {
    height: 345px;
    background: #fff;
    padding: 20px;
}
.shop_show_pub_service_dw ul li {
    float: left;
    height: 305px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    width: 569px;
    padding: 8px;
}
.shop_show_pub_service_dw ul li:last-child {
    float: right;
}
.shop_show_pub_service_dw ul li p {
    font-size: 20px;
    font-weight: bold;
    color: #E1251B;
    display: inline-block;
    width: 90px;
    height: 40px;
    float: left;
    margin-top: 18px;
}
.shop_show_pub_service_dw ul li span {
    display: inline-block;
    height: 40px;
    line-height: 20px;
    width: 455px;
    padding-top: 18px;
    float: right;
}
.shop_show_pub_certificate {
    height: 700px;
    margin-top: 15px;
    background: #fff;
    padding: 40px;
    text-align: center;
}
.shop_show_pub_certificate .zh {
    font-size: 50px;
    font-weight: bold;
    padding-top: 10px;
    color: #E1251B;
}
.shop_show_pub_certificate .h5 {
    font-size: 50px;
    font-weight: bold;
    color: rgba(51, 51, 51, 0.07);
    margin-top: -78px;
}
.shop_show_pub_certificate .h6 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 40px;
}
.shop_show_pub_certificate .img_r {
    margin-right: 10px;
}
.shop_show_pub_certificate img {
    float: left;
    margin-bottom: 15px;
}
.shop_show_pub_cooperate {
    height: 448px;
    background: #E1251B;
    margin-top: 15px;
    text-align: center;
    padding: 40px;
}
.shop_show_pub_cooperate .hz {
    font-size: 50px;
    font-weight: bold;
    padding-top: 5px;
    color: #fff;
}
.shop_show_pub_cooperate .h5 {
    font-size: 50px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.07);
    margin-top: -78px;
}
.shop_show_pub_cooperate .h6 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
    color: #fff;
}
.shop_show_pub_cooperate ul {
    height: auto;
    width: 878px;
    margin: 35px auto 0px auto;
}
.shop_show_pub_cooperate ul li {
    float: left;
    width: 200px;
    height: 108px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-radius: 15px;
    display: flex;
    align-items: center;
    background: #fff;
    margin-right: 26px;
    margin-bottom: 17px;
}
.shop_show_pub_cooperate ul li:nth-child(4n){
    margin-right: 0px;
}
.shop_show_pub_cooperate ul li img {
    margin: auto;
}
.shop_statement {
    background: #fff;
    padding: 23px;
    margin-top: 15px;
    padding-top: 8px;
    font-size: 12px;
    height: auto;
    border-radius: 2px;
    border: 1px solid #E5EAED;
}
.shop_statement p {
    color: #939DAD;
    line-height: 16px;
    margin-top: 16px;
}
.shop_statement p span {
    font-weight: 600;
}
.shop_show_pub_certificate .dimg_r{
        width: 878px;
    margin: 0 auto;
}
/* ---------------------------------------------新闻列表-------------------------------------------- */
.news_con_r{ width: 936px; height: auto;}
.news_con_r ul{ background: #fff; padding-top: 12px;}
.news_con_r ul li{ height: 150px; margin-top: 18px; border-bottom: 1px dashed #EBEBEB; padding-bottom: 18px;}
.news_con_r ul li img{ float: left; width: 234px; height: 150px; padding-left: 30px; margin-right: 26px;}
.news_con_r ul li p{ font-size: 16px; width: 600px; float: left; height: 20px; line-height: 20px; padding-top: 10px; margin-bottom: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_con_r ul li span{ width: 600px; float: left; color: #666666; line-height: 30px; height: 90px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.news_con_r ul li p:hover{ color: #EA5505;}
.news_con_r ul li:last-child{ border: 0;}

/* ---------------------------------------------新闻详情-------------------------------------------- */
/* ---------------详情-------------- */
.news_show{ width: 936px; height: auto;}
.news_show_con{ height: auto; padding: 40px; background: #fff;}
.news_show_con h2{ font-size: 22px; margin-bottom: 20px;}
.news_show_con span{ color: #999999; display: block; margin-bottom: 20px;}
.news_show_con ul{ height: 147px;}
.news_show_con ul li{ width: 423px; height: 147px; float: left; background: #F5F6F8; padding: 7px;}
.news_show_con ul li img{ float: left; width: 133px; height: 133px; margin-right: 12px;}
.news_show_con ul li p{ font-size: 18px; width: 252px; float: left; line-height: 23px; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_show_con ul li h6{ float: left; display: block; width: 252px; color: #AAAAAA; font-size: 12px; margin-bottom: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_show_con ul li .news_show_a1, .news_show_con ul li .news_show_a2{ margin-top: 3px; border-radius: 30px; width: 120px; height: 30px; line-height: 30px; display: inline-block; text-align: center; font-size: 12px;}
.news_show_con ul li .news_show_a1{ color: #fff; background: #EA5505;}
.news_show_con ul li .news_show_a2{ border: 1px solid #EA5505; color: #EA5505; margin-right: 15px;}
.news_show_con ul li:last-child{ float: right;}
.news_show_con .content{ margin-top: 30px; color: #707070; line-height: 24px;}
.news_show_tips{ padding: 15px 34px; background: #fff; margin-top: 10px; line-height: 24px; color: #999999;}
.news_show_page{ height: 70px; line-height: 70px; margin-top: 10px; background: #fff;}
.news_show_page a{ width: 50%; color: #999999; height: 100%; display: block; padding: 0px 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_show_page a.left{ border-right: 1px solid #F5F5F5;}
.news_show_page a:hover{ color: #EA5505;}

/* ---------------行业相关案例-------------- */
.news_show_case{ height: auto; margin-top: 40px;}
.news_show_case .shop_title p{ font-size: 22px;}
.news_show_case{ margin-top: 20px; }
.news_show_case ul{ height: 315px;}
.news_show_case ul li{ width: 292px; height: 315px; float: left; background: #fff; margin-left: 10px;}
.news_show_case ul li:first-child{ margin-left: 0;}
.news_show_case ul li img{ width: 100%; height: 180px;}
.news_show_case ul li p{ font-size: 14px; padding: 12px 12px 0px 12px; margin-bottom: 12px;}
.news_show_case ul li:hover p{ color: #EA5505;}
.news_show_case ul li span{ height: 28px; background: #F4EBE6; float: left; line-height: 26px; margin-left: 12px; display: inline-block; color: #EA5505; font-size: 12px;}
.news_show_case ul li .case_span_l{ width: 111px;}
.news_show_case ul li .case_span_r{ width: 145px;}
.news_show_case ul li span i{ padding-left: 15px; margin-right: 8px; position: relative; top: 1px;}
.news_show_case ul li .bottom{ border-top: 1px dashed #DDDDDD; width: 91%; margin: 0 auto; margin-top: 10px; padding-top: 10px;}
.news_show_case ul li .news_show_a1, .news_show_case ul li .news_show_a2{ border-radius: 30px; width: 127px; height: 30px; line-height: 30px; display: inline-block; text-align: center; font-size: 12px;}
.news_show_case ul li .news_show_a1{ color: #fff; background: #EA5505;}
.news_show_case ul li .news_show_a2{ border: 1px solid #EA5505; color: #EA5505;}
.news_show_case ul li a.news_show_a1:hover, .news_show_case ul li a.news_show_a2:hover{ opacity: 0.7;}
.news_show_case ul li:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);}

/* ---------------------------------------------关于我们-------------------------------------------- */
/* ---------------banner-------------- */
.banner_con{ height: 470px; text-align: center; color: #fff;}
.about_banner{ background: url(../images/about_banner.jpg) no-repeat center;}
.banner_con h2{ font-size: 36px; font-weight: bold; padding-top: 175px; margin-bottom: 25px;}
.banner_con p{ font-size: 24px;}
.nav_con.about_nav{ background: none;}

/* ---------------我们一直在行动-------------- */
.about_first{ height: 740px; background: #fff; text-align: center;}
.about_first .title{ font-size: 36px; font-weight: bold; color: #2A2C38; padding-top: 64px; margin-bottom: 28px;}
.about_first .introduction{ font-size: 24px; margin-bottom: 28px;}
.about_first .description{ line-height: 30px; text-align: left;}
.about_first_con{ height: 158px; border: 1px solid #F5F5F5; margin-top: 30px;}
.about_first_con ul li{ float: left; width: 24%; height: 100%; text-align: center;}
.about_first_con ul span{ float: left; width: 1px; height: 102px; background: #EBEBEB; display: inline-block; position: relative; top: 30px;}
.about_first_con ul li p{ font-size: 24px; font-weight: bold; color: #EA5505; padding-top: 37px; height: 40px; line-height: 40px;}
.about_first_con ul li h5{ font-size: 16px; color: #666666; margin-top: 20px;}
.about_first_con ul li i{ color: #EA5505; font-size: 40px; font-family: IMPACT; position: relative; top: 3px; margin-right: 12px;}
.about_first_bottom{ height: 220px; background: url(../images/about_img1.jpg) no-repeat center; text-align: left; margin-top: 28px; padding-left: 50px; padding-top: 40px;}
.about_first_bottom p{ font-size: 36px; font-weight: bold; margin-bottom: 15px;}
.about_first_bottom span{ font-size: 16px;}
.about_first_bottom a{ height: 40px; line-height: 40px; width: 220px; display: block; background: #EA5505; color: #fff; border-radius: 100px; margin-top: 20px; text-align: center;}
.about_first_bottom a i{ display: inline-block; margin-right: 10px; font-size: 16px; position: relative; top: 1px;}
.about_first_bottom a:hover{ opacity: 0.7;}

/* ---------------我们一直在行动2-------------- */
.about_second{ padding-top: 55px;}
.about_second .title{ font-size: 36px; font-weight: bold; color: #2A2C38; margin-bottom: 70px; text-align: center;}
.about_second ul li{ width: 50%; float: left; height: 260px; margin-bottom: 10px; background: #fff;}
.about_second ul li:first-child, .about_second ul li:last-child{ padding: 40px;}
.about_second ul li p{ font-size: 18px; font-weight: bold; padding-top: 25px; margin-bottom: 20px;}
.about_second ul li span{ line-height: 25px;}
.about_second ul li i{ width: 30px; height: 3px; background: #EA5505; display: block; margin-top: 40px;}

/* ---------------探索奋斗-------------- */
.about_third{ height: 480px; background: url(../images/about_img4.jpg) no-repeat center; margin-top: 20px; position: relative; color: #fff;}
.about_third_con{ position: relative;}
.about_third h2{ font-size: 36px; font-weight: bold; padding-top: 65px; position: absolute; z-index: 1;}
.about_third h2 span{ color: #EA5505; font-size: 58px; position: relative; top: 9px; padding: 0px 5px;}
.about_third .first{ position: absolute; z-index: 2; left: 45px;}
.about_third .second{ position: absolute; z-index: 2; left: 498px;}
.about_third .third{ position: absolute; z-index: 2; left: 926px;}
.about_third p{ font-size: 18px; font-weight: bold; margin-bottom: 8px;}
.about_third h5{ font-size: 30px; font-weight: bold; margin-bottom: 23px;}
.about_third h6{ line-height: 24px;}
.about_third .first h6{ width: 405px;}
.about_third .first p{ padding-top: 306px;}
.about_third .second h6{ width: 285px;}
.about_third .second p{ padding-top: 206px;}
.about_third .third h6{ width: 242px;}
.about_third .third p{ padding-top: 123px;}

/* ---------------专注防腐剂产品的生产-------------- */
.about_fourth{ height: auto; padding-top: 58px; margin-bottom: 20px;}
.about_fourth .title{ font-size: 36px; font-weight: bold; color: #2A2C38; margin-bottom: 70px; text-align: center;}
.about_fourth_con{ margin-top: 70px;}
.about_fourth_con ul li{ width: 292px; height: 220px; margin-bottom: 12px; float: left; background: #fff; text-align: center; margin-right: 10.6px; padding-top: 52px;}
.about_fourth_con ul li:nth-child(6), .about_fourth_con ul li:last-child{ margin-right: 0px !important; float: right;}
.about_fourth_con ul li h6{ width: 70px; height: 70px; font-size: 44px; border-radius: 50%; background: #F5F6F8; margin: 0 auto;}
.about_fourth_con ul li i{ width: 70px; height: 70px; font-size: 44px; border-radius: 50%; display: block; line-height: 70px;}
.about_fourth_con ul li p{ font-weight: bold; margin-bottom: 5px; margin-top: 12px;}
.about_fourth_con ul li span{ font-size: 12px; color: #999999;}
.about_fourth_con ul li:hover{ background: #496DBB;}
.about_fourth_con ul li:hover p, .about_fourth_con ul li:hover span{ color: #fff;}
.about_fourth_con ul li:hover h6{ background: #fff;}
.about_fourth_con ul li a{ display: block; width: 100%; height: 100%;}
.about_fourth_con ul li:first-child i, .about_fourth_con ul li:nth-child(4) i, .about_fourth_con ul li:nth-child(9) i{
    background: -webkit-linear-gradient(#F99C7A, #E25050); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#F99C7A, #E25050); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#F99C7A, #E25050); /* Firefox 3.6 - 15 */
    background: linear-gradient(#F99C7A, #E25050); /* 标准的语法（必须放在最后） */ 
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.about_fourth_con ul li:nth-child(2) i, .about_fourth_con ul li:nth-child(7) i, .about_fourth_con ul li:nth-child(10) i{
    background: -webkit-linear-gradient(#9CD1FF, #37A0FF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#9CD1FF, #37A0FF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#9CD1FF, #37A0FF); /* Firefox 3.6 - 15 */
    background: linear-gradient(#9CD1FF, #37A0FF); /* 标准的语法（必须放在最后） */ 
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.about_fourth_con ul li:nth-child(3) i, .about_fourth_con ul li:nth-child(6) i{
    background: -webkit-linear-gradient(#FEB251, #FCC36F); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FEB251, #FCC36F); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FEB251, #FCC36F); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FEB251, #FCC36F); /* 标准的语法（必须放在最后） */ 
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.about_fourth_con ul li:nth-child(5) i, .about_fourth_con ul li:nth-child(8) i{
    background: -webkit-linear-gradient(#85D2C5, #65B9A8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#85D2C5, #65B9A8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#85D2C5, #65B9A8); /* Firefox 3.6 - 15 */
    background: linear-gradient(#85D2C5, #65B9A8); /* 标准的语法（必须放在最后） */ 
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.about_fourth_con ul li:nth-child(11) i{
    background: -webkit-linear-gradient(#BAAFFF, #8F80FF); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#BAAFFF, #8F80FF); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#BAAFFF, #8F80FF); /* Firefox 3.6 - 15 */
    background: linear-gradient(#BAAFFF, #8F80FF); /* 标准的语法（必须放在最后） */ 
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.about_fourth_con ul li:nth-child(7),
.about_fourth_con ul li:nth-child(8),
.about_fourth_con ul li:nth-child(9),
.about_fourth_con ul li:nth-child(10),
.about_fourth_con ul li:nth-child(11){ width: 230px; height: 180px; padding-top: 25px; margin-right: 12px;}

/* ---------------热门行业案例-------------- */
.about_title_case{ font-size: 36px; font-weight: bold; color: #2A2C38; margin-bottom: 70px; text-align: center;}
.about_case_a{ width: 160px; height: 40px; line-height: 40px; display: block; margin: 0 auto; margin-top: 50px; text-align: center; color: #fff; background: #EA5505; font-size: 16px; border-radius: 2px;}
.about_case_a:hover{ opacity: 0.7; color: #fff;}

/* ---------------------------------------------防腐问答-列表-------------------------------------------- */
.questions_title{ width: 250px; height: 140px; background: url(../images/questions_bj.jpg) no-repeat center; padding: 30px;}
.questions_title p{ font-size: 26px; font-weight: bold; margin-bottom: 16px;}
.questions_con_r{ width: 936px; height: auto;}
.questions_con_r .search{ height: 140px; background: #fff; padding: 25px 30px;}
.questions_con_r .search_con{ height: 50px; background: #F5F6F8; border-radius: 25px;}
.questions_con_r .search_con p{ line-height: 50px; padding-left: 27px; margin-right: 22px; float: left;}
.questions_con_r .search_con span{ width: 1px; height: 14px; background: #E1E1E1; display: inline-block; position: relative; top: 19px; float: left;}
.questions_con_r .search_con .layui_form{ float: right; width: 780px;}
.questions_con_r .search_con .layui_form .layui-input-block{ margin-left: 0px; min-height: 50px; line-height: 50px;}
.questions_con_r .search_con .layui_form .layui-input{ height: 50px; border: 0; width: 680px; float: left; background: none;}
.questions_con_r .search_con .layui_form .layui-btn{ background: none; line-height: 50px; height: 50px; padding: 0; float: right; margin-right: 18px;}
.questions_con_r .search_con .layui_form .layui-btn i{ color: #EA5505; font-size: 26px;}
.questions_con_r .search_span{ height: 26px; margin-top: 15px; line-height: 26px; font-size: 12px;}
.questions_con_r .search_span span{ margin-right: 10px; padding-left: 26px; color: #666666;}
.questions_con_r .search_span a{ display: inline-block; margin-right: 13px; padding: 0px 10px; border-radius: 13px; background: #fff; color: #999999;}
.questions_con_r .search_span a:hover{ background: #EA5505; color: #fff;}
.questions_con_r ul{ height: auto; margin-top: 8px;}
.questions_con_r ul li{ float: left; width: 465px; height: 140px; background: #fff; margin-bottom: 10px;}
.questions_con_r ul li:nth-child(2n){ float: right;}
.questions_con_r ul li .top{ height: 42px; line-height: 42px; border-bottom: 1px dashed #DDDDDD;}
.questions_con_r ul li .top i{ display: inline-block; color: #FF9C67; font-size: 16px; margin-left: 33px; margin-right: 16px; position: relative; top: 1px;}
.questions_con_r ul li .top a{ color: #2A2C38; font-weight: bold; font-size: 16px;}
.questions_con_r ul li .bottom{ padding-top: 13px; height: 105px;}
.questions_con_r ul li .bottom i{ color: #496DBB; margin-left: 33px; height: 105px; display: inline-block; float: left; margin-right: 16px; position: relative; top: 4px;}
.questions_con_r ul li .bottom p{ float: left; width: 358px; margin-bottom: 10px; color: #333; height: 40px; line-height: 20px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.questions_con_r ul li .bottom a{ color: #666666; float: left;}
.questions_con_r ul li:hover a{ color: #EA5505;}
.questions_con_r ul li .bottom span{ float: right; color: #666666; margin-right: 28px;}
.questions_con_r ul li:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);}

/* ---------------------------------------------防腐问答-详情-------------------------------------------- */
/* ---------------详情-------------- */
.questions_show_title{ font-size: 16px; font-weight: bold; margin-top: 30px;}
.questions_show{ margin-top: 8px; height: auto; padding: 22px; background: #fff;}
.questions_show .title{ height: 30px; line-height: 30px;}
.questions_show .title i{ display: inline-block; color: #FF9C67; margin-right: 12px; font-size: 22px; position: relative; top: 0px}
.questions_show .title h2{ display: inline-block; font-size: 22px; font-weight: bold;}
.questions_show .description{ height: 20px; line-height: 20px; margin-top: 10px; color: #999999; font-size: 12px;}
.questions_show .description h5{ margin-right: 35px; display: inline-block;}
.questions_show .description h6{ display: inline-block;}
.questions_show .service{ height: 73px; background: #F5F6F8; margin-top: 15px; padding: 10px 16px; position: relative; overflow: hidden;}
.questions_show .service img{ float: left; margin-right: 12px;}
.questions_show .service p{ float: left; font-size: 12px; width: 600px; margin-bottom: 10px;}
.questions_show .service p span{ font-size: 16px; font-weight: bold; margin-right: 12px;}
.questions_show .service a{ height: 40px; line-height: 40px; position: absolute; z-index: 9; right: 23px; top: -3px; width: 155px; display: block; background: #EA5505; color: #fff; border-radius: 100px; margin-top: 20px; text-align: center;}
.questions_show .service a i{ display: inline-block; margin-right: 10px; font-size: 16px; position: relative; top: 1px;}
.questions_show .service a:hover{ opacity: 0.7;}
.questions_show .content{ border: 1px solid #F5F6F8; height: auto; padding: 20px 24px; line-height: 22px;}

/* ---------------热门产品推荐-------------- */
.questions_show_shop{ margin-top: 40px;}
.questions_show_shop .shop_title p, .video_show_video .shop_title p{ font-size: 22px;}
.questions_show_shop ul{ margin-top: 15px; height: 358px;}
.questions_show_shop ul li{ float: left; height: 358px; width: 230px; background: #fff; padding: 12px; margin-right: 12px; margin-bottom: 12px;}
.questions_show_shop ul li:nth-child(5n){ margin-right: 0px;}
.questions_show_shop ul li img{ width: 100%; height: 206px;}
.questions_show_shop ul li p{ line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.questions_show_shop ul li i{ width: 100%; height: 1px; border-bottom: 1px dashed #DDDDDD; display: block; margin-bottom: 7px;}
.questions_show_shop ul li span{ font-size: 12px; color: #AAAAAA; display: block; line-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.questions_show_shop ul li .pro_con_a1, .questions_show_shop ul li .pro_con_a2{ width: 97px; height: 28px; border-radius: 14px; line-height: 28px; text-align: center; display: inline-block; margin-top: 10px;}
.questions_show_shop ul li .pro_con_a1{ background: #EA5505; color: #fff;}
.questions_show_shop ul li .pro_con_a2{ color: #EA5505; border: 1px solid #EA5505;}
.questions_show_shop ul li .pro_con_a1:hover, .questions_show_shop ul li .pro_con_a2:hover{ opacity: .7;}
.questions_show_shop ul li:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);}
.questions_show_shop ul li:hover p{ color: #EA5505;}

/* ---------------------------------------------防腐案例-列表-------------------------------------------- */
.case_banner{ background: url(../images/about_banner.jpg) no-repeat center;}
.case_con_r{ width: 936px; height: auto;}
.case_con_r ul li{ width: 306px; height: 328px; float: left; background: #fff; margin-right: 9px; margin-bottom: 10px;}
.case_con_r ul li:nth-child(3n){ margin-right: 0;}
.case_con_r ul li img{ width: 100%; height: 188px;}
.case_con_r ul li p{ font-size: 14px; padding: 12px 12px 0px 12px; margin-bottom: 12px;}
.case_con_r ul li:hover p{ color: #EA5505;}
.case_con_r ul li span{ height: 28px; background: #F5F6F8; float: left; line-height: 26px; margin-left: 12px; display: inline-block; color: #333333; font-size: 12px;}
.case_con_r ul li .case_span_l{ width: 111px;}
.case_con_r ul li .case_span_r{ width: 145px;}
.case_con_r ul li span i{ padding-left: 15px; margin-right: 8px; position: relative; top: 1px;}
.case_con_r ul li .bottom{ border-top: 1px dashed #DDDDDD; width: 91%; margin: 0 auto; margin-top: 10px; padding-top: 10px;}
.case_con_r ul li .news_show_a1, .case_con_r ul li .news_show_a2{ border-radius: 30px; width: 127px; height: 30px; line-height: 30px; display: inline-block; text-align: center; font-size: 12px;}
.case_con_r ul li .news_show_a1{ color: #fff; background: #EA5505;}
.case_con_r ul li .news_show_a2{ border: 1px solid #EA5505; color: #EA5505;}
.case_con_r ul li a.news_show_a1:hover, .case_con_r ul li a.news_show_a2:hover{ opacity: 0.7;}
.case_con_r ul li:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);}

/* ---------------------------------------------防腐案例-详情-------------------------------------------- */
/* ---------------banner-------------- */
.case_show_banner{ height: 533px; background: url(../images/pro_banner.jpg) no-repeat top;}
.case_show_banner .content{ height: 450px; background: #fff; padding: 30px;}
.case_show_banner .content_img{ width: 643px; height: 390px;}
.case_show_banner .brief{ width: 447px; height: 100%;}
.case_show_banner .brief h2{ font-size: 24px; font-weight: bold; padding-bottom: 25px; border-bottom: 1px dashed #CCCCCC;}
.case_show_banner .bottom{ height: 306px; margin-top: 28px;}
.case_show_banner .bottom_l{ width: 194px;}
.case_show_banner .bottom_l_top{ height: 184px; border-bottom: 1px dashed #CCCCCC; overflow: hidden;}
.case_show_banner .bottom_l_top span{ margin-bottom: 12px; display: block;}
.case_show_banner .bottom_l a{ width: 140px; height: 40px; background: #EA5505; line-height: 40px; color: #fff; text-align: center; display: block; border-radius: 100px; margin-top: 80px;}
.case_show_banner .bottom_l a:hover{ opacity: 0.7;}
.case_show_banner .bottom_r{ width: 230px; height: 100%; border-left: 1px solid #F5F5F5; padding-left: 10px; text-align: center;}
.case_show_banner .bottom_r h6{ font-size: 16px; font-weight: bold; margin: 10px 0px;}
.case_show_banner .bottom_r img.ewm{ border: 3px solid #F5F5F5; width: 83px; height: 83px;}
.case_show_banner .phone{ margin-top: 10px; height: 67px; background: #F8F8F8; border-radius: 100px;}
.case_show_banner .phone i{ width: 48px; height: 48px; background: #EA5505; margin-right: 6px; border-radius: 50%; text-align: center; line-height: 48px; color: #fff; font-size: 22px; display: block; float: left; margin-left: 10px; position: relative; top: 10px;}
.case_show_banner .phone p{ float: left; color: #999999; line-height: 25px; padding-top: 8px;}
.case_show_banner .phone span{ color: #EA5505; font-size: 20px; font-weight: bold; float: left; display: block;}

/* ---------------详情-------------- */
.pro_show_con .case_show{ margin-top: 18px; background: #F5F6F8; padding: 18px 26px; border-radius: 6px; line-height: 25px; color: #2A2C38; position: relative;}
.pro_show_con .case_show_con{ width: 85%; margin: 0 auto; padding: 30px 0px;}
.pro_show_con .case_show i{ color: #EA5505; position: absolute; z-index: 1; font-size: 28px;}
.pro_show_con .case_show .case_show_l{ top: 23px; left: 37px;}
.pro_show_con .case_show .case_show_r{ bottom: 23px; right: 30px;}
.pro_show_con.case_c .title p i{ font-size: 24px; left: 2px; margin-right: 10px; top: 1px;}
.case_show_shop{ margin-top: 18px; padding: 18px 0px;}
.case_show_shop ul{ height: 216px;}
.case_show_shop ul li{ width: 570px; height: 216px; float: left; background: #F5F6F8; padding: 7px;}
.case_show_shop ul li img{ float: left; width: 202px; height: 202px; margin-right: 12px;}
.case_show_shop ul li p{ font-size: 18px; border-bottom: 1px dashed #DDDDDD; padding-top: 5px; padding-bottom: 18px; line-height: 23px; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case_show_shop ul li h6{ display: block; color: #AAAAAA; font-size: 12px; margin-bottom: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case_show_shop ul li .news_show_a1, .case_show_shop ul li .news_show_a2{ margin-top: 15px; border-radius: 30px; width: 140px; height: 30px; line-height: 30px; display: inline-block; text-align: center; font-size: 12px;}
.case_show_shop ul li .news_show_a1{ color: #fff; background: #EA5505;}
.case_show_shop ul li .news_show_a2{ border: 1px solid #EA5505; color: #EA5505; margin-right: 15px;}
.case_show_shop ul li:last-child{ float: right;}
.case_show_shop .case_show_shop_r{ width: 325px;}
.case_show_shop ul li p:hover{ color: #EA5505;}
.case_show_shop ul li .news_show_a1:hover, .case_show_shop ul li .news_show_a2:hover{ opacity: 0.7;}
.pro_show_con .title a{position: absolute; right: 0; z-index: 2; color: #AAAAAA; font-size: 16px; width: 100px; text-align: center; background: #fff; height: 30px; display: block;}
.pro_show_con .title a i{ margin-left: 5px;}
.pro_show_con .title a:hover{ color: #EA5505;}

/* ---------------------------------------------防腐知识课堂-列表-------------------------------------------- */
/* ---------------banner-------------- */
.video_banner{ background: url(../images/about_banner.jpg) no-repeat center;}

/* ---------------列表-------------- */
.video_con_r{ width: 936px; height: auto;}
.video_con_r ul li{ width: 306px; height: 285px; background: #FFFFFF; float: left; margin-right: 9px; margin-bottom: 10px; padding: 13px;}
.video_con_r ul li p{ line-height: 24px; font-size: 16px; margin-top: 10px; margin-bottom: 10px; height: 48px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.video_con_r ul li span{ font-size: 12px; color: #EA5505;}
.video_con_r ul li span i{ width: 1px; height: 14px; background: #EA5505; display: inline-block; margin: 0 12px; position: relative; top: 3px;}
.video_con_r ul li:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);}
.video_con_r ul li:hover p{ color: #EA5505;}
.video_con_r ul li:nth-child(3n){ margin-right: 0px;}

/* ---------------------------------------------防腐知识课堂-详情-------------------------------------------- */
/* ---------------简介-------------- */
.video_show{ height: 642px; background: url(../images/video_show_bj.jpg) no-repeat top;}
.video_show h2{ font-size: 36px; font-weight: bold; padding-top: 55px; color: #fff;}
.video_show_con{ height: 510px; background: #2A2C38; border-radius: 10px; margin-top: 30px;}
.video_show_cl{ width: 905px; height: 100%; border-radius: 10px; overflow: hidden;}
.video_show_cl video{ width: 100%; height: 100%;}
.video_show_cr{ width: 295px; height: 100%; padding: 25px 15px 15px 15px;}
.video_show_cr .content{ height: auto; font-size: 12px; min-height: 20px; margin-bottom: 23px;}
.video_show_cr .content span{ float: left; color: rgba(255, 255, 255, 0.5); float: left; width: 80px; line-height: 20px; letter-spacing: 1px;}
.video_show_cr .content p{ float: right; width: 180px; color: #fff; line-height: 20px; min-height: 20px;}
.video_show_cr .content.h{ height: 100px;}
.video_show_cr .content.h p{ height: 100px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.video_show_cr b{ height: 1px; border-bottom: 1px dashed rgba(255, 255, 255, 0.2); display: block; margin-top: 33px;}
.video_show_cr .video_service{ text-align: center; margin-top: 38px; color: #fff;}
.video_show_cr .video_service img{ width: 79px; height: 79px; margin-bottom: 10px;}
.video_show_cr .video_service h6{ font-size: 12px; margin-bottom: 8px;}
.video_show_cr .video_service h6 span{ font-size: 16px; font-weight: bold; margin-right: 10px;}
.video_show_cr .video_service .phone{ width: 221px; height: 67px; background: #F8F8F8; border-radius: 100px; margin: 0 auto; margin-top: 28px;}
.video_show_cr .video_service .phone i{ width: 48px; height: 48px; background: #EA5505; margin-right: 6px; border-radius: 50%; text-align: center; line-height: 48px; color: #fff; font-size: 22px; display: block; float: left; margin-left: 10px; position: relative; top: 10px;}
.video_show_cr .video_service .phone p{ float: left; color: #999999; line-height: 25px; padding-top: 8px;}
.video_show_cr .video_service .phone span{ color: #EA5505; font-size: 20px; font-weight: bold; float: left; display: block;}

/* ---------------推荐视频-------------- */
.video_show_video{ height: auto; margin-top: 45px;}
.video_show_video ul{ height: 285px; margin-top: 20px;}
.video_show_video ul li{ width: 295px; height: 275px; background: #FFFFFF; float: left; margin-left: 6px; margin-bottom: 10px; padding: 13px;}
.video_show_video ul li p{ line-height: 24px; font-size: 16px; margin-top: 10px; margin-bottom: 10px; height: 48px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.video_show_video ul li span{ font-size: 12px; color: #EA5505;}
.video_show_video ul li span i{ width: 1px; height: 14px; background: #EA5505; display: inline-block; margin: 0 12px; position: relative; top: 3px;}
.video_show_video ul li:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);}
.video_show_video ul li:hover p{ color: #EA5505;}
.video_show_video ul li:first-child{ margin-left: 0px;}
.video_show_video ul li img{ width: 270px; height: 152px;}

/* ---------------------------------------------搜索结果页-------------------------------------------- */
/* ---------------搜索结果top-------------- */
.search_top{ height: 140px; background: #fff; margin-top: 15px; padding: 20px 29px;}
.search_top .layui_form{ width: 890px; background: #F5F6F8; height: 50px; border-radius: 25px;}
.search_top .layui_form .layui-input-block{ margin-left: 0px; min-height: 50px; line-height: 50px;}
.search_top .layui_form .layui-input{ height: 50px; border: 0; width: 820px; float: left; background: none; padding-left: 26px;}
.search_top .layui_form .layui-btn{ background: none; line-height: 50px; height: 50px; padding: 0; float: right; margin-right: 30px;}
.search_top .layui_form .layui-btn i{ color: #EA5505; font-size: 26px;}
.search_top .search_span{ height: 26px; margin-top: 20px; line-height: 26px; font-size: 12px;}
.search_top .search_span span{ margin-right: 10px; margin-left: 28px;}
.search_top .search_span a{ display: inline-block; margin-right: 13px; padding: 0px 10px; border-radius: 13px; background: #fff;}
.search_top .search_span a:hover{ background: #EA5505; color: #fff;}
.search_nav{ height: 50px; background: #F8F8F8; line-height: 50px; margin-top: 10px;}
.search_nav ul li{ float: left; width: 170px; height: 100%; border-top: 2px solid #F5F6F8; text-align: center; font-size: 12px; cursor: pointer;}
.search_nav ul li.cur{ border-color: #EA5505; background: #fff;}

/* ---------------产品搜索结果-------------- */
.search_shop_con{ margin-top: 10px; height: auto;}
.search_shop_con ul li{ float: left; height: 358px; width: 230px; background: #fff; padding: 12px; margin-right: 12px; margin-bottom: 12px;}
.search_shop_con ul li:nth-child(5n){ margin-right: 0px;}
.search_shop_con ul li img{ width: 100%; height: 206px;}
.search_shop_con ul li p{ line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search_shop_con ul li i{ width: 100%; height: 1px; border-bottom: 1px dashed #DDDDDD; display: block; margin-bottom: 7px;}
.search_shop_con ul li span{ font-size: 12px; color: #AAAAAA; display: block; line-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search_shop_con ul li .pro_con_a1, .search_shop_con ul li .pro_con_a2{ width: 97px; height: 28px; border-radius: 14px; line-height: 28px; text-align: center; display: inline-block; margin-top: 10px;}
.search_shop_con ul li .pro_con_a1{ background: #EA5505; color: #fff;}
.search_shop_con ul li .pro_con_a2{ color: #EA5505; border: 1px solid #EA5505;}
.search_shop_con ul li .pro_con_a1:hover, .search_shop_con ul li .pro_con_a2:hover{ opacity: .7;}
.search_shop_con ul li:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);}
.search_shop_con ul li:hover p{ color: #EA5505;}

/* ---------------案例搜索结果-------------- */
.search_case_c{ margin-top: 10px; height: auto;}
.search_case_c ul li{ width: 292px; height: 315px; float: left; background: #fff; margin-right: 10px; margin-bottom: 12px;}
.search_case_c ul li:nth-child(4n){ margin-right: 0;}
.search_case_c ul li img{ width: 100%; height: 180px;}
.search_case_c ul li p{ font-size: 14px; padding: 12px 12px 0px 12px; margin-bottom: 12px;}
.search_case_c ul li:hover p{ color: #EA5505;}
.search_case_c ul li span{ height: 28px; background: #F4EBE6; float: left; line-height: 26px; margin-left: 12px; display: inline-block; color: #EA5505; font-size: 12px;}
.search_case_c ul li .case_span_l{ width: 111px;}
.search_case_c ul li .case_span_r{ width: 145px;}
.search_case_c ul li span i{ padding-left: 15px; margin-right: 8px; position: relative; top: 1px;}
.search_case_c ul li .bottom{ border-top: 1px dashed #DDDDDD; width: 91%; margin: 0 auto; margin-top: 10px; padding-top: 10px;}
.search_case_c ul li .news_show_a1, .search_case_c ul li .news_show_a2{ border-radius: 30px; width: 127px; height: 30px; line-height: 30px; display: inline-block; text-align: center; font-size: 12px;}
.search_case_c ul li .news_show_a1{ color: #fff; background: #EA5505;}
.search_case_c ul li .news_show_a2{ border: 1px solid #EA5505; color: #EA5505;}
.search_case_c ul li a.news_show_a1:hover, .search_case_c ul li a.news_show_a2:hover{ opacity: 0.7;}
.search_case_c ul li:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);}

/* ---------------视频搜索结果-------------- */
.search_video_con{ margin-top: 10px; height: auto;}
.search_video_con ul li{ width: 295px; height: 275px; background: #FFFFFF; float: left; margin-right: 6px; margin-bottom: 12px; padding: 13px;}
.search_video_con ul li p{ line-height: 24px; font-size: 16px; margin-top: 10px; margin-bottom: 10px; height: 48px; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.search_video_con ul li span{ font-size: 12px; color: #EA5505;}
.search_video_con ul li span i{ width: 1px; height: 14px; background: #EA5505; display: inline-block; margin: 0 12px; position: relative; top: 3px;}
.search_video_con ul li:hover{ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);}
.search_video_con ul li:hover p{ color: #EA5505;}
.search_video_con ul li:nth-child(4n){ margin-right: 0px;}
.search_video_con ul li img{ width: 270px; height: 152px;}
.toprig{float:right;width: 1016px;overflow:hidden;height:262px;}
.toprig .toplight{width: 258px;height: 79px;margin: 26px 40px;text-align: left;padding: 0;float:left;}
.toprig img{float: left;width: 79px;height: 79px;margin-right: 18px;}
.toprig p{font-weight: bold;margin: 0;}
.toprig span{color: #999999;}