.swiper-pagination-bullet{
    background: rgb(255,255,255);
}
.swiper-pagination-bullet-active{
    width: 21px;
    border-radius: 23px;
    border: 1px solid rgb(240,97,27);
    background: rgb(240,97,27);
}
.row{
    margin-right: 0;
    margin-left: 0;
}
.top{
    background:rgb(242,242,242);
    color: rgb(76,76,76);
    line-height: 38px;
    font-size: .8rem;
}
.top .welcome{
    display: inline-block;
}
.top .fast{
    float: right;
    display: flex;
}
.top .fast>li{
    padding: 0 11px;
}
.top .fast>li a{
    text-decoration: none;
}

.header{
    line-height: 109px;
    padding: 23px 0;
}
.header .tel{
    line-height: 1;
    align-self: center;
}
.header .tel p{
    margin-bottom: 9px;
    font-size: 1.6rem;
    font-weight: 500;
    color: rgb(246,95,29);
    display: flex;
    align-items: center;
    margin-right: 1.3rem;
}
.header .tel p:last-of-type{
    margin-bottom: 0;
}
.header .tel span{
    margin-right: 9px;
}
.header .code{
    line-height: 1;
}
.header .code img{
    width: 99px !important;
}
.header .code p{
    margin-bottom: 0;
    margin-top: 6px;
    color: rgb(11,11,11);
    font-size: .9rem;
    font-weight: 500;
}

.hs-menu-initialized {
	position:relative;
	z-index:10
}
.hs-menu-initialized .animated {
	animation-duration:.3s
}
.hs-overflow-x-locked {
	overflow-x:hidden
}
.hs-mega-menu,.hs-sub-menu {
	display:none;
	background-color:#fff
}
.navbar-body, .navbar-expand-lg .navbar-nav{
    width: 100%;
}
.navbar-expand-lg .navbar-nav{
    display: flex;
    align-items: flex-end;
}
.navbar-nav .active, .navbar-expand-lg .navbar-nav .navbar-nav-item:hover{
    background: rgb(239,97,25);
    padding-top: 3px;
}
.navbar-nav-item{
    width: calc(100% / 8);
    background: rgb(49,49,49);
    position: relative !important;
    display: inline-block !important;
}
.navbar-nav-item i{
    position: absolute;
    width: .1rem;
    height: 100%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('nav_x.png') no-repeat center;
}
.navbar-nav-item:last-of-type i{
    display: none;
}
@media (min-width:576px) {
	.hs-mega-menu-desktop-sm,.hs-sub-menu-desktop-sm {
	position:absolute;
	left:0;
	top:100%;
	z-index:2;
	margin-top:-.002rem !important
}
}@media (min-width:768px) {
	.hs-mega-menu-desktop-md,.hs-sub-menu-desktop-md {
	position:absolute;
	left:0;
	top:100%;
	z-index:2;
	margin-top:-.002rem !important
}
}@media (min-width:992px) {
	.hs-mega-menu-desktop-lg,.hs-sub-menu-desktop-lg {
	position:absolute;
	left:0;
	top:100%;
	z-index:2;
	margin-top:-.002rem !important
}
}@media (min-width:1200px) {
	.hs-mega-menu-desktop-xl,.hs-sub-menu-desktop-xl {
	position:absolute;
	left:0;
	top:100%;
	z-index:2;
	margin-top:-.002rem !important
}
}.hs-sub-menu {
	min-width:180px
}
.hs-has-sub-menu {
	overflow:hidden;
	position:relative
}
.hs-sub-menu-opened {
	overflow:visible
}
.hs-mega-menu .hs-mega-menu,.hs-mega-menu .hs-sub-menu,.hs-menu-vertical .hs-mega-menu,.hs-menu-vertical .hs-sub-menu,.hs-sub-menu .hs-mega-menu,.hs-sub-menu .hs-sub-menu {
	top:0;
	left:100%;
	margin-top:0
}
.hs-menu-vertical .hs-sub-menu {
	width:auto
}
.hs-menu-vertical .hs-mega-menu {
	height:100%
}
.hs-mobile-state .hs-mega-menu,.hs-mobile-state .hs-sub-menu {
	position:static;
	visibility:visible
}
.hs-mobile-state .hs-has-mega-menu[data-max-width]>.hs-mega-menu,.hs-mobile-state .hs-has-sub-menu[data-max-width]>.hs-sub-menu {
	max-width:none!important
}
.hs-menu-initialized.hs-rtl {
	direction:rtl;
	unicode-bidi:embed
}
.hs-menu-initialized.hs-rtl .hs-mega-menu,.hs-menu-initialized.hs-rtl .hs-sub-menu {
	left:auto;
	right:0
}
.hs-menu-initialized.hs-rtl .hs-mega-menu .hs-mega-menu,.hs-menu-initialized.hs-rtl .hs-mega-menu .hs-sub-menu,.hs-menu-initialized.hs-rtl .hs-sub-menu .hs-mega-menu,.hs-menu-initialized.hs-rtl .hs-sub-menu .hs-sub-menu {
	left:auto;
	right:100%
}
.hs-menu-initialized:not(.hs-mobile-state) .hs-mega-menu.hs-reversed,.hs-menu-initialized:not(.hs-mobile-state) .hs-sub-menu.hs-reversed {
	left:auto;
	right:0
}
.hs-menu-initialized:not(.hs-mobile-state) .hs-mega-menu .hs-mega-menu.hs-reversed,.hs-menu-initialized:not(.hs-mobile-state) .hs-mega-menu .hs-sub-menu.hs-reversed,.hs-menu-initialized:not(.hs-mobile-state) .hs-sub-menu .hs-mega-menu.hs-reversed,.hs-menu-initialized:not(.hs-mobile-state) .hs-sub-menu .hs-sub-menu.hs-reversed {
	left:auto;
	right:100%
}
.hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-mega-menu.hs-reversed,.hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-sub-menu.hs-reversed {
	right:auto;
	left:0
}
.hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-mega-menu .hs-mega-menu.hs-reversed,.hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-mega-menu .hs-sub-menu.hs-reversed,.hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-sub-menu .hs-mega-menu.hs-reversed,.hs-menu-initialized.hs-rtl:not(.hs-mobile-state) .hs-sub-menu .hs-sub-menu.hs-reversed {
	right:auto;
	left:100%
}
.hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-left {
	left:0;
	right:auto
}
.hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-right {
	left:1;
	right:0
}
.hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-center {
	right:auto;
	left:50%;
	transform:translate(-50%)
}

#search{
    position: absolute;
    display: flex;
    background: white;
    z-index: 6;
    top: -3rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 21px 21px 21px 32px;
}
#search .row{
    display: inline-flex;
    align-items: center;
}
#search .row p{
    margin-left: 1.3rem;
    margin-bottom: 0;
    color: rgb(91,91,91);
    font-size: 1.3rem;
    font-weight: 600;
}
#search .row a{
    color: rgb(132,132,132);
    font-size: 1rem;
}
#search .search{
    position: absolute;
    height: 44px;
    line-height: 44px;
    right: 19px;
    top: 50%;
    transform: translateY(-50%);
}
#search form{
    position: relative;
}
#search form input{
    border: 1px solid rgb(218,218,218);
    width: 258px;
    line-height: 44px;
    color: rgb(209,207,208);
    padding-left: 11px;
}
/*#search form input::-webkit-input-placeholder{*/
/*    position: relative;*/
/*    left: 11px;*/
/*}*/
#search form button{
    border: 0;
    background: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#index_product{
    /*background: url('http://zggjgtp.qfxwl.com/homebj_1.jpg') no-repeat;*/
    background: rgb(246,246,246);
    background-position: left top;
    background-size: 100% 100%;
    padding-top: 111px;
    position: relative;
}
#index_product .more, #case .more{
    top: 5rem;
    right: 3rem;
    float: right;
    position: relative;
    font-size: 1.2rem;
    font-weight: 900;
    color: rgb(71,71,71);
}
#index_product .more a, #case .more a{
    position: relative;
    z-index: 2;
    color: rgb(71,71,71);
    text-decoration: none;
}
#index_product .more:after, #case .more:after{
    content: '';
    position: absolute;
    left: -3px;
    bottom: 3px;
    width: 7.1rem;
    height: 5px;
    background: rgb(189,189,189);
}
#index_product a{
    text-decoration:none;
}
#index_product .por{
    width: 100%;
}
#index_product .por .porducts{
    width: calc(100% / 4 - 43px);
    margin-right: 57px;
    margin-bottom: 56px;
    background: rgb(238,238,238);
    border-radius: 11px;
    border-bottom: 2px solid rgb(242,163,124);
}
#index_product .por .porducts:nth-child(4n){
    margin-right: 0;
}
#index_product .por .porducts .pro_img{
    position: relative;
    border-radius: 11px;
}
#index_product .por .porducts .pro_img .pro_img_title{
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    border-radius: 11px;
}
@keyframes mymove
	{
	from {opacity: 0;}
	to {opacity: 1;}
}
#index_product .por .porducts .pro_img:hover .pro_img_title{
    animation:mymove 1s;
	animation-fill-mode:forwards;
}
#index_product .por .porducts .pro_img_title .img_title{
    position: relative;
    margin-bottom: 0;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 6px;
}
#index_product .img_title:after{
    content: '';
    position: absolute;
    bottom: -.6rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2rem;
    height: 3px;
    background: rgb(210,95,30);
}
#index_product .por .porducts .por_title{
    margin-bottom: 0;
    text-align: center;
    color: rgb(62,62,62);
    padding: 6px 0;
    font-size: 1rem;
}

#advantage{
    background: url('homebj_2.jpg') no-repeat;
    /*background: url('data:image/svg+xml;base64,aHR0cDovL3pnZ2pndHAucWZ4d2wuY29tL2hvbWVial8yLmpwZw==') no-repeat;*/
    background-position: left top;
    background-size: 100% 100%;
    padding-top: 89px;
    position: relative;
}
#advantage .more{
    top: 5rem;
    right: 3rem;
    float: right;
    position: relative;
    font-size: 1.2rem;
    font-weight: 900;
    color: rgb(248,251,242);
}
#advantage .more a{
    position: relative;
    z-index: 2;
    color: rgb(248,251,242);
    text-decoration: none;
}
#advantage .more:after{
    content: '';
    position: absolute;
    left: -3px;
    bottom: 3px;
    width: 7.1rem;
    height: 5px;
    background: rgb(189,189,189);
}

.pro-left{float: left;display: inline-block;width: 400px;box-sizing: border-box;box-shadow: 0px 1px 5px #f7f7f7;margin: 16px 0;}
.pro-content{width: 100%;padding-top: 40px;}
.pro-right{width: 65%;margin-left: 15px;padding: 16px 0 33px;}
.pro-left .left-category .img{display: inline-block;width: 15%;}
.pro-left .left-category .title{display: inline-block;width: 83%;line-height: 1.6;margin-left: 8px;color: rgb(249,251,250);font-weight: 600;}
.pro-left .left-category .title p{font-size: .6rem;line-height: 1;margin-bottom: 0;color: rgb(119,122,127);}
.pro-left .left-category ul li{height: 136px;line-height: 60px;font-size: 20px;cursor: pointer;color: #999999;display: flex;align-items: center;padding: 26px 21px;}
.pro-left .left-category ul li.on{background: rgba(255,255,255,.1);color: #FFFFFF;}
.pro-left .left-category ul li:hover{background: rgba(255,255,255,.1);color: #FFFFFF;}
.pro-left .left-category ul li.on .title, .pro-left .left-category ul li:hover .title, .pro-left .left-category ul li.on .title p, .pro-left .left-category ul li:hover .title p{color: rgb(239,96,26);}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../image/tel.png) left 20px center no-repeat;}
.pro-left .left-contact p{color: #317fff;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;padding-top: 10px;}
.pro-right{display: none;opacity: 0}
@keyframes mymove
	{
	from {opacity: 0;}
	to {opacity: 1;}
}
.pro-right.active{display: inline-block;animation:mymove 2s ease;animation-fill-mode:forwards;}
.pro-right .img{}
.pro-right .advantage_right{background: #fff;margin: -5rem 16px 0;padding: 0 26px;position: relative;border-top: 3px solid rgb(246,103,43);}
.pro-right .advantage_right .advantage_Title{border-bottom: 1px dotted rgb(118,118,120);}
.pro-right .advantage_right .advantage_Title p{margin-bottom: 0;display: inline-block;position: relative;font-size: 2rem;font-weight: 600;color: rgb(255,255,255);background: rgb(239,97,25);width: 50px;padding: 9px 0;line-height: 1;top: -16px;text-align: center;}
.pro-right .advantage_right .advantage_Title p:before{content: '';}
.pro-right .advantage_right .advantage_Title p:after{content: '';position: absolute;top: 50px;left: 0;border-left: 25px solid transparent;border-right: 25px solid transparent;border-top: 26px solid rgb(239,97,25);}
.pro-right .advantage_right .advantage_Title h2{display: inline-block;color: rgb(97,97,97);font-weight: 500;margin: 20px 0 16px 13px;position: relative;font-size: 2rem;}
.pro-right .advantage_right .advantage_Title h2 span{color: rgb(235,96,29);}
.pro-right .advantage_right .advantage_title{color: rgb(87,87,87);line-height: 2.3;font-size: 1.2rem;margin: 11px 0;}
.pro-right .advantage_right .advantage_title li{}
.pro-right .advantage_right .advantage_title li span{color: rgb(243,104,23);margin-right: 6px;}
.pro-right .advantage_right .advantage_buttom{display: inline-block;background: rgb(239,97,25);border-radius: 11px;padding: 6px 11px;margin: 16px 0;}
.pro-right .advantage_right .advantage_buttom a{color: rgb(247,255,255);text-decoration: none;}
.pro-right .advantage_right .advantage_Intr{padding: 21px 0;}
.pro-right .advantage_right .advantage_Intr li{display: inline-block;width: calc(100% / 3 - 3px);color: rgb(107,107,107);}
.pro-right .advantage_right .advantage_Intr li .advantage_intr{font-size: 2rem;}
.pro-right .advantage_right .advantage_Intr li .advantage_intr span{font-size: 1rem;color: rgb(255,252,253);background: rgb(238,97,26);border-radius: 50% 50%;padding: 1px 2px;}
.pro-right .advantage_right .advantage_Intr li p{margin-bottom: 0;}

#case{
    /*background: url('http://zggjgtp.qfxwl.com/homebj_3.jpg') no-repeat;*/
    background: url('homebj_3.jpg') no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    padding-top: 67px;
    position: relative;
}
#case #Case{
    padding: 3.8% 0 0; 
}
#case .img{
    width: 66%;
    display: inline-block;
}
#case .case_title{
    display: inline-block;
    width: 30%;
    margin-left: 3%;
    color: rgb(255,252,249);
    top: 3rem;
    position: relative;
}
#case .case_title h3{
    color: rgb(255,252,249);
    padding-bottom: 7px;
}
#case .case_title h3:after{
    content: '';
}
#case .case_title p{
    margin-bottom: 0;
    margin: 32px 0 58px;
    font-size: 1.3rem;
}
#case .case_title a{
    color: rgb(238,255,255);
    background: rgb(239,97,25);
    padding: 6px 11px;
    text-decoration: none;
}
#case .case_button-next{
    left: 66%;
    top: 95.5%;
    background: rgb(239,97,25);
    color: rgb(255,255,255);
    opacity: 1;
    width: 55px;
    height: 55px;
}
#case .case_button-prev{
    left: 66%;
    top: 87.6%;
    background: rgb(239,97,25);
    color: rgb(255,255,255);
    opacity: 1;
    width: 55px;
    height: 55px;
}
#case .swiper-button-disabled{
    background: rgb(255,255,255);
    color: rgb(239,97,25);
}
#walk{
    background: url('homebj_4.jpg') no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    padding-top: 69px;
    position: relative;
}
#walk .more{
    top: 5rem;
    position: relative;
    font-size: 1.2rem;
    font-weight: 900;
    color: rgb(71,71,71);
}
#walk .more a{
    position: relative;
    z-index: 2;
    color: rgb(71,71,71);
    text-decoration: none;
}
#walk .more:after{
    content: '';
    position: absolute;
    left: -3px;
    bottom: 3px;
    width: 7.1rem;
    height: 5px;
    background: rgb(189,189,189);
}
#Walk{
    background: rgb(175,175,175);
    margin-top: 1rem;
    margin-bottom: 3rem;
    padding-top: 1rem;
}
#Walk a{
    text-decoration:none;
}
#Walk .img{
    
}
#Walk p{
    color: rgb(50,50,50);
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center;
    margin-top: 1rem;
}
#Walk p span{
    color: rgb(230,99,24);
}
#walk .home_about{
    width: 39%;
    display: inline-block;
    margin-left: 11%;
    height: 40rem;
    padding: 23px 6% 0 75px;
    border: 1px solid rgb(193,193,193);
    border-right: 0;
    border-radius: 0 0 0 31px;
}
#walk .home_about h1{
    font-weight: bold;
    font-size: 3.8rem;
}
#walk .home_about h2{
    font-size: 2.1rem;
    position: relative;
}
#walk .home_about h2:before{
    content: '';
    position: absolute;
    width: 85px;
    height: 3px;
    background: rgb(115,115,115);
    bottom: -16px;
}
#walk .home_about h2:after{
    content: '';
    position: absolute;
    width: 85px;
    height: 3px;
    background: rgb(239,96,26);
    bottom: -16px;
    left: 89px;
}
#walk .home_about h2 span{
    color: rgb(238,95,26);
}
#walk .home_about p{
    margin-bottom: 0;
    letter-spacing: 1px;
    line-height: 2.6rem;
    text-indent: 2.2rem;
    color: rgb(91,91,91);
    font-size: 1.1rem;
    margin-top: 3rem;
}
#walk .home_about-more{
    margin-top: 12%;
}
#walk .home_about-more li{
    display: table-cell;
    background: rgb(212,80,15);
    padding: 9px 38px;
}
#walk .home_about-more li:after{
    content: '';
    display: inline-block;
    border: 6px solid;
    border-color: transparent transparent transparent white;
    margin-left: 6px;
}
#walk .home_about-more li:first-of-type{
    background: rgb(239,96,26);
}
#walk .home_about-more li a{
    text-decoration:none;
    color: rgb(255,254,253);
}
#walk .home_video{
    float: right;
    width: 50%;
}
#walk .home_description{
    margin-top: 3rem;
    text-align: center;
    padding-bottom: 3rem;
}
#walk .home_description li{
    display: inline-block;
    width: calc(100% / 6 - 32px);
    text-align: center;
    border-right: 1px solid rgb(122,120,114);
    padding: 21px 0;
}
#walk .home_description li:first-of-type{
    border-left: 1px solid rgb(122,120,114);
}
#walk .home_description li div{
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
}
#walk .home_description li div span{
    font-size: 1rem;
    display: inline-block;
    color: #fff;
    background: rgb(240,96,26);
    width: 24px;
    line-height: 24px;
    border-radius: 50%;
    margin-left: .3rem;
    top: -.3rem;
    position: relative;
}
#walk .home_description li p{
    color: rgb(118,118,118);
    font-size: 1.1rem;
    margin-top: .3rem;
}
#certificate{
    background: url('homebj_5.jpg') no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    padding-top: 38px;
    position: relative;
}
#certificate .more{
    top: 5rem;
    right: 3rem;
    float: right;
    position: relative;
    font-size: 1.2rem;
    font-weight: 900;
    color: rgb(69,69,69);
}
#certificate .more a{
    position: relative;
    z-index: 2;
    color: rgb(69,69,69);
    text-decoration: none;
}
#certificate .more:after{
    content: '';
    position: absolute;
    left: -3px;
    bottom: 3px;
    width: 7.1rem;
    height: 5px;
    background: rgb(189,189,189);
}
#honor{
    padding: 5rem 0 2rem;
}
#client{
    background: rgb(255,255,255) no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    padding-top: 69px;
    position: relative;
}
#client .more{
    top: 5rem;
    right: 3rem;
    float: right;
    position: relative;
    font-size: 1.2rem;
    font-weight: 900;
    color: rgb(69,69,69);
}
#client .more a{
    position: relative;
    z-index: 2;
    color: rgb(69,69,69);
    text-decoration: none;
}
#client .more:after{
    content: '';
    position: absolute;
    left: -3px;
    bottom: 3px;
    width: 7.1rem;
    height: 5px;
    background: rgb(189,189,189);
}
#client .row{
    margin-right: 0;
    margin-left: 0;
}
#client .famous{
    display: table;
    margin-top: 3rem !important;
    padding-bottom: 1rem;
}
#client .famous li{
    display: inline-flex;
    width: calc(100% / 5);
    border: 1px solid rgb(225,225,225);
    height: 125px;
    padding: 9px;
}
#news{
    background: rgb(244,244,244) no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    padding-top: 58px;
    position: relative;
}
#news .more{
    top: 5rem;
    right: 3rem;
    float: right;
    position: relative;
    font-size: 1.2rem;
    font-weight: 900;
    color: rgb(69,69,69);
}
#news .more a{
    position: relative;
    z-index: 2;
    color: rgb(69,69,69);
    text-decoration: none;
}
#news .more:after{
    content: '';
    position: absolute;
    left: -3px;
    bottom: 3px;
    width: 7.1rem;
    height: 5px;
    background: rgb(189,189,189);
}
#news .tab{
    
}
#news .tab .news_Title{
    font-size: 1.1rem;
    padding-bottom: 6px;
    border-bottom: 1px solid #ccc;
}
#news .tab .news_Title a{
    color: rgb(22,22,22);
    text-decoration: none;
}
#news .tab .active{
    border-bottom: 2px solid rgb(239,102,38);
    font-weight: 600;
}
#news .tab .active a{
    color: rgb(239,102,38);
}
#news #NewS{
    margin-top: 1rem !important;
}
#news #NewS a{
    text-decoration:none;
}
#news #NewS .img{
    position: relative;
    height: 321px;
}
#news #NewS .img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#news #NewS h5{
    margin: 2rem 0 0;
    font-size: 1.3rem;
    line-height: 1.3;
}
#news #NewS span{
    color: rgb(148,158,160);
}
#news #NewS p{
    margin: 2rem 0;
    color: rgb(100,102,101);
    font-size: .9rem;
}
#news #NewS .news-buttom{
    color: rgb(106,104,105);
    background: #fff;
    display: inline-block;
    padding: 9px 32px;
    border: 1px solid rgb(212,212,212);
    border-radius: 25px;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;    /*之前是ease-out*/
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  margin: 0 auto;
}

footer{
    background: url('footerbj.png') no-repeat;
    background-color: rgb(244,244,244);
    background-position: left bottom;
    background-size: 100% 89%;
    padding-top: 120px;
    padding-bottom: 11px;
    position: relative;
    /*margin-top: 38px;*/
}
.footer{
    color: #fff;
}
.footer .footer_logo{
    background: rgb(255,255,255);
    text-align: center;
    padding: 2% 0 44px;
    position: absolute;
    bottom: 0;
    border-top: 2px solid rgb(220,90,27);
}
.footer .footer_logo .img{
    
}
.footer .footer_logo h5{
    color: rgb(116,116,116);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 4rem !important;
}
.footer .footer_logo p{
    color: rgb(116,116,116);
    margin-bottom: 0;
    line-height: 1.3;
    font-size: .6rem;
    font-weight: 600;
}
.footer .footer_nav{
    margin-left: 12.5%;
    /*margin-left: 2.48%;*/
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.footer .footer_nav ul{
    
}
.footer .footer_nav ul>li{
    width: calc(100% / 2 - 2px);
    display: inline-block;
    margin: 13px 0;
}
.footer .footer_nav ul li a{
    color: rgb(250,250,250);
    text-decoration: none;
}
.footer .footer_contact{
    border-image: linear-gradient(transparent, white, transparent) 1;
    border-style: none solid;
    border-width: 1px;
    line-height: 1.9;
}
.footer .footer_contact h4{
    color: rgb(237,102,40);
    font-weight: 500;
    margin: 13px 0 21px;
}
.footer .footer_contact h4 span{
    color: rgb(253,253,253);
    font-weight: 600;
}
.footer .footer_contact .footer_tel{
    position: relative;
}
.footer .footer_contact .footer_tel img{
    position: absolute;
}
.footer .footer_contact .footer_tel div{
    margin-left: 2rem;
    font-size: 1.1rem;
    font-weight: 600;
}
.footer .footer_contact .footer_tel p{
    
}
.footer .footer_contact .footer_tel p span{
    font-size: .9rem;
}
.footer .footer_contact .footer_map{
    position: relative;
}
.footer .footer_contact .footer_map img{
    position: absolute;
}
.footer .footer_contact .footer_map p{
    margin-left: 2rem;
    font-size: 1rem;
    font-weight: 600;
}
.footer .footer_code{
    text-align: center;
}
.footer .footer_code .contact_code{
    display: inline-block;
    width: calc(100% / 2 - 6px);
    padding: 16px;
}
.footer .footer_code .contact_code p{
    margin-top: 1rem !important;
}
.footer .footer_code .phone_code{
    display: inline-block;
    width: calc(100% / 2 - 6px);
    padding: 16px;
}
.footer .footer_code .phone_code p{
    margin-top: 1rem !important;
}
.copyright{
    color: rgb(255,255,255);
    background: rgb(240,102,39);
    border-top: 2px solid rgb(255,255,255);
    text-align: center;
    padding: 6px 0;
    font-size: .6rem;
    font-weight: 500;
}
.copyright a{
    color: rgb(255,255,255);
    text-decoration: none;
}
.Inside{
    background-image: linear-gradient(to right, rgb(221,221,221) , rgb(255,255,255) , rgb(221,221,221));
    padding: 6px 0;
}
.Inside #search{
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    background: transparent;
}
.Inside #search a{
    text-decoration: none;
}
.Inside_pro{
    padding-top: 58px !important;
}
.crumbs{
    font-size: 1.1rem;
    font-weight: 500;
    border: 1px dashed rgb(219,219,219);
    padding: 16px 11px;
    margin-bottom: 1rem;
}
.crumbs a{
    text-decoration: none;
    color: #000;
}
.structure{
    padding-top: 21px;
    background: rgb(#fff);
}
.structure .content{
    
}
.structure .content .img{
    margin-top: 58px !important;
}
.structure .content .title{
    background: url("structure_title.jpg") no-repeat;
    background-size: 100% 100%;
    margin: 50px 0;
}
.structure .content .title p{
    font-size: 1.6rem;
    font-weight: 600;
    color: rgb(255,255,255);
    padding: 13px 25px;
    margin-bottom: 0;
}
.structure .content_content{
    color: rgb(107,107,107);
    font-size: 1.1rem;
    line-height: 2;
}
.structure .content_content p{
    margin-bottom: 0;
}
.structure .content_case{
    
}
.structure .content_case li{
    
}
.structure .famous{
    display: table;
    margin-top: 3rem !important;
    padding-bottom: 1rem;
}
.structure .famous li{
    display: inline-flex;
    width: calc(100% / 5);
    border: 1px solid rgb(225,225,225);
    height: 125px;
    padding: 21px;
    background: #fff;
}
.steel_content{
    margin-top: 38px !important;
}
.steel_content p{
    line-height: 2.4;
    font-size: 1.1rem;
}
.steel_content .img{
    display: inline-block;
}
.steel_content .content_title{
    position: relative;
    width: 74%;
    float: right;
}
.steel_content .content_title h3{
    position: relative;
    margin-bottom: 3rem;
    font-size: 1.6rem;
    font-weight: 600;
}
.steel_content .content_title h3:before{
    content: '';
    position: absolute;
    width: 29%;
    height: 4px;
    background: rgb(218,89,17);
    bottom: -17px;
    left: 0;
    z-index: 9;
}
.steel_content .content_title h3:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgb(158,158,157);
    bottom: -16px;
    left: 0;
}
.steel_content .content_title p{
    
}
.steel_content .content_contact{
    margin-top: 69px !important;
}
.steel_content .content_contact .left{
    display: inline-block;
    width: 25%;
    background: rgb(234,234,234);
    margin-bottom: 38px;
}
.steel_content .content_contact h4{
    background: url("contact_2.png") no-repeat;
    background-size: 100% 100%;
    color: #fff;
    text-align: center;
    padding: 32px 0;
}
.steel_content .content_contact li{
    display: flex;
    padding: 32px;
}
.steel_content .content_contact li div{
    display: inline-block;
    width: 69%;
    margin-left: 1.3rem;
    align-self: center;
}
.steel_content .content_contact .right{
    width: 75%;
    height: 490px;
    float: right;
    border: 1px solid #ccc;
}
    #container {
		height: 100%;
		width: 100%;
	}

	.content-window-card {
		position: relative;
		box-shadow: none;
		bottom: 0;
		left: 0;
		width: auto;
		padding: 0;
	}

	.content-window-card p {
		height: 2rem;
	}

	.custom-info {
		border: solid 1px silver;
	}

	div.info-top {
		position: relative;
		background: none repeat scroll 0 0 #F9F9F9;
		border-bottom: 1px solid #CCC;
		border-radius: 5px 5px 0 0;
	}

	div.info-top div {
		display: inline-block;
		color: rgb(239,96,26);
		font-size: 18px;
		font-weight: bold;
		line-height: 31px;
		padding: 0 10px;
	}

	div.info-top img {
		position: absolute;
		top: 10px;
		right: 10px;
		transition-duration: 0.25s;
	}

	div.info-top img:hover {
		box-shadow: 0px 0px 5px #000;
	}

	div.info-middle {
		font-size: 15px;
		padding: 10px 6px;
		line-height: 20px;
	}

	div.info-bottom {
		height: 0px;
		width: 100%;
		clear: both;
		text-align: center;
	}

	div.info-bottom img {
		position: relative;
		z-index: 104;
	}
	
	.info-middle img {
		float: left;
		margin-right: 6px;
	}

.recapitulation{
    background: url("aboutbj_1.jpg") no-repeat;
    background-size: 100% 100%;
}
.recapitulation .content{
    position: relative;
    width: 46%;
}
.recapitulation .content:after{
    content: '';
    position: absolute;
    width: 220px;
    height: 158px;
    background: rgb(238,97,26);
    right: -200px;
    bottom: -66px;
}
.recapitulation .content h1{
    color: rgb(70,70,70);
    font-size: 2.4rem;
    font-weight: bold;
}
.recapitulation .content h6{
    color: rgb(158,158,158);
    font-size: 1.2rem;
    font-weight: bold;
}
.recapitulation .content p{
    margin-top: 3rem !important;
    margin-bottom: 3rem;
    text-indent: 2.4rem;
    font-size: 1.2rem;
    line-height: 2.3;
    color: rgb(80,80,80);
}
.recapitulation .about_1{
    display: inline-block;
    float: right;
    position: relative;
    width: 50%;
}
.recapitulation .about_2{
    display: inline-block;
    float: left;
    width: 38%;
}
.recapitulation .home_description{
    padding-top: 7rem;
    padding-bottom: 3rem;
    padding-left: 38px;
    text-align: center;
    width: 61%;
    display: inline-block;
}
.recapitulation .home_description li{
    display: inline-block;
    width: calc(100% / 3 - 3px);
    text-align: center;
    padding: 21px 0;
}
.recapitulation .home_description li div{
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
}
.recapitulation .home_description li div span{
    font-size: 1rem;
    display: inline-block;
    color: #fff;
    background: rgb(240,96,26);
    width: 24px;
    line-height: 24px;
    border-radius: 50%;
    margin-left: .3rem;
    top: -.3rem;
    position: relative;
}
.recapitulation .home_description li p{
    color: rgb(118,118,118);
    font-size: 1.1rem;
    margin-top: .3rem !important;
}
.strength{
    background: url("aboutbj_2.jpg") no-repeat;
    background-size: 100% 100%;
}
.strength .content{
    position: relative;
}
.strength .content ul{
    position: relative;
    z-index: 99;
    padding-bottom: 58px;
}
.strength .content:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 69px;
    background: rgba(238,97,26,.9);
    left: 0;
    bottom: 58px;
}
.strength .content ul>li{
    display: inline-block;
    height: 216px;
    margin: 0 9px 16px 0;
}
.strength .content ul>li:nth-child(3){
    float: right;
    height: 428px;
    margin: 0;
}
.Vision{
    background: url("aboutbj_3.jpg") no-repeat;
    background-size: 100% 100%;
}
.Vision .content{
    
}
.Vision .content .describe{
    display: inline-block;
    width: 45%;
    font-size: 1.1rem;
    font-weight: 500;
    text-indent: 2.2rem;
    line-height: 2.5;
    letter-spacing: 2px;
    color: rgb(80,80,81);
}
.Vision .content .describe p{

    font-size: 1.1rem;
    font-weight: 500;
    text-indent: 2.2rem;
    line-height: 2.5;
    letter-spacing: 2px;
    color: rgb(80,80,81);
    margin-bottom: 0;
}
.Vision .content ul{
    float: right;
    width: 50%;
    text-align: right;
    margin-top: -21px !important;
}
.Vision .content ul li{
    width: 48%;
    display: inline-block;
    text-align: center;
    background: rgba(196,196,196,.7);
    margin: 5px;
    padding: 44px 0;
    font-size: 1.3rem;
    color: rgb(253,111,44);
    font-weight: 600;
}
.Vision .content ul li p{
    color: rgb(9,9,9);
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}

.message{
    position: relative;
    display: flex;
    margin: 69px 0 66px;
}
.message form .input{
    width: 48%;
    margin-bottom: 25px;
    height: 44px;
    line-height: 44px;
    border: 1px solid rgb(214,214,214);
    color: rgb(161,161,168);
    padding-left: 13px;
    margin-right: 3.4%;
}
.message form .input:nth-child(2n){
    margin-right: 0;
}
.message form textarea{
    width: 100%;
    height: 89px;
    border: 1px solid rgb(214,214,214);
    color: rgb(161,161,168);
    padding-left: 13px;
}
.message form input::-webkit-input-placeholder, .message form textarea::-webkit-input-placeholder{
    color: rgb(161,161,168);
}
.message form button{
    background: rgb(239,96,26);
    color: white;
    padding: 6px 32px;
    border-radius: 9px;
    margin-top: 16px;
    border: 0;
}
.pro .title{
    margin-bottom: 23px;
}
.pro .h6{
    margin: 21px 0;
    color: rgb(117,117,117);
    font-weight: 500;
}
.pagelist{
    text-align: center;
    color: rgb(49,49,49);
}



@media screen and (max-width: 1320px){
    .steel_content .content_contact li{
        padding: 8%;
    }
    .message form .input{
        margin-right: 3.3%;
    }
    .strength .content ul>li{
        height: 170px;
    }
    .strength .content ul>li:nth-child(3){
        height: 355px;
    }
}