body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; -moz-transition:all .3s;
	}
body { color:#000; font-size:14px; font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;  }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a{color:#000; text-decoration:none;}
a:link{color:#000;}
a:visited{color:#000;}
a:hover,a:active,a:focus{text-decoration:none; color: #000;}
img { border:none; vertical-align:top; width: 100%;}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px "Arial","Microsoft YaHei","黑体","宋体",sans-serif; }
input{border:0;outline:none;}
table { border-collapse:collapse;border-spacing:0;}
html {overflow-y: auto;} 
p{word-wrap:break-word}
a{blr:expression(this.onFocus=this.blur());}
*{outline:none;}
div{border:none}
.fl{float:left}
.fr{float:right;}

.picfocus{overflow: hidden; display: block;}
.picfocus img{
	width: 100%;
    -webkit-transition:0.36s ease;
    -moz-transition:0.36s ease;
    -o-transition:0.36s ease;
  -ms-transition:0.36s ease;
}
.picfocus:hover img{
     transform:scale(1.2);
     -webkit-transform:scale(1.2);
     -moz-transform:scale(1.2);
     -o-transform:scale(1.2);
     -ms-transform:scale(1.2);
}

.container-fluid {
  padding-right: 8px;
  padding-left: 8px;
	-webkit-transition:0.36s ease;
	    -moz-transition:0.36s ease;
	    -o-transition:0.36s ease;
	  -ms-transition:0.36s ease;
	  transition:0.36s ease;
}
.row {
    margin-right: -4px ;
    margin-left: -4px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 4px;
    padding-left: 4px;
	margin-bottom: 8px;
}

html,body{overflow-x: hidden;}


.header{}
.logo-box{position: relative; height: 106px; overflow: hidden;}
.logo-item{position: fixed; right: 0; left: 0; background: #fff; padding: 20px 0; z-index: 101;  }
.logo-item .black{display: none;}
.logo-item.on{ background: none; background: transparent; }
.logo-item.on .green{display: none;}
.logo-item.on .black{display: block;}
.logo { max-width: 185px; float: left; overflow: hidden; margin: 5px 0 0 0; }
.logo a{display:block;}
.logo img { display: block;}
.project-box{padding: 35px 0 25px; overflow: hidden;}
.project-box .project-logo{float: left; max-width: 471px; width: 30%;}
.project-box .project-nav-box{float: right; width: 70%;}
.project-box .project-name{float: right; width: 100%; text-align: right;}
.project-box .project-name img{ width: 22%; max-width: 241px;}
.project-box .project-nav{ float: right; margin: 20px 0 0;}
.project-box .project-nav li{float: left; line-height: 60px; font-size: 20px; margin: 0 0 0 36px; font-weight: bold; color: #3e3a39;}
.project-box .project-nav li a{ display: block; position: relative;}
.project-box .project-nav li a:hover:after{position: absolute; right: 0; left: 0; bottom: 0; z-index: -1; content: ""; height: 30px; background: #2cb69a;}
.project-box .project-nav .on{background: #2cb69a;height: 30px; }

.enlarge{position: absolute;display: block;right: 0; top: 35px; cursor: pointer;z-index: 30;height: 30px;width: 32px; z-index: 100;}
.enlarge .icon::before, 
.enlarge .icon::after,
.enlarge .icon{background-color: #1fa8a2;height: 4px;left: 0;position: absolute;transition-duration: 0.5s;width: 27px;}
.enlarge .icon::before{content: "";top: -9px;}
.enlarge .icon::after{content: "";top: 9px;}
.enlarge .icon{left: 2px; top: 15px;}
.enlargeSelect.enlarge .icon::before{transform: translateY(9px) rotate(45deg); background-color: #080404;}
.enlargeSelect.enlarge .icon::after{transform: translateY(-9px) rotate(-45deg); background-color: #080404;}
.enlargeSelect.enlarge .icon{width: 0;}

.nav-box{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; display: none;
	background: -moz-linear-gradient(left top, rgba(67,156,151,0.95), rgba(71,160,140,0.95));
	background: -webkit-linear-gradient(left top, rgba(67,156,151,0.95), rgba(71,160,140,0.95));
	background: -o-linear-gradient(left top, rgba(67,156,151,0.95), rgba(71,160,140,0.95));
}
.nav{float: right; margin-top: 180px; width: 470px;}
.nav li{width: 100%; line-height: 80px; font-family: arial; margin: 5px 0;}
.nav li a{font-size: 60px; font-weight: 800; text-transform: uppercase; display: block;}
.nav li:hover a{position: relative; color: #fff;}
.nav li:hover a:after{ content: ""; position: absolute; left:49px; right: 0; z-index: -1; background: #000; height: 80px;
-webkit-transition:0.36s ease;
    -moz-transition:0.36s ease;
    -o-transition:0.36s ease;
  -ms-transition:0.36s ease;
  transition:0.36s ease;
}
.nav li:first-child:hover a:after{left:1em;}
.nav li:nth-child(4):hover a:after{left:53px;}

.nav-box .container-fluid{position: relative; height: 100%;}
.share-box{position: absolute; right: 8px; bottom:14%; width: 370px;}
.share-box ul{overflow: hidden;}
.share-box li{float: left; margin-right: 30px;}
.share-box li a{ display: block;}
.share-box li img{max-width: 44px;}

@media (min-width: 1552px){
	.logo-item{right: calc(50% - 768px); left: calc(50% - 768px);}
}
@media (max-width: 1551px){
	.enlarge{right:8px;}
    .logo-item {right: 15px; left: 15px;}
}
@media (max-width: 1366px){
	.nav{    margin-top: 120px;}
	.nav li{line-height: 66px;}
	.nav li a { font-size: 50px;}
	.nav li:hover a:after{height: 66px;left:42px;}
	.nav li:nth-child(4):hover a:after{left:45px;}
	
}

@media (max-width: 767px){
	.logo-item{padding: 0;}
	.logo-box{padding: 0 8px; height: 50px;}
	.logo{margin: 5px 0 5px 0; height: 40px; max-height: 40px; }
	.logo a{height: 100%;}
	.logo img{height: 100%; width: auto;}
	.enlarge{top: 8px; right: 8px;}
	.nav{margin-top: 30px; width: 100%; padding: 0 8px; box-sizing: border-box;}
	.nav li,
	.nav li a.on:after, 
	.nav li:hover a:after{line-height: 40px; height: 40px;}
	.nav li a{font-size: 28px;}
	.nav li:hover a:after{left:23px;}
	.nav li:first-child:hover a:after{left:1em;}
	.nav li:nth-child(4):hover a:after{left:25px;}
	.nav-box{top: 50px;}
	.share-box{width: 100%;padding: 0 8px; box-sizing: border-box;}
	.share-box li{margin: 0 8px;}
	.project-box{padding: 8px}
	.project-box .project-logo{width: 60%;}
	.project-box .project-nav-box{width: 100%;}
	.project-box .project-nav li{ margin: 0 10px; font-size: 16px; line-height: 32px;}
	.project-box .project-nav li.on a:after, 
	.project-box .project-nav li:hover a:after{height: 10px; bottom: 5px;}
}



.footer{background: #252525; color: #fff;font-size: 16px; font-weight: bold;line-height: 42px; margin-bottom: 30px;}
.footer a{color: #fff;}
.footer .f_logo{}
.footer .f_logo img{width: auto; max-width: 526px; padding: 46px 0 56px 84px;}
.footer .f_nav{width: 340px; margin: 0 0 0 84px; overflow: hidden;}
.footer .f_nav .fl{width: 90px;}
.footer .f_nav .fr{width: 124px;}
.footer .f_nav li{float:left; width: 100%;}
.footer .f_nav .fr li{width: 50%;}
.footer .f_add{}
.footer .f_add ul{margin-left: 65px;margin-left: 0;}
.footer .f_add li{background: url(../image/icon-add-ft.png) no-repeat left 7px; padding-left: 44px;}
.footer .f_add .add{background-image: url(../image/icon-add-ft.png);}
.footer .f_add .tel{background-image: url(../image/icon-tel-ft.png);}
.footer .f_add .email{background-image: url(../image/icon-email-ft.png);}
.footer .f_add em{font-weight: bold; margin-right: 43px;}
.footer .f_wx{margin-top: 13px;}
.footer .f_wx ul{float: right; margin-right: 60px;}
.footer .f_wx li{float:left; width: 180px; max-width: 50%; padding: 0 25px; text-align: center;}
.footer .f_wx li p{font-weight: bold; margin: 11px 0 0;}
.footer .f_copy{font-size: 12px; line-height: 24px; padding: 21px 4px; margin-bottom: 17px; font-weight: normal;}
.footer .f_copy p{margin-left: 83px;}

@media (max-width: 1551px){
	.container-fluid{padding: 0 15px;}
  
}

@media (min-width: 1552px){
	.container-fluid{width: 1552px;	}
}

@media (max-width: 1366px){
	.footer .f_nav{width: 240px;}
	.footer .f_add ul{margin-left: 30px;margin-left: 0;}
}

@media (max-width: 1024px){
	.footer{line-height: 32px; font-size: 14px;}
	.footer .f_logo img{padding: 26px 0 26px 36px;}
	.footer .f_nav,
	.footer .f_copy p{margin: 0 0 0 36px;}
	.footer .f_add{margin: 0; padding-left: 20px;}
	.footer .f_add ul{margin-left: 0;}
	.footer .f_wx ul {float: right;margin-right: 15px;}
	.footer .f_wx li{padding: 0 15px;}
	.footer .f_add li{background-size: 18px 20px;    padding-left: 32px;}
}
@media (max-width: 767px){
	.footer{line-height: 26px; padding-bottom: 20px; margin-bottom: 15px;}
	.footer .f_logo img{padding: 20px; width: 100%; max-width: 400px;}
	.footer .f_nav{width: 100%; margin: 0; padding: 0 10px;}
	.footer .f_nav .fl{width: 100%;}
	.footer .f_nav li{width: auto; margin: 0 10px;}
	.footer .f_nav .fr{width: 100%;}
	.footer .f_nav .fr li{width: auto; margin: 0 10px;}
	.footer .f_add{ padding: 0 20px;}
	.footer .f_copy{margin: 0; padding: 10px 0;}
	.footer .f_copy p{ padding: 0 20px; margin: 0;}
}
 
    .page{height:50px; line-height:24px; text-align:center; margin-top:50px; clear:both;}
    .page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
    .page li a{color: #555;}
    .page li a:hover{background:#f5f5f5; color:#0064c4;}
    .page li.thisclass{background:#9A9FA5; color: #fff;}
    .page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}
    .page .pageinfo strong{font-weight:normal;}