/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#333333; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #333333; text-decoration: none; font-size:14px;}
a:hover{color: #0074c4;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1300{ width:1300px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.title{ text-align:center; font-size:18px; color:#7b7e81;}
.title b{ display:block; font-size:40px; color:#32363a; margin-bottom:10px;}
.title b em{ color:#0074c4;}
/*抬头*/
.htop{ line-height:50px; background:#eef1f4;}
.htop,.htop a{ font-size:14px; color:#989ca0;}
.htop a{ display:inline-block; padding:0 20px; position:relative;}
.htop a:hover{ color:#0074c4;}
.htop a+a{ border-left:1px solid #dfe3e7;}
.htop a span{ display:inline-block; padding-left:30px; background:url(../images/20200917083341_306452305.png) no-repeat left center;}
.htop a:nth-child(2) span{ background:url(../images/20200917083341_961582726.png) no-repeat left center;}
.htop a:nth-child(3) span{ background:url(../images/20200917083341_1930343043.png) no-repeat left center;}
.htop a img{ position:absolute; width:100%; top:120%; left:0; transition:all .3s ease; width:100%; height:auto; opacity:0; visibility:hidden; z-index:9;}
.htop a:hover img{ top:100%; opacity:1; visibility:visible;}
.hsecond{ padding-top:30px; height:130px;}
.hlogo em{ display:block; font-size:0.92em; color:#888888; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin:7px 0 0 0;}
.hlogo p{ margin:20px 0 0 2px;}
.hline{ width:1px; height:71px; background:#eaeaea; background:linear-gradient(to bottom,#f8f8f8,#eaeaea,#f8f8f8); margin:18px 19px;}
.hmean{ font-size:17px; color:#666666;}
.hmean b{ display:block; font-size:26px; color:#0074c4; margin:0px 0 5px 0; letter-spacing:-.6px;}
.hphone{ font-size:15px; color:#9b9ea3; line-height:32px; padding-left:43px; background:url(../images/20200917083942_913367865.png) no-repeat 0 39px;}
.hphone b{ display:block; font-size:28px; color:#404548; font-family:Arial, Helvetica, sans-serif;}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{ min-width:1300px; height:680px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:680px; background-position: center; background-repeat: no-repeat; background-color: #000}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:270px; left: 0; margin-left: 0; height: 370px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20200916172502_1014417785.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20200916172502_1014417785.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #0074c4;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
/*导航*/
.nav{ background:#0074c4; font-size:0;}
.nav li{ display:inline-block; width:11.1111%; text-align:center; position:relative; transition:all .3s ease; position:relative;}
.nav li>a{ line-height:69px; font-size:16px; color:#fff; display:block;}
.nav li.cur,.nav li:hover{ background:#2dc459;}
.nav li.cur>a,.nav li:hover>a{ }
.dropmenu{ position:absolute; width:500px; right:0px; top:100%;padding:20px; background:#fff; z-index:99999; box-shadow:0px 0px 10px #ddd inset; display:none;}
.dropmenu a{ display:block; width:200px; line-height:45px !important; border:1px solid #eee; text-align:center; font-weight:normal !important; color:#999; font-size:14px;}
.dropmenu tr+tr{ display:block; margin-top:10px;}
.dropmenu a+a{ margin-top:10px;}
.dropmenu a:hover{ background:#0074c4; color:#fff !important; border-color:#0074c4;}
.droppic{ width:280px;background:#ddd;}
.droppic img{ width:100%; height:100%;}
/*搜索*/
.search{ border-bottom:1px solid #eff2f4;}
.keyword,.keyword a{ font-size:14px; color:#555555; line-height:80px;} 
.keyword span,.keyword a:hover{ color:#0074c4;}
.search_bg input{ display:block; height:80px; float:left;}
#soo{ background:#0074c4;}
#infoname{ border:none; border-left:1px solid #e9e9e9; padding-left:62px; background:url(../images/20200917091255_1676840789.png) no-repeat left center; width:140px; box-sizing:content-box;}
/*景程 • 解决方案*/
.solve{ padding:60px 0 90px 0; background:#eff2f4;}
.solvetab{ font-size:0; margin:45px 0 40px 0;} 
.solvetab li{ height:116px; display:inline-block; width:18%; text-align:center; transition:all .3s ease; background:#056bb1; margin-right:31px;}
.solvetab li:nth-child(2n){ background:#2a536f;}
.solvetab li a{ display:block; height:100%; font-size:18px; color:#fff;}
.solvetab li a span{ display:block; height:50px; padding-top:20px;}
.solvetab li:hover{ background:#2dc459;}
.casecenter{ position:relative; height:495px;}
.cctab li{ width:290px; height:123px; background:#fff; cursor:pointer; position:absolute; transition:all .3s ease;}
.cctab li:nth-child(1),.cctab li:nth-child(2),.cctab li:nth-child(3),.cctab li:nth-child(4){ left:0;}
.cctab li:nth-child(5),.cctab li:nth-child(6),.cctab li:nth-child(7),.cctab li:nth-child(8){ right:0;}
.cctab li:nth-child(2),.cctab li:nth-child(6){ top:124px;}
.cctab li:nth-child(3),.cctab li:nth-child(7){ top:248px;}
.cctab li:nth-child(4),.cctab li:nth-child(8){ top:372px;}
.cctab p{ font-size:18px; color:#353839; padding:40px 0 0 80px; font-weight:lighter; transition:all .3s ease;}
.cctab p a{ display:block; font-size:16px; color:#9ca0a2; font-weight:normal; transition:all .3s ease;} 
.cctab span{ display:block; position:absolute; top:0; bottom:0; margin:auto 0; left:18px; width:52px; height:44px; background:url(../images/20200917095020_1804819214.png) no-repeat top left; transition:all .5s ease;}
.cctab li:nth-child(2) span{ background-position-x:-61px;}
.cctab li:nth-child(3) span{ background-position-x:-133px;}
.cctab li:nth-child(4) span{ background-position-x:-204px;}
.cctab li:nth-child(5) span{ background-position-x:-278px;}
.cctab li:nth-child(6) span{ background-position-x:-356px; height:61px;}
.cctab li:nth-child(7) span{ background-position-x:-418px; height:46px;}
.cctab li:nth-child(8) span{ background-position-x:-482px; height:49px;}
.cctab li.on{ background:#0074c4;}
.cctab li.on p{ color:#fff;}
.cctab li.on p a{ color:#86b7da;}
.cctab li.on span{ background-position-y:-78px;}
.ccon{ width:660px; margin:0 auto;}
.ccon .divdgweb_new_div_item{ position:relative; width:100%; height:495px;}
.ccon .news_div_item_pic{width:100%; height:100%;}
.ccon .news_div_item_pic img{ width:100%; height:100%;}
.ccon .divdgweb_new_div_item_content{ position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; padding:20px 30px; background:rgba(35,49,58,.8);}
.ccon .divdgweb_new_div_item_a{ font-size:20px; color:#ebf7ff;}
.ccon .divdgweb_new_div_item_body { font-size:14px; color:#909ba0; line-height:24px; margin-top:10px;}
/*景程 • 产品中心*/
.product{ padding:65px 0;}
.protab{ font-size:0; text-align:center; margin:38px 0;}
.protab li{ display:inline-block; overflow:hidden; position:relative; width:226px; height:66px; background:#e7eaed; line-height:66px; font-size:18px; color:#35383a; transition:all .3s ease; cursor:pointer; transition:all .3s ease;}
.protab li+li{ margin-left:27px;}
.protab li span{ font-size:20px; color:#fff; position:absolute; bottom:0; right:0; bottom: -21px;right: -13px; width: 35px; height: 50px;background: #0074c4;transform: rotate(-314deg);transition:all .3s ease;}
.protab li i{ font-size:20px; color:#fff; bottom:3px; right:1px; position:absolute; line-height:20px;}
.protab li:after{ content:''; display:block; transition:all .3s ease; transform: rotate(-45deg); height:300%; width:300%; top:-30px; left:-300%;  background:#0074c4; position:absolute; }
.protab li p{ position:relative; z-index:3;}
.protab li.on{color:#fff;}
.protab li.on span{ background:#2dc459;}
.protab li.on:after{ left:-120%;}
.procon td{ display:inline-block; padding:14px !important; background:#edeff1; position:relative; width:388px;}
.procon td a{ position:relative; transition:all .3s ease; z-index:3;}
.procon td br{ display:none;}
.procon td+td{ margin-left:26px;}
.procon tr+tr{ display:block; margin-top:26px;}
.procon td span,.procon td a{ display:block; overflow:hidden;}
.procon td a img{ width:100%; height:auto; transition:all .4s ease;}
.procon td:hover a img{ transform:scale(1.1);}
.procon td span a{ line-height:74px; font-size:18px; color:#3f4143; font-weight:lighter; margin-bottom:22px;}
.procon td .promore{ position:absolute; bottom:0; left:0; right:0; margin:0 auto; background:#fff; width:116px; line-height:36px; font-size:14px; color:#8a8787; text-transform:uppercase;}
.procon td:after{ content:''; display:block; position:absolute; width:100%; height:0; transition:all .3s ease; background:#0074c4; top:0; left:0;-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.procon td:hover:after{ height:100%;}
.procon td:hover a{ color:#fff;}
.procon td:hover .promore{ background:#2dc459;}
/*空气能热水机六大特点*/
.trait{ height:850px; background:url(../images/sy-bj.png) no-repeat center;}
.traul{ margin-top:150px; font-size:0; padding:46px; background:#fff; margin-left:-46px;}
.traul li dl{ display:inline-block; width:246px; vertical-align:top;}
.traul li dl+dl{ margin-left:30px;}
.traul li+li{ margin-top:30px;} 
.traul li div{ overflow:hidden; position:relative;}
.traul li div:after{ content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.2); transition:all .3s ease;}
.traul li div img{ transition:all .6s ease;}
.traul li p{ font-size:13.5px; color:#aeb0b2; line-height:24px;}
.traul li p span{ display:block; font-size:22px; color:#4b4c4d; font-weight:lighter; margin:20px 0 10px 0;transition:all .3s ease;}
.traul dl:hover div:after{ opacity:0;}
.traul dl:hover p span{ color:#0074c4;}
.tratitle{ text-align:right; font-size:16px; color:#c3e5fc; font-weight:lighter; line-height:34px; margin-top:210px;}
.tratitle b{ display:block; font-size:40px; color:#fff;}
.tratitle b:after{ content:''; display:inline-block; width:66px; height:4px; background:#2dc459; margin:25px 0;}
.tratitle span{ display:block;}
/*选择景程工程四大理由*/
.adv{ height:1199px; background:url(../images/20200917134650_1805582383.jpg) no-repeat center; padding-top:70px;}
.adv .title:after{ content:''; display:block; width:26px; height:25px; margin:20px auto 0 auto; background:url(../images/20200917112209_924771288.png) no-repeat center; animation:linear 2s downup infinite;}
@keyframes downup{
	0%{ transform:translateY(-10px);}
	100%{ transform:translateY(10px);}
	}
.advcenter{ margin-top:36px;}
.advtab{ height:199px; font-size:0;}
.advtab li{ display:inline-block; font-size:24px; color:#fff; width:25%; text-align:center; position:relative; cursor:pointer; box-sizing:border-box; padding-top:42px; height:199px;}
.advtab li em{ display:block; font-size:14px; color:#9ec9e7; text-transform:uppercase; margin-top:4px;}
.advtab li+li:after{ content:''; display:block; position:absolute; width:1px; height:88px; background:#4092cb; left:0; top:56px;}
.advtab li span{ position:relative; display:inline-block; width:65px; height:65px; border-radius:50%; background:#fff; margin:0 0 13px 0;transition:all .5s ease;}
.advtab li span i{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; background:url(../images/20200917112210_527060200.png) no-repeat left top; width:42px; height:33px; transition:all .5s ease;}
.advtab li:nth-child(2) span i{ background-position-x:-63px; width:33px; height:38px;}
.advtab li:nth-child(3) span i{ background-position-x:-115px;}
.advtab li:nth-child(4) span i{ background-position-x:-183px; width:35px; height:37px;}
.advtab li:before{ content:''; display:block; position:absolute; left:0; right:0; margin:0 auto; width:27px; height:14px; background:url(../images/20200917112209_1034206813.png) no-repeat center; bottom:-20px; transition:all .3s ease; opacity:0; visibility:hidden; z-index:3;}
.advtab li.on span{ background:#2dc459;}
.advtab li.on:before{ bottom:-14px; visibility:visible; opacity:1;}
.advtab li.on span i{background-position-Y:-49px;}
.advcen{ padding:50px; background:#fff;}
.advleft{ width:460px;}
.adv_t span{ font-size:28px; color:#2e2f30; display:block;}
.adv_t em{font-family:impact; color:#dbe0e4; font-size:68px;}
.adv_t:after{ content:''; display:inline-block; width:40px; height:3px; background:#0074c4; margin-top:20px;}
.adv_c{ font-size:14px; color:#939799; line-height:35px; margin:35px 0 40px 0;}
.advphone{ padding-left:40px; background:url(../images/20200917112210_885787551.png) no-repeat left center; font-size:16px; color:#aaaaaa;}
.advphone em{ font-size:30px; color:#0074c4; font-family:Arial, Helvetica, sans-serif; vertical-align:sub; padding-left:20px;}
.advnum{ margin-top:40px; font-size:30px; color:#2c3134; position:relative;}
.advnum em{ color:#0074c4;}
.advnum i{ display:block; position:absolute; right:0; top:0; bottom:0; margin:auto 0; height:1px; width:320px; background:#dfe1e2;}
.advnum i:after{ content:''; display:block; position:absolute; width:25%; height:3px; top:-1px; background:#0074c4; left:0; transition:all .3s ease;}
.advnum i.an2:after{ width:50%;}
.advnum i.an3:after{ width:75%;}
.advnum i.an4:after{ width:100%;}
/*景程 • 成功案例*/
.success{ margin:-40px 0 80px 0; position:relative; z-index:9;}
.suctab a{ display:inline-block; width:240px; line-height:60px; font-size:18px; color:#37393a; background:#e7eaed; transition:all .3s ease;}
.suctab{ font-size:0; text-align:center; margin:35px 0 45px 0;}
.suctab a+a{ margin-left:20px;}
.suctab a:hover{ background:#0074c4; color:#fff;}
.post_m{position: relative;}
.post_m .swiper-slide {position: relative;background-repeat: no-repeat;background-position: center top;background-size: cover;
-webkit-transition: transform 1s;-moz-transition: transform 1s;-ms-transition: transform 1s;-o-transition: transform 1s;}
.post_m .swiper-slide img { width: 100%;height:auto;}
.post_m .text {box-sizing:border-box;width: 100%; line-height:65px; opacity:0; color:#fff; text-align:center;font-size:18px;background-color:#0074c4; transition:all .3s ease; margin-top:20px;} 
.post_m .text h4 {color: #333;font-size: 18px;line-height: 18px;font-weight: 700;padding-bottom: 5px}
.post_m .text p {color: #5f5f5f; font-size: 14px; line-height: 26px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.post_m .text a {display: none;color: #fff; font-size: 12px; line-height: 12px;}
.post_m .swiper-slide-active .text, .post_m .swiper-slide-duplicate-active .text { opacity:1; margin-top:0;}
.post_m .swiper-slide-active h4, .post_m .swiper-slide-active p, .post_m .swiper-slide-duplicate-active h4, .post_m .swiper-slide-duplicate-active p { color: #fff;}
.post_m .swiper-slide-active a, .post_m .swiper-slide-duplicate-active a { display: block; width:100%; height:100%;position: relative;}
.post_m .swiper-button-prev{ width:80px; height:80px; left:32%; top:40%; background:#0074c4 url(../images/20200917142222_1173614709.png);}
.post_m .swiper-button-next{ width:80px; height:80px; right:32%; top:40%; background:#2dc459 url(../images/20200917142222_70352851.png);}
.post_m .swiper-button-prev:hover{ background:#07588f url(../images/20200917142222_1173614709.png);}
.post_m .swiper-button-next:hover{background:#22aa4a url(../images/20200917142222_70352851.png);}
.post_m .swiper-slide:hover .text{ background:#2dc459;}
/*走进景程机电工程*/
.about{ height:627px; background:url(../images/20200917143452_1864918285.jpg) no-repeat center;}
.abpic{ margin-top:64px;}
.ab_t{ font-size:18px; color:#7c7f82;}
.ab_t b{ display:block; font-size:38px; color:#34373a; margin-bottom:8px;}
.ab_t b em{ color:#0074c4;}
.ab_t:after{ content:''; display:block; width:60px; height:3px; background:#0661b0; margin-top:25px;}
.abcon{ margin-top:95px; width:490px;}
.ab_c{ text-indent:2em; font-size:15px; color:#949698; line-height:34px; margin:35px 0 95px 0;}
.ab_btn a{ display:inline-block; width:130px; line-height:46px; text-align:center; font-size:16px; color:#fff; background:#082d47; transition:all .3s ease;}
.ab_btn a+a{ margin-left:17px;}
.ab_btn a.cur{ background:#0074c4;}
/*景程 • 新闻聚焦*/
.news{ margin:65px 0 -20px 0;}
.news .title i{ display:block; height:1px; position:relative; background:#e7ebee; margin-top:30px;}
.news .title i:after{ content:''; display:block; position:absolute; height:5px; width:60px; background:#0074c4; left:0; right:0; margin:0 auto; top:-2px;}
.newcenter{ width:1340px; margin:0 auto;}
.newstab a{ display:inline-table; width:134px; height:62px; background:#e7ebed; line-height:62px; font-size:22px; color:#33373a; padding-left:86px; position:relative; transition:all 0.5s ease; text-align:left; font-weight:lighter;}
.newstab a:after{ content:''; display:block; width:32px; height:32px; position:absolute; top:16px; left:36px; background:url(../images/20200917145235_1286140829.png) no-repeat left top;transition:all 0.5s ease;}
.newstab a+a{ margin-left:11px;}
.newstab a:nth-child(2):after{ background-position-x:-37px;}
.newstab a:nth-child(3):after{ background-position-x:-76px;}
.newstab a.on:after{background-position-y:-69px; transform:translateX(360deg);}
.newstab a.on{ background:#0074c4; color:#fff;}
.newstab{ margin:43px auto 26px auto; text-align:center;}
.newsleft{ width:476px; margin:20px 0 20px 20px; box-shadow:0 0 20px #edefef; position:relative;}
.newsleft .news_div_item{ position:relative; padding-top:345px; background:#fff;}
.newsleft .news_div_item_pic{ width:100%; height:344px; position:absolute; top:0; left:0; border-bottom:1px solid #f6f6f6; overflow:hidden;}
.news .news_div_item_pic img{ width:100%; height:100%; transition:all .6s ease;}
.newsleft .news_div_item_content{box-sizing:border-box; height:170px; padding:25px;}
.news .news_div_item_a{ font-size:18px; color:#2f343a; transition:all .3s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;} 
.news .news_div_item_body{ font-size:14px; color:#a9abae; line-height:26px; margin-top:10px;}
.newsbg{ position:absolute; font-size:0; right:30px; bottom:23px; z-index:99;}
.newsbg li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#95a1ad; cursor:pointer;}
.newsbg li+li{ margin-left:10px;}
.news .news_div_item:hover .news_div_item_a{ color:#0074c4;}
.news .news_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.newsbg li.on{ background:#0074c4;}
.newsright{ margin:20px 20px 20px 0; width:795px;}
.newsright .news_div_item{ padding:16px; position:relative; box-shadow:0 0 20px #edefef; background:#fff; height:210px;}
.newsright .news_div_item_pic{ position:absolute; width:280px; height:210px; top:16px; left:16px; border:1px solid #f6f6f6; overflow:hidden;}
.newsright .news_div_item_content{ width:450px; margin-left:310px; padding-top:20px;}
.newsright .news_div_item+.news_div_item{ margin-top:30px;}
.newsright .news_div_item_title:after{ content:''; display:block; width:37px; height:3px; background:#bcc3c8; margin:15px 0 10px 0;}
.newsright .news_div_item_date{ position:absolute; bottom:30px; left:325px; font-size:0;}
.newsright .news_div_item_date>div{ display:inline-block; vertical-align:top; font-size:18px; color:#a9abae; font-family:Arial, Helvetica, sans-serif;}
/*版权*/
.copyright{ background:#1e2428;}
.crconcat{ height:246px; background:url(../images/20200917153503_1052431943.jpg) no-repeat center;}
.crconcat ul{ padding-top:93px; font-size:0;}
.crconcat li{ display:inline-block; vertical-align:top; width:400px; height:116px; background:#fff; box-shadow:0 0 20px #024e8c; position:relative;}
.crconcat li:nth-child(2){ width:522px;}
.crconcat li:nth-child(3){ width:332px; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.crconcat li+li{ margin-left:22px;}
.crconcat li i{ position:absolute; display:block; height:32px; right:29px; top:0; bottom:0; margin:auto 0;}
.crconcat li p{ padding:28px; font-size:16px; color:#1e2428;}
.crconcat li em{ display:block; font-size:20px; font-family:Arial, Helvetica, sans-serif; margin-bottom:13px;}
.crconcat li span{ font-size:20px; font-family:Arial, Helvetica, sans-serif;} 
.links{ line-height:114px; border-bottom:1px dashed #2f343a; font-size:16px; color:#fff;}
.links p.fl{ padding-left:35px; background:url(../images/20200917155234_1376956616.png) no-repeat left center; font-weight:bold;}
.links p.fl span{ font-size:18px; vertical-align:bottom; padding:0 20px 0 5px;}
.end{ border-top:1px solid #161c22; line-height:115px;}
.end,.end a{ font-size:15px; color:#788288;}
.end a:hover{ color:#fff;}
.crcon{ padding:50px 0; border-bottom:1px solid #2f373c;}
.kslj{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top; padding:0 75px; position:relative;}
.kslj li:after,.kslj li:nth-child(1):before{ content:''; display:block; position:absolute; width:3px; height:175px; right:0; top:0; background:url(../images/20200917155234_1591369667.png) no-repeat center;}
.kslj li p{ font-size:20px; color:#fff; margin-bottom:20px;}
.kslj li:nth-child(1):before{ right:auto; left:0;} 
.kslj li a{ display:block; font-size:14px; color:#788288; line-height:30px;}
.kslj li a:hover{ color:#fff;}
.codecon dl p{ font-size:18px; color:#fff; margin-bottom:20px; text-align:center;}
.codecon dl img{ display:block; padding:4px; border:1px solid #2f363c; width:140px; height:140px;}
.codecon dl { width:150px !important;}
.codetab{ margin:47px 0 0 47px;}
.codetab p{ border-radius:50%; cursor:pointer; background:#3e4e5d;}
.codetab p+p{ margin-top:14px;}
.codetab p.on{ background:#0074c4;}




    /*导航*/
    #navigation_main_184 {
        background: #0074c4;
        font-size: 0;
    }
    #navigation_184 {
        height: 69px;
        width: 1300px;
        margin: 0 auto;
        overflow: hidden;
        border: 0px dashed red;
    }
    #navigation_184 ul.navigationlist_184 { 
        width: 1300px;
        margin: 0 auto;
    }
    #navigation_184 .WebLogo_184  {
        float: left;
        width: 256px;
        padding: 23px 0 0;
    }
    #navigation_184 ul.navigationlist_184 li {
        float: left;
        line-height: 69px;
        text-align: center;
        width: 11.1111%;
        
    }
    #navigation_184 ul.navigationlist_184 li:hover{
        background: #2dc459;
    }
    #navigation_184 ul.navigationlist_184 li a {
        display: block;
        padding: 0px 23px;
        font-size: 16px;
        color: #f9f9f9;
        border: 0px dashed red;
        transition: unset;
    }
    #navigation_184 ul.navigationlist_184 li a:hover {
        text-decoration: none;
     
     
    }
    #navigation_184 ul.navigationlist_184 li .current {
        color: #f9f9f9;
        background: #2dc459;
    }
    /*导航栏下拉*/
    #navigation_184 div.subnavigationlist_184  {
        display: none;
        z-index: 100;
        width: 480px;
        position: absolute;
        background: #fff;
        border-top: 1px solid #fbfcfd;
        padding: 20px 0;
    }
    #navigation_184 div.subnavigationlist_184  ul {
        float: left;
        width: 135px;
        min-height: 195px;
        border-right: 1px solid #ddd;
    }
    #navigation_184 div.subnavigationlist_184  ul li {
        float: none;
        padding: 0px;
        line-height: 28px;
        display: inline;
    }
    #navigation_184 div.subnavigationlist_184  ul li a {
        display: block;
        white-space: nowrap;
        font-weight: normal;
        color: #555;
        padding: 0;
        font-size: 14px;
        width: 135px;
        text-align: center
    }
    #navigation_184 div.subnavigationlist_184  ul li a:hover {
        color: #2dc459;
        background: none;
    }
    #navigation_184 div.subnavigationlist_184  img {
        width: 255px;
        float: right;
        margin-right: 45px;
        height: 110px;
    }
    #navigation_184 div.subnavigationlist_184  p {
        width: 255px;
        float: right;
        font-size: 13px;
        display: block;
        line-height: 22px;
        margin-top: 10px;
        margin-right: 45px;
        text-align: left;
    }

    /* 首页产品 */


    .w296 {
        width: 1200px;
        margin: 0 auto;
    }
    .pro296 .part2 {
        padding-top: 150px;
    }
    .pro296 .part2 .hd {
       
    }
    .pro296 .part2 .hd ul {
        margin: 0 auto;
        text-align: center;
    }
    .pro296 .part2 .hd li {
        margin-right: 30px;
     
       
        text-align: center;
        display: inline-block;
        white-space: nowrap;
        word-break: break-all;
       
        overflow: hidden;
        position: relative;
        width: 226px;
        height: 68px;
        background: #e7eaed;
        line-height: 66px;
        font-size: 18px;
        color: #35383a;
        transition: all .3s ease;
        cursor: pointer;
    }
    
    
    .pro296 .part2 .hd li a {
        display: block;
        border: 1px solid #ccc;
        padding: 0 12px;
        font-size: 18px;
    }
    .pro296 .part2 .hd li.on a {
        border: 1px solid #0074c4;
        background: #0074c4;
        color: #fff;
        font-size: 18px;
    }
    .pro296 .part2 .bd {
        overflow: hidden;
    }
    .pro296 .part2 .bd ul {
        padding-top: 64px;
        width: 108%;
    }
    .pro296 .part2 .bd li {
        width: 380px;
        height: 430px;
        display: block;
        float: left;
        margin-right: 30px;
        margin-bottom: 30px;
        background: #f1f1f1;
        transition: all 0.3s ease-out 0s;
    }
    .pro296 .part2 .bd li a {
        display: block;
    }
    .pro296 .part2 .bd li img {
        width: 367px;
        height: 283px;
        margin: 7px 7px;
        display: block;
    }
    .pro296 .part2 .bd li h3 {
        font-size: 18px;
        text-align: center;
    }
   
    .pro296 .part2 .bd li p {
        color: #999;
        padding: 0 46px;
        line-height: 24px;
    }
    .pro296 .part2 .bd li:hover {
        transform: translate3d(0px, -16px, 0px);
        box-shadow: 0 3px 10px rgb(222, 222, 222);
    }
    .pro296 .title {
        text-align: center;
        width: 100%;
        background: url({eyou:global name='web_templets_pc' /}/skin/images/line296.png) no-repeat center bottom;
        padding-bottom: 30px;
    }
    .pro296 .title h3 {
        font-weight: normal;
        display: block;
        line-height: 30px;
        text-align: center;
        font-size: 40px;
        color: #0074c4;
        margin-bottom: 10px;
    }
    .pro296 .title h4 {
        color: #999;
        font-size: 18px;
        text-transform: uppercase;
        font-family: 'PingFangSC-Light', Arial, Helvetica, sans-serif, "Hiragino Sans GB";
        font-weight: normal;
        line-height: 40px;
    }
    .title p{
        margin: 23px 0px 0px 0px;
    }
    .pro296 {
        width: 100%;
    }
    .pro296 .ep296 {
        padding-top: 0px;
        padding-bottom: 74px;
        position: relative;
    }
    .pro296 .more {
        width: 150px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        color: #aba8a8;
        display: block;
        margin: 40px auto 0;
        background: #fff;
        text-transform: uppercase;
        transition: all 0.3s ease-out 0s;
        box-shadow: 0 3px 10px rgb(222, 222, 222);
    }
    .pro296 .more span {
        display: inline-block;
        width: 40px;
        height: 38px;
        line-height: 38px;
        background: url({eyou:global name='web_templets_pc' /}/skin/images/icon296.png) no-repeat 12px -92px #fe0101;
    }
    .pro296 .more:hover {
        background: #fe0101;
        color: #fff;
        text-indent: 10px;
    }
    .pro296 .more:hover span {
        color: #fff;
    }
    
    /* foote */
    .linkTagcs {
        width: 1050px;
        height: auto;
      }

      .linkTagcs ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
      }

      .linkTagcs li {
        list-style: none;
        margin: 0px;
        padding-right: 10px;
        line-height: 114px;
        float: left;
      }

      .linkTagcs li a {
        color: #889199;
        word-break: break-all;
      }

      .linkTagcs li img {
        border: 0px;
      }

.pglist  li{
    float: left;
    margin: 0px 10px;
    border: 1px solid #7777;
    padding: 0px 10px;
}
.pglist  li:hover{
    background: #cfcfcf;
}