@charset "utf-8";
/* CSS Document */
*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size:14px;  color:#333333; font-family:"思源黑体"; min-width:1200px;background: #f1f2f3}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"思源黑体";}
:hover{/* transition: all 0.3s ease-in 0.1s,color 0.2s ease-out 0.1s; */}
a{color:#2b2b2b;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}
ol,ul,li,p,h1,h5,h2,h3,h4,h6{list-style:none;margin:0px; padding:0px;}
img{border:0px;}
form{ margin:0px; padding:0px;}input,textarea{ outline:0}
.fl{float:left;}
.fr{float:right}
.wd1200{width:1200px;margin:0 auto;height: 100%}
.flex{display: flex;}
.justify-between{justify-content: space-between;}
.main{width:100%;float:left;padding:30px 0 30px;background: #f7f7f7;}

.headbar{width:100%;float:left;background: #fbfbfb;height: 45px;line-height: 45px;}
.headbar .logobar a{font-size:16px;color:#0C50AB;font-weight: bold;}
.headbar .tstell strong{color:#FF0000;font-size: 16px;}

.top {height: 100px;width: 100%;float:left;border-bottom: 1px solid #f0f0f0;background: #ffff;}
.top .top_l{display: flex;align-items: center}
.top .top_l .logo-img {padding-right: 15px;width: 200px;}
.top .top_l .logo-img img{width: 190px;height: 80px;}
.top .top_l div{width:540px;}
.top .top_l .titl{font-size: 28px;font-weight: 700;margin-bottom: 5px;margin-top: 10px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top .top_r{width:370px;display: flex;align-items: center}
.top .top_r .ico{display: flex;float: left;margin-right: 10px;}
.top .top_r div{text-align: left;font-size:14px;}
.top .top_r .ico .img{display: flex;border-radius: 50%;width:23px;height: 23px;background-color: var(--primary-color);align-items: center;justify-content: center;margin-top: 2px;margin-right: 10px;}
.top .top_r .ico .img img{width: 20px;}
.top .top_r span{font-size: 22px;font-weight: 700;color: var(--primary-color);line-height: 30px;letter-spacing: 1px;font-family:" 思源黑体";}
/*.top {height: 100px;width: 100%;float:left;border-bottom: 1px solid #f0f0f0;background: #ffff;}*/
/*.top .logo{display: block;padding-right: 10px;height: 80px;margin-top: 15px;}*/
/*.top .logo a img{display: block;height: 100%;max-width: 190px;}*/
/*.top .logo a{display: block;height: 100%; width: auto;}*/
/*.top .logo_2{display: block;height: 80px;padding: 0 0 0 20px;background: url(../pic/topline.png) no-repeat left  center;background-size: 6px;margin-top: 10px;}*/
/*.top .logo_2 .title{display: block;font-size: 28px;color: #333;max-width: 478px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;min-width: 360px;text-align: left}*/
/*.top .logo_2 p{display: block;font-size: 16px;color: #666;margin-top: 7px;max-width: 478px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}*/
/*.top .top_tel {width: 190px;height: 80px;display: block;overflow: hidden;margin-top: 10px;}*/
/*.top .top_tel{margin-top:10px;}*/
/*.top .top_tel i{float:left;display: block;font-style: normal;margin-bottom: 4px;border-radius: 15px;width: 23px;height:23px;text-align: right; background-color: var(--primary-color);margin-right:5px}*/
/*.top .top_tel i img{width:24px;height:20px; vertical-align: middle;}*/
/*.top .top_tel em{font-size:14px; margin-right:10px;}*/
/*.top .tel_m{margin-top:3px;}*/
/*.top .tel_m span{font-size: 22px;color: var(--primary-color);border-radius: 15px;cursor: pointer;font-weight: bold;letter-spacing: 1px; text-align: right;}*/
/*.top .top_tel p span{font-size: 16px;display: block;line-height: 22px; font-weight:normal}*/
/*.top .top_wx{width:72px;height: 72px;margin-left: 26px;padding-top: 8px;}*/
/*.top .top_wx img{width:100%;height: 100%;}*/
/*导航*/
/*.index-nav{width: 100%;height: 64px;float: left;color:#fff;padding: 0 0 0 0;background: var(--primary-color);}*/
/*.index-nav-frame{width: 1200px;margin: 0 auto;display:flex;align-items:center}*/
/*.Nptline{height:59px;line-height:64px;text-align:center;font-size:18px;color:#333;flex: 1}*/
/*.Nptline:hover,.Nptline.active{border-bottom:5px solid #fff}*/
/*.Nptline.active a{color: #fff;}*/
/*.Nptline:hover a{color:#fff;font-weight:bold;}*/
/*.Nptline:hover .Nptcenter{height:auto;opacity: 1;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}*/
/*.Nptline a{color: #fff;}*/
/*.Nptcenter{max-width: 240px;border-top:0;background: var(--primary-color);opacity: 0;display: block;height:0;position: absolute;overflow: hidden;transition: all 0.5s;margin-bottom: 1px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;!* Firefox 4 *!-o-transition: all 0.5s; !* Opera *!transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);z-index:10000}*/
/*.Nptcenter .Nptli{width: 100%;font-weight: normal;font-size: 16px;text-align: center;background: var(--primary-color);color: #fff;float:left;height: 40px;line-height: 40px;margin: 0 auto;text-decoration: none;border-bottom: 1px solid #ededed;z-index:99;margin-bottom: 1px;}*/
/*.Nptcenter .Nptli a{color: #fff;float:left;width:100%;font-weight:normal;}*/
/*.Nptcenter a:hover{font-weight:bold;}*/
/*.Nptline-focus:focus{display: none;}*/
.nav-index {width: 100%;height:50px;float: left;color:#fff;padding: 0 0 0 0;background: var(--primary-color);}
.headBox2 {clear: both;height:46px;z-index:1000;}
.headBox2 .wrap{margin:0px auto;}
.menuDl {display:flex; width: 1200px;}
.menuDl dd {display: inline;float: left;margin:0px;position: relative; flex:1; text-align:center;}
.menuDl dd span {display: block;clear: both;overflow: hidden;height: 46px;}
.menuDl dd span a{display: block;height:50px;line-height: 50px;font-size: 16px;color:#fff;transition:all 0.5s;}
.menuDl dd.hover{border-bottom:5px solid #fff}
.menuDl dd.hover span a{color:#fff;font-weight:bold;}
.menuDl dd .div_a {width: 100%;overflow: hidden;position: absolute;top: 50px;left:0px;z-index: 999;background: var(--primary-color);box-shadow: 0 2px 2px rgba(0,0,0,0.2);padding: 0px 0;display: none;}
.menuDl dd .div_a a {display: block;height: 45px;overflow: hidden;line-height: 45px;text-align:center;color: #fff;font-size: 16px;width:100%;}
.menuDl dd .div_a a:hover {color:#fff;font-weight:bold;}
/*轮播广告*/
.bn-alp { width:100%; height:630px; position:relative; float:left;  background: #ffed29 no-repeat;background-position:50% 0%; overflow:hidden }
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li {width:100%;height:100%;background-position:50% 0%;background-repeat:no-repeat;background-color:#dddddd;background-size:cover;position:absolute;top:0;left:0;z-index:10;}
.bn-alp .abox li.on { z-index:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i { bottom:25px; left:50%;  text-align:center; position:absolute; z-index:100;-webkit-transform: translateX(-50%); transform: translateX(-50%);}
.bn-alp .i i {display:inline-block;margin-right:10px;width:25px;height: 4px;background: #fff;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.bn-alp .i i.on {background: var(--primary-color);}
/*广告*/
.alltitle{width:100%;text-align: center;font-size:24px;font-weight: 500; margin-bottom: 20px;display: flex; justify-content: center; margin-top: 12px;}
.alltitle p{position: relative;display: inline-block;font-size: 34px;font-weight: bold;padding-bottom: 16px;}
.alltitle p em{width: 8px;height:8px;background: var(--primary-color);position: absolute;top: 35%;left:-20px;  transform: rotate(135deg)}
.alltitle p em2{width: 8px;height:8px;background: var(--primary-color);position: absolute;top: 35%;right:-15px;  transform: rotate(135deg)}
.alltitle b{
    font-size:34px;
    font-weight: bold;
    margin:0 10px;
}
.line-container{
    display: flex;
    align-items: center;
}
.gradient-line{
    width: 100px;
    height: 2px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), var(--primary-color));
    flex-shrink: 0;
}
.gradient-line.right{
    width: 100px;
    height: 2px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0), var(--primary-color));
    flex-shrink: 0;
}
.diamond-container{
    display: flex;
    align-items: center;
}
.diamond.small {
    width: 9px;
    height: 9px;
    background-color: var(--primary-color);
    opacity: 0.5;
}
.diamond.left{
    left: 0px;
}
.diamond.right{
    right: 0px;
}
.diamond.large{
     background-color: var(--primary-color);
     position: relative;
 }
.diamond{
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    transform: -webkit-rotate(45deg);
    transform: -moz-rotate(45deg);
    transform: -o-rotate(45deg);
}


/*.alltitle p:before{content:"";position: absolute;background: #ebebeb;width: 214px;height: 2px;bottom: 0;left: 50%;-webkit-transform: translateX(-50%); transform: translateX(-50%);}*/
/*.alltitle p:after{content:"";position: absolute;background: var(--primary-color);width: 24px;height: 3px;bottom: 0;left: 50%;-webkit-transform: translateX(-50%); transform: translateX(-50%);}*/

/*幻灯*/
.m-focus{width:100%;overflow:hidden;z-index:1 }
.m-focus-box{overflow:hidden;margin:0 auto;position:relative;}
.m-focus{display: block;overflow: hidden;position: relative;margin-top: -30px;}
.m-focus .m-focus-box { margin: 0 auto;overflow: hidden;position: relative;backface-visibility: hidden;}
.m-focus .m-focus-box .swiper-wrapper li {list-style-type:none; }
.m-focus .m-focus-box .swiper-wrapper li a { position: relative;width: 100%;display: block;}
.m-focus .m-focus-box .swiper-wrapper img { width: 100%;display: block;}
.m-focus .swiper-container { display: none;}
.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:20px;z-index: 10;}
.m-focus-box .swiper-pagination-switch{display:inline-block;width:35px;height:10px;border-radius:1px;margin-right:5px;cursor:pointer;}
.m-focus-box .swiper-button-prev, .m-focus-box .swiper-button-next{background: url(icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.m-focus-box .swiper-button-prev, .m-focus-box .swiper-button-next{width: 32px; height: 50px; position: absolute; top: 250px; z-index: 5;}
.m-focus-box .swiper-button-next{background-position: -92px 0; right: 12%; transition: all 600ms ease;}
.m-focus-box .swiper-button-prev{background-position: -60px 0; left: 12%; transition: all 600ms ease;}

.swiper-pagination-bullet {display: inline-block;border-radius: 100%;background:#bebebe;cursor:pointer;margin: 0 5px;width:10px;height:10px;border-radius:50%;}
.m-focus-box .swiper-pagination-bullet-active{width:20px;height:10px;border-radius:20px;background: var(--primary-color);}

/*专业优势*/
.zyys{width:100%;padding: 50px 0 70px;float:left;background: url(../pic/bg01.png) no-repeat 50%/100% 100%;}
.zyys li{float:left;margin-left: 33px;width: 280px;background: #fff;height: 428px;border-radius: 6px;}
.zyys li:first-child{margin-left: 0;}
.zyys li .ysimg01{width: 280px;height: 213px;position: relative;float:left;overflow:hidden}
.zyys li .ysimg01 img{margin:auto;position: absolute;left:0;right: 0;top:0;max-width:100%;max-height:100%;border-radius: 6px 6px  0 0;transition: all .8s ease;}
.zyys li .title{width: 250px;padding: 20px 15px 15px;text-align: center;font-size: 24px;float: left;color: var(--primary-color);font-weight: normal;position: relative;}
.zyys li .title:after{content:"";position:absolute;width:20px;height:4px;background:#FCAB04;bottom:0;left:50%;-webkit-transform: translateX(-50%); transform: translateX(-50%);}
.zyys li .content{float: left;width: 250px;margin: 15px 15px 0;text-align: center;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;word-break: break-all;}
.zyys li:hover{background:var(--primary-color); transition: all .5s ease; }
.zyys li:hover .title,.zyys li:hover .content{color:#fff; transition: all .8s ease; }
.zyys li:hover img{transform:scale(1.05);transition: all .8s ease;}
/*产品推荐*/
.cptj li{float:left;background: #fff;width:24%;margin-right: 15px;margin-bottom: 30px;border-radius: 6px;overflow: hidden;position: relative;}
/*.cptj li:nth-child(4n){margin-right: 0;}*/
.cptj li:hover {
    box-shadow: 0 0 0 2px var(--primary-color);
}
.cptj li:nth-child(4n) {margin-right:0px;}
.cptj li .tjimg{width: 100%;float:left;position: relative;overflow: hidden;border-radius: 6px 6px 0 0;}
.cptj li .tjimg img{width:100%;/*height: 100%;position: absolute;*/margin: auto;/*left: -10%;right: -10%;top: -10%;bottom: -10%;*/transition: all .8s ease;}
.cptj li .title{/*width: 100%;*/font-size: 18px;padding:0px 10px;/*padding: 0 81px 0 24px;*/line-height: 40px;font-weight: 500;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;overflow: hidden;background: rgba(228,229,231,0.9);/*position: absolute;bottom:0px;*/}
.cptj li .title .arrow{display:none;position: absolute;bottom:0px;right: 15px;width: 20px;height: 20px;background:#fff;border-radius:50%;transform:translateY(-50%);}

.cptj li .title .arrow em::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 8px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid var(--primary-color); /* 三角形的左边 */
}
.cptj li:hover .title{color:#fff;background: var(--primary-color);line-height: 40px;}
.cptj li:hover .title .arrow{display:block;}
.cptj li:hover .tjimg img{transform:scale(1.05);transition: all .8s ease;}
.cptj li .hot_icon{width:84px;height: 43px;position: absolute;top:0;right: 0;}
.cptj li .hot_icon img{width:100%;height: 100%;}
/*关于我们*/
.aboutus{height:auto;background:#eff2f9;}
.about-content{width: 1200px;margin: 0 auto;}
.about-content .about-left{width:525px;float: right;padding: 20px 24px 20px 24px;height: auto;}
.about-content .about-left .ms-title{/*float:left;margin: 0 12px;width: 100%;*/display: flex;justify-content: flex-start;align-items: center;margin-bottom: 12px;}
.about-content .about-left .ms-title .about-logo{max-width:138px;float:left;height: 88px;}
.about-content .about-left .ms-title .about-logo img{max-width:138px;height: 100%;overflow: hidden;}
.about-content .about-left .ms-title .left-title{float: left;}
.about-content .about-left .ms-title .left-title .about-title{font-size:24px;font-weight: 700;margin-bottom: 10px;}
.about-content .about-left .ms-content{float:left;width:100%;height:197px;line-height:24px;letter-spacing: 1px;color: #666;overflow: hidden;}
.about-content .about-left .view-detail{display: inline;border: 1px solid #e7e7e7;border-radius: 5px;margin-top: 15px;width:100px;height: 40px;text-align: center;line-height: 40px;background:var(--primary-color);color:#fff;float:right}
.about-content .about-right{float: left;width: 625px;height: 440px;overflow: hidden;position:relative}
.about-content .about-right .left-border{display: block;width: 20px;height: 260px;background: var(--primary-color);position: absolute;bottom: 0;}
.about-content .about-right .bottom-border{display: block;width: 300px;height: 20px;background: var(--primary-color);position: absolute;bottom: 0;}
.about-content .about-right img{width: 540px;height:405px;border-radius:10px;margin:0 auto; display:block}
.about-content .about-right .tags{position: absolute;top: 17px;right: 0;z-index: 999;}
.about-content .about-right .tags .tag{width: 120px;background: var(--primary-color);height: 40px;line-height: 40px;text-align: center;opacity: .79;margin-top: 6px;color: #fff;font-size: 14px;}
/*联系方式*/
.contact-tel{width:100%;height: 140px;float:left;background: url(../pic/adbg.png) no-repeat center center/100% 100%;}
.contact-tel .tel-title{display: flex;justify-content: center;align-items: center;margin-top: 50px;}
.contact-tel .tel-title .title-icon{width:38px;height: 38px;float: left}
.contact-tel .tel-title .title-icon img,.contact-tel .tel-title .title-hot img{width:100%;height: 100%;}
.contact-tel .tel-title .title-hot{width:255px;height: 32px;margin: 0 10px 0 14px;float:left}
.contact-tel .tel-title .title-num{font-size:36px;font-weight:bold;color:#fff;margin-right:20px}
.contact-tel .tel-title .title-consult{display:inline-block;width:160px;height:40px;line-height:40px;font-size:16px;background:#fdab00;text-align:center;color:#fff;font-weight: 700;border-radius: 20px;}
/*产品优势*/
.cpys li{float:left;margin: 10px 5px;width:1190px;background: #fff;border-radius: 6px;overflow: hidden;}
.cpys li .cpys-content{float: left;width: 336px;padding: 48px 70px;position: relative;background: url(../pic/ysbg.png) no-repeat;height: 170px;overflow: hidden;}
.cpys li .cpys-content .ysnum{width:65px;height: 74px;line-height: 74px;font-size:36px;font-weight: bold;color:#fff;position: absolute;top:0;right:29px;text-align: center;border-radius: 0 0 6px 6px;background: var(--primary-color);}
.cpys li .cpys-content h3{margin-bottom: 16px;font-size: 20px;font-weight: 700;width: 272px;float:left;padding-bottom: 20px;position: relative;color: #3571FF;}
.cpys li .cpys-content h3:after{position:absolute;content:"";width:30px;height:4px;background: #3571FF;bottom:0;left:0}
.cpys li .cpys-content p{float:left;width:100%;font-size: 16px;color: #666;line-height: 26px;letter-spacing: .5px;}
.cpys li .cpys-img{float: right;width: 714px;height: 266px;position: relative;overflow: hidden;}
.cpys li .cpys-img img{width:100%;height: auto;margin: auto;position: absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;transition: all .8s ease;}
.cpys li .cpys-img:hover img{transform:scale(1.05);transition: all .8s ease;}
.cpys .li02 .cpys-content,.cpys .li04 .cpys-content{float: right;}
.cpys .li02 .cpys-img,.cpys .li04 .cpys-img{float: left;}
.cpys .li02 .cpys-content:after,.cpys .li04 .cpys-content:after{right: -16px;left: auto;border-left: 20px solid #ffffff;border-right: 0;}

/*公司优势*/
.advantage{width:100%;height:auto;background:url("../images/adv_bg.jpg") no-repeat;}
.advantage .advantage-title{}
.advantage-box{width:100%;height:auto;background: #fff;box-shadow: #959595 0 0;display: flex;align-items: flex-start;margin-bottom:20px;}
.advantage-box .advantage-left{width:50%;height:100%;}
.advantage-box .advantage-right{width:50%;height:100%;padding:0 20px;}
.advantage-box .advantage-left img,.advantage-box .advantage-right img,.advantage-box .advantage-left_odd img,.advantage-box .advantage-right_odd img{width:100%}
.advantage-box .advantage-right .adv-title{font-size:24px;font-weight:600;line-height:40px;margin-top:45px; }
.advantage-box .advantage-right .num{width:40px;height:40px;color:#fff;background: var(--primary-color);border-radius: 5px;display: inline-block;text-align: center;float:right;position: relative;top:0px; right:-20px;font-size:24px;font-weight: 600}
.advantage-box .advantage-right  .adv-content{font-size:15px;line-height:30px;}
.advantage-right a{border-bottom: 1px solid #dfdfdf;display: inline-block;width:90%;margin-top:20px}
.advantage-right a em{width: 10px;height: 10px;background: var(--primary-color);display: block;float: right;position: relative;top: 5px; transform: rotate(135deg);}
.advantage-box .advantage-right_odd{width:50%;height:100%;}
.advantage-box .advantage-left_odd{width:50%;height:100%;padding:0 20px;}
.advantage-box .advantage-left_odd .adv-title{font-size:24px;font-weight:600;line-height:40px;margin-top:45px; }
.advantage-box .advantage-left_odd .num{width:40px;height:40px;color:#fff;background: var(--primary-color);border-radius: 5px;display: inline-block;text-align: center;float:left;position: relative;top:0px; left:-20px;font-size:24px;font-weight: 600}
.advantage-box .advantage-left_odd  .adv-content{font-size:15px;line-height:30px;}
.advantage-left_odd a{border-bottom: 1px solid #dfdfdf;display: inline-block;width:90%;margin-top:20px}
.advantage-left_odd a em{width: 10px;height: 10px;background: var(--primary-color);display: block;float: left;position: relative;top: 5px; transform: rotate(135deg);}
/*产品*/
.product {width: 100%;float: left;position: relative;padding-bottom: 50px;background: url(../pic/cpbg.png) no-repeat  50%/100% 100%;}
.product .alltitle p{color:#fff;}
.product .ScplistL{width: 250px;background: #ffffff;border-radius: 6px;overflow: hidden;}
.product .ScplistL .tittle{float:left;background: var(--primary-color);color:#fff;width: 200px;font-size: 18px;overflow: hidden;padding: 27px 25px;}
.product .ScplistL .tittle a{color:#fff}
.product .ScplistL .C1{float:left;width: 248px;background: #ffffff;max-height: 414px;overflow: hidden;overflow-y: scroll;border: 1px solid #f2f2f2;}
.product .ScplistL .C1 b{float:left;width: 202px;font-size:15px;border-bottom:1px dashed #ededed;position:relative;padding: 24px 24px;}
.product .ScplistL .C1 b a{width: 192px;float: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #666;font-size: 16px;font-weight: normal;}
.product .ScplistL .C1 b:hover a{ color: var(--primary-color);font-weight:bold;}
.product .ScplistL .C1 b .flicon{float:right;background:url(../pic/flicon.png) no-repeat center right;width: 23px;height: 23px;background-size: 23px;position: absolute;right: 24px;display: none;top: 23px;}
.product .ScplistL .C1 b:hover .flicon{display:block;}
.product .ScplistL .fltel{width:250px;height: 106px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding:16px 0 9px 0;/*background: url(../pic/fltelbg.png) no-repeat center center/100%*/background: linear-gradient(135deg,var(--primary-color),#fff)}
.product .ScplistL .fltel .tel-top img{width:120px;height: 13px;}
.product .ScplistL .fltel .tel-middle{color:#fff;font-size:26px;font-weight: 700;line-height: 40px;}
.product .ScplistL .fltel .tel-bottom img{width:22px;}
.product .ScplistR3{width: 945px;float: right;position: relative;padding-bottom: 18px;}
.product .ScplistR3 li {width: 291px;float: left;margin: 0px 0 20px 23px;overflow:hidden;background: #ffffff;position: relative;border-radius: 6px;}
.product .ScplistR3 li a {display: table-cell;vertical-align: top;float: left;width: 291px;}
.product .ScplistR3 li:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);}
.product .ScplistR3 li a div.img{width: 100%;height:291px;float:left;position:relative;overflow: hidden;}
.product .ScplistR3 li a div.img img{width: auto;height: 100%;left: -10%;right: -10%;top: -10%;bottom: -10%;margin:auto;position:absolute;transition: all .8s ease;}
.product .ScplistR3 li:hover img{-webkit-transform: scale(1.05);}
.product .ScplistR3 li a b.title {font-size: 20px;font-weight: 400;line-height: 65px;overflow: hidden;float:left;width: 271px;height: 65px;padding: 0 10px;z-index: 5;position: relative; text-align: center}
.product .ScplistR3 li a  p.desc {font-size: 14px;line-height: 16px;color: #888;height: 16px;margin-top: -2px; float:left;width:215px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis; padding-bottom:5px; }
.product .ScplistR3 li:hover b.title{background:var(--primary-color);color:#fff}
.scroll::-webkit-scrollbar {width: 10px; height: 1px;}
.scroll::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #e6e6e6;}
.container  .ScplistR3 li{border-radius: 0;}
.container .ScplistR3 li a b.title{font-size:18px;}
.container .ScplistR3 li a{border:1px solid #f7f7f7;width: 289px;}
.container .ScplistR3 li a b.title{height:51px;line-height:51px;text-align:center}
/*文章列表*/
/*.Snews{background: #fff}*/
/*.Snews .news-content{width: 100%;display: flex;justify-content: space-around;}*/
/*.Snews .news-content .news-left{width:35%;height:auto;}*/
/*.Snews .news-content .news-left .pic{width:100%;height:auto}*/
/*.Snews .news-content .news-left .pic img{width:100%}*/
/*.Snews .news-content .news-left .text{width:93.5%;height:70px;background:#f5f5f5;display: flex; justify-content: space-between;padding:10px 15px;}*/
/*.Snews .news-content .news-left .text .date{width:65px;height:65px;background: var(--primary-color);color:#fff;text-align: center}*/
/*.Snews .news-content .news-left .text .date .day{font-size:20px;font-weight: 600}*/
/*.Snews .news-content .news-left .text .text01{width:80%}*/
/*.Snews .news-content .news-left .text .text01 h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}*/
/*.Snews .news-content .news-left .text .text01 p{font-size:14px;}*/
/*.Snews .news-content .news-left .text .text01 a{color:var(--primary-color);font-size:12px;float:right}*/
/*.Snews .news-content .news-right{width:55%;}*/
/*.Snews .news-content .news-right ul{width:100%;height:auto}*/
/*.Snews .news-content .news-right ul li{width:100%;height:130px;display: flex; border-bottom:1px dashed #d9d9d9}*/
/*.Snews .news-content .news-right .pic{width:110px;height:110px;padding:10px 0; position: relative;}*/
/*.Snews .news-content .news-right .pic img{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: auto;}*/
/*.Snews .news-content .news-right .text{padding:10px 20px;position: relative;}*/
/*.Snews .news-content .news-right .text h4{font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}*/
/*.Snews .news-content .news-right .text p{font-size:14px;line-height:20px;}*/
/*.Snews .news-content .news-right .newsmore{font-size:12px;color:var(--primary-color);position: absolute;right:10px;bottom:5px;}*/
/*.Snews .news-content .news-right .news-bottom{display: flex;justify-content: space-between;}*/
/*.Snews .news-content .news-right .news-bottom em{color:#cccccc;font-size:14px;position: absolute;bottom:5px;}*/
/*文章列表*/
.Snews{background:#fff}
.Snews .news-content{width: 100%;background: #ffffff;float:left;padding-bottom: 20px;}
.Snews .news-content li{float:left;margin:0 20px;width: 47%;height: 122px;background:#f2f2f2;margin-bottom:25px;border-radius: 6px;}
.Snews .news-content li:nth-child(2n){margin-left:0px;}
.Snews .news-content li .news-left{width:160px;height: 120px;float:left;display: flex;justify-content: center;text-align: center;line-height: 34px;word-break: break-word;}
.Snews .news-content li .news-left img{width:100%}
.Snews .news-content li .news-right{float:left;width: 63%;height: 100px;padding: 10px 15px;position:relative}
.Snews .news-content li .news-right .news-title{font-size: 20px;font-weight: normal;color:#333;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;width: 100%;float: left;}
.Snews .news-content li .news-right .news-ms{font-size:14px;color:#999999;line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;float: left;}
.Snews .news-content li .news-right .news-date{width:92%;position:absolute;bottom:5px;}
.Snews .news-content li .news-right .news-date span{color:#b4b4b4}
.Snews .news-content li .news-right .news-date em{font-size:14px;color:var(--primary-color);float:right}
.Snews .news-content li:hover .news-title{color:var(--primary-color)}
.Snews .Nmore{float:left;width:100%;text-align: center;margin-top: 20px;}
.Snews .Nmore a{border:1px solid #ccc;font-size:16px;color:#666;border-radius: 30px;padding: 12px 41px;}
.Snews .Nmore a:hover{background:var(--primary-color);color:#fff}
.Snews .news-content li .time{width:160px;margin-top: 20px;text-align:center}
.Snews .news-content li .time .day{font: normal 53px "arial";color: #999;font-weight:700;line-height: 50px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.Snews .news-content li .time .year{margin-top: 8px;font-size:20px;color: #666;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
/*荣誉资质*/
.honor{background: #f0f4f7;padding-bottom:25px;}
.honor ul{width:100%;}
.honor ul li{width:23%;/*height:300px;*/margin-right:20px;float:left;background: #fff;border-bottom:5px solid var(--primary-color);border-radius: 5px; box-shadow: 0 0 5px 0 rgba(226,230,231);padding-bottom:20px;}
.honor ul li .pic{height: 180px;padding: 40px 30px;text-align: center;display: grid;justify-items: center;align-content: center;}
.honor ul li .pic img{width: 70%;display: inline-block; }
.honor ul li .text{width:70%;height:35px;line-height: 35px;background: var(--primary-color);color:#fff;text-align: center;margin:0 auto;border-radius: 5px;position: relative;}
.honor ul li .text h4{width:80%;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.honor ul li .text em{width:6px; height:6px;background:#fff;position: absolute; left:10px;top:50%; transform: translateY(-50%)  rotate(130deg);}
.honor ul li .text em2{width:6px; height:6px;background:#fff;position: absolute; right:10px;top:50%; transform: translateY(-50%)  rotate(130deg);}
.honor ul li:nth-child(4n){margin-right:0}

.honor_list {width: 100%;float: left;position: relative;padding-bottom: 50px;background: url(../pic/cpbg.png) no-repeat  50%/100% 100%;}
.honor_list .alltitle p{color:#fff;}
.honor_list .ScplistL{width: 250px;background: #ffffff;border-radius: 6px;overflow: hidden;}
.honor_list .ScplistL .tittle{float:left;background: var(--primary-color);color:#fff;width: 200px;font-size: 18px;overflow: hidden;padding: 27px 25px;}
.honor_list .ScplistL .tittle a{color:#fff}
.honor_list .ScplistL .C1{float:left;width: 248px;background: #ffffff;max-height: 414px;overflow: hidden;overflow-y: scroll;border: 1px solid #f2f2f2;}
.honor_list .ScplistL .C1 b{float:left;width: 202px;font-size:15px;border-bottom:1px dashed #ededed;position:relative;padding: 24px 24px;}
.honor_list .ScplistL .C1 b a{width: 200px;float: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #666;font-size: 16px;font-weight: normal;}
.honor_list .ScplistL .C1 b:hover a{ color: var(--primary-color);font-weight:bold;}
.honor_list .ScplistL .C1 b .flicon{float:right;background:url(../pic/flicon.png) no-repeat center right;width: 23px;height: 23px;background-size: 23px;position: absolute;right: 24px;display: none;top: 23px;}
.honor_list .ScplistL .C1 b:hover .flicon{display:block;}
.honor_list .ScplistL .fltel{width:250px;height: 106px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding:16px 0 9px 0;/*background: url(../pic/fltelbg.png) no-repeat center center/100%*/background: linear-gradient(135deg,var(--primary-color),#fff)}
.honor_list .ScplistL .fltel .tel-top img{width:120px;height: 13px;}
.honor_list .ScplistL .fltel .tel-middle{color:#fff;font-size:26px;font-weight: 700;line-height: 40px;}
.honor_list .ScplistL .fltel .tel-bottom img{width:22px;}
.honor_list .ScplistR3{width: 945px;position: relative;padding-bottom: 18px;}
.honor_list .ScplistR3 li {width: 290px;height:290px;float: left;margin: 0px 0 20px 23px;overflow:hidden;background: #ffffff;border-radius: 6px;}
.honor_list .ScplistR3 li a{width:100%;}
.honor_list .ScplistR3 li:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);}
.honor_list .ScplistR3 li a div.img{width: 100%;height:210px;position:relative}
.honor_list .ScplistR3 li a div.img img{width:50%; position:absolute;top:50%;left:25%;transform:translateY(-50%)}
.honor_list .ScplistR3 li:hover img{-webkit-transform: scale(1.05);}
.honor_list .ScplistR3 li a p.title {font-size: 20px;font-weight: 400;line-height: 65px;overflow: hidden;height: 65px;padding: 0 10px;text-align: center}
.honor_list .ScplistR3 li:hover p.title{background:var(--primary-color);color:#fff}
/*.honor_list .ScplistR3 li a {display: table-cell;vertical-align: top;float: left;width: 291px;}*/
/*.honor_list .ScplistR3 li:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);}*/
/*.honor_list .ScplistR3 li a div.img{width: 100%;height:291px;float:left;position:relative;overflow: hidden;}*/
/*.honor_list .ScplistR3 li a div.img img{width: auto;height: 100%;left: -10%;right: -10%;top: -10%;bottom: -10%;margin:auto;position:absolute;transition: all .8s ease;}*/
/*.honor_list .ScplistR3 li:hover img{-webkit-transform: scale(1.05);}*/
/*.honor_list .ScplistR3 li a h2.title {font-size: 20px;font-weight: 400;line-height: 65px;overflow: hidden;float:left;width: 271px;height: 65px;padding: 0 10px;z-index: 5;position: relative; text-align: center}*/
/*.honor_list .ScplistR3 li a  p.desc {font-size: 14px;line-height: 16px;color: #888;height: 16px;margin-top: -2px; float:left;width:215px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis; padding-bottom:5px; }*/
/*.honor_list .ScplistR3 li:hover h2.title{background:var(--primary-color);color:#fff}*/


/*相册*/
.photo_list {width: 100%;float: left;position: relative;padding-bottom: 50px;background: url(../pic/cpbg.png) no-repeat  50%/100% 100%;}
.photo_list .alltitle p{color:#fff;}
.photo_list .ScplistL{width: 250px;background: #ffffff;border-radius: 6px;overflow: hidden;}
.photo_list .ScplistL .tittle{float:left;background: var(--primary-color);color:#fff;width: 200px;font-size: 18px;overflow: hidden;padding: 27px 25px;}
.photo_list .ScplistL .tittle a{color:#fff}
.photo_list .ScplistL .C1{float:left;width: 248px;background: #ffffff;max-height: 414px;overflow: hidden;overflow-y: scroll;border: 1px solid #f2f2f2;}
.photo_list .ScplistL .C1 b{float:left;width: 202px;font-size:15px;border-bottom:1px dashed #ededed;position:relative;padding: 24px 24px;}
.photo_list .ScplistL .C1 b a{width: 200px;float: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #666;font-size: 16px;font-weight: normal;}
.photo_list .ScplistL .C1 b:hover a{ color: var(--primary-color);font-weight:bold;}
.photo_list .ScplistL .C1 b .flicon{float:right;background:url(../pic/flicon.png) no-repeat center right;width: 23px;height: 23px;background-size: 23px;position: absolute;right: 24px;display: none;top: 23px;}
.photo_list .ScplistL .C1 b:hover .flicon{display:block;}
.photo_list .ScplistL .fltel{width:250px;height: 106px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding:16px 0 9px 0;/*background: url(../pic/fltelbg.png) no-repeat center center/100%*/background: linear-gradient(135deg,var(--primary-color),#fff)}
.photo_list .ScplistL .fltel .tel-top img{width:120px;height: 13px;}
.photo_list .ScplistL .fltel .tel-middle{color:#fff;font-size:26px;font-weight: 700;line-height: 40px;}
.photo_list .ScplistL .fltel .tel-bottom img{width:22px;}
.photo_list .ScplistR3{width: 945px;float: right;position: relative;padding-bottom: 18px;}
.photo_list .ScplistR3 li {width: 291px;float: left;margin: 0px 0 20px 23px;overflow:hidden;background: #ffffff;position: relative;border-radius: 6px;}
.photo_list .ScplistR3 li a {display: table-cell;vertical-align: top;float: left;width: 291px;}
.photo_list .ScplistR3 li:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);}
.photo_list .ScplistR3 li a div.img{width: 100%;height:auto;padding:10px;float:left;position:relative;overflow: hidden;}
.photo_list .ScplistR3 li a div.img img{width: 280px;height: 210px;/*left: -10%;right: -10%;top: -10%;bottom: -10%;margin:auto;position:absolute;transition: all .8s ease;*/}
.photo_list .ScplistR3 li:hover img{-webkit-transform: scale(1.05);}
.photo_list .ScplistR3 li a b.title {font-size: 20px;font-weight: 400;line-height: 65px;overflow: hidden;float:left;width: 280px;height: 65px;padding: 0 10px;z-index: 5;position: relative; text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.photo_list .ScplistR3 li a  p.desc {font-size: 14px;line-height: 16px;color: #888;height: 16px;margin-top: -2px; float:left;width:215px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis; padding-bottom:5px; }
.photo_list .ScplistR3 li:hover b.title{background:var(--primary-color);color:#fff}
.scroll::-webkit-scrollbar {width: 10px; height: 1px;}
.scroll::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #e6e6e6;}
.container  .ScplistR3 li{border-radius: 0;}
.container .ScplistR3 li a b.title{font-size:18px;}
.container .ScplistR3 li a{border:1px solid #f7f7f7;width: 289px;}
.container .ScplistR3 li a b.title{height:51px;line-height:51px;text-align:center}

/*联系我们*/
.contant{background:url(../images/contact_bg.jpg) no-repeat center center/100% 100%}
.contant .alltitle p{color:#fff;}
.contant .contant-main{width:1200px;margin:0 auto;}
.contant .contant-left{float:left;padding: 30px 0px 0 50px;border-radius: 4px;width:520px;/*height: 435px;*/}
.contant .contant-left .left-detail{width:100%;height:85px;display: flex;}
.contant .contant-left .left-detail .left-title{width:50px;height:50px;border:2px solid #fff;border-radius: 50%;background-color:var(--primary-color); display: flex;justify-content: center; align-items: center;}
.contant .contant-left .left-detail .left-title img{width:35px;height:35px;display: block;}
.contant .contant-left .left-detail .left-text{font-size:20px;font-weight: 700; color:#fff;margin-left:30px;line-height:50px;}
.contant .contant-left .left-detail .left-text em{width:3px;height:15px;background:#fff;margin:0px 7px 0;display:inline-block}
.contant .contant-left .left-detail .left-text span.tel{font-size:20px;font-weight:normal;color:#fff;}

.contant .contant-left .left-detail .left-add{width:50px;height:50px;border:2px solid #fff;border-radius: 50%;background-color:var(--primary-color); display: flex;justify-content: center; align-items: center;}
.contant .contant-left .left-detail .left-add img{width:35px;height:35px;display: block;padding:0 15px;}
.contant .contant-left .left-detail .left-add-text{font-size:20px;font-weight: 700; color:#fff;margin-left:30px;line-height: 40px;}
.contant .contant-left .left-detail .left-add-text em{width:3px;height:15px;background:#fff;margin:0px 7px 0;display:inline-block}
/*.contant .contant-left .left-nav{float:left;width: 160px;border-right: 5px solid #999999b3;height:100%}*/
/*.contant .contant-left .left-nav li{margin-bottom: 30px;font-size: 18px;padding-left:10px}*/
/*.contant .contant-left .left-nav li a{color:#fff}*/
/*.contant .contant-left .left-nav .li01{font-size: 22px;font-weight:bold;color: #fff;position: relative;padding-bottom: 20px;}*/
/*.contant .contant-left .left-nav .li01:after{position:absolute;width:32px;height:3px;background:var(--primary-color);content:"";bottom:0;left: 10px;}*/
/*.contant .contant-left .left-adress{float: right;color: #fff;width: 448px;}*/
/*.contant .contant-left .left-adress .gs-detail{margin-bottom: 24px;float: left;width: 100%;}*/
/*.contant .contant-left .left-adress .gs-detail .gs-left{width:29px;height: 50px;float: left;padding-right: 12px;position: relative;}*/
/*.contant .contant-left .left-adress .gs-detail .gs-left img{max-width: 29px;max-height: 35px; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}*/
/*.contant .contant-left .left-adress .gs-detail .gs-right{float:left;padding-left: 13px;border-left: 3px solid #fff;}*/
/*.contant .contant-left .left-adress h3{font-size:20px;margin-bottom:20px;padding-bottom: 20px;position: relative;}*/
/*.contant .contant-left .left-adress h3:after{position:absolute;width:32px;height:3px;background:var(--primary-color);content:"";bottom:0;left: 0px;}*/
/*.contant .contant-left .left-adress .p1{font-size: 14px;color: #fff;}*/
/*.contant .contant-left .left-adress .p2{font-size: 24px;color: #fff;width: 385px;font-weight: bold;}*/
.contant-main .contant-right{width:385px;padding:20px 40px; min-height:380px;height: auto;background: #ffffff;float:right;border-radius: 6px;}
.contant-main .contant-right .a-title{width:100%;text-align:center;margin: 25px 0 25px;font-size: 30px;font-weight: 600;color: #333;line-height: 30px;float:left;}
.contant-main .contant-right .a-content{width:100%;float:left}
.contant-main .contant-right .a-content label{width:100%;float:left;font-size:16px;line-height: 22px;margin-bottom: 8px;font-weight: 600}
.contant-main .contant-right .a-content label font{color:#ff4365}
.contant-main .contant-right .a-content input{width: 355px;padding: 15px 10px;background: #fff;border-radius: 4px;border: 1px solid #e7e7e7;margin-bottom:25px}
.contant-main .contant-right .a-button{width: 95%;float: left;height: 47px;margin-top: 8px;line-height: 47px;text-align: center;background: var(--primary-color);border-radius: 4px;color: #fff;font-size: 16px;cursor: pointer; border:none}
.contant-bottom{border-top:1px solid #fff;margin-top:30px;width:100%;}
.contant-bottom .left-nav{width:100%;display:flex;justify-content:center}
.contant-bottom .left-nav li{float:left;width:170px;display: flex;align-items: center;justify-content: center;padding:30px 0px 10px}
.contant-bottom .left-nav li a{color:#fff;font-size:14px;}
.contant-main .contant-right .contact_code{width:120px !important;background-color:var(--primary-color) !important; color:#fff !important;cursor:pointer}

.contant-box{width:100%;display: flex;align-items: center;justify-content:center}
.contant-box ul{width:100%;}
.contant-box li{width:25%;float:left;}
.contant-box .left-nav-title{width:50px;height:50px;border:2px solid #fff;border-radius: 50%;background-color:var(--primary-color); display: flex;justify-content: center; align-items: center;margin:0 auto}
.contant-box .left-nav-title img{width:35px;height:35px;display:block;padding:0 15px;}
.contant-box .left-nav-text p{font-size:15px;color:#fff; text-align: center;line-height:25px;}
/*底部*/
.bottom{width:100%;float:left;background: #fff;/*padding:10px 0;*/}
.bottom .b-width{/*width: 1080px;*/margin:0  auto;}
.bottom .b-content{width:100%;text-align: center;line-height: 30px;}
/*面包屑*/
.mbx{width:100%;background: #fff;height: 40px;line-height: 40px;float:left;font-size:12px;color:#666;padding-bottom: 20px;}
.crumbs{padding-left: 10px;position: relative;}
.crumbs:before{content:"";position:absolute;width:4px;height:14px;background:var(--primary-color);left:0;top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.mbx .now{float:left;}
.mbx a{color:#666;padding:0 8px;}

/*内页*/
.container{width:100%;float:left;background: #fff;}
.container .main-content {width: 100%;float: left;}
.sidebar{float: left;width: 250px;margin-top: 20px;}
.sidebar-item{float:left;width: 248px;box-shadow: 0 4px 10px rgb(0 0 0 / 2%);background-color: #fff;margin-bottom: 20px;border-radius: 4px;position: relative;border: 1px solid #eee;}
.sidebar-item .item-title{font-size: 18px;color: #ec2525;font-weight: 700;background: #EAF2FF;height: 50px;line-height: 50px;padding-left: 20px;float: left;width: 228px;}
.sidebar-item .item-title p{display: inline-block;color: var(--primary-color);}
.sidebar-item .articles{padding:0 15px;width:218px;float:left}
.sidebar-item .articles a{display: block;margin: 15px 0;font-size: 14px;color: #666;cursor: pointer;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;box-sizing: border-box;position: relative;}
.sidebar-item .articles a:hover{color: var(--primary-color);font-weight:bold;}
.swiperBox{display: flex;float: left;}
.item-product{float:left;padding: 15px;width:218px;}
.item-product .side-product{float:left;width: 218px;background: #f7f7f7;margin-bottom: 10px;border: 1px solid transparent}
.item-product .side-product .pro-img{width: 218px;height: 218px;float:left;position: relative;overflow: hidden;}
.item-product .side-product .pro-img img{width:100%;height: auto;position: absolute;margin: auto;left: -10%;right: -10%;top:-10%;bottom:-10%}
.item-product .side-product p{font-size: 12px;margin: 0;width: 192px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;padding: 15px 13px; text-align:center}
.item-product .side-product:hover p{background:var(--primary-color);color:#fff}
.bullets{bottom: 6px;left: 50%;text-align: center;position: absolute;-webkit-transform: translateX(-50%); transform: translateX(-50%);}
.bullets .qiehuan{width:16px;height: 3px;background: #ccc;margin:0 5px;float: left;cursor: pointer}
.bullets .qiehuan.active{background: var(--primary-color);}

.qiye-title{float:left;width:100%;height: 36px; background: url(../pic/qyda.png) no-repeat;background-size: cover;line-height: 36px;}
.qiye-title p{padding-left: 65px;color: #f7e5a5;font-weight: 600;}
.gs-record{width: 250px;float: left;}
.gs-record .gsxx{width: 220px;float:left;height: 45px;background: #f7f7f7;padding: 10px 15px 0 15px;}
.gs-record .gsxx .gslogo{width: 36px;height: 36px;position: relative;float:left;}
.gs-record .gsxx .gslogo img{max-width: 36px;height: auto;position: absolute;margin: auto;left: 0;right: 0;top:0;bottom: 0}
.gs-record .gsxx .gsmc{width: 175px;padding:10px 0;float: right;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.gs-record .gs-icon{width: 220px;float:left;margin: 15px;}
.gs-record .gs-icon p{width:89px;height:24px;float:left}
.gs-record .gs-icon p img{width:100%;height:100%}
.gs-record .gs-icon .iconleft{width: 89px;height: 24px;float:left;padding-left: 15px;}
.gs-record .gs-icon .iconright{float:right;color:#fff;padding-right: 15px;}
.sjtitle{width:100%;float:left;text-align: center;position: relative;margin-bottom: 15px;}
.sjtitle:before{content:"";position: absolute;left: 12px;width: 70px;height: 1px;background: #d4b87f;top: 50%;}
.sjtitle:after{content:"";position: absolute;right: 12px;top: 50%;width: 70px;height: 1px;background: #d4b87f}
.sj-icon{display: inline-flex;    justify-content: center;width:100%;margin-bottom: 20px;}
.sj-icon li{float:left;width:18px;height:20px;margin:0 12px;}
.sj-icon li img{width:17px;}
.gs-tip{width:220px;text-align: center;padding:15px;margin-bottom: 10px;}
.gs-tip a{background: #f7f7f7;margin: 0 10px;padding: 6px 13px;border: 1px solid #efefef;}
.gs-tip .jrgs{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff}
.gs-tip a:hover{font-weight:700}

.pro-show{float:left;width:100%;margin:10px 0 20px 0}
.pro-show .show-left{width:370px;position: relative;margin: 0 auto;float:left;}
.house_imgs{position: relative; z-index: 8;  width: 100%; overflow: hidden;}
.house_bigImg{margin-bottom: 10px;width: 368px;height: 368px;overflow: hidden;float:left;position:relative;border: 1px solid #e5e5e5;border-radius: 4px;}
.house_bigImg img{margin: auto;left: -50%;right: -50%;top: -50%;bottom: -50%;position: absolute;max-width: 100%;height: auto;}
.house_bigImg ul li{position: relative; z-index: 9;}
.project_img{width: 670px; height: 445px; overflow: hidden;}
.project_img dl{width:auto; height:445px; overflow: hidden;}
.project_img dl dd{float: left; width: 670px; height: 404px;}
.house_smallImg{position: relative; margin-top: 0px;  height: 50px; overflow: hidden; float:left; width: 310px;  padding: 10px 30px;background: #fff;}
.house_smallImg ul{width: 100%;}
.house_smallImg ul li{position:relative; float: left;  width: 50px;margin-right:10px;}
.house_smallImg ul li img{display: block; width: 50px; height:50px; cursor: pointer;}
.house_smallImg ul li.on img{width: 50px; height: 50px; border: 1px #f23742 solid;border-radius: 4px;}
.house_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 126px; height: 27px; line-height: 26px; text-align: center; font-size: 14px; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);     cursor: pointer;}
.house_smallImg ul li.on .bun_bg{width: 122px; bottom: 2px; left: 2px;}
span.house_imgs_lf{display: block;position: absolute;left: 5px;bottom: 10px;z-index: 10;width: 12px;height: 46px;background:#ccc;cursor:pointer;background: url(../pic/left.png) center center no-repeat #fff;background-size: 12px;}
span.house_imgs_rt{display: block;position: absolute;right: 5px;bottom: 10px;z-index: 10;width: 12px;height: 46px;background:#ccc;cursor:pointer;background: url(../pic/right.png) center center no-repeat #ffffff;background-size: 12px;}
.show-middle{width: 810px;float:right;background: #fff;}
.show-middle .middle-left{float:left;width: 100%;}
.show-middle .middle-left .show-title{overflow: hidden;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 24px;color: #333;font-size: 18px;font-weight: 700;}
.show-middle .middle-left .show-price{border-top: 1px solid #f3b5b5;background-color: #fff8f8;height: 50px;padding-left: 16px;line-height: 50px;margin-bottom: 20px;}
.show-middle .middle-left .show-price span{font-size: 18px;margin-left: 24px;color: #f60;font-weight: bold;}
.show-middle .middle-left .show-xq{color: #666;margin-bottom: 10px;}
.show-middle .middle-left .show-contact{margin-top: 35px;}
.show-middle .middle-left .show-contact a{background: url(../pic/cptell.png) no-repeat 16px center;background-size: 20px;color: #f60;padding: 10px 38px 10px 45px;margin-right: 20px;border-radius: 4px;font-size: 16px;border: 1px solid #f60;cursor:pointer}
.show-middle .middle-left .show-contact .zxkf{background: url(../pic/ly.png) no-repeat var(--primary-color) 18px center;border: 1px solid var(--primary-color);color: #fff;background-size: 20px;cursor:pointer}

.protj{float:left;width:100%;}
.tj-list li,.tj-list li .listimg{width: 227px;}
.tj-list li:first-child{margin-left:0;}
.tj-list li:first-child+li+li+li+li{margin-right:0}
.pro-details{background: #fff;float: right;width: 942px;border-radius:4px;border: 1px solid #efefef;}
.pro-details .pro-title{height: 58px;line-height: 58px;border-bottom: 1px solid #ddd;}
.pro-details .pro-title p{font-size: 18px;color: var(--primary-color);padding-left: 20px;font-weight: 700;border-bottom: 1px solid var(--primary-color);background: #F8F9FE;}
.pro-details .desnr{padding:25px;width: 892px;font-size:16px;line-height: 28px; text-align:left}
.pro-details .desnr img{max-width: 100%;height: auto;display:block;margin:0 auto}


/*内页-资讯*/
.news{ width: 945px;float: right;position: relative;padding-bottom: 18px;}
.news .news-item2{margin: 0 0 23px 0px;/*padding-bottom: 24px;*/border-bottom: 1px dashed #ebebeb; float: left; width: 100%;}
.news .news-img{width:160px; height:120px;background: #f6f6f6;font-size: 22px;line-height: 30px;text-align: center;color: #86898e;    float: left;word-break: break-all;}
.news .news-img img{width:100%;height:100%;}
.news .news-date{height:120px;width:160px;padding: 10px 5px 0 5px;margin-right: 14px;background: #f6f6f6;font-size: 22px;line-height: 30px;text-align: center;color: #86898e;    float: left;word-break: break-all;}
.news .news-date .news-date_day{font-size:30px;font-weight:600;position:relative;top:15%}
.news .news-date .news-date_year{font-size:20px;position:relative;top:20%}
.news .news-content{float: right; margin-top: 5px;width: 760px;}
.news .news-content .title{font-size: 20px;font-weight: bold;color: #333333;float: left;width: 100%;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;margin-bottom: 5px;text-align:left;line-height:25px;}
.news .news-content p{font-size:15px;}
.news .news-content .desc{text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;    width: 100%;float: left;color: #5d5d5d;}
.news .news-item2:hover .news-content .title{ color: var(--primary-color)}
/*内页-资讯-详细*/
.newsxx{ width: 945px;float: left;position: relative;padding-bottom: 18px;}
.newsxx .news-content2{width: 883px; float: left;background-color: #fff;padding: 0 30px;border-radius: 4px;border: 1px solid #efefef;}
.newsxx .news-content2 .news-title{font-size: 32px;margin-bottom: 15px; text-align: center; float: left; text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; width: 100%; padding-top: 30px;}
.newsxx .news-content2 .news-date{color: #333; font-size: 14px;padding-bottom: 30px;text-align: center; float: left; text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; width: 100%;border-bottom: 1px dashed #eaeaea;}
.newsxx .news-content2 .editor{width:100%;text-align: left;word-wrap: break-word;height: auto;color: #333;line-height: 28px;font-size: 16px;padding: 30px 0;word-break: break-all;float: left; overflow: hidden}
.newsxx .news-content2 .editor img{ max-width: 100%;margin-top:10px;}
.newsxx .news-content2 .c-item {margin-bottom: 0.05rem;line-height: 200%;display: -webkit-box;display: -ms-flexbox; display: flex;font-size:15px;}
.newsxx .news-content2 table td{border:1px solid #ccc;text-align:center}

/*内页-资讯-上下页*/
.news-nav {float: left;margin-top: 10px;background-color: #fff;padding: 27px 30px;width: 883px;border-radius: 4px;border: 1px solid #efefef;}
.news-pre {width: 434px;float: left;margin-right: 6px;font-size:16px;}
.news-pre span {color: var(--primary-color);margin-right: 5px;}
.news-pre .a {color: #666;max-width: 80%;display: inline-block;}

/*内页-关于我们*/
.about2{ width:100%; float: left; background: #ffffff}
.about2 .about-content2 {float: left;overflow: hidden;width: 100%;margin: 0 auto;font-size: 14px;line-height: 31px;color: #5d5d5d; padding-bottom: 30px}
.about2 .about-content2 img{max-width:100%;}

.page-normal{text-align:center}
.official-info-qa {width: 72px;height: 72px;margin-left: 26px;object-fit: contain;}
/*公司相册*/
.photo{background-image:url('../images/bg_p.jpg');background-repeat:no-repeat;background-size:cover;width:100%;height:auto;padding:20px 0 40px;}
/*.photo {background: url('../images/bg_p.jpg') no-repeat;width:100%;height:auto;padding:20px 0 40px;}*/
.photo-title {width: 100%;text-align: center;font-size: 24px;font-weight: 500;margin-bottom: 20px;display: flex; justify-content: center; margin-top: 12px;}
.photo-title p {position: relative;display: inline-block;font-size: 34px;font-weight: bold;padding-bottom: 16px;color:#fff;}
.photo-title p em{width: 8px;height:8px;background: #fff;position: absolute;top: 35%;left:-20px;  transform: rotate(135deg)}
.photo-title p em2{width: 8px;height:8px;background: #fff;position: absolute;top: 35%;right:-15px;  transform: rotate(135deg)}
/*.photo-title p:before{content:"";position: absolute;background: #ebebeb;width: 214px;height: 2px;bottom: 0;left: 50%;-webkit-transform: translateX(-50%); transform: translateX(-50%);}*/
/*.photo-title p:after{content:"";position: absolute;background: var(--primary-color);width: 24px;height: 3px;bottom: 0;left: 50%;-webkit-transform: translateX(-50%); transform: translateX(-50%);}*/
.photo-list ul li a {width:280px;height: 320px;position: relative;overflow: hidden;margin: 0;display: block;
    float: left;}
.photo-list ul li .pic { height:160px;width:280px;}
.photo-list ul li .pic img{width:100%}
.photo-list ul li a .text {background: var(--primary-color);width: 280px;height:160px;}
.photo-list ul li a .text h4{font-size:20px; text-align:left; color:#fff;padding:20px 30px 0px;font-weight: normal}
.photo-list ul li a .text p { font-size:14px; text-align:justify; transition:all 0.5s;color:#fff;padding:10px 30px 0;}
.photo-list ul li:nth-child(2) a,.photo-list ul li:nth-child(4) a{ transform: rotate(180deg);}
.photo-list ul li:nth-child(2) a .pic,.photo-list ul li:nth-child(4) a .pic { position:absolute; left:0px; bottom:0px;transform: rotate(180deg);}
.photo-list ul li:nth-child(2) a .text,.photo-list ul li:nth-child(4) a .text { position:absolute; left:0px; top: 0px;transform: rotate(180deg);}
.photo-list ul li:nth-child(5) a .pic,.photo-list ul li:nth-child(6) a .pic { float:left;}
.photo-list ul li:nth-child(5) a .text,.photo-list ul li:nth-child(6) a .text{ float:left;}
.photo-title b{
    font-size:34px;
    font-weight: bold;
    margin:0 10px;
    color:#fff
}
.photo-line-container{
    display: flex;
    align-items: center;
}
.photo-gradient-line{
    width: 100px;
    height: 2px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), #fff);
    flex-shrink: 0;
}
.photo-right{
    width: 100px;
    height: 2px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0), #fff);
    flex-shrink: 0;
}
.photo-diamond-container{
    display: flex;
    align-items: center;
}
.photo-diamond.photo-small {
    width: 9px;
    height: 9px;
    background-color:#fff;
    opacity: 0.5;
}
.photo-diamond.photo-left{
    left: 0px;
}
.photo-diamond.photo-right{
    right: 0px;
}
.photo-diamond.photo-large{
    background-color: #fff;
    position: relative;
}
.photo-diamond{
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    transform: -webkit-rotate(45deg);
    transform: -moz-rotate(45deg);
    transform: -o-rotate(45deg);
}

.construction-content{
    padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.construction-content .construction-item:nth-child(odd) {
    display: flex;
    flex-direction: column-reverse;
}
.construction-content .construction-item .construction-img{
    min-height: 200px;
}
.construction-content .construction-item .construction-img img{
    height: 200px;
    width: 100%;
}
.construction-content .construction-item:nth-child(odd) .construction-text{
    display: flex;
    flex-direction: column-reverse;
}
.construction-content .construction-item .construction-text{
    padding: 0px 30px;
    min-height: 200px;
    background: var(--primary-color);
    color: #fff;
    position: relative;
}
.construction-content .construction-item:nth-child(odd) .construction-text .construction-line{
    padding-bottom: 20px;
    padding-top: 0px;
}
.construction-content .construction-item .construction-text .construction-line{
    display: flex;
    gap: 5px;
    justify-content: center;
    /*padding-bottom: 20px;*/
    padding-top:20px;
}
.construction-content .construction-item .construction-text .construction-line .diamond{
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    background: #fff;
}
.construction-content .construction-item .content h3{
    font-size: 18px;
    padding-bottom: 10px;
    color:#fff;
}
.construction-content .construction-item .content p{
    line-height: 1.5;
    color:#fff;
    margin:0;
}
.construction-content .construction-item:nth-child(odd) .construction-text:after {
    bottom: -10px;
}
.construction-content .construction-item:nth-child(even) .construction-text:after {
    top: -10px;
}
.construction-content .construction-item .construction-text:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: var(--primary-color);
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}