@charset "utf-8";
/*公共样式*/
*{font-family: Arial,Helvetica,"Microsoft Yahei",sans-serif;padding: 0;margin:0; box-sizing: border-box;vertical-align: top;}
html{overflow-y: scroll;}
:root{overflow-y: auto;overflow-x: hidden;}
body{color: #333;font-family: "微软雅黑",Arial,Georgia,"Times New Roman",Times,serif;font-size: 14px;line-height: 26px;position: relative;width: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;list-style: none;list-style-type: none;font-weight: normal;}
table{border-collapse: collapse;border-spacing: 0;}
table th,table td{padding: 4px 12px;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,i,th,var{font-style: normal;font-weight: normal;}
ception,th{text-align: left;}
q:before,q:after{content: '';}
abbr,acronym{border: 0;}
p{word-spacing: -1.5px;}
input,button,textarea,select,optgroup,option{font-family: inherit;font-size: inherit;outline: none;font-style: inherit;font-weight: inherit;border: none;}
input,button,textarea,select{*font-size: 100%;background: none;border: none;}
input,select{vertical-align: middle;}
table{font-size: 14px;border-collapse: collapse;}
a{color: #000;text-decoration: none;} 
a:focus{outline: none;}
a:hover{text-decoration: none;cursor: pointer;}

/*定位*/
.fl{float: left;}
.fr{float: right;}
.zoom{zoom: 1}
.clear{clear: both;height: 0;line-height: 0;font-size: 0;}
.clearfix{zoom: 1;}
.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.w1500{max-width: 1500px;width: 90%;margin: auto;}

/*header*/
#c-header{position: fixed;top: 0;left: 0;z-index: 900;width: 100%;line-height: 130px;text-align: center;color: #fff;transition: all 0.5s;}
#c-header.c-head-move{top: -130px;}
#c-header .c-container{position: relative;margin: 0 auto;width: 83.333%;display: flex;align-items: center;justify-content: space-between;}
#c-header .c-logo{position: relative;z-index: 2;display: flex;align-items: center;}
#c-header .c-logo img{height: 120px;}
#c-header .c-logo img:nth-child(2){display: none;}
#c-header.c-style2 .c-logo img:first-child{display: none;}
#c-header.c-style2 .c-logo img:last-child{display: inline-block;}
.c-open #c-header .c-logo img:first-child{display: none;}
.c-open #c-header .c-logo img:last-child{display: inline-block;}
#c-header .c-pop-nav{position: fixed;top: 0;left: 0;padding: 190px 0 60px;display: flex;align-items: center;width: 100%;transition: all 1s;overflow-y: auto;transform: translateY(-100%);background: rgba(245, 245, 245, .95);}
.c-open #c-header .c-pop-nav{transform: translateY(0);}
#c-header .c-pop-nav a{position: relative;z-index: 2;display: inline-block;padding: 0 5px;color: #666;transition: .5s;}
#c-header .c-pop-nav .c-gt{display: flex;align-items: center;width: 100%;height: 100%;}
#c-header .c-pop-nav .c-list{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;width: 100%;overflow: hidden;}
#c-header .c-pop-nav .c-list>li{color: #333;font-size: 16px;line-height: 26px;text-align: left;}
#c-header .c-pop-nav .c-list>li ul{opacity: 0;transform: translateY(-30px);transition: all .5s 0s;}
.c-open #c-header .c-pop-nav .c-list>li:nth-child(1) ul{transition: all .5s .5s;}
.c-open #c-header .c-pop-nav .c-list>li:nth-child(2) ul{transition: all .5s .6s;}
.c-open #c-header .c-pop-nav .c-list>li:nth-child(3) ul{transition: all .5s .7s;}
.c-open #c-header .c-pop-nav .c-list>li:nth-child(4) ul{transition: all .5s .8s;}
.c-open #c-header .c-pop-nav .c-list>li:nth-child(5) ul{transition: all .5s .9s;}
.c-open #c-header .c-pop-nav .c-list>li:nth-child(6) ul{transition: all .5s 1s;}
.c-open #c-header .c-pop-nav .c-list>li ul{opacity: 1;transform: translateY(0);}
#c-header .c-pop-nav .c-list>li>.c-title-box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;font-weight: bold;font-size: 24px;line-height: 34px;cursor: default;}
#c-header .c-pop-nav .c-list .c-title-box a{color: #333;}
#c-header .c-pop-nav .c-list .c-title-box a:hover{color: #3a3788;}
#c-header .c-pop-nav .c-list ul li {margin-bottom: 10px;}
#c-header .c-pop-nav .c-list ul li:last-child{margin-bottom: 0;}
#c-header .c-pop-nav .c-list a:hover{color: #3a3788;}
#c-header .c-switch{position: relative;width: 60px;height: 60px;border-radius: 50%;background: #fff;border: 2px solid rgba(221, 221, 221.9);cursor: pointer;opacity: .5;transition: .5s;}
#c-header .c-switch:hover{opacity: 1;}
body.c-open #c-header .c-switch{border-color: #fff;}
#c-header .c-switch i{position: absolute;top: 50%;left: 18px;display: block;height: 2px;width: 22px;background: #222;transition: all 0.3s;}
#c-header .c-switch i:nth-child(1){margin-top: -4px;}
#c-header .c-switch i:nth-child(2){width: 18px;margin-top: 4px;}
body.c-open #c-header .c-switch i:nth-child(1){margin-top: -1px;transform: rotate(45deg);}
body.c-open #c-header .c-switch i:nth-child(2){width: 22px;margin-top: -1px;transform: rotate(-45deg);}
@media screen and (max-width: 990px){
    #c-header .c-logo img{height: 60px;}
    #c-header .c-switch{width: 40px;height: 40px;border-radius: 50%;}
    #c-header .c-switch i{width: 22px;left: 8px;}
    #c-header .c-switch i:nth-child(2){width: 18px;left: 8px;}
    #c-header .c-pop-nav{padding: 80px 0 30px;}
	#c-header .c-pop-nav .c-list{width: 100%;}
	#c-header .c-pop-nav .c-list ul{display: none;}
	#c-header .c-pop-nav .c-list>li{width: 100%;margin-bottom: 15px;}
	#c-header .c-pop-nav .c-list>li:last-child{margin-bottom: 0;}
    #c-header .c-pop-nav .c-list>li>.c-title-box{margin-bottom: 8px;font-size: 18px;line-height: 28px;}
	.c-open #c-header .c-pop-nav .c-list>li ul{margin-top: 10px;}
	.c-open #c-header .c-pop-nav .c-list>li ul a{font-size: 14px;}
    body.c-open #c-header .c-switch i:nth-child(2){width: 22px;}
}

/*banner*/
#c-banner{position: relative;z-index: 3;overflow: hidden;background: #fff;background: linear-gradient(to bottom, #f7f7f7 50%, #fff 50%);height: 100vh;}
#c-banner .m_bg{top: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.6) url(../images/banner_bg.png) repeat; z-index: 2;position: absolute}
#c-banner .txt{width: 100%;height: 100%;position: absolute;top: 0;z-index: 10;overflow: hidden;display: flex;justify-content: center;flex-direction: column;align-items: center;opacity: 0.7;color: #f3f3f3;}
#c-banner .txt h2{font-size: 65px;letter-spacing: 10px;}
#c-banner .txt h3{font-size: 70px;font-weight: bold;line-height: 180px;}
#c-banner .txt p{font-size: 30px;letter-spacing: 4px;}
.video2{width:100%;position: relative;padding-top: 0px;overflow: hidden; display: none;background: url(../images/fufu.jpg) no-repeat center top;background-size:100%;}
.video2 video{width:100%; display:block}
.m_bg2{top: 0;height: 30%;width: 100%;background: url(../images/pnbg.png) repeat-x left bottom; z-index: 2;position: absolute;}
@media only screen and (max-width: 990px){
	#c-banner{height: 100%;}
	.video1{display: none;}
	.video2{display: block}
}

/*footer*/
.footer{padding-top: 50px;background-color: #fff;border-top: #eee solid 1px;}
.footer .box{padding-bottom: 30px;border-bottom: #eee solid 1px;}
.footer .foot-nav .foot-navli{float: left;min-width: 120px;margin-right: 20px;}
.footer .foot-nav .foot-navli img{display: block;width: 150px;margin-right: 30px;}
.footer .foot-nav .foot-navli .tit a{color: #444;font-size: 16px;transition: all 0.3s ease;}
.footer .foot-nav .foot-navli ul{margin-top: 20px;margin-right: 45px;}
.footer .foot-nav .foot-navli ul li{margin-bottom: 10px;}
.footer .foot-nav .foot-navli ul li a{color: #999;line-height: 1.7;transition: all 0.3s ease;}
.footer .foot-code{padding-top: 1.4%;padding-right: 3.2%;box-sizing: border-box;overflow: hidden;text-align: center;}
.footer .foot-code .con{margin-left: 20px;}
.footer .foot-code .img{padding: 4px;background: #fff;box-shadow: 0px 2px 10px rgba(0,0,0,0.1);width: 120px;box-sizing: border-box;}
.footer .foot-code .img img{display: block;width: 100%;}
.footer .foot-code .txt{color: #444;margin-top: 10px;}
.footer .copyright{padding: 20px 0px;overflow: hidden;}
.footer .copyright .text,.footer .copyright .text a,.footer .copyright .foot-share,.footer .copyright .foot-share a{color: #999;}
.footer .foot-nav .foot-navli .tit a:hover,.footer .foot-nav .foot-navli ul li a:hover,.copyright .foot-share a:hover{color: #3a3788;}
@media only screen and (max-width: 990px){
	.footer{padding-top: 40px;}
	.footer .box{padding-bottom: 10px;}
	.footer .foot-nav .foot-navli{margin-right: 0;margin-bottom: 20px;}
	.footer .foot-nav .foot-navli img{display: none;}
	.footer .foot-nav .foot-navli:last-child{margin-bottom: 0;}
	.footer .foot-nav .foot-navli ul{margin-top: 10px;overflow: hidden;margin-right: 0;}
	.footer .foot-nav .foot-navli ul li{float: left;margin-right: 20px;margin-top: 5px;margin-bottom: 5px;}
	.footer .foot-nav .foot-navli ul li:last-child{margin-right: 0;}
	.footer .foot-code{padding-right: 0;}
	.footer .foot-code .con{margin-left: 0;margin: 15px 10px;float: left;width: 42%;}
	.footer .foot-code .img{width: 100%;}
	.footer .copyright{padding: 20px 0px;}
	.footer .copyright .text,.footer .copyright .foot-share{width: 100%;text-align: center;}
}









