@charset "utf-8";
/* CSS Document */

.main ul.linian{ display:flex; font-size:16px; justify-content:space-between; flex-wrap:wrap; padding:42px 0 80px;}
.main ul.linian li{ width:48.5%; position:relative;}
.main ul.linian li a{ display:block; color:#fff; font-size:16px; overflow:hidden; position:relative; transition:all ease 0.4s;}
.main ul.linian li a::after{ content:''; display:block; width:60%; height:100%; background:linear-gradient(to right, rgba(0,170,114,1), rgba(0,170,114,0)); background/:linear-gradient(to right, rgba(0,0,0,0.0), rgba(0,0,0,0)); position:absolute; left:0; top:0; z-index:2;}
.main ul.linian li a img{ display:block; width:100%; height/:304px; object-fit:cover; position:relative; z-index:1; transition:all ease 0.4s; transform-origin:right center;}
.main ul.linian li a h4{ display:block; line-height:1.5; font-size:1.625em; font-weight:normal; position:absolute; left:0%; bottom:50%; z-index:3; margin:0 1.5em; transition:all ease 0.4s; transform:translate(-0%,50%); text-shadow/:2px 2px 0px rgba(156,190,254,0.8);}
.main ul.linian li a:hover img{ transform:scale(1.05);}

.main p.cpMenu{ display:flex; justify-content:center; font-size:16px; padding:0 8%; border-bottom:3px solid rgba(0,0,0,0.05); position:relative;}
.main p.cpMenu::after{ content:''; display:block; overflow:hidden; clear:both;}
.main p.cpMenu i#list{ display:block; width:10px; height:10px; position:absolute; left:0; top:0; margin-top:-80px;}
.main p.cpMenu a{ display:block; width:14%; line-height:1; color:#333; text-align:center; padding:0 0 1.25em; float:left; position:relative; margin:0 3%; cursor:pointer; flex-shrink:0;}
.main p.cpMenu a img{ display:block; height:3em; margin:0 auto 1.25em; transition:all ease 0.4s;}
.main p.cpMenu a::after{ content:''; display:block; width:100%; height:3px; background:#00aa72; position:absolute; left:0; top:100%; z-index:1; transition:all ease 0.4s; transform:scale(0,1); transform-origin:left center;}
.main p.cpMenu a:hover::after,
.main p.cpMenu a.cur::after{ transform:scale(1,1);}
.main p.cpMenu a:hover img{ transform:rotateY(180deg);}

.main p.cpMenu ~ p.tips{ line-height:1.5; color:#666; font-size:15px; text-align:center; margin:1.5em 0 -1em;}

.main ul.coopList{ display:flex; flex-wrap:wrap; padding:80px 0 150px; margin:0 auto; max-width:1280px;}
.main ul.coopList li{ display:block; width:16.666666666666%; box-sizing:border-box; position:relative; margin:0 0 -2.355%;}
.main ul.coopList li:nth-child(11n-4){ margin-left:8.333333333333%;}
.main ul.coopList li:nth-child(11n){ margin-right:8.333333333333%;}
.main ul.coopList li a.pic{ display:block; width:70%; background:rgba(255,255,255,0.8); padding:0 0 70%; position:relative; transform:rotate(45deg); box-shadow:0 0 15px rgba(167,167,167,0.2); margin:0 auto; cursor:pointer; overflow:hidden;}
.main ul.coopList li a.pic img{ display:block; width:70%; height:70%; object-fit:contain; position:absolute; left:50%; top:50%; transform:rotate(-45deg) translate(0%,-70%); z-index:1; transition:all ease 0.4s;}
.main ul.coopList li a.pic i::before,
.main ul.coopList li a.pic i::after{ content:''; display:block; background:#00aa72; position:absolute; transition:all ease 0.4s; z-index:3;}
.main ul.coopList li a.pic i::before{ width:100%; height:1px; transform:scale(0,1);}
.main ul.coopList li a.pic i::after{ width:1px; height:100%; transform:scale(1,0);}
.main ul.coopList li a.pic i.l::before{ left:0; top:0; transform-origin:left center;}
.main ul.coopList li a.pic i.l::after{ left:0; top:0; transform-origin:center top;}
.main ul.coopList li a.pic i.r::before{ right:0; bottom:0; transform-origin:right center;}
.main ul.coopList li a.pic i.r::after{ right:0; bottom:0; transform-origin:center bottom;}
.main ul.coopList li a.pic:hover i::before,
.main ul.coopList li a.pic:hover i::after{ transform:scale(1,1);}
.main ul.coopList li a.pic:hover img{ transform:rotate(-45deg) translate(0%,-70%) scale(1.05);}
.main ul.coopList li .box{ display:none;}

.teamBox{ display:none; width:840px; height/:300px; font-size:16px; background:#fff url(../images/icons/win.jpg) center bottom no-repeat; background-size:100% auto; position:fixed; left:50%; top:46%; transform:translate(-50%,-50%); z-index:999;}
.teamBox a.close{ display:block; width:30px; height:30px; background:url(../images/icons/close.png) no-repeat; position:absolute; right:0; top:0; z-index:3; margin:16px; opacity:0.7; cursor:pointer;}
.teamBox .flex{ display:flex; align-items:center; height:100%;}
.teamBox img.pic{ display:block; width:200px; height:300px; object-fit:contain; padding:0 40px; float:left; margin:0 40px 0 0;}
.teamBox a.link{ display:block; width:68px; height:68px; background:url(../images/icons/team.png) center no-repeat; position:absolute; left:305px; top:50%; transform:translate(-50%,-50%) rotateY(180deg); z-index:3;}
.teamBox .info{ padding:40px 54px; position:relative; overflow:hidden; flex:1;}
.teamBox h4{ display:block; line-height:2; color:#333; font-size:25px; font-weight:normal; padding:0 0 0.25em;}
.teamBox .txt{ display:block; max-height:12em; line-height:2; color:#666; font-size:16px; font-weight:normal; overflow:hidden; overflow-y:auto; padding-right:1em; margin:0 -2em 6px 0;}


@media only screen and (max-width:1440px){

.main ul.linian li a{ font-size:14px;}
.main ul.linian li a h4{ font-size:1.5em;}
.main ul.linian li a .txt{ width:80%;}

}

@media only screen and (max-width:768px){

.main .attr h3.title{ font-size:22px; padding:1.5em 0;}

.main ul.linian{ padding:0 0 40px; padding-bottom:10px;}
.main ul.linian li{ width:100%; margin:0 0 15px;}
.main ul.linian li a h4{ font-size:1.125em;}

.main p.cpMenu{ padding:0; font-size:13px;}
.main p.cpMenu i#list{ margin-top:-70px;}
.main p.cpMenu a{ width:20%; margin:0; padding:0 0 1em;}
.main p.cpMenu a img{ height:2.5em; margin:0 auto 0.75em;}

.main p.cpMenu ~ p.tips{ font-size:13px; margin:1em 0 -0.5em;}

.main ul.coopList{ padding:40px 0 70px; opacity/:1; transform/:none;}
.main ul.coopList li{ width:33%;}
.main ul.coopList li{ margin:0 0 -4%;}
.main ul.coopList li:nth-child(11n-4){ margin-left:0;}
.main ul.coopList li:nth-child(11n){ margin-right:0;}
.main ul.coopList li:nth-child(5n-1){ margin-left:16.666666666666%;}
.main ul.coopList li:nth-child(5n){ margin-right:16.666666666666%;}
.main ul.coopList li:nth-child(n+16){ display:none;}
.main ul.coopList.cp6 li:nth-child(n+11){ display:none;}

.teamBox{ width:90vw; font-size:14px;}
.teamBox a.close{ margin:12px; width:24px; height:24px; background-position:center;}
.teamBox .flex{ display:block;}
.teamBox img.pic{ width:auto; height:100px; padding:10px 0 0; margin:0 auto 0; float:none;}
.teamBox .info{ padding:0 15px 20px; overflow:hidden;}
.teamBox a.link{ width:24px; height:24px; background-image:url(../images/icons/team1.png); background-size:contain; top:122px; transform:translateY(-50%) rotateY(180deg); left:auto; right:15px;}
.teamBox h4{ line-height:1.5; font-size:16px; font-weight:bold; padding:0 0 8px; margin-right:1.5em;}
.teamBox .txt{ max-height:none; margin:0; padding:0; font-size:inherit; line-height:1.75;}



}



/**/