/**公共样式**/

body{font-size: 16px; color: #1b1b1b; position: relative; font-family:"STHeiti","Microsoft YaHei","Helvetica Neue","Helvetica","SimSun","STSong","Arial","sans-serif";}

html, body{height:100%; }

*{padding:0;margin:0;}

a{color: #1b1b1b; text-decoration:none;}

a:hover,a:active,a:focus{color: #1b1b1b;text-decoration:none;}

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

/**logo**/

.home_index section.logo{position: fixed;}

section.logo .container{
    position: relative;
}

section.logo .langue{
    color: #000;
    position: absolute;
    right: 10px;
    border: 1px solid #000;
    margin-top: 20px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px;
    cursor: pointer;
}

section.logo .langue:hover{
    background: #21919b;
    border: 1px solid #21919b;
    color: #fff;
}

section.logo{position: relative;text-align: center;  z-index: 1; height: 74px; width: 100%;}

@font-face {font-family: 'webfont';
  src: url('//at.alicdn.com/t/y65y0fuh2a0b2o6r.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/y65y0fuh2a0b2o6r.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/y65y0fuh2a0b2o6r.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/y65y0fuh2a0b2o6r.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/y65y0fuh2a0b2o6r.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}


.webfont{
    font-family: 'webfont'!important;
    font-size: 20px;
    font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


/**banner**/

section.banner{width: 100%; height: 100%;position: relative;z-index: -1;}
section.banner .control{position:relative;z-index:5;height: 40px;background-color: #000;opacity: .4;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);margin:-40px auto 0;}
section.banner .control ol{position: relative;width: 150px;margin-left: -75px;padding-top: 20px;margin-bottom: 0;left: 50%;}
section.banner .control ol li{float: left;margin-left: 10px; width: 40px; height: 4px; background: white; opacity: .4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); cursor: pointer; position: relative; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}
section.banner .control ol li.active{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
section.banner .bannerList{width: 100%; height: 100%;}
section.banner .bannerList ul{width: 100%;height: 100%; margin-bottom: 0;position: fixed;z-index: 1}
section.banner .bannerList ul li{position:fixed;z-index:1;width: 100%;height: 100%;transition: .3s; -webkit-transition:.3s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
section.banner .bannerList ul li .banner{width: 100%; height: 100%;z-index: 1;}
section.banner .bannerList ul li.active{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
section.banner .container{width: 1000px;}
section.banner .container .row {position: fixed;top: 28%;}
section.banner .container .row h3{font-size: 35px;font-weight: 100;margin-left: 380px;}


/**nav**/

.navbar-toggle{
	float: none;
    border-radius: 0;
    background: #fff;
    padding: 9px 7px;
    position: fixed;
    z-index: 9999;
    top: 30px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.navbar-toggle .icon-bar {
    background-color: #222222;
}

.navlist{
	position: absolute;
	z-index: 100;
	top: 65px;
	width: 96%;
	left: 50%;
	margin-left: -48%;
}

.navlist ul{
    background: rgba(255,255,255,0.6);
	border-radius: 6px;
}

.navlist ul li.dropdown.active{
    background: #dadada;
}

nan.nav .navbar-toggle,.navlistout{
	display: none;
}

.global-nav-title {
    position: fixed;
    top: -6px;
    z-index: 9999;
}

.global-nav-initializer {
    width: 38px;
    height: 34px;
    float: right;
    position: relative;
    background: white;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.global-nav-initializer .line {
    width: 22px;
    height: 2px;
    background: 2px;
    left: 8px;
    position: absolute;
    background: #222222;
    background: rgba(34, 34, 34, 0.8);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.global-nav-initializer .line.top {
    top: 8px;
}

.global-nav-initializer .line.mid {
    top: 16px;
}

.global-nav-initializer .line.bottom {
    top: 24px;
}

.active .global-nav-initializer .line.top {
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
    -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
    -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
    -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
}

.active .global-nav-initializer .line.mid {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
}

.active .global-nav-initializer .line.bottom {
    -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
    -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
    -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
    -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
    transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
}

.active .global-nav-initializer .line {
    background: #222222 !important;
    background: rgba(0, 0, 0, 0.8) !important;
}

.cbp-spmenu, .cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cbp-spmenu-left {
    left: -240px;
}

.cbp-spmenu-vertical {
    width: 200px;
    top: 16%;
    z-index: 9999;
}

.cbp-spmenu {
    position: fixed;
    background: rgba(255, 255, 255, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
}

.cbp-spmenu a.active {
    background: #21919b;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fa1d4f2,endColorstr=#7Fa1d4f2);
}

.cbp-spmenu-vertical a {
    padding: 0.8em;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu a:hover {
    background: #21919b;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fa1d4f2,endColorstr=#7Fa1d4f2);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.cbp-spmenu a {
    display: block;
    color: #2C2C2C;
    font-size: 1.1em;
    font-weight: 300;
    text-decoration: none;
    text-align: center;
}


/**footer**/


section.contactUs{width: 100%; z-index: 999; position: relative; background: #e6ebf1;}

section.contactUs ul{
    list-style: none;
}

.foot_center_box { width: 100%; margin: auto; height: 132px; font-size: 15px;}

.foot_center_box_left { border-right: 1px solid #8a8a8a; float: left; margin-top: 30px; padding-right: 40px;}

.foot_center_box_left li { line-height: 24px;}

.foot_center_box_right { float: left; margin-top: 30px; padding-left: 50px;}

.foot_center_box_right ul{margin-bottom: 0;}

.foot_center_box_right ul li{line-height: 24px;margin-bottom: 1px;}

.foot_center_box img { float: right; width: 132px;}




section.footer{width: 100%; background-color: #3e485e; position: relative; z-index: 999; color: #fff; padding: 10px 0;}

.foot_center { width: auto; text-align: center; color: #f3f4f5; margin: auto; font-size: 13px;}


/***页码***/


.page{
    width: 100%;
    text-align: center;
    background: #fff;
    margin-top: -1px;
}

.page .current {
    display: inline-block;
    padding: 4px 10px;
    margin-right: 4px;
    border: solid 1px #808080;
    background: #808080;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.page a {
    display: inline-block;
    padding: 4px 10px;
    border: solid 1px #808080;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.page a, .page span {
    display: inline-block;
}

.page a:hover {
    border: solid 1px #808080;
    color: #fff;
    background: #808080;
}

.page .pagination{
	margin: 40px 0;
}

.pagination .num{
    margin-right: 4px;
}







@media (min-width:1000px) {
    section.logo .container{
        width: 1000px;
        position: relative;
    }
}



@media (max-width: 1000px){
	section.banner .container{
		width: 800px;
	}
	section.banner .container .row h3{
		margin-left: 280px;
	}
	
}

@media (max-width: 767px){
	section.banner .container{
		width: 700px;
	}
	section.banner{
		margin-top: 0;
	}
	section.banner .container .row h3 {
	    margin-left: 238px;
	    font-size: 30px;
	}
}

@media (max-width: 640px){
	section.banner .container{
		width: 550px;
	}
	section.banner .container .row h3 {
	    margin-left: 165px;
	    font-size: 25px;
	}
}

@media (max-width: 480px){
	section.banner .container{
		width: 450px;
	}
	section.banner .container .row h3 {
	    margin-left: 47px;
	    font-size: 22px;
	}
}