@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%; background/:#fff; padding/:20px 0 0; position:fixed; left:0; top:0; z-index:99; transition:all ease 0.4s;}
.header .head{ width:1280px; text-align/:center; position:relative; margin:0 auto; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:inline-block; overflow:hidden; vertical-align:top;}
.header h1.logo a{ display:block; padding:18px 0; position:relative;}
.header h1.logo a img{ display:block; height:76px;}
.header p.lang{ display:block; line-height:2; color:#ccc; color:#fff; font-size:15px; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:all ease 0.4s;}
.header p.lang a{ color:#888; color:inherit; margin:0 2px; transition:all ease 0.4s;}
.header p.lang a:hover{ color:#bd0f1f;}

/*导航*/
ul.nav{ display:flex; justify-content:center; width:50%; font-size:16px; margin:1em 0 0.75em; padding:40px 0 32px; margin:-112px auto 0; padding:36px 0;}
ul.nav li{ display:block; position:relative;}
ul.nav li.close{ display:none;}
ul.nav li a{ display:block; line-height:2.5; color:#000; color:#fff; font-weight/:bold; position:relative; margin:0 1.25em;}
ul.nav li a::after{ content:''; display:block; width:100%; height:2px; background:#bd0f1f; position:absolute; left:0; bottom:0; transition:all ease 0.4s; transform:scale(0,1);}
ul.nav li a:hover,
ul.nav li.on a{ color:#bd0f1f;}
ul.nav li a:hover::after,
ul.nav li.on a::after{ transform:scale(1,1);}

.header:hover{ background:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.2);}
.header:hover p.lang{ color:#ccc;}
.header:hover p.lang a{ color:#888;}
.header:hover p.lang a:hover{ color:#bd0f1f;}
.header:hover ul.nav li a{ color:#000;}

.header.fixed{ background:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.2);}
.header.fixed p.lang{ color:#ccc;}
.header.fixed p.lang a{ color:#888;}
.header.fixed ul.nav li a{ color:#000;}

/*底部*/
.footer{ background:#fff; border-top:3px solid #bd0f1f;}
.footer .foot{ width:1280px; margin:0 auto; position:relative;}
/*
.footer a.logo{ display:block;}
.footer a.logo img{ display:block; height:90px;}
*/
.footer .info{ display:flex; justify-content:space-between; align-items:center; line-height:2; color:#4a4a4a; font-size:16px; overflow:hidden; padding:3em 0;}
.footer .info p{ display:block; line-height:1.5; padding-left:4.5em; position:relative; flex-shrink:0; max-width:40%;}
.footer .info p img{ display:block; height:3.375em; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.footer .info p em{ display:block; line-height:1.15; font-size:16px; padding:0.3em 0 0.7em;}
.footer .copyright{ line-height:1.875; color:#666; font-size:14px; text-align:center; padding:1.5em 0; border-top:1px solid #ddd;}
.footer .copyright a{ color:inherit;}
.footer .copyright a:hover{ color:#bd0f1f; text-decoration:underline;}

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

.shadow{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:9998; opacity:0; visibility:hidden; transition:all ease 0.2s;}
.shadow.show{ opacity:1; visibility:visible;}
.picShow{ position:fixed; left:50vw; top:50%; top:50%; transform:translate(-50%,-50%); z-index:9999; opacity:0; visibility:hidden;}
.picShow.show{ opacity:1; visibility:visible;}
.picShow .pic{ display:flex; justify-content:center; align-items:center; width:80vw; height:80vh; height/:750px; max-height/:82vh; width:90vw; height:100vh; background-size:contain !important; background-position:center; background-repeat:no-repeat; transform:scale(0.8); opacity:0; transition:all ease 0.4s;}
.picShow .pic img{ display:block; max-width:96%; max-height:96%;}
.picShow.show .pic{ transform:scale(1); opacity:1;}
.picShow a.close{ width:24px; height:24px; background:url(../images/common/close.png) center no-repeat; background-size:contain; position:absolute; left:100%; bottom/:100%; top:2%; cursor:pointer; z-index:9;}

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



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


}

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

.header .head{ height:60px; margin:0 auto;}
.header h1.logo a{ padding:10px 0;}
.header h1.logo a img{ height:40px;}
.header a.menu{ display:block; width:22px; height:60px; background:url(../images/common/head_menu.png) center no-repeat; background-size:contain; float:right; transition:all ease 0.4s; filter:brightness(0) invert(1);}
.header p.lang{ font-size:13px; margin-right:37px;}

ul.nav{ display:block; width:100vw; height:100vh; font-size:16px; overflow:hidden; overflow-y:auto; background:#fff; float:none; position:fixed; left:0; top:0; z-index:999; transition:all ease 0.4s; transform:translateX(100%); margin:0; padding:0;}
ul.nav li{ float:none; text-align:left; padding:0 20px; border-bottom:1px solid #f5f5f5; clear:both; margin:0 0 12px; transition:all ease 0.4s; 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 > a::after{ display:none;}
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 i.open{ transform:rotate(225deg); margin:-4px 8px 0 0;}
ul.nav li p.sub{ background:#fff; position:static; width:auto; min-width:0; transform:none; box-shadow:none; padding:0;}
ul.nav li p.sub a{ width:auto; color:#666; font-size:16px; line-height:50px; border-bottom:1px solid #f5f5f5; padding:0 2em;}
ul.nav li > a:hover,
ul.nav li.on > a,
ul.nav li.cur > a{ color:#275993; font-weight:bold; background:none;}ul.nav li.close{ display:block; width:20px; height:60px; float:right; padding:0; background:url(../images/common/nav_close.png) center no-repeat; background-size:100% auto; margin:0 20px; transform:translateY(0); opacity:1; border:0;}

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 li:nth-child(9){ transition-delay:0.7s;}
ul.nav li:nth-child(10){ transition-delay:0.8s;}
ul.nav li:nth-child(11){ transition-delay:0.9s;}
ul.nav li:nth-child(12){ transition-delay:1.0s;}

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

.header a.menu{ filter:brightness(1) invert(0);}

.banner{ height:48vw;}

.footer{ padding/:28px 0 20px;}
.footer .foot{ display:block;}
.footer a.logo{ width:108px; margin:0 auto 18px;}
.footer a.logo img{ width:100%; height:auto;}
.footer dl{ display:none;}
.footer .info{ font-size:13px; text-align/:center; margin/:0 1em; display:block; padding:4px 0 16px;}
.footer .info p{ max-width:none; padding-left:4em; margin:14px 0 0;}
.footer .info p img{ height:40px;}
.footer .info p em{ padding:0.3em 0 0.3em; font-size:15px;}
.footer .copyright{ font-size:13px; line-height:1.5; padding:1.125em 0;}

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

.picShow a.close{ top:0; right:0; left:auto;}
.picShow .pic{ height:calc(100vh - 10vw);}
.picShow .pic img{ max-width:100%; max-height:100%;}


}












/**/