@CHARSET "UTF-8";

*{

	padding: 0;

	margin: 0;

}

.pagebox{

	width: 100%;

}/*page property_start*/.pagebox,#-remove--flag{width:100%;

margin:0px auto;

}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/#gs .p_MatteIcon .iconfont:before{

content:'\e602';

}

#gs >div{

animation-fill-mode:both;

}

#gs .fr{

float:right;

}

#gs .clearfix:after{clear:both;

}

#gs .clearfix{

clear:both;

*zoom:1;

}

#gs body{

background-color:#1b1b1b;

}

#gs .header{width:100%;position: fixed;top:0;left:0;z-index:999;height: 100px;padding:0px;margin: auto; }

#gs .header .left{

width:12%;

}

#gs .header .left a img{

height:40px;

margin-top:6px;

}

#gs .header .left .img2{

display:none;

}

#gs .header .nav{-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;height:100%;line-height: 100px;display:block;}

#gs .container{width: 60%;float: right;height: 120px;margin-right: 150px;}

#gs .header .navbar_nav li{position:relative;display:block; background: url(../images/top-nav-bg.jpg) no-repeat right center}




#gs .header .navbar_nav li a{text-decoration:none;height:100%;padding: 0;width: 100%;display: inline-block;text-align: left;-webkit-transition:0.5s;-moz-transition:0.5s;text-align:  center;-o-transition:0.5s;transition:0.5s;color: #353535;font-size: 20px;}

#gs .header .navbar_nav li:hover a{ color:#f00;

}

.navbar_nav{

    text-align:  right;

    width: auto;

    padding-left:  0;

    margin:  0 !important;

    overflow:  hidden;

}

#gs .header .navbar_nav li.dropdown{display: inline-block;position:relative;font-size:  0;width: calc((85% - 0px)/7);float: left;}

#gs .header .navbar_nav li.dropdown .jt{

width:20px;

height:20px;

background:url(i/top.png) no-repeat;

background-size:100% 100%;

display:block;

}

#gs .header .navbar_nav li.dropdown .dropdown_menu{position:fixed;top: 100px;overflow: hidden;opacity: 0;height: 0;transition: .4s ease;left:0;text-align: center;z-index: auto;width:100%;background:rgba(255, 255, 255, 1);box-shadow:0 15px 27px 0 rgba(167, 165, 165, 0.38);border-top:1px solid #f0f0f0;}

#gs .header .navbar_nav li.dropdown .dropdown_menu a{color:#666;padding: 0 40px;line-height:20px;text-align: left;background:background:rgba(167, 165, 165, 0.9);font-size: 18px;width:auto;margin: 35px 0;}

#gs .header .navbar_nav li.dropdown .dropdown_menu a:not(:first-child){

/*border-left:1px solid rgba(167, 165, 165, 0.5);*/

}

#gs .header .navbar_nav li.dropdown:hover .dropdown_menu{display:flex;justify-content: center;background:rgba(167, 165, 165, 0.9)f;-webkit-transition:0.5s;height: 90px;-moz-transition:0.5s;opacity: 1;-o-transition:0.5s;}

#gs .header .navbar_nav li.dropdown:hover .dropdown_menu a{

color:#333;

font-size: 15px;
}

#gs .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{

color:#f00; 

}

#gs .header .navbar_nav li.dropdown:hover .dropdown_menu img{

	transition: .4s transform;

}

#gs .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover img{

	transform: scale(1.05);

	overflow: hidden;

	transition: .4s transform;

}



#gs .header .navbar_nav li.dropdown:hover .dropdown_menu .menu-content{width: 98%;max-width: 1000px;margin: 0;overflow: hidden;margin-left: 30%; margin-top: 3%;}
#gs .header .navbar_nav li.dropdown:hover .dropdown_menu .menu-content .menu-left{width: 60%;float: left;}
#gs .header .navbar_nav li.dropdown:hover .dropdown_menu .menu-content .menu-left .menu-title{width:100%;margin: auto;overflow: hidden;float: left;font-size: 32px;text-align: left;line-height: 30px;color: #666;font-weight: bold;}
#gs .header .navbar_nav li.dropdown:hover .dropdown_menu .menu-content .menu-left .menu-title span{font-size: 14px;display: block;line-height: 24px;margin-top: 30px;font-weight: normal;}
#gs .header .navbar_nav li.dropdown:hover .dropdown_menu .menu-content .menu-left .menu-list{width:100%;margin: auto;overflow: hidden;float: left;text-align: left;line-height: 30px;margin-top: 30px;}
#gs .header .navbar_nav li.dropdown:hover .dropdown_menu .menu-content .menu-pic{width:30%;margin: auto;overflow: hidden;float: right;margin-top: 40px;}




#gs .header.on{

background:#fff;

border-bottom:1px solid #ccc;

}

#gs .header.on .left .img1{

display:none;

}

#gs .header.on .left .img2{

display:block;

}

#gs .header.on .navbar_nav li a{

color:#333;

}

.navNameLink:hover{

    color:#f00;

}







#gs .header.on .navbar_nav li:hover a{

color:#d93029;

}

#gs #navToggle{

display:none;

}

#gs .m_nav{

position:fixed;

top:0;

box-shadow:0 15px 27px 0 rgba(167, 165, 165, 0.38);

width:100%;

height:100%;

background:#fff;

transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

-webkit-transition:all ease 0.5s;

z-index:1000;

opacity:1;

visibility:visible;

margin-top:0;

overflow-y:auto;

transform:translateX(100%);

}

#gs .m_nav.open{

transform:translateX(0);

}

#gs .m_nav .top{

height:60px;

padding:20px;

box-sizing:border-box;

}

#gs .m_nav .top .closed{

display:block;

width:30px;

height:30px;

line-height:30px;

text-align:center;

float:right;

cursor:pointer;

font-size:30px;

color: #333;

}

#gs .m_nav .logo{

width:100%;

margin:0 auto;

}

#gs .m_nav .logo img{

height:50px;

display:block;

margin:30px auto;

}

#gs .m_nav .ul{

margin-top:30px;

}

#gs .m_nav .ul li{

padding:0 20px;

border-bottom:1px solid #f5f5f5;

transform:translateY(100%);

-webkit-transform:translateY(100%);

-webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

opacity:0;

}

#gs .m_nav.open .ul li{

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0);

}

#gs .m_nav .ul li:nth-child(1){

-webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#gs .m_nav .ul li:nth-child(2){

-webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#gs .m_nav .ul li:nth-child(3){

-webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#gs .m_nav .ul li:nth-child(4){

-webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#gs .m_nav .ul li:nth-child(5){

-webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#gs .m_nav .ul li:nth-child(6){

-webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#gs .m_nav .ul li:nth-child(7){

-webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#gs .m_nav .ul li:nth-child(8){

-webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#gs .m_nav .ul li a{

display:inline-block;

text-decoration:none;

color:#333;

font-size:16px;

height:50px;

line-height:50px;

width:80%;

}

#gs .m_nav .ul li .dropdown_menu{

display:none;

}

#gs .m_nav .ul li.dropdown.active .dropdown_menu{

display:block;

}

#gs .m_nav .ul li .dropdown_menu a{

display:block;

width:100%;

height:50px;

line-height:50px;

padding:0 40px;

box-sizing:border-box;

border-bottom:1px solid #f5f5f5;

}

#gs .m_nav .ul li .dropdown_menu a:last-child{

border:none;

}

#gs .banner{

height:100%;



}

#gs .banner img{

width:100%;

}
.logo{width: 353px;height: 80px;position: absolute;z-index: 1;margin: 20px 0 0 4%;}
.logo img {width: 100%; margin:auto;}
.logo-text{float:right;border-left:1px solid #ccc;padding-left:10px;color:#6b6b6b;margin-top: 10px;}
.top-ico{
    width: 55px;
    height: 30px;
    position: absolute;
    z-index: 1;
    right: 170px;
    font-size: 1em;
    margin: 35px 0px 0 0;
    text-align: center;
    border-left: 1px solid #eee;
    }
.top-ico span{font-size:1.35em; font-weight: bold; display: block}
.top-tel{
    right: 50px;
    width: 116px;
    height: 40px;
    position: absolute;
    z-index: 1;
    font-size: 20px;
    margin: 12px 10px 0 0;
    text-align: center;
    border-radius: 50%;
    color:#444;
    }

.top-yewu{
    right: 20px;
    width: 80px;
    height: 40px;
    position: absolute;
    z-index: 1;
    font-size: 20px;
    margin: 35px 10px 0 0;
    text-align: center;
    border-radius: 50%;
    color:#444;

}





.top-link{

    right: 0px;

    width: 150px;

    height: 100px;

    position: absolute;

    z-index: 1;

    font-size: 15px;

    margin: 0px 0px 0 0;

    text-align: center;

    background: #d93029;

    color: #fff;

	padding-top: 17px; line-height: 36px;

    }





@media screen and (max-width: 1600px)

{
	.logo{margin: 30px 0 0 1%;}
    .logo img { margin:auto;}
}




@media screen and (max-width: 1500px)

{

	#gs .header .navbar_nav li a{font-size: 16px;}
}



@media screen and (max-width: 1420px)

{
	#gs .header{width:100%;}
	#gs .container{ margin-left: 38%;}
	.logo img{width:80%;}
}



@media screen and (max-width: 1200px)

{
	.logo-text{display:none}
	.logo{    width: 226px;}
	#gs .container {width: 60%;}

}


@media screen and (max-width: 640px)
{
    .logo{width:60%;margin: 22px 0 0 2%;  }
	.logo1{width:200px; }
	.logo1 img{width:100%}
	.logo2{display:none}

	#gs .header{height:70px;}

	#gs .container{height:70px;}

	

	

	

	

}



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

	

	.top-link{display:none}
    .top-yewu{display:none}
	


	#gs .container {width:100%; margin-left: 0;    margin-right: 0px;}

	

#gs .header {

    padding: 0 10px;

  }

#gs .header #navToggle {

    height: 80px;

    padding: 9px 15px;

    display: inline-block;

    float: right;

  }

#gs .header #navToggle span {

    position: relative;

    width: 25px;

    height: 2px;

    margin-top: 30px;

  }

#gs .header #navToggle span:before,

  .header #navToggle span:after {

    content: '';

    position: relative;

    width: 100%;

    height: 2px;

    left: 0;

  }

#gs .header #navToggle span,

  .header #navToggle span:before,

  .header #navToggle span:after {

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    display: block;

    background: #444;

  }

#gs .header #navToggle span:before {

    top: 8px;

  }

#gs .header #navToggle span:after {

    bottom: 10px;

  }

#gs .header #navToggle.open span:before {

    top: 10px;

    -webkit-transform: translateY(-11px) rotate(-45deg);

    -moz-transform: translateY(-11px) rotate(-45deg);

    -ms-transform: translateY(-11px) rotate(-45deg);

    -o-transform: translateY(-11px) rotate(-45deg);

    transform: translateY(-11px) rotate(-45deg);

  }

#gs .header #navToggle.open span:after {

    bottom: 12px;

    -webkit-transform: translateY(10px) rotate(45deg);

    -moz-transform: translateY(10px) rotate(45deg);

    -ms-transform: translateY(10px) rotate(45deg);

    -o-transform: translateY(10px) rotate(45deg);

    transform: translateY(10px) rotate(45deg);

  }

#gs .header #navToggle.open span {

    background: none;

  }

#gs .header #navToggle.open span:before,

  .header #navToggle.open span:after {

    background: #fff;

  }

#gs .header .nav {

    display: none;

  }

#gs .banner img {

    height: 600px;

    object-fit: cover;

  }

#gs .jt {

    display: inline-block;

    width: 10%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    vertical-align: top;

    font-size: 1rem;

    transition: all .5s ease;

  }

#gs .jtRote {


    transform: rotateZ(90deg);

  }

	

	

	.top-tel{display:none;}	

	.top-ico{display:none;}

}







#w_grid-1565677887084 > div > .p_gridbox > .p_gridCell:nth-child(n+1){

margin-left:0;

clear:left;

}

#w_grid-1565677887084{

  width:100%;



  max-width:none;



  min-width:0px;



  height:auto;



  max-height:none;



  min-height:0px;



  margin-top:0px;



  margin-left:auto;



  margin-right:auto;



  margin-bottom:0px;



  padding-top:0px;



  padding-left:0px;



  padding-right:0px;



  padding-bottom:0px;

}

#gs{

  width:auto;



  max-width:none;



  min-width:0px;



  height:auto;



  max-height:none;



  min-height:0px;



  margin-top:0px;



  margin-left:0px;



  margin-right:0px;



  margin-bottom:0px;



  padding-top:0px;



  padding-left:0px;



  padding-right:0px;



  padding-bottom:0px;

}