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

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; position:fixed; left:0; top:0; z-index:99; transition:all ease 0.5s;}
.header .head{ width:83.34vw; min-width:1200px; height:98px; position:relative; margin:0 auto; z-index:3;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; position:relative;}
.header h1.logo a::before{ content:''; display:block; width:100%; height:100%; background:url(../images/common/logo_fix.png) no-repeat; background-size:auto 100%; position:absolute; left:0; top:0; z-index:1; opacity:0; transition:all ease 0.5s;}
.header h1.logo a img{ display:block; height:98px; box-sizing:border-box; transition:all ease 0.5s;}

/*导航*/
ul.nav{ display:block; font-size:16px; height:94px; padding:4px 0 0; float:right;}
ul.nav li{ display:block; padding:25px 0; margin:0 1em; float:left; position:relative;}
ul.nav li.close{ display:none;}
ul.nav li a{ display:block; line-height:42px; color:#fff; text-align:center; overflow:hidden; position:relative; margin:0 1em; transition:all ease 0.5s;}
ul.nav li > a:hover,
ul.nav li.on > a,
ul.nav li.cur > a{ color:#fff; font-weight:bold;}
ul.nav li > a::after{ content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; bottom:0; transition:all ease 0.5s; transform:scale(0,1);}
ul.nav li > a:hover::after,
ul.nav li.on > a::after,
ul.nav li.cur > a::after{ transform:scale(1,1);}

ul.nav li p.sub{ display:none; min-width:100%; background:rgba(255,255,255,1); overflow:hidden; padding:8px 0; position:absolute; left:50%; top:100%; transform:translate(-50%,-6px); z-index:98; box-shadow:0 4px 4px rgba(22,22,22,0.2);}
ul.nav li p.sub a{ line-height:3; color:#333; font-size:14px; font-weight:normal; padding:0 12px; white-space:nowrap; background:#fff; margin:0;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#fff; background:#00b9ff;}

.header.fixed{ background:rgba(255,255,255,1); box-shadow:0 0 5px 1px rgba(0,0,0,0.2);}
.header.fixed h1.logo a::before{ opacity:1;}
.header.fixed h1.logo a img{ opacity:0;}
.header.fixed ul.nav li > a{ color:#333;}
.header.fixed ul.nav li > a:hover,
.header.fixed ul.nav li.on > a,
.header.fixed ul.nav li.cur > a{ color:#00b9ff;}
.header.fixed ul.nav li > a::after{ background:#00b9ff;}

/*banner*/
.banner{ width:100vw; height:492px; overflow:hidden; position:relative;}
.banner .bg{ width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:1; transform/:scale(1.1); animation:banner 1.75s ease;
	-moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-fill-mode:forwards; /*让动画停留在最后一帧 */
    -moz-animation-fill-mode:forwards; 
    -webkit-animation-fill-mode:forwards; 
    -o-animation-fill-mode:forwards;
}
@keyframes banner{
	0%{ transform:scale(1.1);}
	100%{ transform:scale(1);}
}
.banner .txt{ line-height:1; color:#fff; font-size:46px; font-weight:bold; text-align:center; text-shadow:1px 1px 1px rgba(8,32,74,0.7); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3;}

/*底部*/
.footer{ background:#2c2c2c; overflow:hidden; position:relative; z-index:9;}
.footer .foot{ width:83.34vw; min-width:1200px; overflow:hidden; margin:0 auto; position:relative; z-index:3;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; width:100%; height:0; overflow:hidden; clear:both;}
.footer a.logo{ display:block; float:left;}
.footer a.logo img{ display:block; height:116px;}
.footer dl.nav{ display:block; color:#fff; font-size:16px; padding:1.5em 0 0; float:right;}
.footer dl.nav dt{ display:block; line-height:2.22; font-size:1.125em;}
.footer dl.nav dd{ display:block; line-height:2; overflow:hidden;}
.footer dl.nav dd a{ display:block; float:left; margin-right:2em;}
.footer dl.nav dd a:hover{ color:#00b9ff;}
.footer ul.ctinfo{ display:block; font-size:16px; overflow:hidden; padding:2.25em 0 2em; border-top:2px solid #424242; clear:both; position:relative;}
.footer ul.ctinfo li{ display:block; width:25%; line-height:1.875; color:#dadada; text-align:center; padding:0.5em 0 0; float:left; position:relative;}
.footer ul.ctinfo li::after{ content:''; display:block; width:2px; height:8.75em; background:#424242; position:absolute; left:-1px; top:0;}
.footer ul.ctinfo li:first-child::after{ display:none;}
.footer ul.ctinfo img{ display:block; height:3.875em; margin:0 auto;}
.footer ul.ctinfo em{ display:block; line-height:2.25; color:#fff; overflow:hidden; white-space:nowrap;}
.footer .copyright{ display:block; line-height:2; color:#fff; font-size:15px; text-align:center; overflow:hidden; padding:1em 0; background:#232323; position:relative; z-index:3;}
.footer .copyright a{ margin:0 2px;}
.footer .copyright a:hover{ color:#00b9ff;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png) center no-repeat; background-size:contain; position:fixed; right:20px; bottom:80px; cursor:pointer; text-indent:-9999px; opacity:0.7; z-index:999;}
.backToTop:hover{ opacity:0.9;}

/*主体样式*/
.main{ margin:0 auto; position:relative; z-index:2;}
.main::before,
.main::after{ content:''; display:block; width:100%; height:0; overflow:hidden; clear:both;}

/*左侧样式*/
.main .position{ font-size:16px; overflow:hidden;}
.main .position ul.menu{ display:block; border-left:1px solid #f0f0f0; float:right;}
.main .position ul.menu li{ display:block; border-right:1px solid #f0f0f0; position:relative; z-index:3; float:left;}
.main .position ul.menu li a{ display:block; line-height:3.75; color:#222; padding:0 2em; position:relative; transition:all ease 0.5s;}
.main .position ul.menu li a:hover,
.main .position ul.menu li.cur a{ color:#fff; background:#00b9ff;}
.main .position p{ display:block; line-height:6; color:#999; font-size:0.875em; overflow:hidden;}
.main .position p a{ margin:0 2px; transition:all ease 0.5s;}
.main .position p a:hover{ color:#00b9ff;}

.newsCon{ background:#fff; padding:0 36px; border-radius:5px; overflow:hidden; box-shadow:0 0 16px rgba(147,147,147,0.1);}

/*内容样式*/
.main .attr{ width:83.34vw; min-width:1200px; margin:0 auto;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; font-size:16px; font-weight:normal; text-align:center; padding:1em 0 0; position:relative; margin:3.5em 0 0;}
.main .attr h2.title em{ display:block; line-height:1.3; color:#000; font-size:2.125em; position:relative; z-index:3;}
.main .attr h2.title span{ display:block; width:100%; line-height:1.078; color:#969a9c; font-size:2.75em; font-weight:bold; text-transform:uppercase; opacity:0.1; position:absolute; left:0; top:0; z-index:1;}
.main .attr h2.title i{ display:block; width:8.875em; height:12px; background:#00b9ff; opacity:0.3; margin:-12px auto 0; position:relative; z-index:3;}
.main .attr h3.title{ display:block; line-height:1.6875; color:#333; font-size:32px; font-weight:normal; text-align:center; padding:1.375em 0 0;}
.main .attr p.mark{ display:block; line-height:2.6; color:#999; font-size:15px; text-align:center; padding:1em 0; border-bottom:1px solid #ddd;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ min-height:280px; line-height:2.5; color:#333; font-size:16px; text-align:justify; padding:1.875em 4px 3em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ display:flex; justify-content:space-between; font-size:16px; overflow:hidden; padding:2.5em 36px 3em;}
.main .change p{ display:block; max-width:48%; line-height:2.4; color:#595959; font-size:0.9375em; overflow:hidden; flex-shrink:0; margin:0 4px;}
.main .change p a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left; max-width:100%;}
.main .change p a span{ display:block; float:right; margin:0 0 0 0.5em;}
.main .change p:first-child a span{ float:left; margin:0 0.5em 0 0;}
.main .change p a:hover{ color:#00b9ff;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 80px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:14px; color:#999; height:24px; line-height:24px; text-align:center; padding:6px 12px; background:#fff; border:1px solid #d2d2d2; margin:0 5px;}
.pages a:hover,
.pages span{ color:#fff; background:#00b9ff; border-color:#00b9ff;}
.pages .disabled span{ color:#fff; background:#00b9ff; border-color:#00b9ff;}

.main ul.teamList{ display:block; font-size:16px; padding:30px 0 70px; margin:0 -24px; overflow:hidden;}
.main ul.teamList li{ display:block; width:33.33%; padding:30px 0; float:left;}
.main ul.teamList li a{ display:block; padding:1em; background:#fff; overflow:hidden; box-shadow:0 0 12px rgba(14,38,69,0.2); transition:all ease 0.5s; margin:0 24px;}
.main ul.teamList li a em{ display:block; overflow:hidden; float:left; margin-right:1.25em;}
.main ul.teamList li a em img{ display:block; height:14.5em; transition:all ease 0.5s;}
.main ul.teamList li a span{ display:block; line-height:2.3; color:#333; font-size:1.125em; font-weight:bold; transition:all ease 0.5s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.teamList li a p{ height:9.3em; line-height:1.86; color:#444; transition:all ease 0.5s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
}
.main ul.teamList li a font{ display:block; line-height:1.86; color:#666; font-size:0.875em; transition:all ease 0.5s; float:left; margin:0.5em 0 0;}
.main ul.teamList li a:hover{ background:#00b9ff;}
.main ul.teamList li a:hover em img{ transform:scale(1.05);}
.main ul.teamList li a:hover span,
.main ul.teamList li a:hover p,
.main ul.teamList li a:hover font{ color:#fff;}

.teamInfo{ font-size:16px; padding:5% 4%; background:#fff; overflow:hidden; transition:all ease 0.5s; margin:0 0 80px;}
.teamInfo em{ display:block; width:16%; overflow:hidden; float:left; margin-right:3.25%;}
.teamInfo em img{ display:block; width:100%; transition:all ease 0.5s;}
.teamInfo span{ display:block; line-height:3.8; color:#333; font-size:1.25em; font-weight:bold; transition:all ease 0.5s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.teamInfo .txt{ line-height:2; color:#333; overflow:hidden; padding:0.375em 0 0; transition:all ease 0.5s;}

.main p.subMenu{ display:block; font-size:16px; text-align:center; position:relative; margin:50px 0 0;}
.main p.subMenu::after{ content:''; display:block; width:100%; height:2px; background-image:linear-gradient(to right, rgba(119,157,218,0.1), rgba(119,157,218,1), rgba(119,157,218,0.1)); position:absolute; left:0; top:3.225em; z-index:1; margin-top:-1px;}
.main p.subMenu a{ display:inline-block; vertical-align:top; line-height:3; color:#333; margin:0 5.5%; position:relative; z-index:3;}
.main p.subMenu a i{ display:block; width:6.45em; border-radius:50%; background:#fff; overflow:hidden; margin:0 auto; box-shadow:0 0 9px rgba(224,224,224,0.6);}
.main p.subMenu a img{ display:block; width:100%;}
.main p.subMenu a:hover,
.main p.subMenu a.cur{ color:#00b9ff; background:none;}
.main p.subMenu a:hover i,
.main p.subMenu a.cur i{ background:#00b9ff;}
.main p.subMenu a:hover img,
.main p.subMenu a.cur img{ filter:brightness(0) invert(1);}

.main ul.proList{ display:block; font-size:16px; overflow:hidden; padding:30px 0 60px; margin:0 -18px;}
.main ul.proList li{ display:block; width:25%; float:left; position:relative;}
.main ul.proList li a{ display:block; overflow:hidden; padding:1.5em; background:#fff; position:relative; box-shadow:0 0 10px rgba(14,38,69,0.2); margin:18px;}
.main ul.proList li a em{ display:block; overflow:hidden;}
.main ul.proList li a img{ display:block; width:100%; transition:all ease 0.5s;}
.main ul.proList li a span{ display:block; line-height:3.88; color:#333; font-size:1.125em; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:2px solid #e2e2e2; transition:all ease 0.5s;}
.main ul.proList li a p{ height:3.5em; line-height:1.75; color:#666; margin:1em 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.proList li a font{ display:block; line-height:3; color:#666; font-size:0.875em; float:left; transition:all ease 0.5s;}
.main ul.proList li a:hover img{ transform:scale(1.1);}
.main ul.proList li a:hover span,
.main ul.proList li a:hover font{ color:#00b9ff;}

.main ul.yyList{ display:block; font-size:16px; overflow:hidden; padding:40px 0 80px; margin:0 -16px;}
.main ul.yyList li{ display:block; width:20%; overflow:hidden; float:left;}
.main ul.yyList li a{ display:block; background:#000; overflow:hidden; position:relative; box-shadow:0 0 7px rgba(146,146,146,0.15); transition:all ease 0.5s; margin:16px;}
.main ul.yyList li a em{ display:block; overflow:hidden;}
.main ul.yyList li a em img{ display:block; width:100%; transition:all ease 0.5s;}
.main ul.yyList li a p{ display:block; width:100%; padding:0 1.2em 2em; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2; transition:all ease 0.5s;}
.main ul.yyList li a span{ display:block; line-height:2; color:#fff; font-size:1.125em; transition:all ease 0.5s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.yyList li a font{ display:block; width:6em; line-height:1.65; color:#fff; font-size:0.875em; text-align:center; border:1px solid #fff; transition:all ease 0.5s; margin:2em 0 0;}
.main ul.yyList li a:hover em img{ transform:scale(1.05); opacity:0.6;}
.main ul.yyList li a:hover p{ transform:translateY(-10%);}
.main ul.yyList li a:hover span{ font-weight:bold;}
.main ul.yyList li a font:hover{ border-color:#00b9ff; background:#00b9ff;}

.main ul.coopList{ display:block; padding:40px 0 80px; margin:0 -12px;}
.main ul.coopList::before,
.main ul.coopList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.coopList li{ display:block; width:20%; float:left;}
.main ul.coopList li a{ display:block; overflow:hidden; box-shadow:0 0 20px rgba(14,14,14,0.1); margin:12px; transition:all ease 0.5s; cursor:pointer;}
.main ul.coopList li a img{ display:block; width:100%; transition:all ease 0.5s;}
.main ul.coopList li a:hover{ box-shadow:0 0 20px rgba(4,137,187,0.5);}
.main ul.coopList li a:hover img{ transform:scale(1.1);}

.contact{ display:flex; justify-content:space-between; align-items:center; padding:60px 0 100px;}
.contact .info{ display:block; font-size:20px;}
.contact .info p{ display:block; line-height:2.5; color:#333; padding:1.3em 0;}
.contact .info p img{ display:block; height:2.5em; float:left; margin-right:0.8em;}
.contact .info p img.code{ display:inline-block; vertical-align:top; float:none; height:5.7em; margin:-1.6em 2em;}
.contact .map{ max-width:46%; background:#fff; padding:1%; box-shadow:0 0 16px 1px rgba(181,181,181,0.4);}





/**/

@media only screen and (max-width:1440px){
ul.nav li{ margin:0 0.2em;}

.footer ul.ctinfo,
.footer .copyright{ font-size:14px;}

.footer dl.nav{ font-size:15px;}

.main .article{ font-size:15px;}

.main ul.teamList{ margin:0 -12px; padding:40px 0 80px;}
.main ul.teamList li{ padding:16px 0;}
.main ul.teamList li a{ margin:0 12px;}
.main ul.teamList li a p{ font-size:0.875em; line-height:2; height:10em; margin-bottom:0.5em;}

.teamInfo{ font-size:15px;}
.teamInfo em{ min-width:236px;}

.main ul.proList{ margin:0 -10px;}
.main ul.proList li a{ margin:10px;}

.main ul.yyList{ margin:0 -10px;}
.main ul.yyList li a{ margin:10px;}

.main ul.coopList{ margin:0 -8px;}
.main ul.coopList li a{ margin:8px;}

.contact .info{ font-size:16px;}
.contact .info p{ padding:1em 0;}
.contact .info p img.code{ height:5.5em; margin:-1.5em 1.5em;}

}

@media only screen and (max-width:768px){
.wrap{ min-width:0;}

.header .head,
.footer .foot,
.main .attr{ width:calc(100% - 32px); min-width:0;}

.header .head,
.header h1.logo a img{ height:60px;}
.header h1.logo a img{ box-sizing:border-box; padding:0px 0;}
.header a.menu{ display:block; width:26px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:100% auto; float:right; margin-left:20px; filter:brightness(0) invert(1); transition:all ease 0.5s;}
.header.fixed a.menu{ filter:brightness(1) invert(0);}
.header a.tel{ display:none;}

ul.nav{ width:100vw; height:100vh; overflow:hidden; overflow-y:auto; background:#fff; float:none; position:fixed; left:0; top:0; z-index:999; transition:all ease 0.5s; transform:translateX(100%);}
ul.nav li{ float:none; text-align:left; padding:0 20px; border-bottom:1px solid #f5f5f5; clear:both; margin:0 0 16px; transition:all ease 0.5s; transform:translateY(100%); opacity:0; transition-delay:0.3s;}
ul.nav li a{ width:80%; line-height:50px; color:#333; text-align:left; padding:0;}
ul.nav li i{ display:block; width:10px; height:10px; border:1px solid #999; border-width:0 1px 1px 0; position:absolute; right:5%; top:25px; margin:-8px 8px 0 0; transform:rotate(45deg); transition:transform ease 0.5s;}
ul.nav li p.sub{ position:static; width:auto; transform:none; box-shadow:none;}
ul.nav li p.sub a{ width:auto; font-size:inherit; line-height:50px; border-bottom:1px solid #f5f5f5; padding:0 2em;}

ul.nav li > a::after{ display:none;}
ul.nav li > a:hover,
ul.nav li.on > a,
ul.nav li.cur > a{ color:#00b9ff; font-weight:bold;}

ul.nav li i.open{ transform:rotate(225deg); margin:-4px 8px 0 0;}

ul.nav li.close{ display:block; width:26px; height:60px; float:right; padding:0; background:url(../images/common/head_close.png) center no-repeat; background-size:100% auto; margin:0 20px 16px; transform:translateY(0); opacity:1;}

ul.nav li:nth-child(2){ transition-delay:0.0s;}
ul.nav li:nth-child(3){ transition-delay:0.1s;}
ul.nav li:nth-child(4){ transition-delay:0.2s;}
ul.nav li:nth-child(5){ transition-delay:0.3s;}
ul.nav li:nth-child(6){ transition-delay:0.4s;}
ul.nav li:nth-child(7){ transition-delay:0.5s;}
ul.nav li:nth-child(8){ transition-delay:0.6s;}

ul.nav.show{ transform:translateX(0);}
ul.nav.show li{ transform:translateY(0%); opacity:1;}

.banner{ height:54vw;}
.banner .txt{ font-size:12px; top:56%;}
.banner .txt em{ font-size:1.87em;}
.banner .txt span{ font-size:1.42em;}

.footer a.logo{ float:none; margin:0 5%;}
.footer a.logo img{ width:100%; height:auto;}
.footer dl.nav{ display:none;}
.footer ul.ctinfo{ font-size:13px; padding:0.75em 5% 1.5em;}
.footer ul.ctinfo li{ width:100%; text-align:left; padding-left:3.8em; box-sizing:border-box;}
.footer ul.ctinfo li::after{ display:none;}
.footer ul.ctinfo img{ height:3em; float:left; margin:0.6em 0.8em 0 -3.8em;}
.footer ul.ctinfo br{ display:none;}
.footer .copyright{ font-size:13px; line-height:1.8;}

.backToTop{ width:32px; height:32px; right:12px; bottom:96px;}

.main .position p{ line-height:3; font-size:13px; padding:7px 0;}

.main p.subMenu{ font-size:13px; margin:30px 0 0;}
.main p.subMenu::after{ top:2.25em;}
.main p.subMenu a i{ width:4.5em;}

.newsCon{ padding:0 12px;}

.main .attr h2.title{ font-size:13px; margin:2.5em 0 0;}
.main .attr h2.title span{}
.main .attr h2.title i{ height:6px; margin-top:-6px;}
.main .attr h3.title{ font-size:19px;}
.main .attr p.mark{ line-height:1.85; font-size:13px; padding:1em 0 0.75em;}
.main .article{ min-height:0; font-size:14px; line-height:2; padding:1em 4px 2em; margin:0;}

.main .change{ display:block; margin:16px 0 20px; padding:0 16px; font-size:14px;}
.main .change p{ max-width:none; font-size:inherit; margin:0;}

.pages{ font-size:12px; padding:0 0 48px;}
.pages span,
.pages a{ min-width:10px; padding:3px 11px; margin:0 4px;}

.main ul.teamList{ font-size:15px; padding:20px 0 40px; margin:0 -12px;}
.main ul.teamList li{ width:100%; padding:10px 0;}
.main ul.teamList li a{ padding:10px;}
.main ul.teamList li a em img{ height:12.5em;}
.main ul.teamList li a p{ height:8em; -webkit-line-clamp:4; margin:0.35em 0 0.15em;}

.teamInfo{ padding:12px; font-size:13px; margin:0 0 40px;}
.teamInfo em{ width:146px; min-width:0; margin-right:20px;}
.teamInfo span{ line-height:3; padding:4px 0 0;}
.teamInfo .txt{ height:auto; overflow:visible; padding:0 0 1em;}

.main ul.proList{ margin:0 6px; font-size:14px; padding:10px 0 40px;}
.main ul.proList li{ width:100%;}

.main ul.yyList{ font-size:13.5px; margin:0 -6px; padding:30px 0 60px;}
.main ul.yyList li{ width:50%;}
.main ul.yyList li a{ margin:6px;}
.main ul.yyList li a em img{ height:216px; object-fit:cover;}
.main ul.yyList li a p{ padding:0 1em 1.5em;}
.main ul.yyList li a span{ line-height:1.5; padding:0.25em 0; -webkit-line-clamp:99;}
.main ul.yyList li a font{ margin-top:1.25em;}

.main ul.coopList{ margin:0 -6px; padding:30px 0 50px;}
.main ul.coopList li{ width:50%;}
.main ul.coopList li a{ margin:6px;}

.contact{ display:block; padding:30px 0 50px;}
.contact .info{ font-size:13px; padding:0 10px 1em;}
.contact .info p{ padding:0.5em 0; padding-left:2.8em; line-height:2;}
.contact .info p img:first-child{ height:2em; margin:0 0.8em 0 -2.8em;}
.contact .info p img.code{ display:block; height:8em; margin:0.75em 0 0;}
.contact .map{ max-width:none; padding:2%;}


}















/**/