@charset "utf-8";

body{font-weight:400; min-width:1400px; }
body .wrap{margin: 0 auto;background:#ffffff;}
.siteWidth{max-width:1400px; margin:0 auto;}
.productSpecial-SUP{overflow:hidden}

/* 头部 */
.special-header{position:relative; z-index:1; max-width:1920px; margin:0 auto; overflow:hidden; background:url(../img/banner.jpg) 50% 50% no-repeat #319d7b}
.special-header .siteWidth{ height: 820px; position:relative; z-index:5; box-sizing:border-box; padding-top:260px;}
.special-header .logo{position:absolute; left:0px; top:41px; height:90px;}
.special-header .logo img{max-height:90px; width:auto;}
.special-header .links {height: 36px;position: absolute;top: 48px; right: 0;}
.special-header .links a { height:36px; border-radius: 18px;line-height: 36px; text-align: center; background-color:rgba(0,0,0,0.34); color: #fff;font-size: 16px; float:left; padding:0 1.5em; box-shadow: 0 4px 4px rgb(0 0 0 / 25%); margin-left:10px; box-sizing:content-box; }
.special-header .links a:hover {background-color:rgba(0,0,0,0.5); }
.special-header .special-header-title_en{text-align:center; font-size:48px; font-weight:bold; color:#fff; height:64px; line-height:64px; text-shadow:0 2px 2px rgba(0,0,0,0.25); }
.special-header .special-header-title_cn{ text-align:center; font-size:72px; font-weight:bold; color:#fff; height:96px; line-height:96px; text-shadow:0 2px 6px rgba(0,0,0,0.25); margin-bottom:20px;}
.special-header .special-header-slogan{width: 1040px;margin:0 auto;font-size:18px;line-height:36px;color:#fff;text-align:center;}

.special-intro{height:278px; background:url(../img/bg-introduce.jpg) 50% 50% no-repeat; box-sizing:border-box; }
.special-intro .con{font-size:20px; line-height:2; text-indent:2em; width:1280px; margin:0 auto; text-align:justify; padding-top:56px;}

/* indTabBox */
.indTabBox .tHd{margin-bottom:36px;}
.indTabBox .tHd ul{display:block; margin:0 auto; width:500px; display:flex; height:52px; background:#F1FAF7; border-radius:26px; }
.indTabBox .tHd ul li{width:250px; text-align:center; font-size:18px; line-height:52px; height:52px; font-weight:bold; color:#006342; cursor:pointer;  }
.indTabBox .tHd ul li a{color:#006342}
.indTabBox .tHd ul li.on{color:#fff; background:linear-gradient(to right, #6CB75A, #0FAB77); border-radius:26px;}

/* row-arrow-down */
.row-arrow-down{width:60px;height:60px;position:absolute;bottom: 80px;left:calc(50% - 30px);border:1px dashed #059B68;border-radius:50%;box-sizing:border-box;}
.row-arrow-down::before{content:""; display:block; width:2px; height:80px; background:#059B68; position:absolute; top:20px;; left:calc(50% - 1px);}
.row-arrow-down::after{content:""; display:block; width:0px; height:0px; border:5px solid transparent; border-top-color:#059B68; border-bottom:none; position:absolute; left:calc(50% - 5px); top:98px}

/* cBox */
.cBox .cHd{height:48px; line-height:48px; padding:50px 0px 27px; border-bottom:1px solid #dddddd; margin-bottom:50px;}
.cBox .cHd h3{height:48px; text-align:center; font-size:40px; font-weight:bold; position:relative;}
.cBox .cHd h3::after{content:""; display:block; width:56px; height:6px; background:#368C4F; position:absolute; bottom:-28px; left:calc(50% - 28px);}

.row-intro{font-size:16px; line-height:2; text-indent:2em; margin-bottom:20px; text-indent:2em;}

/* cBox_1 - row-1 */
#cBox_1 .row-1{ padding-bottom:150px; position:relative;}
#cBox_1 .row-1 .row-intro{line-height:32px;text-align:center;margin:0 auto; margin-bottom:60px; font-size:16px;}
/*
#cBox_1 .row-1 .row-title{text-align:center; font-size:24px; font-weight:bold; line-height:48px; height:48px; margin-bottom:38px;}
#cBox_1 .row-1 .pics{display:flex; width:800px; margin:0 auto; justify-content:space-between;}
#cBox_1 .row-1 .pics li{width:380px; height:241px; position:relative; z-index:5; }
#cBox_1 .row-1 .pics li .title{font-size:16px;line-height:28px;text-align:center;color:#fff;position:absolute;bottom: 30px;left:0px;right:0px;}
#cBox_1 .row-1 .pics li .title b{display:block; font-weight:bold;}
#cBox_1 .row-1 .row-con-intro{font-size:16px; line-height:48px; text-align:center; margin-top:-10px; }
#cBox_1 .row-1 .row-con{position:relative; padding-bottom:50px; }
#cBox_1 .row-1 .row-con .bg{ position:absolute; z-index:0; width:1200px; height:220px; bottom:0px; left:calc(50% - 600px); transform-style:preserve-3d; perspective:600px;}
#cBox_1 .row-1 .row-con .bg::after{content:""; display:block; position:absolute; left:0px; top:0px; right:0; bottom:0px; background:linear-gradient(to bottom, #E4FBEE, #6DBB8C); opacity:0.4; transform:rotateX(45deg); border-radius:5px;}
*/


/* cBox_1 - row-2 */
#cBox_1 .row-2{background:#F8FAFA; padding-bottom:150px; padding-top:50px; position:relative}
/*
#cBox_1 .row-2 .row-title{text-align:center; font-size:24px; font-weight:bold; line-height:48px; height:48px; margin-bottom:20px;}
#cBox_1 .row-2 .row-con{background:url(../img/row-2-bg.png) 50% 0 no-repeat; min-height:341px; padding-top:40px;}
#cBox_1 .row-2 .row-con-intro{font-size:24px; text-align:center; color:#fff; margin-bottom:50px}
#cBox_1 .row-2 .list{display:flex; justify-content:center;}
#cBox_1 .row-2 .list li{width:233px; height:215px; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.15); margin:0 30px; padding-top:23px; box-sizing:border-box;}
#cBox_1 .row-2 .list li .icon{width:120px; height:120px; margin:0 auto 20px; background:url(../img/icon-01.png) center center no-repeat;}
#cBox_1 .row-2 .list li .title{line-height:32px; text-align:center; padding:0 10px; font-size:16px; color:#666666}
#cBox_1 .row-2 .list li.li2 .icon{background-image:url(../img/icon-02.png)}
#cBox_1 .row-2 .list li.li3 .icon{background-image:url(../img/icon-03.png)}
#cBox_1 .row-2 .list li.li4 .icon{background-image:url(../img/icon-04.png)}
*/


/* cBox_1 - row-4 */
#cBox_1 .row-4{ position:relative; padding-bottom:190px; padding-top:50px;}
/*
#cBox_1 .row-4 .row-intro{font-size:18px; line-height:2; color:#666666; text-align:center; margin-bottom:38px;}
#cBox_1 .row-4 .row-card{height:200px; background:#F1FAF7; border-radius:20px; overflow:hidden; position:relative; box-sizing:border-box; display:flex; padding-left:158px; align-items:center}
#cBox_1 .row-4 .row-card::before{content:"";display:block;position:absolute;z-index:0;left:-50px;top:0px;height:200px;width:770px;background: linear-gradient(30deg, #6CB75A 50px, #0FAB77); border-radius:0 0 40px 0; transform:skewX(-20deg)}
#cBox_1 .row-4 .row-card .icon{width:70px; height:82px; position:relative; z-index:1; background:url(../img/icon-06.png) 0 0 no-repeat; margin-right:25px; }
#cBox_1 .row-4 .row-card .row-card_left,
#cBox_1 .row-4 .row-card .row-card_right{height:80px; line-height:40px; font-size:20px; position:relative; z-index:1; color:#006342; text-align:left;}
#cBox_1 .row-4 .row-card .row-card_left{color:#fff; width:430px; margin-right:120px;}
#cBox_1 .row-4 .row-card .row-card_t2{font-size:32px; font-weight:bold;}
*/


/* cBox_1 - row-5 */
#cBox_1 .row-5{background:url(../img/row-5-bg.jpg) 50% 100% no-repeat;padding: 50px 0;}
#cBox_1 .row-5 .row-icon{width:71px; height:100px; margin:0 auto 21px; background:url(../img/icon-08.png) 0 0 no-repeat}
#cBox_1 .row-5 .row-title2{font-size:36px; font-weight:bold; text-align:center; color:#fff; text-shadow:0 0 4px rgba(0,0,0,0.25); line-height:48px; margin-bottom:10px;}
#cBox_1 .row-5 .row-title3{font-size:20px; text-align:center; color:#fff; text-shadow:0 0 4px rgba(0,0,0,0.25); line-height:48px; margin-bottom:54px;}
#cBox_1 .row-5 .provinceList{display:flex; justify-content:space-between}
#cBox_1 .row-5 .provinceList li{height:36px; line-height:36px; width:145px; background:#fff; text-align:center; font-size:16px; color:#006342; border-radius:18px;}



/* cBox_1 - row-6 */
#cBox_1 .row-6{background:url(../img/row-6-bg.jpg) 50% 50% no-repeat; background-size:cover; padding:64px 0px 50px}

#cBox_1 .row-6 p { text-align: center;    padding: 10px 0;}
#cBox_1 .more{border: 1px solid #249682;width:360px; height:48px; line-height:48px; text-align:center; margin:0 auto; overflow:hidden; border-radius:26px; position:relative;margin-top:20px;}
#cBox_1 .more::after{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to right, #6CB75A, #0FAB77); z-index:0; opacity:0; transition:0.5s; }
#cBox_1 .more a{display:block;height:56px;font-size:16px;color:#26af6c;position:relative;z-index:1;}
#cBox_1 .more:hover::after{opacity:1; color:#fff}
#cBox_1 .more:hover a,
#cBox_1 .more a:hover{color:#fff;}


/* cBox_2 */
#cBox_2{position:relative; padding-bottom:20px;}
#cBox_2::after{content:""; position:absolute; bottom:0px; left:0px; right:0px; height:270px; background:linear-gradient(to bottom, #6CB75A, #0FAB77); display:block; z-index:0 }
#cBox_2 .cBd{position:relative; z-index:2;}
#cBox_2 .row-intro{font-size:16px; line-height:2; text-indent:2em; margin-bottom:50px;}
#cBox_2 .list{display:flex; justify-content:space-between; margin-bottom:20px;}
#cBox_2 .list .pic{width:260px; height:368px; margin-bottom:20px; -webkit-box-reflect: below 0px linear-gradient(to bottom,rgba(0,0,0,0) 270px,rgba(0,0,0,0.05));
box-reflect: below 0px linear-gradient(to bottom,rgba(0,0,0,0) 270px,rgba(0,0,0,0.05));}
#cBox_2 .list .pic img{width:260px; height:368px;}
#cBox_2 .list .title{font-size:16px; font-weight:bold; text-align:center; color:#fff;}
#cBox_2 .tips{text-align:center; font-size:16px; color:#fff;}
#cBox_2 .tips a{color:#fff; text-decoration:underline;}

/* cBox_3 */
#cBox_3{ overflow:hidden}
/*
#cBox_3 .row-intro{font-size:16px; line-height:2; text-align:center; width:1014px; margin:0 auto 38px; color:#666666;}
#cBox_3 .row-pic{text-align:center; padding:25px 0px; background:#FBFBFB; border-radius:20px 180px 20px 180px; margin-bottom:50px;  }
*/
/* indTabBox_01 */
#indTabBox_01 .pic{ text-align:center;}

/* cBox_4 */
#cBox_4{ overflow:hidden}
#cBox_4 .row-intro{font-size:16px; line-height:2; margin:0 auto 38px; color:#666666;}
#cBox_4 .row-pic{text-align:center; padding:25px 0px; background:#FBFBFB; border-radius:20px 180px 20px 180px; margin-bottom:50px;  }
#cBox_4 .more{width:360px; height:56px; line-height:56px; text-align:center; margin:0 auto; overflow:hidden; background:#F1FAF7; border-radius:26px; position:relative;}
#cBox_4 .more::after{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to right, #6CB75A, #0FAB77); z-index:0; opacity:0; transition:0.5s; }
#cBox_4 .more a{display:block; height:56px; font-size:16px; font-weight:bold; color:#006342; position:relative; z-index:1;}
#cBox_4 .more:hover::after{opacity:1; color:#fff}
#cBox_4 .more:hover a,
#cBox_4 .more a:hover{color:#fff;}

/* indTabBox_02 */
#indTabBox_02{margin-bottom:20px;}
#indTabBox_02 .pic{ text-align:center;}


/* cBox_8 */
#cBox_8 .row-intro{margin:0 auto 50px; font-size:16px; text-indent:2em;}
.systemList{display:grid; grid-template-columns:repeat(2,670px); grid-gap:30px 60px;}
.systemList li{border:1px solid #dddddd; border-radius:20px; position:relative; width:100%; box-sizing:border-box; padding-top:259px; text-align:center; padding-bottom:40px;}
.systemList li .li-t{text-align:left; height:260px; position:absolute;left:-1px; top:-1px; right:-1px; overflow:hidden; border-radius:20px 20px 0 0; box-sizing:border-box; z-index:0;}
.systemList li .pic{height:260px; position:absolute; left:0px; top:0px; right:0px; overflow:hidden; }
.systemList li .pic img{width:100%; height:auto; transition:0.5s;}
.systemList li .p-title{height:32px; line-height:32px; font-size:24px; font-weight:bold; color:#fff; position:absolute; left:64px; top:79px; z-index:2; transition:0.5s;}
.systemList li .p-intro{height:auto; line-height:32px; font-size:16px; color:#fff; position:absolute; left:64px; top:124px; z-index:2; width:280px; transition:0.5s;}
.systemList li .intro{padding:22px 35px 0px; font-size:16px; color:#666666; line-height:2; margin-bottom:20px; text-align:left;}
.systemList li .intro p{text-indent:2em}
.systemList li .more{width:auto; height:56px; line-height:56px; text-align:center; overflow:hidden; background:#F1FAF7; border-radius:26px; position:relative; display:inline-block;}
.systemList li .more::after{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(to right, #6CB75A, #0FAB77); z-index:0; opacity:0; transition:0.5s; }
.systemList li .more a{display:block; height:56px; font-size:16px; font-weight:bold; color:#006342; position:relative; z-index:1; padding:0 30px;}
.systemList li .more:hover::after{opacity:1; color:#fff}
.systemList li .more:hover a,
.systemList li .more a:hover{color:#fff;}

.systemList li:hover .pic img{transform:scale(1.05)}

/* cBox_9 */
#cBox_9{position:relative; padding-bottom:50px;}
#cBox_9 .row-intro{font-size:16px; line-height:2; text-align:center; margin:0 auto 30px; color:#666666;}
.slideBox{width:1400px; position:relative; margin-bottom:30px; z-index:1}
.slideBox .bd .pic{width:1400px; height:auto}
.slideBox .bd .pic img{width:1400px; height:auto;}
.slideBox .bd .con{display:none;}
.slideBox .hd{display:none;}
.slideBox .next,
.slideBox .prev{width:44px; height:120px; position:absolute; top:248px; left:30px; background:rgba(0,0,0,0.4); border-radius:20px 0px 0px 20px; }
.slideBox .next::after,
.slideBox .prev::after{content:""; display:block; width:12px; height:12px; border:2px solid #fff; position:absolute; left:50%; top:50%;}
.slideBox .next{left:auto; right:30px; border-radius:0px 20px 20px 0px; }
.slideBox .prev::after{border-right-color:transparent; border-top-color:transparent; transform: translate(-25%,-50%) rotate(45deg)}
.slideBox .next::after{border-left-color:transparent; border-bottom-color:transparent; transform: translate(-75%,-50%) rotate(45deg)}
.slideBox .next:hover,
.slideBox .prev:hover{background:rgba(0,0,0,0.8);}
#cBox_9 .caseList{display:grid; grid-template-columns:repeat(5,1fr); grid-gap:20px; position:relative; z-index:1;}
#cBox_9 .caseList li{width:100%;}
#cBox_9 .caseList li img{width:100%; height:auto;}
#cBox_9::after{position:absolute; left:0px; bottom:0px; right:0px; height:556px; background:#fbfbfb; content:""; display:block; z-index:0;}

/* 模板 */
.platformList .pic span {display: block;width: 1400px;height: 650px; animation: float 4s infinite;}
.platformList .pic span.cp01{background: url(../../products/img/jjfa-cp03.jpg) no-repeat center;background-size: 100%;}
.platformList .pic span.cpmb{background: url(../../products/img/jjfa-cpmb.jpg) no-repeat top center;margin: 20px auto; border: #fff solid 40px;box-shadow: #ccc 0 0 20px;background-size: 100% auto;width: 1320px;height: 450px;border-radius: 10px;}

/* 基础应用 */
#jcyy {}
#jcyy .row .bd{width: 1400px; margin: auto; position: relative; }
#jcyy .rowBox>.hd{height:48px; line-height:48px; padding:50px 0px 27px; border-bottom:1px solid #dddddd; margin-bottom:50px;}
#jcyy .rowBox>.hd h3{height:48px; text-align:center; font-size:40px; font-weight:bold; position:relative;}
#jcyy .rowBox>.hd h3::after{content:""; display:block; width:56px; height:6px; background:#368C4F; position:absolute; bottom:-28px; left:calc(50% - 28px);}
#jcyy .atlasBox .hd{    background: linear-gradient(to bottom, #14c9a1, #26af6c);}
#jcyy .atlasBox dt{    background: linear-gradient(90deg, #26AF6C 0%, #249682 100%);}
#jcyy .atlasBox ul li a:hover {   background-color: #259f7a;}


/* 相关技术支撑功能模块 */
.lxss .row{z-index:0; position:relative;}
.lxss a{position:relative; }
.lxss a,
.lxss a.sq{background-color:transparent; }
.lxss a::after{content:""; position:absolute; left:0px; top:0; right:0; bottom:0; display:block; background:linear-gradient(to right, #6CB75A, #0FAB77); z-index:-1; border-radius:30px; transition:0.5s}
.lxss a:hover{background-color:#6CB75A; box-shadow:none}