/*清除默认样式*/

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;font-weight: normal;}

fieldset,img{border:0;}

img{vertical-align:middle;}

ol,ul,li{list-style-type:none;}

p,big,small,span,font,em{margin:0;}

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{font-size:13px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;}

body{color:#666;font-size:14px;line-height:24px;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif;text-align: justify;}

a{color:#666;text-decoration:none;outline:none;}

a:hover {text-decoration: none;color:#3a3a3a;}

img{-ms-interpolation-mode:bicubic;max-width:100%;-webkit-touch-callout:none;}

/*html5 初始化新标签的CSS*/

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}

/*清除浮动*/

.clearfix:after {clear: both; content: ""; display:block; height: 0; overflow: hidden; visibility: hidden; }

.clearfix { zoom:1;}

/*字体*/

@font-face {

    font-family: "Montserrat-Bold";

    src: url("../font/Montserrat-Bold.otf");

}

@font-face {

    font-family: "ChaoPai";

    src: url("../font/ChaoPai.ttf");

}

@font-face {

    font-family: "Futura";

    src: url("../font/Futura-Medium.woff2");

}

@font-face {

    font-family: "SangBleuEmpire-Regular";

    src: url("../font/SangBleuEmpire-Regular.woff");

}

/*滚动条样式*/

::-webkit-scrollbar {

    width: 4px;

    height: 8px;

    background-color: transparent;

}

::-webkit-scrollbar-thumb {

    border-radius: 4px;

    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);

    background: #11a84e;

}

/*video标签隐藏下载按钮*/

video::-internal-media-controls-download-button {

    display:none;

}

video::-webkit-media-controls-enclosure {

    overflow:hidden;

}

video::-webkit-media-controls-panel {

    width: calc(100% + 30px); 

}

/* CSS活动的公共样式 */

.fl{float:left;}

.fr{float:right;}

.wrap{width:100%;overflow:hidden;}

.mainWidth{width:1000px; margin:0 auto;}

.ce{text-align:center;}

.hide{overflow:hidden;}

.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.center{text-align:center;}

.normal{font-weight:normal;}

.box{box-sizing: border-box;}

.en {font-family: 'Helvetica-Neue-CE-35-Thin';}

.pic-scale{-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}

.radius{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}









/*公共按钮*/

.button {

    display:block;

    width:150px;

    height:42px;

    overflow:hidden;

    line-height: 42px;

    font-size: 14px;

    color:#666;

    text-align: center;

    border: 1px solid #b6b6b6;

    border-radius: 25px;

    position:relative;

    transition: all 1s;

}



.button:hover {

    color:#fff;

    background:#11a84e;

    border: 1px solid #11a84e;

    padding-left: 2%;

}

.button:hover:before,.button:hover:after {animation: cir-size 2s linear infinite;}



@keyframes cir-size {

  0% {

      opacity:1;

      -webkit-transform: translate(2px,5px);

  }

  100% {

      opacity:0;

      font-size: 0px;

      -webkit-transform: translate(8px,-8px);

  }

   

}



body {

    *max-width:1920px;

    width: 100%;

    margin:0 auto;

}

.container {

    width: 100%;

    max-width: 1600px;

    margin: 0 auto;

}



/*头部*/

.header {

    padding: 20px 0 20px 0;

    border-bottom: none;

    color: #fff;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index:9;

    background-image: linear-gradient(to top,rgba(0,0,0,0.01) 0,rgba(0,0,0,.5) 100%);

}





/*头部logo*/

.header .logo {

    width: 12%;

    height: 60px;

    background: url(../images/logob.png) no-repeat left center/80%;

}

.header .logo a {

    display:block;

    width:100%;

    height:inherit;

    padding-left: 70px;

    opacity: 0;

}

.header .logo a .p1 {

    font-size: 16px;

    color:#fff;

    font-family: 'Futura';

    padding-top: 5px;

}

.header .logo a .p2 {

    font-size: 16px;

    color:#fff;

    font-weight: bold;

    font-family: "ChaoPai";

}



/*头部菜单*/

.header .nav {

    width: 67%;

    margin-left: 3%;

}

.header .nav>ul {

    width:100%;

}

.header .nav>ul>li {

    float: left;

    width: 11.1%;

    padding: 1% 0 20px 0;

    text-align: center;

}

.header .nav>ul>li>a {

    font-size: 20px;

    color:#fff;

    font-weight: bold

}



.header.headerfix .nav>ul>li.active a {

    color:#11a84e;

}

.header .nav>ul>li>a>span {

    display: block;

    font-size: 14px;

    

}





/*头部菜单-下拉菜单*/

.header .nav ul li .sub-box {

	display:none;

	position: absolute;

    width: 100%;

	padding:3% 0 5%;

    z-index: 999;

    left: 0;

    overflow: hidden;

    transition: all 0.3s;

}

.header .nav ul li .sub-box::after {

    content: '';

    display: block;

    position:absolute;

    top: 20px;

	left:0;

    width: 100%;

    height: 100%;

    background: #f6f6f6 url(../images/header-fix.png) no-repeat bottom center/cover;

	z-index:-1;

}

.header .nav ul li:hover .sub-box {

	display:block;

}

.header .nav ul li .sub-box  .item-fl {

    position: relative;

	width: 30%;

	text-align:left;

}

.header .nav ul li .sub-box  .item-fl h3 {

	display:inline-block;

	font-size: 24px;

	padding: 0 10px;

	margin: 0 0 5% 0;

	color: #3c3c3c;

	

	position: relative;

	z-index:1;

}

.header .nav ul li .sub-box  .item-fl p {

	height:80px;

	font-size: 14px;

	color:#666;

	

	line-height: 1.8;

	text-align:left;

}

.header .nav ul li .sub-box  .item-fr {

	width: 40%;

	min-height: 100px;

	padding: 0 5% 0 5%;

}

.header .nav ul li .sub-box  .item-fr a {

    position: relative;

	display:block;

	width: 100%;

	padding: 10px 0% 10px 30px;

	margin-bottom:0%;

	font-size: 20px;

	color: #252525;

	font-weight: bold;

	text-align: left;

	border-bottom: 1px dotted #dedede;

	transition: padding 0.5s;

}

.header .nav ul li .sub-box  .item-fr.two a {

    position: relative;

	display:block;

	width: 50%;

	padding: 10px 0% 10px 30px;

	margin-bottom:0%;

	font-size: 20px;

	color: #252525;

	/*font-weight: bold;*/

	text-align: left;

	border-bottom: 1px dotted #dedede;

	transition: padding 0.5s;

	float:left;

}





.header .nav ul li .sub-box  .item-fr a:hover:after {

    content: "";

    position: absolute;

    left: 0px;

    top: 12px;

    width: 20px;

    height: 20px;

    background:url(../images/go.svg) no-repeat center center/18px;

}

.header .nav ul li .sub-box  .item-fr a:hover {

	color: #11a84e;

	padding:10px 0 10px 40px;



}

.header .nav ul li .sub-box  .item-pic {

    width:20%;

}



/*头部菜单-下拉菜单 end*/



.header .menu{ 

    display:none;

    width:39px; 

    height:39px;

    margin-left:20px;

    margin-top:8px;



    background:url(../images/menu.svg) no-repeat center; background-size:cover;

}



.header .submenu {

    max-width:18%;

}

.header .submenu .tel {

    font-size: 24px;

    color: #fff;

	font-weight:bold;

    font-family: 'Futura';

    width: 230px;

    padding-left: 45px;

    background:url(../images/tel-icon.svg) no-repeat 10px/25px;

}

.header .submenu .tel span {

    display: block;

    font-size: 14px;

}







/*头部logo*/

.headerfix {

    background:#fff url(../images/header-fix.png) no-repeat bottom center/cover;

    box-shadow: 0 4px 8px 0 rgb(7 17 27 / 10%);

}

.headerfix .logo {

    width: 12%;

    height: 60px;

    background: url(../images/logo.png) no-repeat left center/80%;

}

.headerfix .logo a .p1 {

    color:#3a3a3a;

}

.headerfix .logo a .p2 {

    color:#3a3a3a;

}

.headerfix .nav>ul>li {

}

.headerfix .nav>ul>li>a {

    color:#252525;;

}



.headerfix .submenu .tel {

    background:url(../images/tel-icon-fix.svg) no-repeat 10px/25px;

    color: #11a84e;

}



.headerfix .submenu .tag {

    color:#252525;

}



/*自适应样式*/

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

/*头部*/

.header {

    padding: 0px 0;

}

/*头部logo*/

.header .logo a {

    padding-left: 50px;

}

.header .logo a .p1 {

    font-size: 12px;

    padding-top: 0px;

    transform: translate(0%, 30%);

}

.header .logo a .p2 {

    font-size: 14px;

    font-weight: bold;

}

.header .logo {

    width: 70%;

    background: url(../images/logob.png) no-repeat left center;

    background-size: 50%;

}

.headerfix .logo {

    width: 70%;

    background: url(../images/logo.png) no-repeat left center;

    background-size: 50%;

}

/*头部菜单*/

.header .nav {

    display:none;

    position: fixed;

    top: 55px;

    left: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 20px;

    line-height:30px;

    background: #ffffff;

}

.header .nav>ul {

    width:100%;

}

.header .nav>ul>li {

    width:100%;

    margin:1% 0;

    padding:5px 20px;

    text-align: left;

}

.header .nav>ul>:last-child::after {

    display:none;

}

.header .nav>ul>li>a {

    display: inline-block;

    font-size: 18px;

    padding: 0 10px;

    margin: 0 0 0 0;

    color: #3a3a3a;

    position: relative;

}

.header .nav>ul>li>a>span {

    display:none;

    font-size: 12px;

    color:#f6f6f6;

    margin-top: 0px;

}

.header .nav>ul>li:hover a {

    color:#fff;

}

.header .nav>ul>li:hover>a>span{

    color:#fff;

}

/*头部菜单-下拉菜单*/

.header .nav ul li .sub-box {

    display:none;

    position: absolute;

    width: 100%;

    padding:4% 0;

    background: rgba(12,55, 113, 0.99);

    border-bottom: solid 1px #fff;

    z-index: 999;

    left: 0;

    overflow: hidden;

    transition: all 0.3s;

}

.header .nav ul li:hover .sub-box {

    display:none;

}

.header .nav ul li .sub-box  .item-fl {

    width: 100%;

    text-align:left;

}

.header .nav ul li .sub-box  .item-fl h3 {

    display:inline-block;

    font-size: 24px;

    padding: 0 10px;

    margin:0 0 10% 0;

    color: #fff;

    font-family: 'ChaoPai';

    position: relative;

}

.header .nav ul li .sub-box  .item-fl h3:after {

    content: "";

    position: absolute;

    left: 0px;

    bottom: 0%;

    width: 100%;

    height: 10px;

    background: #ffc006;

    z-index: -1;

    transition: all 0.5s;

}

.header .nav ul li .sub-box  .item-fl p {

    font-size:14px;

    color:#fff;

    line-height: 1.6;

    text-align:left;

}

.header .nav ul li .sub-box  .item-fr {

    width: 100%;

    border-left:none;

}

.header .nav ul li .sub-box  .item-fr a {

    display:block;

    float: left;

    width: 33.3%;

    padding: 0 4.016%;

    margin-bottom:8%;

}

.header .nav ul li .sub-box  .item-fr a h4 {

    font-size:20px;

    color:#aac2e2;

    font-family: 'Futura';

    text-transform: uppercase;

    transition: all 0.5s;

}

.header .nav ul li .sub-box  .item-fr a h3 {

    font-size:14px;

    color:#fff;

}

.header .menu{ 

    display:block;

    width:39px; 

    height:39px;

    margin-left:20px;

    margin-top:8px;

    background:url(../images/menu.svg) no-repeat center/30px;

}

.headerfix .menu{ 

    background:url(../images/menu-fix.svg) no-repeat center/30px;

}

.headerfixmenu .menu{ 

    background:url(../images/menu-close.svg) no-repeat center/30px; 

}

.headerfixmenu .menu{ 

    background:url(../images/menu-close.svg) no-repeat center/30px; 

}

.header .submenu {

    display:none;

    width:18%;

}

.header .submenu .search {

    padding: 0% 0% 0 0%;

    margin-right: 10%;

    margin-top: 4%;

    max-width: 170px;

}

.header .submenu .search form {

    height: 36px;

    line-height: 36px;

    border: 1px solid #fff;

    padding: 0 12px;

    border-radius: 25px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

}

.header .submenu .search .test {

    float: left;

    width: 84%;

    font-size: 12px;

    color: #fff;

    background: none;

    

}

.header .submenu .search .button {

    width: 16%;

    background:url(../images/search.svg) no-repeat center/20px;

}

.header .submenu .buss {

    width:30px;

    height:30px;

    margin-top: 4%;

    -webkit-border-radius: 50%;

    background:#fff url(../images/buss-icon.html) no-repeat center center/20px;

}

.header .submenu .buss a {

    display:block;

    width:100%;

    height:100%;

}

}





/*尾部*/

.footer {

    position: relative;

    padding:4% 0 0 0;

    background-image: -webkit-linear-gradient(top,#11a84e,#1d1d1f);

}

.footer::before {

    opacity: 0.1;

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background: url(https://www.gdsdap.cn/tianjie/footer-bg.jpg) no-repeat bottom center/cover;

    *-webkit-filter: grayscale(100%); 

    transition: all 3s;

}

.footer .container {

    position: relative;

    z-index: 2;

}



.footer-slogan {

    padding:20px 0;

}

.footer-slogan .logo {

    width:50%;

}

.footer-slogan .logo img {

    max-width: 200px;

}

.footer-slogan .slogan {

    width:30%;

    padding:0 0 0 0;



}

.footer-slogan .slogan h6 {

    font-size: 24px;

    color:#fff;

}

.footer-slogan .slogan p {

    padding:5px 0 0 0;

    font-size: 16px;

    color:#fff;

}

.footer .footer-box {

    padding:3% 0 3% 0;

    border-top: 1px solid rgba(255,255,255,0.1);

    border-bottom: 1px solid rgba(255,255,255,0.1);

}





/*尾部-菜单*/

.friend{ padding-top:1%;}

.footer .footer-box .foot-menu {

    float: right;

    width:55%;

    position:relative;

}



.footer .footer-box .foot-menu .item {

    float:left;

    width:25%;

}



.footer .footer-box .foot-menu .item a.tit {

    font-size: 20px;

    color: #fff;

    font-weight: bold;

    opacity:1;

    margin-bottom: 20px;

    padding: 0px 0;

}

.footer .footer-box .foot-menu .item a span {

    display: block;

    font-size: 14px;

    font-family: "Futura-Light";

}

.footer .footer-box .foot-menu .item a {

    display:block;

    font-size: 14px;

    color:#ddd;

    line-height: 1.4;

    padding:6px 0;

    transition: transform 1s;

}

.footer .footer-box .foot-menu .item a:hover {

    color:#11a84e;

    transform: translate(5px,0px);

}

.footer-contact {

    float: left;

    width:30%;

    position:relative;

}

.footer-contact .address {

    margin:0 0 3% 0;

}

.footer-contact .address h6 {

    font-size: 16px;

    color: #fff;

    margin-bottom: 20px;

    padding: 0px 0;

}

.footer-contact .address p{

    position:relative;

    padding: 5px 0 5px 0px;

    font-size: 14px;

    color:#ddd;

}

.footer-contact .address p span {

    font-family: "Futura-Light";

}

.footer-contact .address p a {

    color:#ddd;

}

.footer-contact .address p.call {

    padding:10px 0 20px 0;

}

.footer-contact .address p.call a {

    font-size: 58px;

    color:#fff;

    font-family: "DIN";

}



.footer-contact .guanzhu {

    margin:0 0 0 0;

	    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.footer-contact .guanzhu .tit {

    font-size: 16px;

    color: #ddd;

    margin:0 0 20px 0;

}

.footer-contact .guanzhu .icon {

margin-right:0;

}

.footer-contact .guanzhu .icon img {

    width:120px;

}





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

.footer::before {

    opacity: 0.1;

}

.footer .container {

    z-index: 2;

}



.footer-slogan {

    padding:20px 0;

    text-align: center;

}

.footer-slogan .logo {

    width:100%;

}

.footer-slogan .logo img {

    max-width: 120px;

}

.footer-slogan .slogan {

    width:100%;

    padding:20px 0 0 0;

    font-size: 20px;

}

.footer-slogan .slogan h6 {

    font-size: 16px;

}

.footer-slogan .slogan p {

    padding:5px 0 0 0;

    font-size: 14px;

}



.footer .footer-box {

    padding:4% 0;

}



.footer-logo {

    padding:5% 0;

}

.footer-logo img {

    max-width: 30%;

}

.footer-contact {

    width:100%;

    text-align: center;

}



.footer-contact .address {

    margin:5% 0 3% 0;

}

.footer-contact .address p{

    font-size: 14px;

}

.footer-contact .address p.call a {

    font-size: 30px;

}

.footer-guanzhu {

    width:100%;

    margin:0 0 0 0;

}

}

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

.footer-contact .address p{

    font-size: 12px;

}

.friend { display:none;}

}



/*尾部-版权*/

.copy {

    padding:30px 0 20px 0;

}

.copy p {

    display:inline-block;

    margin:0 20px 0 0;

    font-size: 14px;

    color:#ddd;

}

.copy a {

    color:#ddd;

}

.copy .other span {

    color:#ddd;

}

.copy .other a {

    padding:0 0 0 10px;

}



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

.footer {

    margin: 0 0 60px 0;

    padding:10% 0 6% 0;

}



.footer .footer-box {}



.footer .footer-box .foot-menu {

    width:100%;

    padding: 5% 0%;

}

.footer .footer-box .foot-menu::before {

    display:none;

}

.footer .footer-box .foot-menu .item {

    width:50%;

}



.footer .footer-box .foot-menu .item a.tit {

    display: block;

    margin-bottom:2%;

    padding: 3% 0 3% 0;

    font-size: 16px;

    text-align: center;

}

.footer .footer-box .foot-menu .item a {

    display:none;



}



.footer-contact .address {

    margin:5% 0 3% 0;

}

.footer-contact .address p{

}



.copy {

   

}

.copy p {



}

.copy a {

}

}









/*浮窗视频播放*/

.modal .modal-header{ border-bottom:none;}

.modal{text-align:center; width:100%; height:100%;}

.modal .modal-content{ width:100%; height:100%; position:absolute;margin:0 auto; left:0; right:0;top:50%;margin-top:-275px;max-width:1000px; height:auto;}

.modal .modal-content video{ width:100%; height:100%; height:auto;}







/*右边浮窗按钮*/

.right-fixed {

    position:fixed;

    bottom: 30%;

    right: 0;

    width: 80px;

    z-index: 999;

    /*box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);*/

}

.right-fixed .icon {

    background: #fff;

    padding:2px;

    margin-bottom: 1px;

    cursor: pointer;

    text-align: center;

    position:relative;

}

.right-fixed .icon i {

    display:inline-block;

    width:80px;

    height:42px;

    line-height: 42px;

}

.right-fixed .icon i img {

    width:35px;

}

.right-fixed .icon span {

    font-size: 12px;

    color: #323232;

    

}

.right-fixed .icon:hover {

    background:#fff;

}

.right-fixed .icon .weixin {

    display:none;

    position: absolute;

    top: -32px;

    right: 80px;

    width: 138px;

    min-height: 130px;

    padding:10px;

    border-radius:10px;

    background: #fff;

    overflow:hidden;

}

.right-fixed .icon:hover  .weixin {

    display:block;

}

.right-fixed .icon .weixin img {

    max-width:100px;

}

.right-fixed .icon  .call {

    position: absolute;

    top: 0;

    right: -300px;

    width: 200px;

    height: 70px;

    color: #323232;

    background: #fff;

    padding:22px 0;

    box-sizing:border-box;

    overflow:hidden;

    transition: all 0.5s;

}

.right-fixed .icon:hover .call {

    right: 71px;

}

.right-fixed .icon  .call .no {

    font-size: 24px;

    color: #323232;

}

/*自适应样式*/

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

.right-fixed {

    display: flex;

    position:fixed;

    bottom: 0;

    right: 0;

    width: 100%;

    z-index: 999;

}

.right-fixed .icon{

    flex: 1;

    margin-bottom: 0px;

}

.right-fixed .icon i {

    display:block;

    width:100%;

    height:30px;

    line-height: 30px;

    text-align:center;

}

.right-fixed .icon i img {

    width:25px;

}

.right-fixed .icon span {

    font-size: 12px;

}

/*

.right-fixed .icon:hover {

    background:#252525;

}*/

.right-fixed .icon .weixin {

    display:none;

    position:absolute;

    top:-32px;

    right:80px;

    width:100px;

    height:100px;

}

.right-fixed .icon:hover  .weixin {

    display:block;

}

.right-fixed .icon .weixin img {

    width:100%;

}

.right-fixed .icon  .call {

    display:none;

}

.right-fixed .icon:hover .call {

    right: 71px;

}

.right-fixed .icon  .call .no {

    font-size: 24px;

    color: #fff;

}

}

/*右边浮窗按钮 end*/



/*搜索功能*/

.search-product {

    display:none;

}

.searchfix {

    display:block;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9999999;

}

.searchfix .bg {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    left: 0;

    background:rgba(0, 0, 0, 0.6);

}

.searchfix .box {

    background: #fff url(../images/logo.svg) no-repeat center 18%;

    background-size: 20%;

    max-width: 1200px;

    margin: -300px auto;

    padding: 150px 15px 100px 15px;

    top: 50%;

    position: relative;

    z-index: 1;

    box-shadow: 0px 2px 2px #ccc;

}

.searchfix .box form {

    display:block;

    width:424px;

    margin:0 auto;

}

.searchfix .box .test {

    float: left;

    width: 360px;

    height: 42px;

    line-height: 42px;

    color: #252525;

    border:1px solid #ccc;

    padding: 0 12px;

    font-size: 14px;

}

.searchfix .box .btn {

    width: 60px;

    height: 42px;

    line-height: 38px;

    background:#252525 url(../images/search.svg) no-repeat center center/26px;

}

.searchfix .box .btn:hover {

    background:#252525 url(../images/search.svg) no-repeat center center/28px;

}

/*搜索功能 end*/







/*浮窗留言*/

.fixed-msg {

    position: fixed;

    z-index: 1000;

    height: 100%;

    width: 100%;

    top: 0px;

    left: 0px;

    display: none;

    background: rgba(0,0,0, 0.6);

    z-index: 99999999999999;

}

.fixed-msg .msg-box {

    height: 430px;

    width: 50%;

    margin:10% auto;

    padding:50px;

    background:#fff;

    border-radius: 20px;

    position:relative;

}

.fixed-msg .msg-box h4 {

    height: 50px;

    line-height: 50px;

    font-size: 25px;

    font-weight: bold;

    overflow: hidden;

    text-align: center;

}

.fixed-msg .msg-box h4 strong {

    font-size: 30px;

    color: #11a84e;

    

}

.fixed-msg .msg-box h5 {

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    color: #666666;

    

    text-align: center;

}

.fixed-msg .msg-box .closefix {

    width: 26px;

    height: 26px;

    position: absolute;

    z-index: 2;

    right: 15px;

    top: 15px;

    background: url(../images/close.svg) no-repeat left top/20px;

    cursor: pointer;

    transition: all 0.5s;

}

.fixed-msg .msg-box .closefix:hover {

    transform:rotate(90deg);

}

.fixed-msg .msg-box .form {}

.fixed-msg .msg-box .form .submit {

    float: left;

    width: 100%;

}

.fixed-msg .msg-box .form input,.fixed-msg .msg-box .form select {

    float:left;

    background: #fff;

    border: solid 1px #dedede;

    font-size: 14px;

    padding: 0 5%;

    margin:1%;

    line-height: 46px;

    width: 48%;

    height:46px;

}

.fixed-msg .msg-box .fixSubmit{

    background: #11a84e url(../images/more-icon.html) no-repeat 85% center/10px;

    border: 0;

    display: block;

    color: #fff;

    text-align: center;

    font-size: 14px;

    

    width: 180px;

    line-height: 40px;

    margin: 20px auto;

    clear: both;

    transition: all 0.5s;

    cursor: pointer;

}

.fixed-msg .msg-box .fixSubmit:hover {

    background: #11a84e  url(../images/more-icon.html) no-repeat 90% center/10px;

}



/*以下代码是自适应样式*/

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

.fixed-msg .msg-box h4 {

    font-size: 20px;

}

.fixed-msg .msg-box h4 strong {

    font-size: 20px;

}

.fixed-msg .msg-box h5 {font-size:14px;}

.fixed-msg .msg-box {

    height: 100%;

    width: 100%;

    margin:0% auto;

    border-radius: 0;

}

.fixed-msg .msg-box .form input,.fixed-msg .msg-box .form select {

    margin:1%;

    line-height: 46px;

    width: 100%;

    height:46px;

}

}

/*浮窗留言 end*/



/*二级栏目无banner图*/

.none-banner {

    height:120px;

}

/*自适应样式*/

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

.none-banner {

    height:60px;

}

}







/*当前位置*/

.position {

    color: #666;

    font-size: 14px;

    height:50px;

}

.position .position-link {

    min-width: 200px;

    min-height: 50px;

    line-height: 50px;

}

.position .position-link a:hover,.position .position-link a:last-child {

    color:#11a84e;

}

.position .position-nav {

    min-width:200px;

}

.position ul li {

    float: left;

    padding-left: 30px;

    height: 50px;

    display: block;

}

.position ul .cur a{

     color: #252525;

     border-bottom: 3px solid #252525;

 }

.position ul li a {

    display: block;

    height: 50px;

    line-height: 46px;

    float: none;

    font-size: 16px;

    color: #666;

    padding: 0 8px;

    border-bottom: 3px solid #f7f7f7;

}

.position-title {

    width:100%;

    padding:4% 0;

}

.position-title p {

    text-align:center;

}

.position-title .en {

    font-size: 24px;

    padding-bottom: 10px;

}

.position-title .cn {

    font-size: 20px;

}

/*当前位置 end*/





/*分页页码*/

.page {

    padding:30px 0px;

    text-align:center;

    overflow:hidden;

}

.page  li {

    display:inline-block;

    font-size:14px;

    line-height:30px;

    height:30px;

    margin:0 2px;

    padding:0 12px;

    text-align:center;

    color:#333;

    border:1px solid #e3e3e3;

    background:#fff;

}

.page li:hover {

    text-decoration:none;

}

.page li.active {

    line-height:30px;

    padding:0 12px;

    text-align:center;

    margin-left:2px;

    background:#11a84e;

    border:1px solid #11a84e;

}

.page li.active a {

    color:#fff;

}

/*分页页码 end*/



















/*内页二级栏目*/

.section {

	margin:0 0 20px 0;

    padding:10px 0 0 0;

    overflow: hidden;

    position: relative;

}

.one-section {

    margin:0.8% 0 0 0;

}

.section .title {}

.section .title address {

    font-size: 12px;

    color: #999999;

}

.section .title address::before {

    /*content: "";*/

    width: 20px;

    height: 20px;

    background: url(../images/home-icon.html) no-repeat center center/18px;

    margin: 0 5px 0 0;

    display: inline-block;

    vertical-align: middle;

}



.section .second-nav {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    text-align: center;

    margin: 40px 0;

}



.section .second-nav a {

    position: relative;

    z-index: 0;

    margin: 10px;

    padding: 15px 35px;

    border: 1px solid #ccc ;

    border-radius: 50px;

    background: #fff;

    font-size: 18px;

    color: #11a84e;

}

.section .second-nav a::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: #11a84e;

    left: 0;

    top: 0;

    z-index: -1;

    transform: scale(0);

    transition: all 0.3s linear;

    border-radius: 2em;

    opacity: 0;

}

.section .second-nav a:hover::after,

.section .second-nav a.active::after{

    transform: scale(1);

    opacity: 1;

}

.section .second-nav a:hover,

.section .second-nav a.active{

    color:#fff;

    border: 1px solid #11a84e ;

}



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

.section .title address::before {

    background-size: 16px;

}



.section .second-nav {

    padding:5% 0;

}

.section .second-nav a {

    margin: 10px;

    padding: 6px 20px;

    border-radius: 50px;

    font-size: 16px;

}

}



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

.section .second-nav a {

    margin: 6px;

    padding: 6px 12px;

    

    border-radius: 50px;

    font-size: 16px;

}

.section .second-nav {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    text-align: center;

    margin: 20px 0 0;

}

.footer-contact .guanzhu .icon img {

    width:80px;

}

}

/*内页二级栏目 end*/







/*PC端和移动端显示和隐藏+公共样式*/

.pc {

    display:block !important;

}

.mobile {

    display:none !important;

}

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

.pc {

    display:none !important;

}

.mobile {

    display:block !important;

}

}

/*PC端和移动端显示和隐藏+公共样式end*/







/*二级banner图-自动动态效果-公共样式*/

.twobanner>img {

    width: 100%;

    animation: efeect-photo 10s linear infinite;

}

@keyframes efeect-photo {

  0% {

      opacity:0.9;

      transform: scale(1);

  }

  50% {

      opacity:1;

      transform: scale(1.02);

  } 

  100% {

      opacity:0.9;

      transform: scale(1);

  }

   

}



/*按钮*/

.go.center {

    text-align: center;

}

.go a,.seemore {

    position:relative;

    box-sizing: border-box;

    text-align: center;

    display: inline-block;

    font-size: 15px;

    font-weight: 400;

    font-stretch: normal;

    letter-spacing: 0;

    color: #11a84e;

    width: 160px;

    line-height: 44px;

    border-radius: 42px;

    border: 2px solid #11a84e;

    background: transparent;

    z-index: 0;

}

.go a:hover,.seemore:hover,a.go-active{

    color: #fff;

    background: #11a84e;

}

.go a:hover:before,.seemore:hover:before {

    content: '';

    display: inline-block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    background-image: url(../images/gobackground.html);

    background-size: 4px;

    background-repeat: repeat;

    opacity: .2;

}

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

.go.center {

    text-align: center;

}

.go a,.seemore {

    font-size: 12px;

    width: 100px;

    line-height: 30px;

}

.home-contact .word-msg .buttom {

    font-size: 12px;

    width: 100px;

    line-height: 30px;

}

}

/*按钮 end*/







/*二级banner图*/

.twobanner {

    position:relative;

    overflow:hidden;

}

.twobanner:after {

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.25);

    z-index:1;

    transition:all 0.3s;

}

.twobanner .word-fix {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 8;

    color: #fff;

    font-weight: 800;

    max-width: 1570px;

    width: 96%;

    text-align: center;

}

.twobanner .word-fix p {

    font-size: 42px;

    color: #fff;

    line-height: 2;

    font-family: "DIN";

    text-transform: uppercase;

    transition:all 2s;

}



.twobanner .word-fix h1 {

    font-size:48px;

    color: #fff;

    font-weight:bold;



    margin:0% 0 1% 0;

    transition:all 2s;

}

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

.twobanner .word-fix p {

    font-size: 20px;

}

.twobanner .word-fix h1 {

    font-size:24px;

}  

}

/*二级banner图 end*/

label {

       max-width: auto!important;

   

}