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

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ 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;}
.header .head{ width:1280px; height:100px; position:relative; margin:0 auto; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; position:relative;}
.header h1.logo a::after{ content:''; display:block; width:100%; height:100%; background:url(../images/common/logo_fix.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.header h1.logo a img{ display:block; height:100px;}

/*导航*/
ul.nav{ display:block; font-size:16px; float:right;}
ul.nav::before,
ul.nav::after{ content:''; display:block; overflow:hidden; clear:both;}
ul.nav li{ display:block; padding:30px 0; margin:0 0 0 48px; float:left; position:relative;}
ul.nav li a{ display:block; min-width:3em; line-height:40px; color:#fff; text-align:center; white-space:nowrap; position:relative;}
ul.nav li a::after{ content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:100%; transition:all ease 0.4s; transform:scale(0,1);}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ font-weight:bold;}
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:150%; position:absolute; left:50%; top:100%; transform:translate(-50%); z-index:99; box-shadow:0 0 8px rgba(22,22,22,0.2);}
ul.nav li p.sub a{ width:auto; line-height:3; color:#666; font-size:0.875em; font-weight:normal; padding:0 0.5em; background:#f8f8f8; border:0;}
ul.nav li p.sub a::after{ display:none;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#fff; background:#004097;}

.header,
.header h1.logo a::after,
.header h1.logo a img,
.header ul.nav li > a,
.header ul.nav li > a:hover,
.header ul.nav li.on > a,
.header ul.nav li.cur > a,
.header ul.nav li a::after{ transition:all ease 0.4s;}

.header.fixed{ background:#fff; box-shadow:0 0 6px rgba(0,0,0,0.4);}
.header.fixed h1.logo a::after{ 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:#004097;}
.header.fixed ul.nav li a::after{ background:#004097;}

/*banner*/
.banner{ width:100vw; height:400px; overflow:hidden; position:relative;}
.banner::after{ content:''; display:block; width:100%; height:40%; background-image:linear-gradient(#004097, rgba(2,64,151,0)); position:absolute; left:0; top:0; z-index:2; opacity:0.55;}
.banner .bg{ width:100%; height:100%; background-size:cover !important; position:absolute; right:50%; bottom:0; z-index:1; transition:all ease 0.4s; transform:translateX(50%);}
{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{ width:1280px; line-height:1; color:#004097; font-size:15px; position:absolute; left:50%; bottom:40%; transform:translate(-50%,50%); z-index:3;}
.banner .txt em{ display:block; font-size:1.75em; font-weight:bold; padding:0 0 0.5em;}
.banner .txt p{ display:block; overflow:hidden; padding:0.5em 0 0;}
.banner .txt p img{ display:block; width:4.5em; height:4.5em; padding:0.75em; background:#fff; border:3px solid #ddd; border-radius:50%; cursor:pointer; float:left; margin:0 1.25em 0 0; transition:all ease 0.4s;}
.banner .txt p img.cur{ border-color:#004097;}

/*底部*/
.footer{ background:#004097;}
.footer .foot{ width:1280px; margin:0 auto; position:relative; padding:60px 0;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .copyright{ line-height:2.25; color:#fff; font-size:13px; text-align:center; overflow:hidden; padding:1.65em 0; background:#004097;}
.footer .copyright a:hover{ color:#fff; text-decoration:underline;}

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

/*主体样式*/
.main{ margin:0 auto; position:relative;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.position{ font-size:18px; border-bottom:1px solid #e1e1e1;}
.position::before,
.position::after{ content:''; display:block; overflow:hidden; clear:both;}
.position ul.menu{ display:block; width:1280px; text-align:center; overflow:hidden; margin:0 auto;}
.position ul.menu li{ display:block; width:16.66666%; float:left;}
.position ul.menu li::before{ content:''; display:block; width:1px; height:2em; background:#e1e1e1; float:left; margin:1em 0;}
.position ul.menu li:first-child::before{ display:none;}
.position ul.menu li a{ display:block; line-height:4; color:#333; text-align:center; padding:0 0.5em; position:relative; transition:all ease 0.4s; overflow:hidden;}
.position ul.menu li a:hover,
.position ul.menu li.cur a{ color:#fff; background:#004097;}
.position p{ display:block; width:1280px; line-height:4.425; color:#999; font-size:0.875em; padding:1.5em 0 0; margin:0 auto;}
.position p a{ margin:0 2px;}
.position p a:hover{ color:#0047ba;}

/*内容样式*/
.main .attr{ width:1280px; min-height:calc(100vh - 528px); margin:0 auto; position:relative;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; line-height:1; font-size:36px; text-align:center; padding:2.25em 0 2em;}
.main .attr h2.title em{ display:block; line-height:1; color:#333; position:relative; margin:-1em 0 0;}
.main .attr h2.title span{ display:block; line-height:1; color:#004097; text-transform:uppercase; opacity:0.16; transform:scale(1.1666);}
.main .attr h2.title i{ display:none; width:2em; height:2px; background:#004097; margin:0.3333em auto 0;}
.main .attr h3.title{ display:block; line-height:2; color:#333; font-size:32px; font-weight:normal; text-align:center; padding:1.5em 0;}
.main .attr p.mark{ display:block; line-height:4.2; color:#999; font-size:14px; text-align:center; background:#f8f8f8; margin:0 0 2.5em;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ line-height:2.25; color:#333; font-size:16px; text-align/:justify; overflow:hidden; padding:0 0 2.5em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

.proinfo{ background:#f8f8f8; padding:40px; overflow:hidden; margin:40px 0 80px;}
.proinfo + .proinfo{ margin-top:-40px;}
.proinfo img.pic{ display:block; width:372px; float:left; margin:0 40px 0 0;}
.proinfo h3{ display:block; line-height:3.25; color:#004097; font-size:26px; font-weight:normal; margin:-0.375em 0 0.8em; border-bottom:1px solid #ccc; overflow:hidden;}
.main .attr h3.sub{ display:block; line-height:3.25; color:#004097; font-size:26px; font-weight:normal; overflow:hidden; padding:0.625em 0 0;}

.main ul.coopList{ display:block; font-size:16px; margin:0 -0.5em; padding:6px 0 60px;}
.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:flex; justify-content:center; align-items:center; height:4.5em; line-height:1.5; color:#333; text-align:center; padding:0 1.5em; overflow:hidden; margin:0 0.5em 1em; position:relative; box-shadow:0 0 12px rgba(0,0,0,0.1); transition:all ease 0.4s; cursor:default;}
.main ul.coopList li:hover a{ color:#0047ba; box-shadow:0 0 12px rgba(0,64,151,0.4); transform:translateY(-6px);}



@media only screen and (max-width:768px){
.header .head,
.footer .foot,
.position ul.menu,
.position p,
.main .attr{ width:calc(100% - 30px); min-width:0;}

.header .head{ height:60px;}
.header h1.logo a img{ height:60px;}
.header a.menu{ display:block; width:24px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:contain; float:right; filter:brightness(0) invert(1); transition:all ease 0.4s;}

ul.nav{ width:132px; height:auto; margin:0; background:rgb(11,70,158,0.9); padding:4px 0; position:absolute; right:-15px; top:60px; transition:transform 0.4s ease; transform:translateX(110%); z-index:99;}
ul.nav li{ width:auto; float:none; padding:0; margin:0;}
ul.nav li a{ display:block; line-height:2.8; color:#fff; font-size:14px; font-weight:normal; border-radius:0;}
ul.nav li a::after{ display:none;}
ul.nav li p.sub{ display:none !important;}
ul.nav.show{ transform:translateX(0);}

.header.fixed a.menu{ filter:brightness(1) invert(0);}
.header.fixed ul.nav li > a{ color:#fff;}
.header.fixed ul.nav li > a:hover,
.header.fixed ul.nav li.on > a,
.header.fixed ul.nav li.cur > a{ color:#fff;}

.banner{ height:52vw;}
.banner .txt{ width:calc(100% - 30px); font-size:12px;}
.banner .txt em{ font-size:1.5em; padding:0;}
.banner .txt p{ display:none;}

.footer .foot{ padding:30px 0 10px;}
.footer .info{ width:auto; float:none; font-size:13px;}
.footer .info a.logo{ margin:0 0 1em;}
.footer .info p{ padding:0.5em 0;}
.footer dl{ display:none;}
.footer .code{ float:none; font-size:13px; padding:1.5em 0 0;}
.footer .copyright{ font-size:12px; line-height:1.75; padding:1.25em 15px;}

.backToTop{ width:36px; height:36px; right:12px; bottom:75px; background-size:contain; opacity:0.7;}

.position{ font-size:14px;}
.position ul.menu{ font-size:inherit; margin:0; width:auto;}
.position ul.menu li{ width:33.33%;}
.position ul.menu li::before{ margin:0.625em 0;}
.position ul.menu li a{ line-height:3.25; padding:0;}
.position p{ line-height:3.25; font-size:inherit; padding:0.5em 0 0;}

.main .attr{ min-height:calc(100vh - 52vw - 114px);}
.main .attr h2.title{ font-size:22px; padding:2em 0 1.5em;}
.main .attr h3.title{ line-height:1.75; font-size:20px; padding:1.25em 0 0.75em; margin:0;}
.main .attr p.mark{ font-size:13px; line-height:3; margin:0 0 1em;}
.main .article{ font-size:13.5px; padding-top:0;}
.main .change{ font-size:13.5px; padding:1.2em 0; margin:0 0 0.75em;}
.main .change p{ float:none !important; max-width:none;}
.main .change p span{ display:none;}

.proinfo{ padding:15px 15px 0; margin:15px 0 40px;}
.proinfo + .proinfo{ margin-top:-25px;}
.proinfo img.pic{ width:100%; float:none; margin:0;}
.proinfo h3{ font-size:18px; line-height:3; margin:0.4em 0 0.8em;}
.proinfo .article{ padding-bottom:1.5em;}

.main .attr h3.sub{ font-size:18px;}
.main ul.coopList{ font-size:13.5px; padding:2px 0 30px;}
.main ul.coopList li{ width:50%;}
.main ul.coopList li a{ height:4em; padding:0 0.5em;}





}












/**/