body{
	width: 100%;
	overflow: hidden;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}


header{
	width: 100%;
	height: 80px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	position: relative;
	z-index: 10;
}

/*三级导航*/
	.navbar-brand{
		padding: 29px 15px;
		height: auto;
	}
	nav.navbar.bootsnav{
		border: none;
	}
	.navbar-nav{
		float: left;
		padding-left: 150px;
	}
	nav.navbar.bootsnav ul.nav > li > a{
		color: #474747;
		text-transform: capitalize;
		padding: 30px;
	}
	nav.navbar.bootsnav ul.nav > li:hover{
		background: #f4f4f4;
	}
	.cur::after{
		 width: 100%;
	}

	.nav > li:after{
		content: "";
		height: 3px;
		background: #c10913;
		position: absolute;
		bottom: 0;
		left: 0;
		transition: all 0.5s ease 0s;
	}


	.nav > li:hover:after{
		width: 100%;
	}



	nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
		content: "";
		font-family: 'FontAwesome';
		font-size: 16px;
		font-weight: 500;
		position: absolute;
		top: 35%;
		transition: all 0.4s ease 0s;
	}
	nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
		content: "\f105";
		transform: rotate(90deg);
	}
	.dropdown-menu.multi-dropdown{
		position: absolute;
		left: -100% !important;
	}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		border: none;
	}
	@media only screen and (max-width:990px){
		nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
		nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
		.dropdown-menu.multi-dropdown{ left: 0 !important; }
		nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
		nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
	}

 /* ==============================================================

Template name : Bootsnav - Multi Purpose Header
Categorie : Bootstrap Menu in CSS
Author : adamnurdin01
Version : v.1.2
Created : 2016-06-02
Last update : 2016-10-19
http://chajian.bootstrapmb.com
============================================================== */

/* MEGAMENU STYLE
=================================*/
nav.bootsnav .dropdown.megamenu-fw {
    position: static;
}

nav.bootsnav .container {
    position: relative;
}

nav.bootsnav .megamenu-fw .dropdown-menu {
    left: auto;
}

nav.bootsnav .megamenu-content {
    padding: 15px;
    width: 100% !important;
}

nav.bootsnav .megamenu-content .title{
    margin-top: 0;
}

nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

/* Navbar
=================================*/

nav.navbar.bootsnav ul.nav > li > a{
    color: #6f6f6f;
    background-color: transparent;
    outline: none;
    margin-bottom: -2px;
}

nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus,
nav.navbar.bootsnav ul.nav li.active > a:hover,
nav.navbar.bootsnav ul.nav li.active > a:focus,
nav.navbar.bootsnav ul.nav li.active > a{
    background-color: transparent;
}

nav.navbar.bootsnav .navbar-toggle{
    background-color: #fff;
    border: none;
    padding: 0;
    font-size: 18px;
    position: relative;
    top: 5px;
}

nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
    top: 0;
    left: 100%;
}

nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{
    white-space:normal;
}


ul.menu-col{
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.menu-col li a{
    color: #6f6f6f;
}

ul.menu-col li a:hover,
ul.menu-col li a:focus{
    text-decoration: none;
}

/* Navbar Full
=================================*/
nav.bootsnav.navbar-full{
    padding-bottom: 10px;
    padding-top: 10px;
}

nav.bootsnav.navbar-full .navbar-header{
    display: block;
    width: 100%;
}

nav.bootsnav.navbar-full .navbar-toggle{
    display: inline-block;
    margin-right: 0;
    position: relative;
    top: 0;
    font-size: 30px;
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

nav.bootsnav.navbar-full .navbar-collapse{
    position: fixed;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    padding: 0;
    display: none !important;
    z-index: 9;
}

nav.bootsnav.navbar-full .navbar-collapse.in{
    display: block !important;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full{
    overflow: auto;
}

nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu{
    display: table-cell;
    vertical-align: middle;
    background-color: #fff;
    overflow: auto;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
    width: 0;
}

nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
    width: 0;
}


nav.bootsnav.navbar-full .navbar-collapse ul.nav{
    display: block;
    width: 100%;
    overflow: auto;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover,
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus,
nav.bootsnav.navbar-full .navbar-collapse ul.nav a{
    background-color: transparent;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav > li{
    float: none;
    display: block;
    text-align: center;
}

nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a{
    display: table;
    margin: auto;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 24px;
    padding: 10px 15px;
}

li.close-full-menu > a{
    padding-top: 0px;
    padding-bottom: 0px;
}

li.close-full-menu{
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Atribute Navigation
=================================*/
.attr-nav{
    float: right;
    display: inline-block;
    margin-left: 13px;
    margin-right: -15px;
}

.attr-nav > ul{
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
    display: inline-block;
}

.attr-nav > ul > li{
    float: left;
    display: block;
}

.attr-nav > ul > li > a{
    color: #6f6f6f;
    display: block;
    padding: 28px 15px;
    position: relative;
}

.attr-nav > ul > li > a span.badge{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 5px;
    font-size: 10px;
    padding: 0;
    width: 15px;
    height: 15px;
    padding-top: 2px;
}

.attr-nav > ul > li.dropdown ul.dropdown-menu{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    border: solid 1px #e0e0e0;
}

ul.cart-list{
    padding: 0 !important;
    width: 250px !important;
}

ul.cart-list > li{
    position: relative;
    border-bottom: solid 1px #efefef;
    padding: 15px 15px 23px 15px !important;
}

ul.cart-list > li > a.photo{
    padding: 0 !important;
    margin-right: 15px;
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    left: 15px;
    top: 15px;
}

ul.cart-list > li img{
    width: 50px;
    height: 50px;
    border: solid 1px #efefef;
}

ul.cart-list > li > h6{
    margin: 0;
}

ul.cart-list > li > h6 > a.photo{
    padding: 0 !important;
    display: block;
}

ul.cart-list > li > p{
    margin-bottom: 0;
}

ul.cart-list > li.total{
    background-color: #f5f5f5;
    padding-bottom: 15px !important;
}

ul.cart-list > li.total > .btn{
    display: inline-block;
    border-bottom: solid 1px #efefef;
}

ul.cart-list > li .price{
    font-weight: bold;
}

ul.cart-list > li.total > span{
    padding-top: 8px;
}

/* Top Search
=================================*/
.top-search{
    background-color: #333;
    padding: 10px 0;
    display: none;
}

.top-search input.form-control{
    background-color: transparent;
    border: none;
    -moz-box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    color: #fff;
    height: 40px;
    padding: 0 15px;
}

.top-search .input-group-addon{
    background-color: transparent;
    border: none;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.top-search .input-group-addon.close-search{
    cursor: pointer;
}

/* Side Menu
=================================*/
body{
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

body.on-side{
    margin-left: -280px;
}

.side{
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: -280px;
    width: 280px;
    padding: 25px 30px;
    height: 100%;
    display: block;
    background-color: #333;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    z-index: 9;
}

.side.on{
    right: 0;
}

.side .close-side{
    float: right;
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 16px;
}

.side .widget{
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
}

.side .widget .title{
    color: #fff;
    margin-bottom: 15px;
}

.side .widget ul.link{
    padding: 0;
    margin: 0;
    list-style: none;
}

.side .widget ul.link li a{
    color: #9f9f9f;
    letter-spacing: 1px;
}

.side .widget ul.link li a:focus,
.side .widget ul.link li a:hover{
    color: #fff;
    text-decoration: none;
}

/* Share
=================================*/
nav.navbar.bootsnav .share{
    padding: 0 30px;
    margin-bottom: 30px;
}

nav.navbar.bootsnav .share ul{
    display: inline-block;
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
}

nav.navbar.bootsnav .share ul > li{
    float: left;
    display: block;
    margin-right: 5px;
}

nav.navbar.bootsnav .share ul > li > a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 35px;
    height: 35px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #cfcfcf;
    color: #fff;
}

/* Transparent
=================================*/
nav.navbar.bootsnav.navbar-fixed{
    position: fixed;
    display: block;
    width: 100%;
}

nav.navbar.bootsnav.no-background{
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

/* Navbar Sticky
=================================*/
.wrap-sticky{
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.wrap-sticky nav.navbar.bootsnav{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.wrap-sticky nav.navbar.bootsnav.sticked{
    position: fixed;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

body.on-side .wrap-sticky nav.navbar.bootsnav.sticked{
    left: -280px;
}

/* Navbar Responsive
=================================*/
@media (min-width: 1024px) and (max-width:1400px) {
    body.wrap-nav-sidebar .wrapper .container{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1024px) {
    /* General Navbar
    =================================*/
    nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu{
        left: -200px;
    }
    
    nav.navbar.bootsnav ul.nav > li > a{
        padding: 32px 20px;
    }
    
    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
        margin-left: 5px;
        margin-top: 2px;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        padding: 0;
        width: 130px;
        background: #fff;
        border: solid 1px #e0e0e0;
        border-top: solid 5px;
		box-shadow: 0 0 10px rgba(48, 48, 48, 0.3);
border: none;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{
        background-color: #f5f5f5;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
        padding: 10px 15px;
        border-bottom: solid 1px #eee;
        color: #6f6f6f;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a{
        border-bottom: none;
    }
    
    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{
        text-align: right;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
        font-family: 'FontAwesome';
        float: right;
        content: "\f105";
        margin-top: 0;
    }
    
    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
        font-family: 'FontAwesome';
        float: left;
        content: "\f104";
        margin-top: 0;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{
        top: -2px;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content{
        padding: 0 15px !important;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li{
       padding: 25px 0 20px;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed{
        padding: 0;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li{
        padding: 0;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu{
        padding: 0 30px;
        margin: 0 -0.5px;
        border-left: solid 1px #f0f0f0;
        border-right: solid 1px #f0f0f0;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child{
        border-left: none;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child{
        border-right: none;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content{
        display: none;
    }
    
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{
        text-align: left;
        padding: 5px 0;
        display: block;
        width: 100%;
        margin-bottom: 0;
        border-bottom: none;
        color: #6f6f6f;
    }
    
    nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content{
        display: block !important;
        height: auto !important;
    }
    
    /* Navbar Transparent
    =================================*/  
    nav.navbar.bootsnav.no-background{
        background-color: transparent;
        border: none;
    }
    
    nav.navbar.bootsnav.navbar-transparent .attr-nav{
        padding-left: 15px;
        margin-left: 30px;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
    
    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled,
    nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled{
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display,
    nav.navbar.bootsnav.navbar-fixed.no-background .logo-display{
        display: block;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display{
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-scrolled{
        display: block;
    }
    
    /* Atribute Navigation
    =================================*/    
    .attr-nav > ul > li.dropdown ul.dropdown-menu{
        margin-top: 0;
        margin-left: 55px;
        width: 250px;
        left: -250px;
    }
    
    /* Menu Center
    =================================*/
    nav.navbar.bootsnav.menu-center .container{
        position: relative;
    }
    
    nav.navbar.bootsnav.menu-center ul.nav.navbar-center{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
    
    nav.navbar.bootsnav.menu-center .navbar-header,
    nav.navbar.bootsnav.menu-center .attr-nav{
        position: absolute;
    }
    
    nav.navbar.bootsnav.menu-center .attr-nav{
        right: 15px;
    }
    
    /* Navbar Brand top
    =================================*/
    nav.bootsnav.navbar-brand-top .navbar-header{
        display: block;
        width: 100%;
        text-align: center;
    }
    
    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu{
        margin-top: 2px;
    }
    
    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
        margin-top: 0;
    }
    
    nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand{
        display: inline-block;
        float: none;
        margin: 0;
    }
    
    nav.bootsnav.navbar-brand-top .navbar-collapse{
        text-align: center;
    }
    
    nav.bootsnav.navbar-brand-top ul.nav{
        display: inline-block;
        float: none;
        margin: 0 0 -5px 0;
    }
    
    /* Navbar Center
    =================================*/
    nav.bootsnav.brand-center .navbar-header{
        display: block;
        width: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
    }
    
    nav.bootsnav.brand-center .navbar-brand{
        display: inline-block;
        float: none;
    }
    
    nav.bootsnav.brand-center .navbar-collapse{
        text-align: center;
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
    }
    
    nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu{
        margin-top: 2px;
    }
    
    nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
        margin-top: 0;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half{
        width: 50%;
        float: left;
        display: block;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half.left{
        text-align: right;
        padding-right: 100px;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half.right{
        text-align: left;
        padding-left: 100px;
    }
    
    nav.bootsnav.brand-center ul.nav{
        float: none !important;
        margin-bottom: -5px !important;
        display: inline-block !important;
    }
    
    nav.bootsnav.brand-center ul.nav.navbar-right{
        margin: 0;
    }
    
    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left{
        text-align: left;
        padding-right: 100px;
    }
    
    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right{
        text-align: right;
        padding-left: 100px;
    }
    
    /* Navbar Sidebar
    =================================*/
    body.wrap-nav-sidebar .wrapper{
        padding-left: 260px; 
        overflow-x: hidden;
    }

    nav.bootsnav.navbar-sidebar{
        position: fixed;
        width: 260px;
        overflow: hidden;
        left: 0;
        padding: 0  0 0 0 !important;
        background: #fff;
        border-right: solid 1px #dfdfdf;
    }  
    
    nav.bootsnav.navbar-sidebar .scroller{
        width: 280px;
        overflow-y:auto;
        overflow-x: hidden;
    }

    nav.bootsnav.navbar-sidebar .container-fluid,
    nav.bootsnav.navbar-sidebar .container{
        padding: 0 !important;
    }

    nav.bootsnav.navbar-sidebar .navbar-header{
        float: none;
        display: block;
        width: 260px;
        padding: 10px 15px;
        margin: 10px 0 0 0 !important;
    }
    
    nav.bootsnav.navbar-sidebar .navbar-collapse{
        padding: 0 !important;
        width: 260px;
    }

    nav.bootsnav.navbar-sidebar ul.nav{
        float: none;
        display: block;
        width: 100%;
        padding: 0 15px !important;
        margin: 0 0 30px 0;
    }

    nav.bootsnav.navbar-sidebar ul.nav li{
        float: none !important;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after{
        float: right;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
        left: 100%;
        top: 0;
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        background-color: transparent;
        border: none !important;
        padding: 0;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu{
        border: none !important;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu{
        margin-bottom: 15px;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
        padding-left: 0;
        float: none;
        margin-bottom: 0;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a{
        padding:  5px 15px;
        color: #6f6f6f;
        border: none;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{
        padding-left: 15px;
        margin-top: 0;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before{
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
    }
    
    nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before{
        content: "\f107";
    }
    
    nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li{
        padding: 0 !important;
    }
        
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
        display: block;
        float: none !important;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title{
        padding: 7px 0;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 0;
        cursor: pointer;
        color: #6f6f6f;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before{
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before{
        content: "\f107";
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
        border: none;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content{
        padding: 0 0 0 15px;
    }
    
    nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a{
        padding: 3px 0 !important;
    }
}

@media (max-width: 992px) {
    /* Navbar Responsive
    =================================*/ 
    nav.navbar.bootsnav .navbar-brand    {
        display: inline-block;
        float: none !important;
        margin: 0 !important;
    }
    
    nav.navbar.bootsnav .navbar-header {
        float: none;
        display: block;
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    nav.navbar.bootsnav .navbar-toggle {
        display: inline-block;
        float: left;
        margin-right: -200px;
        margin-top: 10px;
    }
    
    nav.navbar.bootsnav .navbar-collapse {
        border: none;   
        margin-bottom: 0;
    }
    
    nav.navbar.bootsnav.no-full .navbar-collapse{
        max-height: 350px;
        overflow-y: auto !important;
    }
    
    nav.navbar.bootsnav .navbar-collapse.collapse {
        display: none !important;
    }
    
    nav.navbar.bootsnav .navbar-collapse.collapse.in {
        display: block !important;
    }
    
    nav.navbar.bootsnav .navbar-nav {
        float: none !important;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0px -15px;
    }
    
    nav.navbar.bootsnav .navbar-nav > li {
        float: none;
    }
    
    nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
        font-size: 16px;
        margin-left: 10px;
    }
    
    nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before{
        content: "\f107";
    }
    
    nav.navbar.bootsnav .navbar-nav > li > a{
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
        border-top: solid 1px #e0e0e0;
        margin-bottom: -1px;
    }
    
    nav.navbar.bootsnav .navbar-nav > li:first-child > a{
        border-top: none;
    }
    
    nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{
        border-bottom: solid 1px #e0e0e0;
    }
    
    nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle{
        float: none !important;
        position: relative;
        display: block;
        width: 100%;
    }
    
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{
        width: 100%;
        position: relative !important;
        background-color: transparent;
        float: none;
        border: none;
        padding: 0 0 0 15px !important;
        margin: 0 0 -1px 0 !important;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px;
        -o-border-radius: 0px 0px 0px;
        border-radius: 0px 0px 0px;
    }
    
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a{
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
        color: #6f6f6f;
    }
    
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus{
        background-color: transparent;
    }
    
    nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu{
        float: none !important;
        left: 0;
        padding: 0 0 0 15px;
        position: relative;
        background: transparent;
        width: 100%;
    }
    
    nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{
        display: inline-block;
        margin-top: -10px;
    }
    
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{
        display: none;
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{
        padding: 10px 15px 10px 0;
        line-height: 24px;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 0;
        cursor: pointer;
        border-bottom: solid 1px #e0e0e0;
        color: #6f6f6f;
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a{
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 8px 0;
    }
    
   nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before{
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
        font-size: 16px;
        margin-left: 10px;
       position: relative;
       right: -15px;
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title{
        border-bottom: none;
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #e0e0e0;
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a{
        border-bottom: none;
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before{
        content: "\f107";
    }
    
    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content{
        padding: 0 0 0 15px;
    }
    
    nav.bootsnav.brand-center .navbar-collapse{
        display: block;
    }
    
    nav.bootsnav.brand-center ul.nav{
        margin-bottom: 0px !important;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half{
        width: 100%;
        float: none;
        display: block;
    }
    
    nav.bootsnav.brand-center .navbar-collapse .col-half.left{
        margin-bottom: 0;
    }
    
    nav.bootsnav .megamenu-content{
        padding: 0;
    }
    
    nav.bootsnav .megamenu-content .col-menu{
        padding-bottom: 0;
    }
    
    nav.bootsnav .megamenu-content .title{
        cursor: pointer;
        display: block;
        padding: 10px 15px;
        margin-bottom: 0;
        font-weight: normal;
    }
    
    nav.bootsnav .megamenu-content .content{
        display: none;
    }
    
    .attr-nav{
        position: absolute;
        right: 60px;
    }
    
    .attr-nav > ul{
        padding: 0;
        margin: 0 -15px -7px 0;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 15px 15px;
    }
    
    .attr-nav > ul > li.dropdown > a.dropdown-toggle:before{
        display: none;
    }
    
    .attr-nav > ul > li.dropdown ul.dropdown-menu{
        margin-top: 2px;
        margin-left: 55px;
        width: 250px;
        left: -250px;
        border-top: solid 5px;
    }
    
    .top-search .container{
        padding: 0 45px;
    }
    
    /* Navbar full Responsive
    =================================*/   
    nav.bootsnav.navbar-full ul.nav{
        margin-left: 0;
    }
    
    nav.bootsnav.navbar-full ul.nav > li > a{
        border: none;
    }
    
    nav.bootsnav.navbar-full .navbar-brand    {
        float: left !important;
        padding-left: 0;
    }
    
    nav.bootsnav.navbar-full .navbar-toggle {
        display: inline-block;
        float: right;
        margin-right: 0;
        margin-top: 10px;
    }
    
    nav.bootsnav.navbar-full .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Navbar Sidebar
    =================================*/ 
    nav.navbar.bootsnav.navbar-sidebar .share{
        padding: 30px 15px;
        margin-bottom: 0;
    }
    
    /* Tabs
    =================================*/ 
    nav.navbar.bootsnav .megamenu-content.tabbed{
        padding-left: 0 !important;
    }
    
    nav.navbar.bootsnav .tabbed > li{
        padding: 25px 0;
        margin-left: -15px !important;
    }
    
    /* Mobile Navigation
    =================================*/     
    body > .wrapper{
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    body.side-right > .wrapper{
        margin-left: 280px;
        margin-right: -280px !important;
    }
    
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse{
        position: fixed;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block;
        background: #fff;
        z-index: 99;
        width: 280px;
        height: 100% !important;
        left: -280px;
        top: 0;
        padding: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{
        left: 0;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav{
        width: 293px;
        padding-right: 0;
        padding-left: 15px;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
        width: 100%;
    }
    
    nav.navbar.bootsnav.navbar-fixed .logo-scrolled{
        display: block !important;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display{
        display: none !important;
    }
    
    nav.navbar.bootsnav.navbar-mobile .tab-menu,
    nav.navbar.bootsnav.navbar-mobile .tab-content{
        width: 100%;
        display: block;
    }
}

@media (max-width: 767px) {
    nav.navbar.bootsnav .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    nav.navbar.bootsnav .navbar-nav {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .attr-nav{
        right: 30px;
    }
    
    .attr-nav > ul{
        margin-right: -10px;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 10px 15px;
        padding-left: 0 !important;
    }
    
    .attr-nav > ul > li.dropdown ul.dropdown-menu{
        left: -275px;
    }
    
    .top-search .container{
        padding: 0 15px;
    }
    
    nav.bootsnav.navbar-full .navbar-collapse{
        left: 15px;
    }
    
    nav.bootsnav.navbar-full .navbar-header{
        padding-right: 0;
    }
    
    nav.bootsnav.navbar-full .navbar-toggle {
        margin-right: -15px;
    }
    
    nav.bootsnav.navbar-full ul.nav > li > a{
        font-size: 18px !important;
        line-height: 24px !important;
        padding: 5px 10px !important;
    }
    
    /* Navbar Sidebar
    =================================*/ 
    nav.navbar.bootsnav.navbar-sidebar .share{
        padding: 30px 15px !important;
    }
    
    /* Navbar Sidebar
    =================================*/ 
    nav.navbar.bootsnav.navbar-sidebar .share{
        padding: 30px 0 !important;
        margin-bottom: 0;
    }
    
    nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share{
        padding: 30px 15px !important;
        margin-bottom: 0;
    }
    
    /* Mobile Navigation
    =================================*/ 
    body.side-right > .wrapper{
        margin-left: 280px;
        margin-right: -280px !important;
    }
    
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse{
        margin-left: 0;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav{
        margin-left: -15px;
    }
    
    nav.navbar.bootsnav.navbar-mobile ul.nav{
        border-top: solid 1px #fff;
    }
    
    li.close-full-menu{
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    nav.bootsnav.navbar-full ul.nav{
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
/*三级导航结束*/

@media screen and (max-width: 750px){
.w226 {
   display:none;
}
}
.w226 {
    margin: 0 auto;
    float: right;
    padding-top:8px;
}
.h226_main {
    width: 100%;
    position: relative;
    z-index: 999;
    background: #333;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #fff;
}
.h226_main .h226 {
    position: relative;
}
.h226_main .ksdh {
    color: #fff;
}
.h226_main .ksdh a {
    color: #fff;
    vertical-align: middle;
    line-height: 40px;
    float: left;
}
.h226_main .ksdh a s {
    display: block;
    width: 45px;
    height: 40px;
}
.h226_main .ksdh a:hover {
    color: #c9974c;
}
.h226_main .ksdh span {
    float: left;
    display: block;
    padding: 0 10px;
    color: #999;
    vertical-align: middle;
    line-height: 40px;
}
.top_226 {
    position: relative;
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #d7d7d7;
    background: #fff;
    overflow: hidden;
    z-index: 2;
}
.top_226 .logo {
    padding-top: 20px;
}
.top_226 .logo a {
    display: block;
}
.top_226 .logo img {
    display: block;
}
.top_226 .tel {
    float: right !important;
    margin-top: 30px;
}
.top_226 .tel .tel_img {
    margin-right: 14px;
    float: left;
    width: 57px;
    height: 57px;
}
.top_226 .tel .tel_img img {
    width: 100%;
    display: block;
}
.top_226 .tel .t226_text {
    float: right !important;
}
.top_226 .tel .t226_text p {
    font-size: 16px;
    line-height: 16px;
    color: #666;
    padding: 7px 0 10px;
}
.top_226 .tel .t226_text h4 {
    font-size: 24px;
    font-weight: bold;
    color: #c9974c;
    display: inline-block;
    line-height: 24px;
}
.nav_226 {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
    box-shadow: 0 2px 20px rgb(0 0 0 / 10%);
    z-index: 1;
}
.nav_226 .nav .navlist {
    width: 100%;
}
.nav_226 .nav li {
    float: left;
    width: 120px;
    display: inline-block;
    text-align: center;
    position: relative;
}
.nav_226 .nav li:before {
    display: inline-block;
    content: "";
    position: absolute;
    background-color: #ccc;
    top: 50%;
    margin-top: -6px;
    left: 0;
    width: 1px;
    height: 12px;
}
.nav_226 .nav li a {
    display: block;
    text-align: center;
    position: relative;
    color: #666;
    height: 70px;
    line-height: 70px;
    font-size: 16px;
}
.nav_226 .nav li:first-child:before {
    display: none;
}
.nav_226 .nav li .subnav226 {
    background: #fff;
    border-top: 2px solid #c20a14;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
    height: auto;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 199;
}
.nav_226 .nav .subnav226 {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}
.nav_226 .nav li:hover .subnav226 {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.nav_226 .nav li .subnav226 a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #666;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 43px;
    height: 43px;
    max-width: 100%;
    border-bottom: 1px solid #eee;
    background: #fff;
}
.nav_226 .nav li .subnav226 a:hover {
    color: #c9974c;
    background: #f9f9f9;
}
.nav_226 .nav li.hover a, .nav_226 .nav li:hover a {
    color: #c20a14;
}
.nav_226 .nav li.current .subnav226 a, .nav_226 .nav li:hover .subnav226 a {
    font-weight: normal;
    color: #666;
}
.nav_226 .nav li.hover .subnav226 a:hover, .nav_226 .nav li:hover .subnav226 a:hover {
    color: #c20a14;
}

/*导航结束*/



.nav-box{
	width: 100%;
	display: none;
	position: absolute;
}
.nav-box.flex{
	top: 0;
	left: 0;
	z-index: 20;
}
.nav-box .bg{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	display: none;
}
.nav-box .nav-list-box{
	position: absolute;
	top: 0;
	right: 0;
	background: #fcfcfc;
	width: 21.5%;
	height: 100%;
	overflow: auto;
	display: none;
}
.nav-box .nav-list-box::-webkit-scrollbar  
{  
    width: 1px;  
    height: 1px;  
    background-color:none; 
    display: none; 
}   
.nav-box .nav-list-box::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;  
    background-color:none;  
}   
.nav-box .nav-list-box::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: none;  
}  
.nav-box .nav-list-box ul{
	padding-top: 14.4%;
	padding-left: 35%;
}
.nav-box .nav-list-box li{
	padding-bottom: 22px;
}
.nav-box .nav-list-box h2{
	font-size: 22px;
	color: #333;
	line-height: 47px;
}
.nav-box .nav-list-box h2 span{
	width: 17%;
	font-size: 30px;
	display: inline-block;
	color: #e3e3e3;
	position: relative;
	top: 4px;
	transition:color 0.3s;
}
.nav-box .nav-list-box h2 a{
	display: inline-block;
	color: #333333;
}
.nav-box .nav-list-box a{
	display: inline-block;
	color: #666666;
	transition:color 0.3s;
}
.nav-box .nav-list-box p{
	padding-left: 17%;
	font-size: 16px;
	color: #666666;
	line-height: 32px;
}
header.flex{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 22;
}
header.one{
	background: none;
	box-shadow: none;
}
header .logo{
	width: 128px;
	display: block;
	height: 100%;
	margin-left: 1.25%;
	line-height: 50px;
}
header .logo img{
	position: relative;
	top: 0;
	transition: top 0.3s;
}
header .china{
	margin-left: 1.4%;
	padding:20px 0 20px 1.8%;
	font-size: 16px;
	color: #666;
	font-family: 'Arial';
	line-height: 20px;
	text-transform: uppercase;
	background: url(../image/line03_h.png) no-repeat left center;
}
header .logo .one{
	display: none;
}
header .logo .two{
	display: inline-block;
}
header .tit{
	width: 80px;
	height: 100%;
	background: #c20a14;
	float: right;
	position: relative;
	cursor: pointer;
}
header .tit.on, header.one .tit.on, header.the .tit.on{
	background: url(../image/wel14.png) no-repeat left center;
}
header.the.on{
	 background: #fff;
}
header nav.tit.on span{
	display: none;
}
header nav.tit span{
	position:relative;
	left: 50%;
	margin-left: -15px;
	top: 29px;
} 
header nav.tit .line01{
	width:31px;
	height: 1px;
	background: #fff;
	margin-bottom: 9px;
	display: block;
}
header nav.tit .line02{
	width:31px;
	height: 2px;
	background: url(../image/line02.png) no-repeat center;
	margin-bottom: 9px;
	display: block;
}
header .bdsharebuttonbox{
	float: right;
	padding: 32px 0.6% 32px 0;
	margin-right: 1%;
	background: url(../image/line04_h.png) no-repeat right center;
}
header .bdsharebuttonbox a{
	width: 17px;
	height: 19px;
	padding: 0;
	margin: 0 5px;
	transition:background 0.3s;
}
header .bdsharebuttonbox a.bds_oa{
	background: url(../image/aa09.png) no-repeat center;
}
header .bdsharebuttonbox a.bds_em{
	background: url(../image/aa10.png) no-repeat center;
}
header .bdsharebuttonbox a.bds_weixin{
	background: url(../image/head03.png) no-repeat center;
}
header .nav-list{
	float: right;
	width: 60%;
	margin-right: 2%;
}
header .nav-list li{
	float: left;
	width: auto;
    margin: 0 15px;
	text-align: center;
	position: relative;
}
header .nav-list li:first-child{
	background: none;
}
header .nav-list a{
	color: #666;
	font-size: 16px;
	display: block;
	width: 100%;
	transition:color 0.3s;
}

header .nav-list a::after {
  --scale: 0;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 85%;
  height: 3px;
  background: #c20a14;
  -webkit-transform: scaleX(var(--scale));
          transform: scaleX(var(--scale));
  -webkit-transform-origin: var(--x) 50%;
          transform-origin: var(--x) 50%;
  transition: -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
}


header .nav-list a:hover::after {
  --scale: 1;
}


header.one .logo .one{
	display: inline-block;
}
header.one .logo .two{
	display: none;
}
header.one .china{
	background: url(../image/line03.png) no-repeat left center;
	color: #fff;
}
header.one .tit{
	background: none;
}
header.one .bdsharebuttonbox a.bds_oa{
	background: url(../image/aa09_h.png) no-repeat center;
}
header.one .bdsharebuttonbox a.bds_em{
	background: url(../image/aa10_h.png) no-repeat center;
}
header.one .bdsharebuttonbox a.bds_weixin{
	background: url(../image/head01_h.png) no-repeat center;
}
header.one .nav-list a{
	color: #fff;
}
header.one .nav-list li{
	background: none;
}
header .en{
	display: block;
	margin-right:12px;
	font-size: 16px;
	color: #333;
	height: 100%;
	line-height: 80px;
	transition:color 0.3s;
}
header .en:hover{
	color: #c20a14;
}
header.one .en{
	color: #fff;
}

@media screen and (min-width: 768px) {

.cateList{}

}

/*æ–°é—»*/
.othnav{
	position: relative;
	z-index: 5;
	width: 100%;
	background: #ffffff;
	box-shadow: 0px 2px 25px rgba(61,80,159,0.13);
}
.othnav.fixed{
	position: fixed;
	left: 0;
	top: 90px;
	z-index: 11;
}
.othnav ul{
	text-align: center;
	font-size: 0;
}
.othnav ul li{
	display: inline-block;
	vertical-align: top;
	margin-right: 1%;
}
.othnav ul li span, .othnav ul li a{
	position: relative;
	display: block;
	padding: 0px 40px;
	color: #222222;
	font-size: 16px;
	font-family: "syr";
	line-height: 70px;
	cursor: pointer;
}
.othnav ul li.on span, 
.othnav ul li:hover span,
.othnav ul li.on a, 
.othnav ul li:hover a{
	color: #fff;
}
.othnav ul li span:before, .othnav ul li a:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 70px;
	z-index: -99;
	background: #c20a14;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.othnav ul li.on span:before, 
.othnav ul li:hover span:before,
.othnav ul li.on a:before, 
.othnav ul li:hover a:before{
	width: 100%;
}
@media only screen and (max-width: 1440px){
	.othnav ul li span, .othnav ul li a{
		line-height: 70px;
	}
}

@media only screen and (max-width: 1024px){
	.othnav.fixed{
		top: 60px;
	}
	.othnav ul{
		overflow-x: scroll;
	    overflow-y: hidden;
	    white-space: nowrap;
	}
	.othnav ul::-webkit-scrollbar{
	    width:0px;
	    height:0px;
	}
	.othnav ul::-webkit-scrollbar-button{
	    background-color:rgba(0,0,0,0);
	}
	.othnav ul::-webkit-scrollbar-track{
	    background-color:rgba(0,0,0,0);
	}
	.othnav ul::-webkit-scrollbar-track-piece{
	    background-color:rgba(0,0,0,0);
	}
	.othnav ul::-webkit-scrollbar-thumb{
	    background-color:rgba(0,0,0,0);
	}
	.othnav ul::-webkit-scrollbar-corner{
	    background-color:rgba(0,0,0,0);
	}
	.othnav ul::-webkit-scrollbar-resizer{
	    background-color:rgba(0,0,0,0);
	}
	.othnav ul::-webkit-scrollbar{
	    width:0px;
	    height:0px;
	}
	.othnav ul li{
		margin-right: 40px;
	}
	.othnav ul li span, .othnav ul li a{
		line-height: 60px;
	}
}	

@media only screen and (max-width: 768px){
	.othnav ul li{
		margin-right: 20px;
	}
	.othnav ul li span, .othnav ul li a{
		font-size: 16px;
		padding: 0px 25px;
	}
}


/*cateList*/
.iconn{background: url(/static/image/iconn.png) no-repeat;background-size:1.4rem auto; vertical-align:middle;}
.iconbef:before{background: url(/static/image/iconn.png) no-repeat;background-size: 1.4rem auto;vertical-align: middle;}
.cateList{width: 100%;line-height: 0.8rem;text-align: center;background: #f0f0f0;color: #c20a14;position: relative;}
.cateList .goBack{width: .8rem;height: .8rem;padding-top: .23rem;position: absolute;left: .1rem;top: 0;z-index:12;}
.cateList .goBack:before{width: .4rem;height: .4rem;display: block;margin: 0 auto;background-position: -1.0rem -0.64rem;}
.cateList h3{position:relative;font-size: 1.8rem;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.cateList h3 s{position:absolute;top:0.34rem;right:.4rem;width: .25rem;height: .2rem;margin-left: .1rem;background-position: -1.16rem 0;display: none;}
.cateList .box{width: 100%;padding: 1rem 3% ;z-index: 11;background: #f6f6f6;display: none;border-bottom:1px solid #ddd;}
.cateList .box a{width: 31.3%; padding: 10px; margin-right: 3%;margin-bottom: .15rem;color: #333;line-height: .5rem;border: .01rem solid #e3e3e3;font-size: 1.5rem;text-align: center;display: block;float: left;background: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cateList .box a:nth-child(3n){margin-right: 0;}
.cateList .box a.on{background: #c20a14;border-color: #c20a14;color: #fff;}

/*--首页滑动--*/
.theme-btn,
.theme-btn-s2,
.theme-btn-s3 {
    background-color: #f5a32a;
    color: #fff;
    font-weight: 600;
    padding: 11px 25px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    text-transform: capitalize;
}

@media (max-width: 991px) {
    .theme-btn,
    .theme-btn-s2,
    .theme-btn-s3 {
        font-size: 14px;
        padding: 10px 20px;
    }
}

@media (max-width: 767px) {
    .theme-btn,
    .theme-btn-s2,
    .theme-btn-s3 {
        padding: 12px 17px;
    }
}

.theme-btn:hover,
.theme-btn-s2:hover,
.theme-btn-s3:hover,
.theme-btn:focus,
.theme-btn-s2:focus,
.theme-btn-s3:focus,
.theme-btn:active,
.theme-btn-s2:active,
.theme-btn-s3:active {
    background-color: #c20a14;
    color: #fff;
    text-decoration: none;
}

.theme-btn-s2,
.theme-btn-s3 {
    padding: 11px 25px;
}

@media (max-width: 991px) {
    .theme-btn-s2,
    .theme-btn-s3 {
        font-size: 14px;
        padding: 13px 22px;
    }
}

@media (max-width: 767px) {
    .theme-btn-s2,
    .theme-btn-s3 {
        font-size: 13px;
        padding: 12px 17px;
    }
}

.theme-btn-s3 {
    background-color: #007291;
}

.theme-btn-s3:hover,
.theme-btn-s3:focus,
.theme-btn-s3:active {
    background-color: #f5a32a;
    color: #fff;
    text-decoration: none;
}
/*--------------------------------------------------------------
#0.4  hero slider
--------------------------------------------------------------*/


.hero-slider {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
}

@media (max-width: 991px) {
    .hero-slider {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .hero-slider {
        height: 500px;
    }
}

.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
}

.hero-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.hero-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
    background: rgba(255, 255, 255, 0.2);
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
    text-align: center;
    border-radius: 60px;
}

@media (max-width: 767px) {
    .hero-slider .swiper-button-prev,
    .hero-slider .swiper-button-next {
        display: none;
    }
}

.hero-slider .swiper-button-prev {
    left: 65px;
	z-index: 9999;
}

@media (max-width: 991px) {
    .hero-slider .swiper-button-prev {
        display: none;
    }
}

.hero-slider .swiper-button-prev:before {
    font-family: "Flaticon";
    content: "\f103";
    font-size: 20px;
    color: #fff;
}

.hero-slider .swiper-button-next {
    right: 65px;
    z-index: 999;
}

@media (max-width: 991px) {
    .hero-slider .swiper-button-next {
        display: none;
    }
}

.hero-slider .swiper-button-next:before {
    font-family: "Flaticon";
    content: "\f104";
    font-size: 20px;
    color: #fff;
}

.hero-slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(255, 255, 255, 0.2);
}

.hero-slider .swiper-pagination-bullet-active {
    color: #fff;
    background: #f5a32a;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
    bottom: 30px;
}

@media screen and (min-width: 992px) {
    .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
    .hero-slider .swiper-pagination-custom,
    .hero-slider .swiper-pagination-fraction {
        display: none;
    }
}


/*--------------------------------------------------------------
  #hero-style-1
--------------------------------------------------------------*/

.hero-slider .slide-inner:before {
    content: "";
    background: #000;
    /*
    background: -webkit-linear-gradient(top, #f5a32a 50%, #000);
    background: -moz-linear-gradient(top, #f5a32a 50%, #000);
    background: -o-linear-gradient(top, #f5a32a 50%, #000);
    background: -ms-linear-gradient(top, #f5a32a 50%, #000);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f5a32a ), to(#000));
    background: linear-gradient(top, #f5a32a 50%, #000);*/
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.2;
}

@media (max-width: 991px) {
    .hero-style-1,
    .hero-style-2,
    .hero-style-3 {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .hero-style-1,
    .hero-style-2,
    .hero-style-3 {
        height: 500px;
    }
}

@media screen and (min-width: 992px) {
    .hero-style-1 .container,
    .hero-style-2 .container,
    .hero-style-3 .container {
        padding-top: 15px;
	    padding-left: 350px;
    }
}

.hero-style-1 .slide-title,
.hero-style-2 .slide-title,
.hero-style-3 .slide-title {
    max-width: 550px;
}

.hero-style-1 .slide-title h2,
.hero-style-2 .slide-title h2,
.hero-style-3 .slide-title h2 {
    font-size: 55px;
    font-size: 4.4375rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 0.45em;
}

@media (max-width: 991px) {
    .hero-style-1 .slide-title h2,
    .hero-style-2 .slide-title h2,
    .hero-style-3 .slide-title h2 {
        font-size: 45px;
        font-size: 2.8125rem;
    }
}

@media (max-width: 767px) {
    .hero-style-1 .slide-title h2,
    .hero-style-2 .slide-title h2,
    .hero-style-3 .slide-title h2 {
        font-size: 35px;
        font-size: 2.1875rem;
    }
}

.hero-style-1 .slide-text,
.hero-style-2 .slide-text,
.hero-style-3 .slide-text {
    max-width: 600px;
}

.hero-style-1 .slide-text p,
.hero-style-2 .slide-text p,
.hero-style-3 .slide-text p {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 100;
    color: #fff;
    margin: 0 0 0.75em;
}

@media (max-width: 991px) {
    .hero-style-1 .slide-text p,
    .hero-style-2 .slide-text p,
    .hero-style-3 .slide-text p {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

@media (max-width: 767px) {
    .hero-style-1 .slide-text p,
    .hero-style-2 .slide-text p,
    .hero-style-3 .slide-text p {
        font-size: 16px;
        font-size: 1rem;
    }
}

.hero-style-1 .slide-btns > a:first-child,
.hero-style-2 .slide-btns > a:first-child,
.hero-style-3 .slide-btns > a:first-child {
    margin-right: 15px;
}


/*--------------------------------------------------------------
  #hero-style-2
--------------------------------------------------------------*/

.hero-style-2,
.hero-style-3 {
    height: 700px;
}

@media (max-width: 991px) {
    .hero-style-2,
    .hero-style-3 {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .hero-style-2,
    .hero-style-3 {
        height: 500px;
    }
}

@media screen and (min-width: 992px) {
    .hero-style-2 .container,
    .hero-style-3 .container {
        padding-top: 0;
    }
}


/*--------------------------------------------------------------
  #hero-style-3
--------------------------------------------------------------*/

.hero-style-3 .slide-title,
.hero-style-3 .slide-text,
.hero-style-3 .slide-btns {
    margin: 0 auto;
    text-align: center;
}



footer{
	width: 100%;
	padding: 0;
}
footer.flex{

}
footer p{
	font-size: 12px;
	color: #666;
	opacity: 0.8;
	line-height: 30px;
	text-transform: uppercase;
}
footer p a{
	text-transform: capitalize;
	font-size: 14px;
	color: #666;
	transition:color 0.3s;
}
footer.one p{
	color: #fff;
}
footer.one p a{
	color: #fff;
}
footer.two p.fr{
	display: none;
}
header.the{
	background: none;
	box-shadow: none;
}
header.the .search-box{
	display: none;
}
header.the .bdsharebuttonbox{
	display: none;
}
header.the .nav-list{
	display: none;
}
header.the .tit{
	background: none;
}
header.the nav.tit span{
	background: #333 !important;
}
header.the .en{
	display: none;
}
.search-box{
	float: right;
	width:15px;
	overflow: hidden;
	margin-right: 1%;
	padding-top: 27px;
	transition:width 0.3s;
	position: relative;
	height: 28px;
	box-sizing: initial;
}
.search-box.on{
	width: 9.5%;
}
.search-box.on .text{
	display: block;
}
.search-box-btn{
	width: 15px;
	height: 15px;
	background: url(../image/wel13.png) no-repeat center;
	float: right;
	position: relative;
	top: 34px;
	right: 0;
}
.search-box-btn.on{
	background: url(../image/clo01.png) no-repeat center;
}
.search-box .text{
	width:70%;
	float: left;
	font-size: 16px;
	color: #999999;
	line-height: 26px;
	background: none;
	border: none;
	display: none;
}
.search-box .submit{
	width: 15px;
	height: 28px;
	float: right;
	background: url(../image/wel13.png) no-repeat center;
	border: none;
	position: absolute;
	right: 0;
	top: 27px;
	padding: 0;
}
header.one .search-box .submit{
	background: url(../image/wel13_h.png) no-repeat center;
}
.search-two{
	display: none;
}
.search-one{
	display: block;
}
#allmap{
	width: 100%;
	height: 599px;
	border-bottom: 3px solid #c20a14;
}
.contact-box{
	width: 100%;
	border-bottom: 1px solid #e8e8e8;
	padding:37px 0 48px;
}
.contact-box h2{
	font-size: 24px;
	color: #333;
	line-height: 44px;
	padding-bottom: 20px;
}
.contact-box ul{
	width: 100%;
}
.contact-box li{
	float: left;
	width: 50%;
	padding-left: 32px;
	font-size: 14px;
	color: #666666;
	line-height: 59px;
}
.contact-box li.li0{
	background: url(../image/con02.png) no-repeat left center;
}
.contact-box li.li1{
	background: url(../image/con03.png) no-repeat left center;
}
.contact-box li.li2{
	background: url(../image/con04.png) no-repeat left center;
}
.contact-box li.li3{
	background: url(../image/con05.png) no-repeat left center;
}
header .nav-list li.act a{
	color: #c20a14;
}
.inliner-nav{
	width: 100%;
	background: #eaeaea;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.inliner-nav i{
	display: inline-block;
	width: 1px;
	height: 17px;
	background: #cfcfcf;
	position: relative;
    top: 5px;
}
.inliner-nav a{
	text-align: center;
	display: inline-block;
	font-size: 16px;
	color: #666;
}
.inliner-nav span{
/*	padding-left: 33px;*/
	display: inline-block;
	padding: 0 45px;
}
.inliner-nav a.cur{
	color: #fff;
    background: #c20a14;
}

.i-wrap3 .inliner-list, .i-wrap3 .inliner-bg{
	width: 666px;
	height: 666px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -333px 0 0 -333px;
	z-index: 5;
	background: url(../image/wel15.png) no-repeat center;
	background-size: 100% 100%;
	transform: scale(0);
}
.i-wrap3 .inliner-bg{
	transform: scale(0);
	background: none;
}
.i-wrap3 .inliner-bg span{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
    left: 41px;
}
.i-wrap3 .inliner-bg span.one{
	background: url(../image/wel23.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-animation: inlinerbg 1.2s infinite linear;
    animation: inlinerbg 1.2s infinite linear;

}
.i-wrap3 .inliner-bg span.two{
	background: url(../image/wel24.png) no-repeat center;
	background-size: 100% 100%;
	-webkit-animation: inlinerbgo 1.2s infinite linear;
    animation: inlinerbgo 1.2s infinite linear;
}
@-webkit-keyframes inlinerbg {
  0% {
    -webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
}

@keyframes inlinerbg {
  0% {
    -webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(5px,-9px);
        transform: translate(5px,-9px);
  }
}
@-webkit-keyframes inlinerbgo {
  0% {
    -webkit-transform:translate(-5px,9px);
        transform:translate(-5px,9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
}

@keyframes inlinerbgo {
  0% {
    -webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
  50% {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
  }
  100%{
  	-webkit-transform:translate(-5px,9px);
        transform: translate(-5px,9px);
  }
}
.i-wrap3 .inliner-list .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.i-wrap3 .inliner-list .bg:nth-child(1){
	width:0;
	background: url(../image/wel17.png) no-repeat top left;
}
.i-wrap3 .inliner-list .bg:nth-child(2){
	height: 0;
	background: url(../image/wel18.png) no-repeat top left;
}
.i-wrap3 .inliner-list .bg:nth-child(3){
	height: 0;
	top: auto;
	bottom: 0;
	background: url(../image/wel19.png) no-repeat bottom left;
}
.i-wrap3 .inliner-list li{
	width: 8px;
	height: 8px;
	position: absolute;
	background: url(../image/wel16.png) no-repeat center;
	transition:all 0.3s;
	background-size: 100% 100%;
	z-index: 10;
	cursor: pointer;
}
.i-wrap3 .inliner-list li.li0{
	top: 25%;
    left: 6%;
}
.i-wrap3 .inliner-list li.li1{
	top: 25%;
    left: 93%;
}
.i-wrap3 .inliner-list li.li2{
	top: 99.1%;
    left: 49%;
}
.i-wrap3 .inliner-list li.on{
	background: url(../image/wel16_h.png) no-repeat center;
	background-size: 100% 100%;
}
.idea{
	width: 100%;
}
.idea .pic{
	float: left;
	width: 46.6%;
	position: relative;
	overflow: hidden;
}
.idea .pic img{
	position: relative;
	left: 50%;
	margin-left: -447px;
}
.idea .box{
	width: 53.4%;
	float: right;
	padding: 8% 18.7% 0 5%;
}
.idea .future{
	display: block;
	width: 38%;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: #a9131b;
	color: #fff;
	font-size: 15px;
	margin-bottom: 5%;
}
.idea h1{
	font-size: 52px;
	color: #333333;
	line-height: 59px;
}
.idea h2{
	font-size: 20px;
	color: #000000;
	line-height: 32px;
	margin-bottom: 10.6%;
}
.idea p{
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	padding-bottom: 3%;
}
.page{
	width: 100%;
	padding: 13px 0;

	text-align: center;
}
.page a.btns{
	font-size: 16px;
	color: #7d7d7d;
	line-height: 35px;
	height: 35px;
	transition:color 0.3s;
}
.page a.btns.prev{
	padding-left: 35px;
	background: url(../image/join03.png) no-repeat left center;
	float: left;
}
.page a.btns.next{
	padding-right: 35px;
	background: url(../image/join04.png) no-repeat right center;
	float: right;
}
.page a.num{
	color: #7d7d7d;
	font-size: 14px;
	line-height: 14px;
	padding: 12px 14px;
	margin: 0 5px;
	display: inline-block;
	transition:background 0.3s,color 0.3s;
}
.page a.num.active{
	background: #9b0000;
	color: #fff;
}
.join-box{
	padding: 56px 0 72px;
}
.join-box .join-list{
	border-bottom: 1px solid #e7e7e7;
}
.join-list .title{
	overflow: hidden;
	color: #fff;
	background: #c20a14;
	font-size: 14px;
	padding: 0px 40px;
	line-height: 50px;
	height: 50px;
}
.join-list .title p{
	text-align: center;
	float: left;
	width: 20%;
}
.join-list .title p:first-child{
	text-align: left;
}
.join-list .title p:last-child{
	text-align: right;
}
.join-list ul{
	width: 100%;
	padding: 0 40px;
}
.join-list ul li{
	background: #fff;
	border-top: 1px solid #efefef;
}
.join-list ul li .tit{
	font-size: 14px;
	line-height: 60px;
	height: 60px;
	color: #777777;
	cursor: pointer;
	overflow: hidden;
}
.join-list ul li .tit p:first-child{
	text-align: left;
}
.join-list ul li .tit p:last-child{
	text-align: right;
}
.join-list ul li .tit.on p:last-child{
	color: #c20a14;
}
.join-list ul li .tit p{
	float: left;
	width: 20%;
	text-align: center;
}
.join-list ul li .in{
	padding: 30px 50px;
	background: #f5f5f5;
	display: none;
}
.join-list ul li .in.on{
	display: block;
}
.join-list ul li .in .top dd{
	float: left;
	width: 25%;
	font-size: 12px;
	line-height: 30px;
}
.join-list ul li .in .top dd span{
	color: #666;
}
.join-list ul li .in .bot h1{
	font-size: 18px;
	color: #333333;
	line-height: 34px;
	margin-bottom: 8px;
}
.join-list ul li .in .bot dl dd{
	color: #777;
	font-size: 12px;
	line-height: 24px;
}
.join-list ul li .in .bot>div{
	float: left;
	width: 46%;
	margin-right: 4%;
}

.join-list ul li .in .bot{
	margin-top: 20px;
	padding-top: 20px;
	border-top:1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 40px;
}
.join-list ul li .in .more{
	display: block;
	width: 150px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	background: #c30d18;
	margin-top: 27px;
}
.join-list ul li .in .more.btn{
	display: none;
	width: 164px;
	line-height: 30px;
}
.join-list ul li .in .more:hover{
	background: #e50f1c;
}
.news, .news-info, .news-list{
	padding: 30px 0 52px;
}
.news ul{
	width: 100%;
	border-right: 1px solid #dfdfdf;
}
.news li{
	width: 33.33%;
	float: left;
	border-left: 1px solid #dfdfdf;
	padding-bottom:32px;
}
.news li a{
	display: block;
	width: 100%;
	padding:29px 6% 40px;
	transition:background 0.3s;
}
.news li .data{
	font-size: 14px;
	color: #333333;
	line-height: 34px;
	font-family: 'Arial';
	margin-bottom: 15px;
	opacity: 1;
	transition:color 0.3s,opacity 0.3s;
}
.news li h2{
	font-size: 18px;
	color: #333;
	line-height: 25px;
	min-height: 50px;
	margin-bottom: 7px;
	transition:color 0.3s;
}
.news li .latest{
	font-size: 12px;
	color: #999999;
	line-height: 43px;
	opacity: 1;
	transition:color 0.3s,opacity 0.3s;
}
.news li .font{
	font-size: 14px;
	color: #888;
	line-height: 20px;
	height: 80px;
	overflow: hidden;
	margin-top: 20px;
	transition:color 0.3s;
}
.news li .pic{
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.news li img{
	transition:all 0.3s;
}
.news li .jian{
	width: 52px;
	height: 11px;
	background: url(../image/news02.png) no-repeat center;
	transition:background 0.3s;
	display: block;
	margin-top: 34px;
}

/*公益样式*/
.w229 {
    width: 1200px;
    margin: 0 auto;
}
.pro229 {
    width: 100%;
    background: url({eyou:global name='web_cmspath' /}/skin/zujianku/images/pb229.jpg) no-repeat center center;
}
.floor_229 .prol229 .list .item229 h3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    text-indent: 20px;
    background: url({eyou:global name='web_cmspath' /}/skin/zujianku/images/bg229.png) repeat center center;
}
.itit229 {
    text-align: center;
    width: 100%;
    height: 190px;
    background: url("{eyou:global name='web_cmspath' /}/skin/zujianku/images/line229.png") no-repeat center center;
    background-size: 60px 189px;
}
.pro229 .floor_229 {
    padding: 40px 0;
}
.floor_229 .menu229 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.floor_229 .prol229 .list {
    width: 100%;
}
.floor_229 .prol229 .list .item229 {
    float: left;
    position: relative;
    width: 285px;
    margin-right: 20px;
    margin-bottom: 20px;
    transition: all .5s;
}
.floor_229 .prol229 .list .item229:nth-child(4n) {
    margin-right: 0;
}
.floor_229 .prol229 .list .item229 .img {
    display: block;
    width: 100%;
    height: 214px;
    overflow: hidden;
}
.floor_229 .prol229 .list .item229 .img img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}
.floor_229 .prol229 .list .item229:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.floor_229 .prol229 .list .item229:hover .img img {
    transform: scale(1.1);
}
.pro229 .more {
    margin-top: 20px;
}
.itit229 .tit {
    padding-top: 60px;
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #c9974c;
    line-height: 40px;
}
.itit229 .subtit {
    font-size: 16px;
    color: #666;
    line-height: 18px;
    font-weight: normal;
    padding-top: 12px;
}
.menu229 {
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
}
.menu229 ul {
    text-align: center;
}
.menu229 li {
    line-height: 30px;
    margin: 0 10px 10px;
    display: inline-block;
}
.menu229 li:first-child {
    margin-left: 0;
}
.menu229 li:last-child {
    margin-right: 0;
}
.menu229 li a {
    display: block;
    color: #666;
    border: 1px solid #c2c2c2;
    text-align: center;
    padding: 0 25px;
    border-radius: 15px;
}
.menu229 li a:hover {
    border: 1px solid #c9974c;
    color: #fff;
    background: #c9974c;
}
.more {
    width: 150px;
    height: 40px;
    color: #666;
    line-height: 40px;
    margin: 0 auto;
    display: block;
    text-align: center;
    border: 1px solid #ccc;
}
.more:hover {
    border: 1px solid #c9974c;
    background: #c9974c;
    color: #fff;
    text-indent: 10px;
}

/*常见问题*/
.Problem-list ul {
	padding-bottom: 20px;
}
.Problem-list li {
	margin: 0 0 15px 0;
	position: relative !important;
	top: auto !important;
}
.Problem-list li .prob-title {
	position: relative;
	padding: 20px 60px;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid #e6e6e6;
	color: #666666;
}
.Problem-list li .prob-title:before, .Problem-list li .prob-title:after {
	content: "";
	display: block;
	width: 60px;
	position: absolute;
	top: -1px;
	bottom: -1px;
	background-position: center center;
	background-repeat: no-repeat;
}
.Problem-list li .prob-title:before {
	left: 0;
	background-image: url(../image/wicon14.png);
	-moz-background-size: 20px;
	-o-background-size: 20px;
	background-size: 20px;
}
.Problem-list li .prob-title:after {
	right: -1px;
	background-color: #f2f2f2;
	background-image: url(../image/wicon16.png);
}
.Problem-list li .prob-title span {
	display: block;
}
.Problem-list li.cur .prob-title {
	color: #ffffff;
	background-color: #d82019;
	border-color: #d82019;
}
.Problem-list li.cur .prob-title:before {
	background-image: url(../image/wicon14ho.png);
}
.Problem-list li.cur .prob-title:after {
	background-color: #e31a13;
	background-image: url(../image/wicon16ho.png);
}
.Problem-list .prob-cont {
	background: #fafafa;
	padding: 22px 30px 35px 30px;
	font-size: 13px;
	line-height: 24px;
	position: relative;
	display: none;
	color: #929292;
}
.Problem-list .prob-cont:before {
	content: "";
	display: block;
	background: url(../image/wicon15.png) no-repeat;
	width: 18px;
	height: 24px;
	position: absolute;
	left: 20px;
	top: 28px;
}
 @media (min-width: 1024px) {
.Problem-list {
	padding-bottom: 10px;
}
.Problem-list ul {
	padding-bottom: 40px;
}
.Problem-list li {
	margin: 0 0 22px 0;
}
.Problem-list li .prob-title {
	font-size: 16px;
	padding: 22px 90px 22px 100px;
}
.Problem-list li .prob-title:before {
	width: 97px;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	left: 6px;
}
.Problem-list li .prob-title:after {
	width: 90px;
}
.Problem-list .prob-cont {
	font-size: 14px;
	padding-top: 29px;
	padding-bottom: 38px;
}
.Problem-list .prob-cont:before {
	left: 47px;
}
}
/*常见问题结束*/

.info-hd {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
}
.info-hd h2 {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    padding: 0 0 10px;
}
.info-bd{
    position: relative;
    overflow: hidden;
}
.info-bd img{
	max-width: 100%;
}
.info-bd p{
	text-align: left;
	font-size: 16px;
	color: #666;
	line-height: 22px;
	text-align: justify;
}
.info-page {
    margin-top: 45px;
    padding: 15px 0 0;
    border-top: 1px solid #d8d8d8;
}
.info-page .con{
	float: left;
	width: 80%;
}
.info-page p{
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
}
.info-page p a{
	color: #333;
	transition: all 0.5s;
}
.info-page p a:hover{
	color: #c20a14;
	transition: all 0.5s;
}
.info-page .back {
    float: right;
    display: inline-block;
    padding: 2px 22px;
    border: 2px solid #eee;
    color: #333;
    transition: all 0.3s;
}
.info-page .back:hover{
	background:#c20a14;
	color: #fff;
	 border: 2px solid #c20a14;
	transition: all 0.5s;
}
.news-list li{
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #f0f0f0;
	transition:box-shadow 0.3s;
}
.news-list li a{
	display: block;
	width: 100%;
}
.news-list li.even{
	background: #f5f5f5;
}
.news-list li .data{
	padding: 0 7% 0 5%;
	width: 100%;
	height: 80px;
	line-height: 80px;
	position: relative;
	font-size: 14px;
	color: #333333;
	transition:background 0.3s,color 0.3s;
}
.news-list li b{
	width: 21px;
	height: 11px;
	position: absolute;
	top:50%;
	margin-top: -5px;
	right: 7%;
	background: url(../image/news04.png) no-repeat center;
	transition:background 0.3s;
}
.news-list li .box{
	padding: 40px 7% 62px 5%;
	width: 100%;
	display: block;
}
.news-list li h2{
	width: 82.5%;
	font-size: 24px;
	color: #333333;
	line-height: 44px;
	margin-bottom: 13px;
}
.news-list li .font{
	font-size: 14px;
	color: #888888;
	line-height: 20px;
	width: 82.5%;
}
.inline-banner{
	width: 100%;
	position: relative;
	height: 600px !important;
	overflow: hidden;
}
.inline-banner.classify{
	height: 400px !important;
}
.inline-banner .flex-pic{
	position: absolute;
	left: 50%;
	width: 1920px;
	margin-left: -960px;
	top: 0;
	z-index: 1;
} 
.inline-banner .con{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	text-align: center;
	width: 100%;
	padding-top: 109px;
}
.inline-banner .con .box{
	width: 142px;
	height: 145px;
	margin: 0 auto;
	text-align: center;
	line-height: 142px;
	position: relative;
}
.inline-banner .con .bg{
	width: 100%;
	height: 100%;
	background: url(../image/pro07.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-animation: spinner 1.5s infinite linear;
          animation: spinner 1.5s infinite linear;
}
.inline-banner .con img{
	position: relative;
	z-index: 2;
}
.inline-banner .con h2{
	font-size: 46px;
	line-height: 56px;
	margin-top: 15px;
	color: #fff;
	text-shadow: 0 0 15px rgba(0,0,0,.25);
}
.inline-banner .con .font{
	font-size: 20px;
	color: #ffffff;
	text-shadow: 0 0 15px rgba(0,0,0,.25);
	line-height: 20px;
}



/*产品详情页面*/
.am-slider-default {
	margin: 0 0 20px;
	background-color: #fff;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.15);
	box-shadow: 0 0 2px rgba(0,0,0,.15)
}
.am-slider-default .am-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}
.loading .am-slider-default .am-viewport {
	max-height: 300px
}
.am-slider-default .carousel li {
	margin-right: 5px
}
.am-slider-default .am-direction-nav a {
	position: absolute;
	top: 50%;
	z-index: 10;
	display: block;
	width: 36px;
	height: 36px;
	margin: -18px 0 0;
	overflow: hidden;
	opacity: .45;
	cursor: pointer;
	color: rgba(0,0,0,.65);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.am-slider-default .am-direction-nav a:before {
	display: inline-block;
	font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	width: 100%;
	color: #333;
	content: "\f137";
	font-size: 24px!important;
	text-align: center;
	line-height: 36px!important;
	height: 36px
}
.am-slider-default .am-direction-nav a.am-next:before {
	content: "\f138"
}
.am-slider-default .am-direction-nav .am-prev {
	left: 10px
}
.am-slider-default .am-direction-nav .am-next {
	right: 10px;
	text-align: right
}
.am-slider-default .am-direction-nav .am-disabled {
	opacity: 0!important;
	cursor: default
}
.am-slider-default:hover .am-prev {
	opacity: .7;
	left: 10px
}
.am-slider-default:hover .am-prev:hover {
	opacity: 1
}
.am-slider-default:hover .am-next {
	opacity: .7;
	right: 10px
}
.am-slider-default:hover .am-next:hover {
	opacity: 1
}
.am-slider-default .am-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: .8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000
}
.am-slider-default .am-pauseplay a::before {
	font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	font-size: 20px;
	display: inline-block;
	content: "\f04c"
}
.am-slider-default .am-pauseplay a:hover {
	opacity: 1
}
.am-slider-default .am-pauseplay a.am-play::before {
	content: "\f04b"
}
.am-slider-default .am-slider-desc {
	background-color: rgba(0,0,0,.7);
	position: absolute;
	bottom: 0;
	padding: 10px;
	width: 100%;
	color: #fff
}
.am-slider-default .am-control-nav {
	width: 100%;
	position: absolute;
	bottom: -15px;
	text-align: center
}
.am-slider-default .am-control-nav li {
	margin: 0 6px;
	display: inline-block
}
.am-slider-default .am-control-nav li a {
	width: 8px;
	height: 8px;
	display: block;
	background-color: #666;
	background-color: rgba(0,0,0,.5);
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,.3)
}
.am-slider-default .am-control-nav li a:hover {
	background-color: #333;
	background-color: rgba(0,0,0,.7)
}
.am-slider-default .am-control-nav li a.am-active {
	background-color: #000;
	background-color: #0e90d2;
	cursor: default
}
.am-slider-default .am-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden
}
.am-slider-default .am-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0
}
.am-slider-default .am-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer
}
.am-slider-default .am-control-thumbs img:hover {
	opacity: 1
}
.am-slider-default .am-control-thumbs .am-active {
	opacity: 1;
	cursor: default
}
.am-slider-default .am-control-thumbs i {
	position: absolute
}

.am-slider .am-slides img {
	width: 100%;
	display: block
}
.am-slider-default .am-direction-nav a {
	position: absolute;
	top: 50%;
	z-index: 10;
	display: block;
	width: 36px;
	height: 36px;
	margin: -18px 0 0;
	overflow: hidden;
	opacity: .45;
	cursor: pointer;
	color: rgba(0,0,0,.65);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.am-slider-default .am-direction-nav a:before {
	display: inline-block;
	font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	width: 100%;
	color: #333;
	content: "\f137";
	font-size: 24px!important;
	text-align: center;
	line-height: 36px!important;
	height: 36px
}
.am-slider-default .am-direction-nav a.am-next:before {
	content: "\f138"
}
.am-slider-default .am-direction-nav .am-prev {
	left: 10px
}
.am-slider-default .am-direction-nav .am-next {
	right: 10px;
	text-align: right
}
.am-slider-default .am-direction-nav .am-disabled {
	opacity: 0!important;
	cursor: default
}
.am-slider-default:hover .am-prev {
	opacity: .7;
	left: 10px
}
.am-slider-default:hover .am-prev:hover {
	opacity: 1
}
.am-slider-default:hover .am-next {
	opacity: .7;
	right: 10px
}
.am-slider-default:hover .am-next:hover {
	opacity: 1
}
.am-slider-default .am-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: .8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000
}
.am-slider-default .am-pauseplay a::before {
	font: normal normal normal 1.6rem/1 FontAwesome, sans-serif;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	font-size: 20px;
	display: inline-block;
	content: "\f04c"
}
.am-slider-default .am-pauseplay a:hover {
	opacity: 1
}
.am-slider-default .am-pauseplay a.am-play::before {
	content: "\f04b"
}
.am-slider-default .am-slider-desc {
	background-color: rgba(0,0,0,.7);
	position: absolute;
	bottom: 0;
	padding: 10px;
	width: 100%;
	color: #fff
}
.am-slider-default .am-control-nav {
	width: 100%;
	position: absolute;
	bottom: -15px;
	text-align: center
}
.am-slider-default .am-control-nav li {
	margin: 0 6px;
	display: inline-block
}
.am-slider-default .am-control-nav li a {
	width: 8px;
	height: 8px;
	display: block;
	background-color: #666;
	background-color: rgba(0,0,0,.5);
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,.3)
}
.am-slider-default .am-control-nav li a:hover {
	background-color: #333;
	background-color: rgba(0,0,0,.7)
}
.am-slider-default .am-control-nav li a.am-active {
	background-color: #000;
	background-color: #0e90d2;
	cursor: default
}
.am-slider-default .am-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden
}
.am-slider-default .am-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0
}
.am-slider-default .am-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer
}
.am-slider-default .am-control-thumbs img:hover {
	opacity: 1
}
.am-slider-default .am-control-thumbs .am-active {
	opacity: 1;
	cursor: default
}
.am-slider-default .am-control-thumbs i {
	position: absolute
}
/*---------*/

.product-nav{
	width: 100%;
	background: #f0f0f0;
	height: 70px;
	line-height: 70px;
	text-align: center;
	position: relative;
}
.product-nav.fex{
	position: fixed;
	top: -70px;
	left: 0;
	z-index: 10;
}
.product-nav ul{
	float: left;
	width: 100%;
}
.product-nav li{
	float: left;
	width: 20%;
	text-align: center;
	background: url(../image/pro04.png) no-repeat left center;
	height: 100%;
}
.product-nav.about-nav li{
	width: 14%;
}
.product-nav.about-nav .flex-control-nav{
	display: none;
}
.product-nav li a{
	display: block;
	width: 100%;
}
.product-nav li span{
	font-size: 16px;
	color: #666666;
	display: inline-block;
	padding: 0 50px;
}

	.product-nav li:hover span{
		color: #fff;
        background: #c20a14;
	}

.product-nav li:first-child{
	text-align: left;
	background: none;
}
.product-nav li:last-child{
	text-align: right;
}

.product-nav li.on span{
	color: #fff;
    background: #c20a14;
}

}
.about-line{
	color: #cfcfcf;
}
.about-line a{
	font-size: 12px;
	color: #666;
	display: inline-block;
	width: 11.33%;
	background: url(../image/a13.png) no-repeat left center;
	transition:color 0.3s;
}
.about-line a:nth-child(2){
	background: none;
}

.about-line .a04{
	padding-left: 35px;
	background: url(../image/a04.png) no-repeat left center;
	display: inline-block;
	font-size: 14px;
	color: #666;
	padding-right: 35px;
}
.about-line a.cur{
	color: #c20a14;
}

/*三级分类切换*/
    .tabClick{  overflow: hidden}
    .tabClick li{ height:50px; line-height: 40px; width:50%; float: left; text-align: center}
    .tabClick li.active{ transition: 0.1s; font-weight: bold; border-bottom: 4px solid #c20a14;}
    .tabCon{ overflow: hidden}
    .tabBox{ position: relative}
    .tabList{word-break: break-all; width:100%;float:left; line-height:50px; }
    .lineBorder{overflow: hidden; border-bottom:1px solid #d4d4d4; background: #f3f3f3}
    .lineDiv{ width: 50%;}
/*三级分类切换结束*/

/*图片*/
.ey_prod {
    height: auto;
    overflow: hidden;
    color: #434343
}
.ey_prod .ey_pro {
    width: 100%;
    padding: 10px 0;
    height: auto;
    overflow: hidden;
}
.ey_prod .prolist {
    width: 31.3%;
    float: left;
    margin: 1%;
    background-color: #fff;
    box-shadow: 0px 0px 8px #ccc;
}
.ey_prod .prolist .img {
    display: block;
    width: 96%;
    padding-top: 72%;
    position: relative;
    overflow: hidden;
    margin: 2%;
}
#img{
   display: block;
    width: 96%;
    padding-top: 72%;
    position: relative;
    overflow: hidden;
    margin: 2%;
}
.ey_prod .prolist  img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    display: block;
    transition: all .5s;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.ey_prod .prolist:hover  img {
    transform: scale(1.1);
}
.ey_prod .prolist p {
    width: 100%;
    text-align: center;
    margin: 10px 0 15px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;/*显示几行*/
    overflow: hidden
}
.ey_prod .prolist p a {
    font-size: 15px;
    line-height: 26px
}
.ey_prod .ey_page {
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #626262;
    margin: 30px 0;
}
.ey_prod .ey_page li {
    display: inline-block;
}
.ey_prod .ey_page a {
    margin: 0px 2px;
    padding: 8px 16px;
    border: 1px solid #ccc;
    color: #626262;
    background-color: #fff
}
.ey_prod .ey_page a:hover, .ey_prod .ey_page .active a {
    background-color: #c10a14;
    color: #fff;
    border: 1px solid #c10a14;
    box-shadow: 0 0 14px rgb(0 0 0 / 20%);
}
@media (max-width:1199px) {
.ey_prod .prolist {
    width: 30.3%;
    float: left;
    margin: 20px 1.5%;
}
}
@media (max-width:768px) {
.ey_prod .prolist {
    width: 47%;
    float: left;
    margin: 20px 1.5%;
}
}
@media (max-width:768px) {
.ey_prod .ey_page {
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #626262;
    margin: 30px 0
}
.ey_prod .ey_page a {
    margin: 2px 1px;
    padding: 0px 8px;
    border: 1px solid #ccc;
    color: #626262;
    background-color: #fff;
    display: inline-block
}
.ey_prod .ey_page a:hover {
    background-color: #009fa8;
    color: #fff;
    padding: 0px 8px;
    border: 1px solid #009fa8;
}
.ey_prod .ey_page span {
    background-color: #009fa8;
    color: #fff;
    padding: 0px 8px;
    border: 1px solid #009fa8;
    display: inline-block
}
}
@media (max-width:380px) {
.ey_prod .prolist {
    width: 97%;
    float: left;
    margin: 20px 1.5%;
}
}
@media (max-width:767px) {
.ey_prod .ey_pro {
    padding: 5px 0;
    height: auto;
    overflow: hidden;
}
}
/*图片结束*/

/*文化*/


.prc_325{width: 100%;display: block;padding: 10px 0 35px 0; clear: both;}
.prc_325 .tit{ text-align:center;}
.prc_325 .tit .ch{position:relative; font-size:30px; color:#333; display:inline-block;}
.prc_325 .tit .ch::after, .prc_325 .tit .ch::before{content:""; width:76px; height:1px; background-color:#ccc; top: 50%; position: absolute;}
.prc_325 .tit .ch::before{left:110%;}
.prc_325 .tit .ch::after{right:110%;}
.prc_325 .pr_box{ margin-top: 20px; padding: 0;width:1200px; margin:0 auto;display: flex; clear:both;}
.prc_325 .pr_box li{ padding:16px; background:#fff; display: block; float: left; margin:10px; width:376px;}
.prc_325 .pr_box li:hover{ display: block; box-shadow: 0 0 10px gray; }
.prc_325 .pr_box li .pr_pic{ width:344px; height:256px;margin-bottom: 10px; overflow:hidden;}
.prc_325 .pr_box li .pr_pic img{ width:344px; height:256px; overflow:hidden;-webkit-transform: scale(1, 1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 1683ms;-moz-transform: scale(1, 1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 1683ms;}
.prc_325 .pr_box li .pr_pic img:hover {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all 1s ease 0s;}
.prc_325 .pr_box li .pr_tlt{display: block; font:18px/30px "微软雅黑"; height:30px;margin-bottom: 10px; overflow:hidden; text-align: center;}
.prc_325 .pr_box li .pr_tlt a{ color: #666;}
.prc_325 .pr_box li .pr_tlt a:hover{ display: block; lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.prc_325 .pr_box li .pr_time{display: block; font:14px/30px "微软雅黑"; float: left; color:#ccc;}
.prc_325 .pr_box li .pr_zx{display: block; font:14px/30px "微软雅黑"; width: 106px; height: 30px;margin-bottom: 15px; overflow: hidden; border-radius:30px; border: 1px solid #ccc; text-align: center; float: right;}
.prc_325 .pr_box li .pr_zx a{ color: #999;}
.prc_325 .pr_box li .pr_zx a:hover{ display: block; lter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.prc_325 .more{ display: block; width: 240px; height: 50px; overflow: hidden; border-radius: 4px; font:18px/50px "微软雅黑"; text-align: center;margin: 25px auto;}
.prc_325 .more a{ display: block; background: #fff; color:#585858; text-decoration:none;}
.prc_325 .more a:hover{ display: block; background: #333; color:#fff;}



/*分公司*/
.Download-list ul {
	padding-bottom: 20px;
}
.Download-list li {
	border: 1px solid #e6e6e6;
	position: relative;
	padding: 10px 80px 10px 15px;
	margin: 0 0 15px 0;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
	position: relative !important;
	top: auto !important;
}
.Download-list li .down-text {
	display: block;
	display: -webkit-box;
	line-height: 24px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #666666;
	text-align:left;
}
.Download-list li .down-btn {
	display: block;
	width: 68px;
	height: 100%;
	background: #f2f2f2 url(../images/wicon13.png) no-repeat center center;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
}
.Download-list li:hover {
	border-color: #d82019;
	background-color: #d82019;
}
.Download-list li:hover .down-text {
	color: #ffffff;
}
.Download-list li:hover .down-btn {
	background-color: #e31a13;
	background-image: url(../images/wicon13ho.png);
}
 @media (min-width: 768px) {
.Download-list li {
	padding: 32px 80px 32px 15px;
	margin: 0 0 22px 0;
}
.Download-list li .down-text {
	font-size: 16px;
	display: block;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 24px;
	line-height: 24px;
	text-align: left;
}
.Download-list li .down-btn {
	width: 90px;
	height: 90px;
	top: -1px;
	right: -1px;
}
}
 @media (min-width: 1024px) {
.Download-list {
    padding:0;
}
.Download-list ul {
	padding-bottom: 45px;
}
.Download-list li {
	padding: 22px 180px 22px 56px;
    background: #f3f3f3;
}
}
/*分公司结束*/

/*发展历程*/

.j-roads-images {
	height: 18.75rem;
	position: relative;
	overflow: hidden;
}

.j-roads-images .psp {
	position: absolute;
	width: 1.25rem;
	height: 1.25rem;
	bottom: 1.5rem;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../image/psp.png) no-repeat center;
	background-size: 100%;
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 50%;
	cursor: pointer;
	transition: .5s ease-in-out;
}

.j-roads-images .psp:hover {
	background-color: #004a9a;
	border-color: #004a9a;
	transition: .5s ease-in-out;
}

.j-roads-images .words {
	position: absolute;
	top: 5.375rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
}

.j-roads-images .img {
	position: relative;
}

.j-roads-images .img .text {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 0;
}

.j-roads-images .img .text .li {
	font-size: 14px;
	display: inline-block;
	width: 10%;
	position: relative;
	height: 100%;
}

.j-roads-images .img .text .li .p {
	/*word-break: keep-all;*/
	line-height: 24px;
	margin-top: 5px;
}

.j-roads-images .img .text .li .box {
	position: absolute;
	width: 150%;
	left: 50%;
	transform: translateX(-30%);
}

.j-roads-images .img .text .li:nth-child(2n+1) .box {
	padding-top: .5rem;
}

.j-roads-images .img .text .li .tit,
.j-roads-images .img .text .li .txt {
	font-size: 16px;
	line-height: 1;
	color: #ffffff;
}

.j-roads-images .img .text .li .txt {
	margin-top: 10px;
}

.j-roads-images .img .text .li0 .box {
	top: 100%;
	left: 0;
	transform: translateX(0);
}

.j-roads-images .img .text .li1 .box {
	top: 140px;
}

.j-roads-images .img .text .li2 .box {
	top: 220px;
}

.j-roads-images .img .text .li3 .box {
	top: 70px;
}

.j-roads-images .img .text .li4 .box {
	top: 175px;
}

.j-roads-images .img .text .li5 .box {
	top: 0;
}

.j-roads-images .img .text .li6 .box {
	top: 125px;
}

.j-roads-images .img .text .li7 .box {
	top: -25px;
}

.j-roads-images .img .text .li8 .box {
	top: 80px;
}

.j-roads-images .img .text .li9 .box {
	top: -85px;
}

.j-roads-lists .list .li.active:before {
	background: url(../image/i1.png) no-repeat center;
	transition: .5s ease-in-out;
}

.j-roads-lists .list .li.active .box .tit {
	color: #e60012;
	transition: .5s ease-in-out;
}



.j-roads-lists {
	padding：0;
}

.j-roads-lists .j-sear {
	margin-top: 1.25rem;
}

.j-roads-lists .list {
	padding-top: 6.5rem;
	position: relative;
}

.j-roads-lists .list .li {
	position: relative;
	width: 50%;
}

.j-roads-lists .list .li:after {
	position: absolute;
	width: 100%;
	height: 1px;
	content: "";
	background: #d9d9d9;
}

.j-roads-lists .list .li:before {
	position: absolute;
	content: "";
	width: 25px;
	height: 25px;
	background: url(../image/i0.png) no-repeat center;
	z-index: 4;
	transition: .5s ease-in-out;
}

.j-roads-lists .list .li.fl:after {
	right: 0;
	top: 0;
}

.j-roads-lists .list .li.fl:before {
	right: -12px;
	top: -12px;
}

.j-roads-lists .list .li.fr:after {
	left: 0;
	top: 0;
}

.j-roads-lists .list .li.fr:before {
	left: -12px;
	top: -12px;
}

.j-roads-lists .list .li.fr {
	text-align: right;
}

.j-roads-lists .list .li.fr .box {
	text-align: left;
}

.j-roads-lists .list .li .box {
	width: 250px;
	display: inline-block;
	position: relative;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}

.j-roads-lists .list .li .box .words {
	padding-top: 0.625rem;
}

.j-roads-lists .list .li .box .tit {
	font-size: 26px;
	line-height: 1.5;
	color: #333333;
	transition: .5s ease-in-out;
}

.j-roads-lists .list .li .box .txt {
	font-size: 18px;
	line-height: 1.5;
	color: #004a9a;
	margin-top: 0.375rem;
	margin-bottom: 0.5rem;
}

.j-roads-lists .list .li .words {
	/*position: absolute;*/
	height: 100%;
	top: 100%;
	left: 0;
	width: 100%;
	overflow-y: auto;
}

.j-roads-lists .list .itembox {
	padding-top: 13rem;
}

.j-roads-lists .list .items {
	cursor: pointer;
	margin-top: -14rem;
}

.j-roads-lists .list .items:last-child .li .words {
	position: static;
}

.j-roads-lists .list .before {
	width: 25px;
	height: 25px;
	border: 2px solid #004a9a;
	border-radius: 50%;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	position: absolute;
	z-index: 2;
	background: #ffffff;
}

.j-roads-lists .list .after {
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
	background: #d9d9d9;
	width: 1px;
	margin: auto;
	z-index: 0;
}

.j-roads-lists .list .itembox {
	position: relative;
	z-index: 5;
}

.j-sear {
	width: 27px;
	height: 28px;
	margin: 0 auto;
	background: url(../image/j53.png) no-repeat center;
	background-size: 100%;
	cursor: pointer;
	display: none;
}


@media (min-width: 768px) {
	.j-roads-lists .list .li:hover:before {
		background: url(../image/i1.png) no-repeat center;
		transition: .5s ease-in-out;
	}

	.j-roads-lists .list .li:hover .box .tit {
		color: #e60012;
		transition: .5s ease-in-out;
	}


	.j-serves-swiper .swiper-slide:hover,
	.j-serves-swiper .itlist:hover {
		background: #004a9a;
		padding-top: 0;
		color: #fff;
		transition: .5s ease-in-out;
	}

	.j-serves-swiper .swiper-slide:hover .items,
	.j-serves-swiper .itlist:hover .items {
		transition: .5s ease-in-out;
	}

	.j-serves-swiper .swiper-slide:hover .items .t-h0,
	.j-serves-swiper .swiper-slide:hover .items .t-h1,
	.j-serves-swiper .swiper-slide:hover .items .img,
	.j-serves-swiper .swiper-slide:hover .items .line,
	.j-serves-swiper .itlist:hover .items .t-h0,
	.j-serves-swiper .itlist:hover .items .t-h1,
	.j-serves-swiper .itlist:hover .items .img,
	.j-serves-swiper .itlist:hover .items .line {
		transition: .5s ease-in-out;
	}

	.j-serves-swiper .swiper-slide:hover .items .more,
	.j-serves-swiper .itlist:hover .items .more {
		z-index: 1;
		opacity: 1;
	}

	.j-serves-swiper .swiper-slide:hover .items .t-h0,
	.j-serves-swiper .itlist:hover .items .t-h0 {
		margin-top: 0;
		color: #fff;
	}

	.j-serves-swiper .swiper-slide:hover .items .t-h1,
	.j-serves-swiper .itlist:hover .items .t-h1 {
		color: rgba(255, 255, 255, 0.6);
	}
}




@media (min-width: 768px) {
	::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}

	::-webkit-scrollbar-track {
		background: #fff;
	}

	::-webkit-scrollbar-thumb {
		background: #004a9a;
		/*border-radius: 4px;*/
	}

	::-webkit-scrollbar-thumb:window-inactive {
		background: #004a9a;
	}

	::-webkit-scrollbar-thumb:vertical:hover {
		background: #004a9a;
	}

}



@media (max-width: 1680px) {
	.j-roads-lists .list .li .box .tit {
		font-size: 1.4rem;
	}
}

/**/
@media (max-width: 1450px) {

	.j-roads-images .img .text .li .tit,
	.j-roads-images .img .text .li .txt {
		font-size: .4rem;
	}

	.j-roads-images .img .text .li {
		font-size: 0.35rem;
	}

	.j-roads-images .img .text .li .p {
		line-height: 1.25;
	}
}


@media (max-width: 1190px) {

	.j-roads-lists .list .li .box {
		width: 80%;
	}

}

@media (max-width: 1024px) {
	.j-roads-images {
		display: none;
	}
}



@media (max-width: 767px) {
	.j-roads-lists .list .itembox {
		padding-top: 0;
	}

	.j-roads-lists .list .items {
		margin-top: 0;
	}

	.j-roads-images .psp {
		width: .5rem;
		height: .5rem;
		bottom: .6rem;
	}

	.j-roads-lists {
		padding-top: 1rem;
		padding-bottom: 1.7rem;
	}

	.j-roads-lists .list {
		padding: 0;
		padding-top: 1rem;
		width: calc(100% - 1rem);
	}

	.j-roads-lists .list .li {
		width: 100%;
		float: left;
	}

	.j-roads-lists .list .li img {
		width: 100%;
	}

	.j-roads-lists .list .li .words {
		width: 100%;
		position: static;
	}

	.j-roads-lists .list .li .box .tit {
		font-size: .28rem;
	}

	.j-roads-lists .list .li .box .words {
		padding-top: 0.25rem;
	}

	.j-roads-lists .list .li.fl:before {
		right: auto;
		left: -12px;
	}

	.j-roads-lists .list .li .box {
		width: 100%;
	}

	.j-roads-lists .list .before {
		right: auto;
		width: .5rem;
		height: .5rem;
		left: -.5rem;
	}

	.j-roads-lists .list .after {
		right: auto;
		left: -.25rem;
	}

	.j-roads-lists .list .li:before {
		width: .4rem;
		height: .4rem;
		left: -0.45rem !important;
	}

	.j-roads-lists .list .li .box {
		font-size: .24rem;
		line-height: 1.6;
	}

	.j-roads-lists .list .li .box .txt {
		margin-top: 0.15rem;
		margin-bottom: 0.2rem;
	}

	.j-roads-lists .list .li .box .txt {
		font-size: .26rem;
	}
}
	

/*历程结束*/


.product-none{
	height: 70px;
	display: none;
}
.scroll-index{
	padding: 40px 0px;
}
.scroll-index .left{
	width: 29%;
	float: left;
}
.scroll-index .left h2{
	color: #000000;
	font-size: 18px;
	line-height: 27px;
}
.scroll-index .left i{
	width: 15px;
	height: 1px;
	display: block;
	margin: 24px 0 22px;
	background: #ac1d24;
}
.scroll-index .left p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	width: 79%;
}
.scroll-index .right{
	float: left;
	border-left: 0px solid #e6e6e6;
	width: 67.5%;
	padding-left: 4%;
}
.scroll-index .right h2{
	font-size: 28px;
	color: #000;
	line-height: 27px;
	margin-bottom: 35px;
}
.scroll-index .right p{
	font-size: 15px;
	color: #666666;
	line-height: 21px;
	padding-bottom: 6px;
}
.scroll-index .right .more{
	display: block;
	padding-left: 34px;
	font-weight: normal;
	width: 200px;
	height: 47px;
	line-height: 47px;
	font-size: 16px;
	color: #fff;
	background: #ac1d24 url(../image/pro06.png) no-repeat 155px center;
	transition:background 0.3s;
	margin-top: 35px;
}
.flex-b{
	position: relative;
	height: 520px;
	width: 100%;
	overflow: hidden;
}
.flex-b .flex-pic{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
}
.real-top{
	padding: 78px 0 80px;
	border-bottom: 1px solid #e3e3e3;
	text-align: center;
}
.real-top h2{
	font-size: 30px;
	color: #000000;
	line-height: 50px;
}
.real-top i{
	width: 15px;
	height: 1px;
	display: block;
	background: #ac1d24;
	margin: 20px auto 25px;
}
.real-top p{
	font-size: 14px;
	color: #666666;
	line-height: 32px;
	width: 85%;
	margin: 0 auto;
}
.real-number{
	padding: 46px 0 57px;
}
.real-number li{
	width: 25%;
	text-align: center;
	float: left;
	background: url(../image/pro14.png) no-repeat left center;
}
.real-number li:first-child{
	background: none;
}
.real-number li p{
	font-size: 14px;
	line-height: 24px;
}
.real-number li h2{
	font-size: 60px;
	color: #ac1d24;
	line-height: 65px;
	margin-bottom: 8px;
}
.real-bottom{
	background: #f5f5f5;
	width: 100%;
	padding: 80px 0 74px;
	border-bottom: 1px solid #e4e4e4;
	text-align: center;
}
.real-bottom p{
	font-size: 14px;
	color: #666666;
	line-height: 32px;
	width: 85%;
	margin: 0 auto;
}
.real-bottom ul{
	width: 100%;
	margin-top: 59px;
}
.real-bottom li{
	float: left;
	width: 30.8%;
	margin-left: 3.7%;
}
.real-bottom li p{
	color: #333;
	margin-top: 8px;
}	
.real-bottom li img{
	width: 100%;
}
.real-bottom li:first-child{
	margin-left: 0;
}
.real-bottom .link{
	display: block;
    padding-left: 34px;
    font-weight: normal;
    width: 230px;
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    text-align: left;
    color: #fff;
    background: #ac1d24 url(../image/pro06.png) no-repeat 188px center;
    transition: background 0.3s;
    margin: 30px auto 0;
}
.industry .indu-tit{
	width: 1040px;
	padding: 75px 0 10px;
	margin: 0 auto;
	text-align: center;
}
.industry .indu-tit h2{
	font-size: 28px;
	color: #000000;
	line-height: 48px;
}
.industry .indu-tit i{
	width: 15px;
	height: 1px;
	background: #ac1d24;
	margin: 20px auto 30px;
	display: block;
}
.industry .indu-tit p{
	font-size: 14px;
	color: #666666;
	line-height: 29px;
	padding-bottom: 22px;
}
.industry-list{
	width: 100%;
	margin-bottom: 55px;
	text-align: center;
	border-bottom: 1px solid #e3e3e3;
}
.industry-list a{
	display: inline-block;
	width: 215px;
	background: url(../image/pro15.jpg) no-repeat left center;
	height: 28px;
	line-height: 28px;
	padding: 15px 0;
	color: #666;
	position: relative;
    top: 2px;
    transition:color 0.3s;
    box-sizing: initial;
}
.industry-list a:first-child{
	background: none;
}
.industry-list a.on{
	background: none;
}
.industry-list a.cur{
	border: 1px solid #e3e3e3;
	border-top: 1px solid #d82931;
	border-bottom: 1px solid #fff;
	background: none;
	color: #ac1d24;
}
.industry-box{
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 90px;
}
.industry-box .industry-ajax{
	display: none;
}
.industry-box2 img, .industry-box3 img{
	max-width: 100%;
	margin-bottom:40px; 
}
.industry-box2 p, .industry-box3 p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.industry-box .pic{
	max-width: 100%;
	margin-bottom: 40px;
}
.industry-box .ico{
	width: 20.7%;
	float: left;
}
.industry-box .right{
	width: 73%;
	float: right;
}
.industry-box .right.on{
	width: 100%;
}
.industry-box .right p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	margin-bottom: 24px;
	padding-left: 3%;
}
.industry-box .right i{
	width: 100%;
	height: 1px;
	background: #e3e3e3;
	display: block;
}
.industry-box .right h2{
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	line-height: 45px;
	padding: 29px 0 0 3%;

}
.industry-box .industry-box-list{
	padding: 45px 0 0 3%;
	width: 100%;
	margin-top: -45px;
	position: relative;
}
.industry-box .industry-box-list .slides li{
	float: left;
	width: 43%;
}
.industry-box .industry-box-list .slides h3{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.industry-box-list .flex-direction-nav{
	display: none;
}
.industry-box .flex-control-nav{
	top: 0;
	bottom: auto;
	right: 2%;
	text-align: right;
}
.industry-box .flex-control-paging li a{
	width: 7px;
	height: 7px;
	margin: 0 3px;
	background: url(../image/pro18.png) no-repeat center;
	overflow: hidden;
	text-indent: -999px;
	background-size: 100% 100%;
}
.industry-box .flex-control-paging li a.flex-active,.industry-box .flex-control-paging li a:hover{
	background: url(../image/pro18_h.png) no-repeat center;
}
.industry-box .flex-control-nav li{
	margin: 0;
}
.about-culture{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
}
.about-culture h2{
	font-size: 28px;
	line-height: 38px;
	padding: 95px 0 72px;
	color: #fff;
}
.about-culture ul{
	width: 100%;
}
.about-culture li{
	float: left;
	width: 33.33%;
}
.about-culture li a{
	display: block;
	width: 100%;
}
.about-culture li .pic{
	width: 142px;
	height: 145px;
	margin: 0 auto 18px;
	text-align: center;
	line-height: 145px;
	position: relative;
}
.about-culture li .bg{
	width: 100%;
	height: 100%;
	background: url(../image/a09.png) no-repeat center;
	background-size: 100%;
	display: block;
	-webkit-animation: spinner 1.5s infinite linear;
    animation: spinner 1.5s infinite linear;
    position: absolute;
    top: 0;
    left: 0;
}
.about-culture li .font{
	font-size: 16px;
	line-height: 26px;
	color: #fff;
}
/*about*/
.about-history{ height:701px; padding:1px 130px 0; no-repeat center fixed; -webkit-background-size:100% 100%; background-size:100% 100%;}
.about-title {margin-bottom: 25px;}
.about-title h3 {margin: 0 0 10px;font-size:34px;font-weight:400;color: #2c2c2c;}
.about-title p {margin: 0;font-size: 36px;font-weight: 300;color: #ECECEC;}
.title-white h3{ color:#d6d6d6;}
.title-white p{ color:rgba(222,222,222,.09);}
.about-history-list{ position:relative;}
.about-history-list .flex-viewport{ padding:0 31px;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #C7C7C7; content:'';}
.about-history-list .slides li{ position:relative; width:253px; height:465px; margin-right:31px;}
.about-history-list .slides li .item{ position:absolute; right:-32px; bottom:0; left:-32px; min-height:152px; padding:44px 0 0 0; background-color:#fff; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:before{ position:absolute; top:-49px; left:50%; width:20px; height:20px; overflow:hidden; margin-left:-10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(#a12b12); content:'';}
.about-history-list .slides li .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#a12b12; content:'';}
.about-history-list .slides li:nth-child(even) .item{ top:0; bottom:auto; padding:0 0 44px;}
.about-history-list .slides li:nth-child(even) .item:before{ top:auto; bottom:-49px;}
.about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.about-history-list .slides li .item:hover{ background-color:#DAB765;}
.about-history-list .slides li .item h3{ position:absolute; top:0; right:0; left:0; height:44px; line-height:44px; margin:0; font-weight:400; color:#999999; text-align:center; background-color:#e2e2e2; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:hover h3{ color:#b90202; background-color:#e2e2e2;}
.about-history-list .slides li .item h3:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #E2E2E2; content:'';}
.about-history-list .slides li:nth-child(even) .item h3{ top:auto; bottom:0;}
.about-history-list .slides li:nth-child(even) .item h3:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#E2E2E2 transparent transparent;}
.about-history-list .slides li .item .desc{ line-height:24px;  font-size:14px; color:#929292;}
.about-history-list .slides li .item:hover .desc{ color:#ffffff;}
.about-history-list .slides li .item .desc p{ margin:0;}
.about-history-list .flex-direc-jt{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direc-jt a{ position:absolute; top:50%; width:48px; height:160px; line-height:160px; overflow:hidden; margin-top:-85px; font-size:50px; font-family:simsun; color:#ffffff; text-align:center;}
.about-history-list .flex-direc-jt a.flex-prev{ left:-48px;}
.about-history-list .flex-direc-jt a.flex-next{ right:-48px;}
.about-history-swiper{ width:100%;}
.about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.about-history-swiper .swiper-slide .item h3{ margin:0; height:40px; line-height:40px; overflow:hidden; font-size:20px; text-align:center; color:#999999; background-color:#e2e2e2;}
.about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:#929292;}
.about-history-swiper .swiper-slide .item .desc p{ margin:0;}
.about-history-swiper .about-history-pagination{ position:static; margin-top:10px;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{ background:#C91523;}
/* 结束*/
.forum ul{
	width: 100%;
	padding: 40px 0 29px;
}
.forum li{
	width: 100%;
	padding: 48px 0 39px;
	float: left;
	border-bottom: 1px solid #e6e6e6;
}
.forum li a{
	display: block;
	width: 100%;
}
.forum li .con{
	float: left;
	width: 66.6%;
}
.forum li .day{
	font-size: 14px;
	color: #333333;
	line-height: 44px;
}
.forum li h2{
	font-size: 16px;
	color: #000;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	margin-bottom: 24px;
	transition:color 0.3s;
}
.forum li .font{
	font-size: 14px;
	color: #888;
	line-height: 21px;
	height: 42px;
	overflow: hidden;
}
.forum li .more{
	float: right;
	display: block;
    padding-left: 2.8%;
    font-weight: normal;
    width: 16.66%;
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    color: #fff;
    background: #ac1d24 url(../image/pro06.png) no-repeat 77% center;
    transition: background 0.3s;
    margin-top: 44px;
}
.aw-top{
	padding: 72px 0 92px;
}
.aw-top .left{
	width: 60%;
	float: left;
}
.aw-top .left .walk{
	width: 36%;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background: #a9131b;
	color: #fff;
	font-size: 13px;
	display: block;
	margin-top: 42px;
}
.aw-top .left h2{
	color: #333;
	font-size: 48px;
	line-height: 66px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.aw-top .left h3{
	font-size: 22px;
	color: #333333;
	line-height: 39px;
	padding: 9px 0 30px;
}
.aw-top .left p{
	font-size: 14px;
	color: #808080;
	line-height: 25px;
	margin-bottom: 8px;
}
.aw-top .rigth{
	float: right;
	position: relative;
}
.aw-top .rigth .bg{
	position: absolute;
	top: 0;
	right: 0;
}
.aw-top .rigth .pic{
    padding-top: 190px;
	position: relative;
	z-index: 2;
}

/*滚动数字*/
.main{ padding:60px 0; margin: 0 auto; max-width: 100%;}
.numCount{ margin: 0 -10px;}
.numCount li{ float: left; width: 25%; text-align: center;}
.numCount li .item{ margin: 0 10px;}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:40px; color:#c20a14;}
.numCount li .numU .unitC{font-size:150%; line-height: 1.3; margin-left: 0.3em;color: #ac1d24;}
.numCount li .numU sup{vertical-align: top;}
.numCount li .numU sub{vertical-align:baseline;}
@media (max-width:800px){
	.numCount li .numCX{ font-size:36px; }
}
@media (max-width:640px){
	.numCount li .numCX{ font-size:7vw; }
}
@media (max-width:480px){
	.numCount{ font-size:0.5vw;}
}
/*滚动数字结束*/

.aw-number{
	padding: 40px 0;
	float: left;
    width: 100%;
    background: #f6f6f6;
}
.aw-number ul{
}
.aw-number li{
	float: left;
	width: 25%;
	text-align: center;
	background: url(../image/a20.jpg) no-repeat left center;
}
.aw-number li:first-child{
	text-align: left;
	background: none;
}
.aw-number li:last-child{
	text-align: right;
}
.aw-number li h2{
	font-size: 32px;
	color: #d80024;
	line-height: 56px;
}
.aw-number li p{
	font-size: 16px;
	color: #d80024;
	line-height: 25px;
}
.flex-b.aw-talent{
	height: 600px;
}
.aw-talent .talent-box{
	position: absolute;
	width: 62.5%;
	top: 50%;
	left: 50%;
	background: #fff;
	padding:70px 5% 42px;
	margin: -180px 0 0 -31.25%;
	text-align: center;
}
.aw-talent h2{
	font-size: 48px;
	color: #333333;
	line-height: 57px;
}
.aw-talent .bg{
	padding-left: 45px;
	font-size: 22px;
	color: #000000;
	line-height: 42px;
	background: url(../image/pro05.png) no-repeat left 10px;
	display: inline-block;
	margin-bottom: 38px;
}
.aw-talent p{
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	margin-bottom: 20px;
}
.aw-future{
	position: absolute;
	width: 62.5%;
	top: 50%;
	left: 50%;
	padding:0 5%;
	margin: -180px 0 0 -31.25%;
	text-align: center;
}
.aw-future h2{
	font-size: 22px;
	color: #fff;
	line-height: 57px;
}
.aw-future .bg{
	padding-left: 45px;
	font-size: 20px;
	color: #fff;
	line-height: 42px;
	background: url(http://kd.feikoo.com/skin/web/img/a21.png) no-repeat left 10px;
	display: inline-block;
	margin-bottom: 38px;
}
.aw-future p{
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-bottom: 20px;
}
.social-top{
	padding: 70px 0 75px;
	width: 100%;
}
.social-top .pic{
	width: 44.7%;
	float: right;
}
.social-top .con{
	width: 32%;
	position: relative;
	left: 50%;
	margin-left: -600px;
}
.social-top .con h2, .social-canp h2{
	font-size: 30px;
	color: #000000;
	line-height: 46px;
	padding-top: 74px;
}
.social-top .con i, .social-canp .con i{
	width: 15px;
	height: 1px;
	display: block;
	margin: 12px 0 36px 3px;
	background: #ac1d24;
}
.social-top .con p, .social-canp .con p{
	font-size: 14px;
	color: #808080;
	line-height: 26px;
	margin-bottom: 20px;
}
.social-canp{
	width: 100%;
	background: #f5f5f5;
}
.social-canp .pic{
	width: 44.8%;
	float: left;
}
.social-canp .con{
	width: 605px;
	float: left;
	margin-left: 90px;
}
.social-company{
	width: 100%;
	padding: 85px 0 90px;
	text-align: center;
}
.social-company .social-list{
	position: relative;
	border-top: 1px solid #e6e6e6;
}
.social-company .title{
	padding-bottom: 40px;
}
.social-company .title h2{
	font-size: 30px;
	color: #000000;
	line-height: 70px;
}
.social-company .title i{
	display: block;
	width: 15px;
	height: 1px;
	background: #ac1d24;
	margin: 0 auto;
}
.social-company .social-show{
	width: 85%;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 100px;
}
.social-company .social-show li{
	float: left;
	opacity: 0;
	transition:opacity 0.5s;
}
.social-company .social-show li.on{
	opacity: 1;
}
.social-company .social-show p{
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	margin-bottom: 20px;
}
.social-company .btn{
	width: 34px;
	height: 34px;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	transition:background 0.3s;
}
.social-company .btn.prev{
	background: url(../image/a27.png) no-repeat center;
	left: -74px;
}
.social-company .btn.next{
	background: url(../image/a28.png) no-repeat center;
	right: -74px;
}
.social-company .btn.prev:hover{
	background: url(../image/a27_h.png) no-repeat center;
}
.social-company .btn.next:hover{
	background: url(../image/a28_h.png) no-repeat center;
}
.social-company .social-list .w1200{
	margin-top: -4px;
}
.social-company .social-list li{
	float: left;
	padding-top: 7px;
	font-size: 20px;
	color: #a5a5a5;
	line-height: 50px;
	background: url(../image/a26.png) no-repeat center top;
	cursor: pointer;
	transition:background 0.3s,color 0.3s;
}
.social-company .social-list li.cur{
	color: #ae1f26;
	background: url(../image/a26_h.png) no-repeat center top;
}
.social-bottom{
	width: 100%;
	text-align: center;
	padding: 80px 0 33px;
	background: #f5f5f5;
}
.social-bottom-box{
	width: 83%;
	margin: 0 auto;
}
.social-bottom-box h2{
	font-size: 30px;
	color: #000000;
	line-height: 50px;
}
.social-bottom-box i{
	width: 15px;
	height: 1px;
	background: #ac1d24;
	margin:12px auto 39px;
	display: block;
}
.social-bottom-box p{
	font-size: 14px;
	color: #808080;
	line-height: 26px;
	padding-bottom:26px; 
}
.social-bottom-box img{
	max-width: 100%;
	height: auto !important;
}
.flex-b.culturn-top{
	height:580px; 
}
.flex-b.culturn-center{
	height: 560px;
}
.culturn-top .con, .culturn-center .con{
	width: 790px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -395px;
	padding-top: 134px;
}
.culturn-top .con h2, .culturn-center .con h2{
	font-size: 30px;
	color: #000000;
	line-height: 55px;
}
.culturn-top .con i, .culturn-center .con i{
	width: 25px;
	height: 1px;
	margin: 12px auto 40px;
	background: #191919;
	display: block;
}
.culturn-top .con h3, .culturn-center .con h3{
	font-size: 30px;
	color: #333333;
	line-height: 47px;
}
.culturn-top .con p, .culturn-center .con p{
	font-size: 14px;
	color: #808080;
	line-height: 30px;
	margin-top: 18px;
}
.scroll-index .right img{
	max-width: 15%;
	margin-top: 10px;
}
.culturn-bottom{
	padding: 92px 0 95px;
	background: #f5f5f5;
	width: 100%;
}
.culturn-bottom h2{
	font-size: 30px;
	color: #000000;
	line-height: 46px;
}
.culturn-bottom i{
	width: 25px;
	height: 1px;
	background: #ae1f26;
	display: block;
	margin: 13px 0 30px;
}

.clearfix:after{visibility:hidden;display:block;content:" ";clear:both;height:0;line-height:0;}
.clearfix{zoom:1;}

.made{background:#fff0;}
.madegame{width:100%;overflow:hidden;}
#ho{position:relative !important;}
#ho li{float:left; padding:0 5px; position:relative;}

.culturn-bottom p{
	font-size: 14px;
	color: #808080;
	line-height: 34px;
	padding-top: 20px;
	border-bottom: 1px solid #dedede;
	width: 91.6%;
}
.i-ban .flex-direction-nav, .i-ban .flex-control-nav{
	display: none;
}
.i-ban .slides{
	width: 100%;
	height: 100%;
}
.i-ban .slides li{
	width: 100%;
	position: relative;
	height: 100%;
	background-size: cover !important;
	text-align: center;
}
.i-ban .slides img{
	padding-top: 15.3%;
	position: relative;
	top: -50px;
	opacity: 0;
	filter:alpha(opacity=0);
	transition:all 1.4s;
}
.btn:active, .btn.active{
	box-shadow: none;
}
.i-ban .slides .more{
	width: 178px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #d41833;
	color: #fff;
	font-size: 14px;
	margin: 52px auto 0;
	position: relative;
	top: 50px;
	opacity: 0;
	filter:alpha(opacity=0);
	transition:all 1.4s;
}
.i-ban .slides li.flex-active-slide img{
	top: 0;
	opacity: 1;
	filter:alpha(opacity=100);
}
.i-ban .slides li.flex-active-slide .more{
	top: 0;
	opacity: 1;
	filter:alpha(opacity=100);
}
.i-ban-link{
	position: absolute;
	bottom: 42px;
	left: 50%;
	margin-left: -600px;
	z-index: 9;
}
.i-ban-link li{
	width: 33.33%;
	padding-left: 3px;
	float: left;
	position: relative;
	top: 50px;
	opacity: 0;
	overflow: hidden;
}
.i-ban-link li a{
	width: 100%;
	padding: 14px 22% 18px 9%;
	display: block;
	transition:background 0.3s;
	position: relative;
	z-index: 2;
}
.i-ban-link li .bg{
	position: absolute;
	top: 0;
	left: 3px;
	width: 0;
	height: 100%;
	z-index: 1;
	background: #d41833;
	transition:width 0.5s;
}
.i-ban-link li.li0 a{
	background:#fff url(../image/wel02.png) no-repeat 85% center;
}
.i-ban-link li.li1 a{
	background:#fff url(../image/wel03.png) no-repeat 85% center;
}
.i-ban-link li.li2 a{
	background:#fff url(../image/wel04.png) no-repeat 85% center;
}
.i-ban-link li h2{
	font-size: 20px;
	color: #333333;
	line-height: 35px;
	transition:color 0.3s;
}
.i-ban-link li p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	height: 24px;
	transition:color 0.3s;
	overflow: hidden;
}
.i-wrap1{
	position: relative;
}
#i-wrap .i-wrap2{
	background-size: cover !important;
	position: relative;
}
.i-wrap2 .w1200{
	position: absolute;
	top: 50%;
	margin-top: -275px;
	left: 50%;
	margin-left: -600px;
}
.i-wrap2 .left{
	width: 51.6%;
	float: left;
	position: relative;
	left: -50px;
	opacity: 0;
}
.i-wrap2 .rigth{
	width: 43%;
	position: relative;
	float: right;
	right: -50px;
	opacity: 0;
}
.i-wrap2 .rigth .bg{
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.i-wrap2 .rigth .pic{
	width: 84.7%;
	margin:45px 24.8% 0 0;
	position: relative;
	z-index: 2;
	transform: scale(0);
}
.i-wrap2 .left .walk{
	width: 34.6%;
	margin-top: 52px;
	background: #a9131b;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 13px;
	display: block;
}
.i-wrap2 .left h2{
	font-size: 48px;
	color: #333333;
	line-height: 68px;
	margin: 17px 0 36px;
}
.i-wrap2 .left p{
	font-size: 14px;
	color: #808080;
	line-height: 28px;
	margin-bottom: 16px;
}
.i-wrap2 .left .more{
	width: 28%;
	height: 39px;
	line-height: 39px;
	text-align: center;
	border: 1px solid #c7c7c7;
	color: #a9131b;
	font-size: 14px;
	display: block;
	margin-top: 20px;
	transition:background 0.3s,border 0.3s,color 0.3s;
}
.i-wrap4 .box{
	width: 100%;
	height: 100%;
	padding: 0 3% 0 3%;
}
.i-wrap4 .left{
	width: 29.7%;
	float: left;
	position: relative;
	left: -50px;
	opacity: 0;
	top: 50%;
	margin-top: -190px;
}
.i-wrap4 .left h1{
	font-size: 48px;
	color: #333333;
	line-height: 62px;
}
.i-wrap4 .left h2{
	font-size: 22px;
	color: #333333;
	line-height: 25px;
	margin:4% 0 4%;
}
.i-wrap4 .left p{
	font-size: 12px;
	color: #666;
	line-height: 35px;
}
.i-wrap4 .left .btns{
	width: 37px;
	margin-top: 9px;
	margin-left: 8px;
	text-align: center;
	color: #dfdfdf;
}
.i-wrap4 .btns a{
	width: 11px;
	height: 20px;
	display: inline-block;
	position: relative;
    top: 3px;
    transition:background 0.3s;
}
.i-wrap4 .btns i{
	width: 1px;
	background: #dfdfdf;
	display: inline-block;
	height: 26px;
}
.i-wrap4 .btns a.prev{
	background: url(../image/wel08.png) no-repeat center;
	float: left;
}
.i-wrap4 .btns a.next{
	background: url(../image/wel09.png) no-repeat center;
	float: right;
}
.i-wrap4 .btns a.prev:hover{
	background: url(../image/wel08_h.png) no-repeat center;
}
.i-wrap4 .btns a.next:hover{
	background: url(../image/wel09_h.png) no-repeat center;
}
.i-wrap4 .more{
	width: 34.5%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	background: #c3151f;
	display: block;
	margin-top: 13%;
}
.i-wrap4 .right{
	float: right;
	width: 63%;
	overflow: hidden;
}
.i-wrap4 .right ul{
	width: 1000%;
	float: left;
}
.i-wrap4 .right li{
	float: left;
	border-left: 1px solid #eaeaea;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	left: 50px;
	opacity: 0;
}
.i-wrap4 .right a{
	display: block;
	width: 100%;
	padding: 28.7% 4% 0;
}
.i-wrap4 .right img{
	width: 100%;
}
.i-wrap4 .right .day{
	font-size: 80px;
	color: #666;
	line-height: 60px;
	opacity: 0.2;
	padding-bottom: 54%;
}
.i-wrap4 .right .data{
	font-size: 14px;
	color: #333333;
	line-height: 33px;
	margin-bottom: 7px;
}
.i-wrap4 .right h2{
	font-size: 16px;
	color: #333;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 6%;
	transition:color 0.3s;
}
.i-wrap4 .right .latest{
	font-size: 12px;
	color: #999999;
	line-height: 19px;
	margin-bottom: 4%;
}
.i-wrap4 .right .pic{
	margin-bottom: 7%;
}
.i-wrap4 .right img{
	transition:all 0.3s;
}
.i-wrap4 .right .font{
	font-size: 13px;
	color: #888888;
	line-height: 20px;
	height: 80px;
	overflow: hidden;
}
.i-wrap4 .right .more{
	width: 52px;
	height: 11px;
	background: url(../image/wel10.png) no-repeat center;
	margin-top: 19%;
	position: relative;
	left: 0;
	transition:left 0.3s;
}
.i-wrap4 .right .pic{
	overflow: hidden;
}
.i-wrap4 .right li.on .bg{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	background: url(../image/wel11.png) no-repeat right center;
	background-size: 100% 100%;
	height: 100%;
}
.svg-box{
	position: relative;
	left: 50%;
	top: 50%;
	margin: -334px 0 0 -334px;
}
.dot-red{fill:#ED1D24;display: none;}
.dot-red.active{
	display: block;
}
.st1{fill:rgba(0,0,0,0);}
.st2{opacity:0.3;fill:none;stroke:#FFFFFF;stroke-miterlimit:10;enable-background:new    ;}
.st3{display:none;}
.circle-red{fill:none;stroke:#ED1D24;stroke-width:3;stroke-miterlimit:10;transform: translate3d(0,0,0)}
.st5{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;}
.st7{fill:transparent;
    cursor: pointer;}
.is-mobile .st2 {
    opacity: .35;
}
.i-wrap3{
	position: relative;
	background-size: cover !important;
}
.svg-box{
	width: 668px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -334px 0 0 -334px;
    z-index: 5;
}
.inliner-banner,.inliner-banner-con{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	z-index: 5;
}
.inliner-banner-con{
	background: none;
}
.inliner-banner ul,.inliner-banner-con ul{
	width: 100%;
	height: 100%;
}
.inliner-banner li,.inliner-banner-con li{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 100%;
	text-align: center;
	transform: scale(0.8);
	z-index: 1;
}
.inliner-banner li.index,.inliner-banner-con li.index{
	z-index: 2;
}
.inliner-banner li:first-child,.inliner-banner-con li:first-child{
	left: 0;
	transform: scale(1);
}
.inliner-banner li a,.inliner-banner-con li a{
	display: block;
	width: 100%;
	height: 100%;
}
.inliner-banner li .con,.inliner-banner-con li .con{
	display: block;
	width: 606px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -145px 0 0 -303px;
	transform: scale(0);
}
.inliner-banner li h3,.inliner-banner-con li h3{
	font-size: 24px;
	color: #ffffff;
	line-height: 40px;
}
.inliner-banner li h2,.inliner-banner-con li h2{
	font-size: 45px;
	color: #fff;
	line-height: 51px;
}
.inliner-banner li i,.inliner-banner-con li i{
	width: 28px;
	height: 2px;
	margin: 18px auto 23px;
	display: block;
	background: #798994;
}
.inliner-banner li .font,.inliner-banner-con li .font{
	font-size: 13px;
	color: #fff;
	line-height: 25px;
	width: 72%;
	margin: 0 auto;
}
.inliner-banner li .more,.inliner-banner-con li .more{
	width: 178px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #d41833;
    color: #fff;
    font-size: 14px;
    margin: 60px auto 0;
}
#i-navli{
	position: fixed;
	right: 3%;
	top: 50%;
	z-index: 10;
	margin-top: -107px;
}
#i-navli li{
	width: 18px;
	height: 19px;
	margin: 7px 0;
	background: url(../image/wel20.png) no-repeat center;
	transition:background 0.3s;
}
#i-navli li.current{
	background: url(../image/wel20_h.png) no-repeat center;
}
#i-navli.one li{
	background: url(../image/wel05.png) no-repeat center;
}
#i-navli.one li.current{
	background: url(../image/wel05_h.png) no-repeat center;
}
.wel-number{
	position: fixed;
	z-index: 10;
	right: 1.8%;
	top: 50%;
	margin-top: 11px;
	padding-top: 72px;
	background: url(../image/wel21.png) no-repeat top center;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 26px;
}
.wel-number .num{
	font-size: 20px;
}
.wel-number.on{
	background: url(../image/wel22.png) no-repeat top center;
	color: #a4a4a4;
}
.wel-number.on .num{
	color: #a9131b;
}
.wel-page{
	height: 129px;
	width: 130px;
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 10;
	margin-top: -64px;
	overflow: hidden;
}
.wel-page ul{
	position: relative;
}
.wel-page li{
	color: #777777;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	margin: 0 0 3px 0;
	float: left;
	width: 100%;
	cursor: pointer;
	position: relative;
}
.wel-page li .n{
	padding-left: 60px;
	opacity: 0;
	filter:alpha(opacity=0);
	transition:opacity 0.3s;
}
.wel-page li .line{
	width: 25px;
	height: 1px;
	background: #bbbbbb;
	position: absolute;
	top: 12px;
	right: 75px;
	transition:width 0.3s,background 0.3s;
}
.wel-page li.on .n{
	opacity: 1;
	filter:alpha(opacity=100);
}
.wel-page li.on .line{
	width: 50px;
	background: #777777;
}
.wel-page.one li{
	color: #fff;
}
.wel-page.one li .line{
	background: #fff;
}
.wel-page.one li.on .line{
	background: #fff;
}
.bd_weixin_popup{
	height: 300px !important;
}
.insdie-wrap #spred {
    font-size: 18px;
    font-family: Arial;
    color:#F00;
    margin-left: 12px;
}
.insdie-wrap table{
    width: 100%;
    max-width: 100%;
    border: none;
}
.insdie-wrap{
    border:0;
    border-width: 0 0 1px 1px;}
.insdie-wrap td{
    padding: 8px 1%;
    border:0;
    width: 35%;
    border-width:1px 1px 0 0;
    font-size: 14px;
}
.insdie-wrap td:nth-child(2n+1){
	width: 15%;
}
.insdie-wrap td{
    line-height: 1.8;
}
.insdie-wrap .applay-input{
    width: 80%;
    height: 18px;
    padding: 8px 2%;
    line-height: 18px;
    color: #666;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 2px #f4f4f4 inset;
    background: #fff;
    font-size: 14px;
    box-sizing: initial;
}
.insdie-wrap #captcha{
	width: 29.4%;
}
.insdie-wrap select.applay-input{
    height: 36px;
    width: 84%;
    padding: 0;
}
.insdie-wrap textarea.applay-input{
    width: 94%;
    height: 100px;
    padding: 0;
}
.insdie-wrap .applay-input.code{
    width: 90px;
    margin-right: 8px;
}
.insdie-wrap .submit{
    width: 150px;
    height: 36px;
    background: #c20a14;
    font-size: 16px;
    color: #fff;
    border: none;
    cursor: pointer;
    line-height: 36px;
    margin-left: 15.2%;
}
.insdie-wrap .error {
    border-color: #D70128;
}
.insdie-wrap label{
	width: 100%;
}
.insdie-wrap td .controls{
	margin-left: 0
}
.load-box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
}
.load-box .picture{
	position: absolute;
	width: 128px;
	height: 35px;
	top: 50%;
	left: 50%;
	margin: -17px 0 0 -64px;
}
.load-box .load-img{
	position: absolute;
	width: 128px;
	height: 35px;
	top: 50%;
	left: 50%;
	margin: -17px 0 0 -64px;
	background: url(../image/logo02.png) no-repeat top left;
	-webkit-animation: load 3s infinite linear;
    animation: load 3s infinite linear;

}
.load-box .tbox{
	position: absolute;
	width: 128px;
	height: 35px;
	top: 50%;
	left: 50%;
	margin: 35px 0 0 -64px;
	text-align: center;
	font-size: 30px;
	line-height: 35px;
	color: #999;
}
.aw-history{
	padding: 80px 0;
	background: url(../image/aa04.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
}
.aw-history .title{
	text-align: center;
	width: 100%;
	margin-bottom:50px;
}
.aw-history .title h2{
	font-size: 22px;
	color: #333333;
	line-height: 67px;
	font-weight: bold;
}
.aw-history .title span{
	font-size: 24px;
	color: #000;
	padding-left: 52px;
	background: url(../image/pro05.png) no-repeat left center;
	line-height: 32px;
	display: inline-block;
}
.pc-history{
	width: 100%;
	height: 548px;
	overflow: hidden;
	background: url(../image/aa08.png) no-repeat center;
}
.pc-history .btns{
	width: 107px;
	height: 107px;
	position: absolute;
	top: 50%;
	margin-top: 3px;
	transition:background 0.3s;
	z-index: 2;
}
.pc-history .btns.prev{
	background: url(../image/aa06.png) no-repeat center;
	left: -31px;
}
.pc-history .btns.prev:hover{
	background: url(../image/aa06_h.png) no-repeat center;
}
.pc-history .btns.next{
	background: url(../image/aa07.png) no-repeat center;
	right: -31px;
}
.pc-history .btns.next:hover{
	background: url(../image/aa07_h.png) no-repeat center;
}
.pc-history .box{
	width: 1065px;
	margin: 0 auto;
	height: 100%;
}
.pc-history .box ul{
	position: relative;
}
.pc-history .box li{
	width:200px;
	float: left;
	position: relative;
	margin-left: -50px;
}
.pc-history .box li.even{
	margin-bottom: 30px;
	padding-bottom: 100px;
	background: url(../image/aa05.png) no-repeat center bottom;
}
.pc-history .box li.odd{
	margin-top: 270px;
	padding-top: 100px;
	background: url(../image/aa05.png) no-repeat center top;
}
.pc-history .box li:first-child{
	margin-left: 0;
}
.pc-history .box ul{
	float: left;
}
.pc-history .box h2{
	font-size: 20px;
	color: #404040;
	font-weight: bold;
	line-height: 34px;
}
.pc-history .box p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.mobile-history{
	height: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.weixin-box{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 300px;
	z-index: 15;
	margin: auto;
	display: none;
}
.weixin-box img{
	width: 100%;
}
.weixin-box .close{
	position: absolute;
	top: 3px;
	right:3px;
	background: url(../image/clo01.png) no-repeat center;
	display: block;
	width: 15px;
	height: 15px;
	opacity: 1;
}
.hrc{
	padding: 56px 0 72px; 
	border-bottom: 1px solid #efe9e9;
}
.hrc ul{
	width: 100%;
}
.hrc li{
	float: left;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	width: 24%;
	margin-right: 1.3%;
	margin-bottom: 20px;
	padding: 2%;
	min-height: 255px;
}
.hrc li:nth-child(4n){
	margin-right: 0;
}
.hrc li a{
	display: block;
	width: 100%;
}
.hrc li h2{
	line-height: 38px;
    font-size: 18px;
    font-weight: bold;
    height: 76px;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #555;
}
.hrc li p{
	color: #888;
    display: block;
    line-height: 22px;
    font-size: 14px;
}
@-webkit-keyframes load {
  0% {
    width: 0;
  }
  100% {
   width: 128px;
  }
}

@keyframes load {
  0% {
    width: 0;
  }
  100% {
    width: 128px;
  }
}
/*# sourceMappingURL=style.css.map */

/*大事记start*/
.event_box{margin:3% auto 0;position:relative;min-height:320px; padding-top:30px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:18px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../image/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:20px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../image/cat.png) no-repeat;position:absolute;top:-12px;left:15px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	

 .footer {
                overflow: hidden;
                        background-color: #323232;
                    }
                    
                    .footer .left {
                        width: 74%;
                        padding-top: 50px;
                        /*font-family: 'HelveticaNeueLTCom-Roman';*/
                        padding-bottom: 45px;
                    }
                    
                    .footer .right {
                        width: 26%;
                        background-color: #323232;
                        padding-left: 3%;
                        box-sizing: border-box;
                        /*font-family: 'HelveticaNeueLTCom-Roman';*/
                        padding-bottom: 45px;
                        height: 100%;
						float: right;
                    }
                    
                    .fo-ul {
                        margin-left: 15%;
                        float: left;
                        width: 52%;
                    }
                    
                    .fo-ul li {
                        float: left;
                        margin-right: 9%;
                    }
                    
                    .fo-ul li a {
                    	transition: all 0.3s ease;
                        display: block;
                        color: #ccc;
                        margin-bottom: 4px;
                    }
                    
                    .fo-ul li a:nth-child(1) {
                        font-size: 20px;
                        color: #fff;
                    }
                    .fo-ul li:nth-child(1){
                        margin-right: 0;
                    }
                    .li-one {
                        width: 280px;
                    }
                    
                    .footer .left .li-one a {
                        display: inline-block;
                        width: 48%;
                    }
                    
                    .footer .li-one a:nth-child(1) {
                        width: 100%;
                    }
                    
                    .fo-con a {
                        display: block;
                        font-size: 20px;
                        color: #fff;
                        margin-bottom: 10px;
                    }
                    
                    .fo-con p {
                        color: #ccc;
                        font-size: 16px;
                        /* margin-bottom: 20px; */
                        line-height: 40px;
                    }
                    
                    .fo-con {
                        width: 30%;
                        float: left;
                        padding-left: 20px;
                    }
                    /* .fo-con p span {
                    height: 80px;
                    display: inline-block;
                    float: left;
                } */
                    
                    .footer .right .ti {
                        font-size: 20px;
                        color: #fff;
                    }
                    
                    .ewm img {
                        vertical-align: bottom;
                        margin-right: 30px;
                        margin-top: 20px;
                        margin-bottom: 10px;
						width: 100px;
                    }
                    
                    .ewm {
                        font-size: 14px;
                        color: #999;
                    }
                    
                    .footer .right p {
                        font-size: 14px;
                        color: #999;
                        line-height: 20px;
                    }
                    
                    .footer .right p a {
                        color: #999;
                    }


					                    @media screen and (max-width:1800px) {
                        .fo-ul li {
                            margin-right: 8%;
                        }
                    }
                    
                    @media screen and (max-width:1710px) {
                        .fo-ul li {
                            margin-right: 4%;
                        }
                    }
                      @media screen and (max-width:1635px) {
                        .fo-ul li {
                            margin-right: 0;
                            display: inline-block;
                            vertical-align: top;
                            width: 50%;
                            float: none;
                            margin-bottom: 20px;
                        }
                        .footer .left{
                            padding-bottom: 0;
                        }
                         .fo-ul li a{
                            font-size: 14px;
                         }
                        .fo-ul{
                            font-size: 0;
                        }
                        .fo-ul li a:nth-child(1){
                            font-size: 18px;
                        }
                        .fo-con a{
                            font-size: 18px;
                        }
                        .fo-con p{
                            font-size: 14px;
                        }
                    }
                    @media screen and (max-width:1535px) {
                        .fo-ul li {
                            width: 33%;
                            float: none;
                            display: inline-block;
                            margin-bottom: 20px;
                            vertical-align: top;
                        }
                    }
                    
                    @media screen and (max-width:750px) {
                        .mbox img {
                            transform: scale(0.7, 0.7)!important;
                        }
                        .wo-san a:nth-child(3) img {
                            top: -66%;
                        }
                        .fo-ul {
                            display: none;
                        }
                        .fo-con {
                            width: 80%;
                            margin: 0 auto;
                            float: none;
                        }
                        .footer .left {
                            width: 100%;
                            float: none;
                            padding: 40px 0;
                            box-sizing: border-box;
                        }
                        .footer .right {
                            width: 100%;
                            float: none;
                            padding-top: 20px;
                            text-align: center;
                        }
                        .ewm img {
                            margin: 0 auto;
                            margin-bottom: 20px;
                        }
                        .footer .right .ti {
                            margin-bottom: 20px;
                        }
                        .footer .right p {
                            text-align: center;
                        }

.data2{width:100%; display:table; position:relative; overflow:hidden; background: url(../image/r4_c11.gif) repeat-x left top;}
.data2 .pic2{
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.data2 .image_container a{
	width:100%;height:100%; display:block;
    float:left;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

.data2 .image_container a .pic1{
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.data2 .image_container a:hover .pic1{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
}

.data2 .image_container a .pic2{
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;/*z-index:10;
    position:absolute;*/
}

.data2 .image_container a:hover .pic2{
    -webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);
    z-index: 10;
    position: absolute;
}

.data2 .row{width:185px;height:186px; float:left; margin-left:48px; margin-right:48px; margin-bottom:46px; position:relative; z-index:10;}
.data2 .row .pic1{width:100%;height:100%; overflow:hidden;}
.data2 .row .pic2{width:100%;height:100%; overflow:hidden;}
.data2 .row .pic2 img{position:absolute;}