@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;min-width: 1220px;}
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: 92%;margin:0 auto;height: 100%;min-width: 1220px;}
.main{width:100%;float:left;padding: 50px 0;background: #fff;}

.headbar{width:100%;float:left;background:#f1f2f3;height:0.5rem;line-height:0.5rem;}
.headbar .logobar a{float:left;background:url(/default/zsy1/pic/brand_logo.png) no-repeat;display:block;width:265px;height:0.5rem;overflow:hidden;background-size:39%;font-size:0.16rem;color:#155DCF;font-weight:bold;padding-left:0.15rem;}
.headbar .tstell{padding-right:0.15rem}
.headbar .tstell strong{color:#FF0000;font-size:0.16rem;}
.headbar .logobar a{width:0.9rem;background-size:100%;}
.headbar .main_top{width: 92%;margin: 0 auto;min-width: 1220px;}
.headbar .main_top .li02{float:left;height:0.5rem;}
.headbar .main_top .li02 .pl10{font-size:0.14rem;color:#666666; padding-left:0.1rem !important;float:left;line-height:0.5rem;}
.headbar .main_top .li02 a,.topzhs114 ul .li02 a:hover { color:#ff5600;float:left;line-height:0.5rem;padding-left:0.05rem}
.headbar .main_top .li03{ float:right;background:url(../pic/common-nav.png) no-repeat 0px 0.17rem;padding-right:0.2rem; padding-left:0.2rem;line-height:0.5rem;}
.headbar .main_top .li03 a,.headbar .main .li04{color:#666666;}
.headbar .main_top .li03 a:hover,.topzhs114 ul .li04:hover{ color:#ff5600;}
.headbar .main_top .li04{ float:right;padding-right:0.2rem;line-height:0.5rem;}

.top {height: 80px;width: 100%;float:left;background: #336FFF;color: #fff;}
.top .logo{display: block;padding-right: 10px;height: 70px;margin-top: 5px;}
.top .logo a img{display: block;height: 100%;max-width: 137px;}
.top .logo a{display: block;height: 100%; width: auto;}
.top .logo_2{display: block;height: 70px;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: #fff;max-width: 475px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;min-width: 360px;}
.top .logo_2 p{display: block;font-size: 16px;color: #f1f1f1;margin-top: 7px;max-width: 475px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.top .top_tel{height: 80px;display: block;overflow: hidden;margin-top: 0px;}
.top .top_tel i{float: left;display: block;font-style: normal;border-radius: 15px;font-size: 24px;width: 100%;text-align: left;background: url(../pic/toptel.png) no-repeat 0px 50%;background-size: 30px;padding-left: 40px;line-height: 80px;font-weight: bold;}
.top .top_tel p{float: left;min-width: 154px;line-height: 50px;font-size: 36px;color: #fff;border-radius: 15px;cursor: pointer;font-weight: bold;letter-spacing: 1px;}
.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{height: 100%;float: right;color:#fff;margin-right: 20px;}
.index-nav-frame{margin: 0 auto;height: 100%;display: flex;align-items: center;}
.Nptline{z-index: 9999999;float: left;position: relative;display: block;outline: none;cursor: pointer;height: 100%;line-height: 80px;text-align: center;margin: 0;font-size: 18px;color:#333;min-width: 120px;}
.Nptline:hover,.Nptline.active{background: #0153ff;}
.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{width: 150px;border-top:0;background: #0153ff;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);}
.Nptcenter .Nptli{width: 100%;font-weight: normal;font-size: 16px;text-align: center;background: #0153ff;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;}
.NpTel { z-index: 9999999; width: 120px; float: right; position: relative; display: block; outline: none; cursor: pointer; height: 40px; line-height: 40px; text-align: center; margin: 12px 0 0 0; font-size: 16px; background: url(../pic/tel.png) 18px 50% no-repeat #fff; background-size: 14%; border-radius: 100px; padding: 0 12px 0 34px;}
.NpTel .ta { color: #000;}

/*轮播广告*/
.bn-alp { width:100%; height:500px; 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:500px;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: 100px;height: 4px;background: #fff;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.bn-alp .i i.on {background: #336FFF;}
/*广告*/
.adv{float:left;width:100%;}
.adv img{width:100%;height: auto;}

.alltitle{width:100%;text-align: center;font-size:24px;font-weight: 500; margin-bottom: 40px;}
.alltitle p{position: relative;display: inline-block;padding: 0 60px;font-size: 34px;font-weight: bold;padding-bottom: 16px;}
.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: #336FFF;width: 24px;height: 3px;bottom: 0;left: 50%;-webkit-transform: translateX(-50%); transform: translateX(-50%);}

/*专业优势*/
.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: #0153ff;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:#336FFF; 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 ul{display: grid;grid-template-columns: repeat(4,1fr);gap: 34px;}
.cptj li{float:left;background: #fff;width: 100%;/* margin-right: 34px; */margin-top: 20px;border-radius: 6px;overflow: hidden;position: relative;box-shadow: 0 5px 10px 4px #0000001a;}
.cptj li:nth-child(4n){margin-right:0}
.cptj li .tjimg{width: 100%;height: 415px;float:left;position: relative;overflow: hidden;border-radius: 6px 6px 0 0;}
.cptj li .tjimg img{width: auto;height: 100%;position: absolute;margin: auto;left: -10%;right: -10%;top: -10%;bottom: -10%;transition: all .8s ease;}
.cptj li .title{width: 278px;font-size: 24px;padding: 0 10px;line-height: 88px;font-weight: 500;/* text-overflow: ellipsis; */-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: #f6f6f6;position: relative;transition: 0.3s ease-in-out;width: calc(100% - 20px);}
.cptj li .title .arrow{display:none;position: absolute;top:50%;right: 20px;width: 43px;height: 21px;background: url(../pic/cpjt.png) no-repeat;background-size: 100%;transform:translateY(-50%);}
.cptj li:hover .title{color:#fff;background: #336FFF}
.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: 505px;background: url(../pic/aboutbg.png) no-repeat 50%/100% 100%;}
.about-content{width: 100%;float:left;margin: auto;}
.about-content .about-left{width: calc(50% - 48px);float: right;background: #fff;box-shadow: 0 2px 8px 0 rgb(0 0 0 / 17%);border-radius: 6px;padding: 30px 24px 20px 24px;height: 350px;}
.about-content .about-left .ms-title{float:left;margin: 0 12px;width: 100%;}
.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{margin-left: 16px;float: left;line-height: 88px;}
.about-content .about-left .ms-title .left-title .about-title{font-size:20px;font-weight: 700;margin-bottom: 10px;}
.about-content .about-left .ms-content{float:left;width:100%;line-height:24px;letter-spacing: 1px;color: #666;height: 195px;overflow: hidden;}
.about-content .about-left .view-detail{display: inline;border: 1px solid #e7e7e7;border-radius: 20px;float: left;margin-top: 15px;width: 145px;height: 40px;text-align: center;line-height: 40px;transition: all .3s ease;}
.about-content .about-left .view-detail:hover{background:#336FFF;color:#fff;}
.about-content .about-right{float: left;position: relative;width: 50%;height: 380px;margin-top: 10px;border-radius: 7px;overflow: hidden;}
.about-content .about-right img{width: 100%;height: auto;position:absolute;margin:auto;left:0;right:0;bottom:0;top:0;transition: all .8s ease;}
.about-content .about-right img:hover{transform:scale(1.05);}
.about-content .about-right video{width: 100%;height: auto;position:absolute;margin:auto;left:0;right:0;bottom:0;top:0;}
.about-content .about-right .tags{position: absolute;top: 17px;right: 0;z-index: 9;}
.about-content .about-right .tags .tag{width: 120px;background: #336FFF;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: #336FFF;}
.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;}

/*产品*/
.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: 300px;background: #ffffff;border-radius: 6px;overflow: hidden;}
.product .ScplistL .tittle{float:left;background: #336FFF;color:#fff;width: calc(100% - 50px);font-size: 24px;overflow: hidden;padding: 27px 25px;}
.product .ScplistL .tittle a{color:#fff}
.product .ScplistL .C1{float:left;border-top:0px;width: 100%;background: #ffffff;max-height: 414px;overflow: hidden;overflow-y: scroll;border: 1px solid #f2f2f2;}
.product .ScplistL .C1 h2{float:left;width: calc(100% - 48px);font-size:15px;border-bottom:1px dashed #ededed;position:relative;padding: 24px 24px;}
.product .ScplistL .C1 h2 a{width: 200px;float: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #666;font-size: 20px;font-weight: normal;}
.product .ScplistL .C1 h2:hover a{ color: #336FFF;font-weight:bold;} 
.product .ScplistL .C1 h2 .hova{ color: #336FFF;font-weight:bold;} 
.product .ScplistL .C1 h2 .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 h2:hover .flicon{display:block;}
.product .ScplistL .fltel{width: 100%;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%;margin-bottom: 20px;}
.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: calc(100% - 320px);float: right;position: relative;display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;}
.product .ScplistR3 li {float: left;overflow:hidden;background: #ffffff;position: relative;border-radius: 6px;box-shadow: 0px 2px 6px 2px #0000001a;}
.product .ScplistR3 li a {display: table-cell;vertical-align: top;float: left;width: 100%;}
.product .ScplistR3 li:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);}
.product .ScplistR3 li a div.img{width: 100%;height:385px;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 h2.title {font-size: 24px;font-weight: 400;line-height: 65px;overflow: hidden;float:left;width: calc(100% - 20px);height: 65px;padding: 0 10px;z-index: 5;position: relative;transition: all 0.3s ease;}
.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 h2.title{background:#336FFF;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 h2.title{font-size:14px;}
.container .ScplistR3 li a{border:1px solid #f7f7f7;width: 100%;}
.container .ScplistR3 li a h2.title{height:51px;line-height:51px}
/*文章列表*/
.Snews .news-content-box{width: calc(100% - 20px);overflow: hidden;margin-bottom: 36px;float: left;padding: 20px 10px; /* 增加内边距 */}
.Snews .news-content{width: 100%;background: #ffffff;float:left;display: flex;}
.Snews .news-content li{float:left;border: 1px solid #eee;border-radius: 6px;box-shadow: 0px 2px 10px 4px #0000001a;position: relative;box-sizing: border-box;}
.Snews .news-content li .news-left{height: 50px;float:left;/* background:#f2f2f2; */font-size: 16px;color:#666;text-align: left;line-height: 50px;word-break: break-word;padding: 0 23px;width: calc(100% - 46px);}
.Snews .news-content li .news-right{/*float:right;*//* border-left: 1px dashed #d4d4d4; */padding: 20px 23px;}
.Snews .news-content li .news-right .news-title{font-size: 20px;font-weight: normal;color: #2b2b2b;font-weight: bold;padding-bottom: 14px; text-overflow: ellipsis; -o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;float: left;transition: all .3s ease;}
.Snews .news-content li .news-right .news-ms{font-size: 18px;color:#999999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;float: left;margin: 10px 0;line-height: 1.8;}
.Snews .news-content li:hover .news-title{color:#336FFF}
.Snews .Nmore{float:left;width: calc(100% - 40px);text-align: center;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;}
.Snews .Nmore .button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.Snews .Nmore i{
    height: 47px;
    width: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ebebeb;
    box-sizing: border-box;
    font-style: inherit;
    cursor: pointer;
    color: #999;
    transition: color .3s ease,background-color .3s ease;
    font-size: 18px;
}
.Snews .Nmore i:hover{color:#fff;background:#336FFF;}
.Snews .Nmore a{border:1px solid #ccc;font-size:16px;color:#666;border-radius: 30px;padding: 12px 41px;transition: all .3s ease;}
.Snews .Nmore a:hover{background:#336FFF;color:#fff;}
/*联系我们*/
.contant{background:url(../pic/contactbg.png) no-repeat center center/100% 100%}
.contant .alltitle p{color:#fff;}
.contant .contant-main{width: 100%;/* margin:0 5px; */float:left;}
.contant .contant-left{float:left;padding: 30px 0px 0 0;border-radius: 4px;/* width: calc(45% - 50px); */}
.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:#336fff;content:"";bottom:0;left: 10px;}
.contant .contant-left .left-adress{float: right;color: #fff;width: 448px;margin-left: 60px;}
.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;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}
.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:#336fff;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{padding: 20px 0 0 0px;float: right;border-radius: 6px;min-width: 547px;max-width: 600px;width: calc(100% - 673px);}
.contant-main .contant-right .a-title{width:100%;text-align:center;margin:10px 0 18px 0;font-size: 30px;font-weight: 600;color: #fff;line-height: 30px;float:left;}
.contant-main .contant-right .a-content{width:100%;float:left}
.contant-main .contant-right .a-content label{/* width: 50%; */float:left;font-size:16px;line-height: 20px;margin-bottom: 8px;font-weight: 600;color: #fff;display: none;}
.contant-main .contant-right .a-content label font{color:#ff4365;}
.contant-main .contant-right .a-content .input{color: #606266;height: 30px;line-height: 30px;font-size: 18px;padding: 5px 10px;background: #fff;border-radius: 4px;border: 1px solid #e7e7e7;margin-bottom: 18px;width: calc(50% - 27px);float: left;}
.contant-main .contant-right .a-content .input:nth-child(2){
    margin-left: 10px;
}
.contant-main .contant-right .a-content .txtar{width: 322px;height: 100px;padding: 10px 10px;background: #fff;border-radius: 4px;border: 1px solid #e7e7e7;margin-bottom: 12px;width: calc(100% - 22px);font-size: 18px;font-family: auto;color: #606266;}
.contant-main .contant-right .a-content .code_left{width: 50%;height: 40px;line-height: 36px;margin-right: 3px;color: #666;text-align: right;float: left;}
.contant-main .contant-right .a-content .code_left .text_code{width: 100%;float: left;font-family: Microsoft Yahei;border: none;color: #888888;height: 30px;line-height: 30px;background: #eff3f5;padding: 5px 10px;border-radius: 4px;font-size: 18px;}
.contant-main .contant-right .a-content .code_left .code_div{float: right; width: 65px; height: 30px; text-align: left; margin-top: -32px; -index: 11; display: none;}
.contant-main .contant-right .a-button{width: 96%;float: left;height: 47px;margin-top: 8px;line-height: 47px;text-align: center;background: #336FFF;border-radius: 4px;color: #fff;font-size: 16px;cursor: pointer;border:0px;}

/*底部*/
.bottom{width:100%;float:left;background: #fff;/*padding:50px 0;*/}
.bottom .b-width{width: 1080px;margin:0 auto;}
.bottom .b-content{width:100%;float:left;text-align: center;color:#666;line-height: 30px;}
.bottom .b-link{width:100%;text-align: center;margin-top:10px;float:left;}
.bottom .b-link a{color:#999}
/*面包屑*/
.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:#336FFF;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: 100%;}
.sidebar-item{float:left;width: calc(100% - 2px);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: calc(100% - 20px);}
.sidebar-item .item-title p{display: inline-block;color: #336FFF;}
.sidebar-item .articles{padding:0 15px;width: calc(100% - 30px);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: #336FFF;font-weight:bold;}
.swiperBox{display: flex;float: left;}
.item-product{float:left;padding: 15px;width: 270px;}
.item-product .side-product{float:left;width: 268px;background: #f7f7f7;margin-bottom: 10px;border: 1px solid transparent}
.item-product .side-product .pro-img{width: 270px;height: 125px;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: 244px;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;}
.item-product .side-product:hover p{background:#336FFF;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: #336FFF;}

.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:#336FFF;border:1px solid #336FFF;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: 246px;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: 46px; 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: 67px;margin-right:10px;}
.house_smallImg ul li img,.house_smallImg ul li video{display: block; width: 67px; height: 44px; cursor: pointer;}
.house_smallImg ul li.on img{width: 65px; height: 44px; 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: calc(100% - 410px);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;}
.show-middle .middle-left .show-contact .zxkf{background: url(../pic/ly.png) no-repeat #336FFF 18px center;border: 1px solid #336FFF;color: #fff;background-size: 20px;}

.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: calc(100% - 320px);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: #336FFF;padding-left: 20px;font-weight: 700;border-bottom: 1px solid #336FFF;background: #F8F9FE;}
.pro-details .desnr{padding:25px;width: calc(100% - 50px);font-size:16px;line-height: 28px;position: relative;white-space: pre-wrap;word-break: break-all;word-wrap: break-word;}
.pro-details .desnr img{max-width: 100% !important;height: auto}
.pro-details .desnr table{max-width: 100% !important;border-top: 1px solid #efefef;border-right: 1px solid #efefef;}
.pro-details .desnr table td{border-bottom: 1px solid #efefef;border-left: 1px solid #efefef;}


/*内页-资讯*/
.news{width: calc(100% - 320px);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-date{height: 90px;width: 90px;padding: 10px 5px 0 5px;margin-right: 14px;background: #f6f6f6;border-radius: 0 0 24px 0;font-size: 22px;line-height: 30px;text-align: center;color: #86898e;float: left;word-break: break-all;display: grid;}
.news .news-date span:first-child{font-weight: bold;font-size: 32px;color: #336fff;}
.news .news-date span:last-child{font-size: 16px;}
.news .news-content{float: right;margin-top: 5px;width: calc(100% - 114px);}
.news .news-content .title{font-size: 16px;font-weight: bold;color: #333333;float: left;width: 100%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 11px;text-align:left}
.news .news-content .desc{text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;width: 100%;float: left;color: #5d5d5d;font-size: 16px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;line-height: 1.8;}
.news .news-item2:hover .news-content .title{ color: #336FFF}
/*内页-资讯-详细*/
.newsxx{width: calc(100% - 320px);float: left;position: relative;padding-bottom: 18px;}
.newsxx .news-content2{width: calc(100% - 62px);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{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%;} 
.newsxx .news-content2 .c-item { margin-bottom: 0.05rem; line-height: 200%; display: -webkit-box; display: -ms-flexbox; display: flex;
}

/*内页-资讯-上下页*/
.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: #336FFF;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%;}


.hpage{width: 980px;margin:0 auto;text-align:center;padding: 40px 0px 40px 0px;color:#333333;float:left;font-size:14px;}
.hpage span{color:#ffffff;background: #191919;padding: 2px 10px 2px 10px;border: 1px solid #191919;margin-right: 8px;font-weight:bold;}
.hpage a{text-decoration:none;color:#303030;padding: 2px 10px 2px 10px;border:1px solid #ededed;margin-right: 8px;}
.hpage a:hover{color:#ffffff;text-decoration:none;border: 1px solid #afadad;background: #afadad;font-weight:bold;padding:2px 10px 2px 10px;}
.hpage{margin:0 auto;text-align:center;padding: 30px 0px 30px 0px;color:#333333;float:left;font-size:14px;width: calc(100% - 320px);}
.hpage span{ color:#ffffff;background:#000000; padding:2px 7px 2px 7px; border:1px solid #000000;margin-right:0px; font-weight:bold }
.hpage a{text-decoration:none; color:#303030; padding:2px 7px 2px 7px; border:1px solid #ededed;margin-right:0px; }
.hpage a:hover{ color:#ffffff; text-decoration:none;border:1px solid #2f72ff;background:#2f72ff;font-weight:bold;padding:2px 7px 2px 7px; }

/*在线客服*/
.zxkfs{ position:fixed;right:5px;bottom:40%;z-index:200;border-radius:5px;width:112px;padding:3px;background-color:#25a763 !important;}
.zxkfs .list{ margin:0;padding:0;}
.zxkfs .list .item { position:relative;text-align:center;padding-top:15px;padding-bottom:15px;text-decoration:none;display:block;}
.zxkfs .list .item:not(:nth-child(3)) { margin-left:18px;margin-right:18px;cursor:pointer;position:relative;}
.zxkfs .list .item:first-child { border-bottom:1px solid rgba(255,255,255,0.3);}
.zxkfs .list .item:not(:nth-child(3)) > p { color:#fff;}
.zxkfs .list .item i { color:#fff;font-size:32px;}
.zxkfs .list .item .iconfont { font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;}
.zxkfs .list .item .icon-tel{ background:url(/default/zsy1/pic/top_tel04.png) 0 0 no-repeat;width:33px;height:33px;display:block;margin:0 auto;background-size:100%;}
.zxkfs .list .item .icon-edit{ background:url(/default/zsy1/pic/tongji02.png) 0 0 no-repeat;width:33px;height:33px;display:block;margin:0 auto;background-size:100%;}
.zxkfs .list .item2 { position:relative;text-align:center;padding-top:15px;padding-bottom:15px;margin-left:-65px;margin-top:-65px;text-decoration:none;display:none;}
.wd80p{width: 80%;}