body,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

ol,

li,

form,

img,

dl,

dt,

dd,

table,

th,

td,

blockquote,

fieldset,

div,

strong,

label,

em {

	margin: 0;

	padding: 0;

	border: 0

}



* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-user-select: none

}



:after,

:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box

}



html {

    width: 100%;

    height: 100%;

    outline: none;

    -webkit-text-size-adjust: none



}



body {

    color: #ffffff;

    font-size: inherit;

    width: 100%;

    height: 100%;

    line-height: 1.2;

    color: #262626;

	padding-top: 3.5rem;

	overflow-x: hidden;

}



ol,

ul,

li {

	list-style: none

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

	display: block

}





img {

	border: 0;

	vertical-align: middle;

	max-width: 100%;

}



table {

	border-collapse: collapse;

	border-spacing: 0

}



iframe {

	display: block

}



sub,

sup {

	position: relative;

	font-size: 75%;

	line-height: 0;

	vertical-align: baseline

}



sup {

	top: -0.5em

}



sub {

	bottom: -0.25em

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: 500;

	font-size: 100%

}



a,

area {

	/* 获得焦点的同时失去焦点 为了防止a标签是图片的时候 点过周围会有虚线 */

	blr: expression(this.onFocus=this.blur())

}



:focus {

	-moz-outline-style: none;

	outline: 0

}



a:hover,

a:visited,

a:active,

a:focus {

	text-decoration: none;

	outline: 0

}



input {

	outline: none;

	border: none

}



::-webkit-input-placeholder ,

::-webkit-textarea-placeholder{ /* WebKit browsers */

    color:    #434e59;

    font-size: 0.6rem;	

}

:-moz-placeholder ,

:-moz-textarea-placeholder{ /* Mozilla Firefox 4 to 18 */

    color:    #434e59;

    font-size: 0.6rem;

}

::-moz-placeholder ,

::-moz-textarea-placeholder{ /* Mozilla Firefox 19+ */

    color:    #434e59;

    font-size: 0.6rem

}

:-ms-input-placeholder ,

:-ms-textarea-placeholder{ /* Internet Explorer 10+ */

    color:    #434e59;

    font-size: 0.6rem

}



textarea {

	resize: none;

	outline: 0;

	display: block;

	border: none;

}







i,

em,

cite {

	font-style: normal

}



button {

	cursor: pointer

}



.clearfix:after {

	clear: both;

	display: block;

	visibility: hidden;

	height: 0;

	line-height: 0;

	content: ''

}



.fl {

	float: left

}



.fr {

	float: right

}



.clearfix {

	zoom: 1

}



.overhide {

	overflow: hidden

}



.mt5 {

	margin-top: .25rem

}



.mt10 {

	margin-top: .5rem

}



.mt20 {

	margin-top: 1rem

}



.mt30 {

	margin-top: 1.5rem

}



.mb10 {

	margin-bottom: .5rem

}



.mb20 {

	margin-bottom: 1rem

}



.mb30 {

	margin-bottom: 1.5rem

}



.mr0 {

	margin-right: 0 !important;

}



.nopadding {

	padding: 0!important

}



.nomargin {

	margin: 0!important

}



.cff {

	color: #fff;

}



.f12 {

	font-size: .6rem

}



.f14 {

	font-size: .7rem

}



.f16 {

	font-size: .8rem

}



.f18 {

	font-size: .9rem

}



.f20 {

	font-size: 1rem

}



.f24 {

	font-size: 1.2rem

}



.relative {

	position: relative

}



.img_100 {

	width: 100%;

	height: 100%

}



.img {

	overflow: hidden;

}



.img  img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.vertical_center {

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	position: absolute;

	top: 50%!important

}



.top_center {

	-webkit-transform: translateY(-50%) translateX(-50%);

	-moz-transform: translateY(-50%) translateX(-50%);

	-ms-transform: translateY(-50%) translateX(-50%);

	-o-transform: translateY(-50%) translateX(-50%);

	transform: translateY(-50%) translateX(-50%);

	position: absolute;

	top: 50%;

	left: 50%

}



/* 版心 */

.w {

    margin: auto;

	padding: 0;

}



a:hover {

	transition: all .3s ease-out;

}

















.footer {

    background-color: #333333;

    padding-top: 2.5rem;

    border-bottom: 1px solid #464646;

}



    .footer .top .footer_nav {

        color: #ffffff;

        float: left;

        margin-right: 22.5%;

    }



        .footer .top .footer_nav h5 {

            font-size: 0.9rem;

            margin-bottom: 1.4rem;

        }



        .footer .top .footer_nav ul li {

            font-size: 0.7rem;

            margin-bottom: 0.8rem;

        }



            .footer .top .footer_nav ul li a {

                color: #cccccc;

                transition: all 0.3s ease-out;

            }



            .footer .top .footer_nav ul li:hover a {

                color: #96b282;

            }



        .footer .top .footer_nav:nth-child(3) {

            margin-right: 0;

        }



    .footer .top .line {

        float: left;

        background-color: #464646;

        width: 1px;

        height: 7rem;

        margin-left: 13%;

    }



    .footer .top .qrcode {

        width: 10%;

    }



    .footer .bottom {

        margin-top: 3.5rem;

        margin-bottom: 1.5rem;

    }



        .footer .bottom .logo_dark {

            float: left;

            width: 25%;

        }



        .footer .bottom ul {

            width: 13%;

        }



            .footer .bottom ul li {

                float: left;

                width: 16%;

                margin-right: 26%;

            }



                .footer .bottom ul li:nth-child(3) {

                    margin-right: 0;

                }



.copyright {

    background-color: #333333;

}



    .copyright ul li {

        float: left;

        margin-right: 1rem;

        position: relative;

    }



        .copyright ul li a {

            display: block;

            line-height: 2.7rem;

            color: #8d8d8d;

            font-size: 0.7rem;

            height: 2.7rem;

        }



        .copyright ul li:after {

            content: '';

            display: block;

            position: absolute;

            width: 1px;

            height: 0.7rem;

            top: 50%;

            right: -0.5rem;

            background-color: #767676;

            transform: translateY(-50%);

        }



    .copyright p {

        line-height: 2.7rem;

        color: #8d8d8d;

        font-size: 0.7rem;

    }



@media (max-width: 767px) {

    .footer .footer_nav {

        width: 33% !important;

        margin-right: 0 !important;

    }
    .nav_two {
        display: none!important;
    }
    .navbar .navbar-right .navbar-nav > li:hover .nav_two {
        display: none;
    }


    .copyright ul {

        float: none;

    }



    .copyright p {

        float: none;

    }

}



.navbar-nav>li {
    padding: 0 1rem;
}

.nav_two {
    position: absolute;
    left: 0;
    z-index: 999;
    top: 69px;
    width: 100%;
    background: #fff;
    box-shadow: 0 5px 5px 0px rgba(0,0,0,.2);
    font-size: 14px;
    display: none;
}
.navbar .navbar-right .navbar-nav > li:hover .nav_two {
    display: block;
}
.nav_two>a {
    display: block;
    color: #666!important;
    padding: 10px 0;
}
.nav_two>a:hover {
    color: #96b282!important;
}
.navbar {

    margin-bottom: 0;

    border: 0;

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    z-index: 999999999;

    background-color: #fff;

    border-radius: 0px !important;

}



    .navbar.navbar-default {

        border: 0;

    }



    .navbar .navbar-collapse {

        text-align: center;

        border: none;

        width: 100%;

        margin-left: 15px;

    }



        .navbar .navbar-collapse.in .navbar-nav li:nth-child(6) {

            margin-right: 2.56rem;

        }



        .navbar .navbar-collapse.collapsing .navbar-nav li:nth-child(6) {

            margin-right: 2.56rem;

        }



    .navbar .navbar-header {

        height: 3.5rem;

        padding: 0 !important;

        margin: 0 !important;

    }



    .navbar .navbar-brand {

        padding: 0;

        height: auto;

    }



        .navbar .navbar-brand img {

            padding: 0.8rem 0;

            height: 3.5rem;

            width: auto;

            max-width: 100%;

        }



    .navbar .navbar-right .navbar-nav > li {

        margin-right: 1.65rem !important;

    }



        .navbar .navbar-right .navbar-nav > li.active a {

            color: #96b282;

        }



        .navbar .navbar-right .navbar-nav > li > a {

            font-size: 0.8rem;

            color: #333;

            height: 3.5rem;

            line-height: 3.5rem;

            background-color: transparent;

            padding: 0;

        }



        .navbar .navbar-right .navbar-nav > li:last-child {

/*            margin-right: 0;*/

        }



    .navbar .navbar-toggle {

        border: 1px solid #96b282;

    }



        .navbar .navbar-toggle .icon-bar {

            background-color: #96b282;

        }



        .navbar .navbar-toggle:focus,

        .navbar .navbar-toggle:hover {

            background-color: #96b282;

        }



            .navbar .navbar-toggle:focus .icon-bar,

            .navbar .navbar-toggle:hover .icon-bar {

                background-color: #fff;

            }



        .navbar .navbar-toggle.collapsed {

            background-color: transparent;

            border: 1px solid #ffffff;

        }



    .navbar.shadow {

        box-shadow: 0 5px 10px #eeeeee;

    }



.navbar-default .navbar-collapse .navbar-nav > li.active > a,

.navbar-default .navbar-collapse .navbar-nav > li > a:hover,

.navbar-default.navbar-fixed-top .navbar-collapse.in .navbar-nav > li.active > a,

.navbar-default.navbar-fixed-top .navbar-nav > li > a:hover {

    color: #96b282;

}



.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:focus,

.navbar-default .navbar-nav > .active > a:hover {

    background-color: transparent;

}



@media (max-width: 991px) {

    .navbar .navbar-right .navbar-nav > li {

        margin-right: 2rem;

    }



    .navbar .container {

        padding-right: 0;

    }

}



@media (max-width: 767px) {

    .navbar.shadow {

        box-shadow: none;

    }

}



@media (max-width: 413px) {

    .navbar-toggle {

        margin-top: 4px;

    }



    body {

        padding-top: 50px !important;

    }

}


.tabbar_wrap {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background:#fff;
	z-index: 999;
	overflow: hidden;
	line-height: 55px;
	font-size: 16px;
	color: #fff;
	display: none;
}
.tabbar_home {
	float: left;
	width: 50%;
	text-align: center;
	background: #0079C3;
}
.tabbar_call {
	float: left;
	width: 50%;
	text-align: center;
	background: #64A700;
}
.tabbar_wrap a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
}
.height {
	height: 55px;
	width: 100%;
	display: none;
}
.welcome_wrap {
	line-height: 40px;
	height: 40px;
	background: #f5f5f5;
	font-size: 18px;
}
.welcome_box {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	color: red;
	font-weight: bold;
}
/*.welcome_phone span {*/
/*	font-weight: bold;*/
/*	font-size: 16px;*/
/*	color: #64A700;*/
/*}*/

@media (max-width: 991px) {
	.tabbar_wrap,.height {
		display: block;
	}
	.welcome_wrap {
		display: none;
	}
}