/* CSS Document */
body,html{ font-size:12px; overflow-x:hidden; margin:0px; padding:0px;font-family:  'Hiragino Sans GB',STHeitiSC-Light,'Microsoft YaHei';
letter-spacing:1px; color:#333;}

body{ overflow:hidden;}

ul,li,dir,h4{ margin:0px; padding:0px;}
li{ list-style:none;}
a{ text-decoration:none; color:#000;transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
a:hover{text-decoration:none;transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}

.search_box{
    float: left;
    margin: 10px 15px 20px !important;
}
.search_box input{
    width: 200px;
    height: 30px;
    outline: none;
    border:  solid 1px #d8d8d8;
    border-right: none;
    float: left;
	padding-left:12px;
}
.search_box>a{
    float: left;width: 30px;height: 30px;
    border: solid 1px #d8d8d8;
    border-left: none;padding: 2px;
    cursor: pointer;
}
img{border:none;}
.clear{clear:both;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#999;}
::-webkit-scrollbar{width:8px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:#e46007;}
::-webkit-scrollbar-thumb:hover{background:#e46007}

::selection {
background:#e46007;
color: #fff;
}

ol{ margin-bottom:0px;}


@font-face {
    font-family: 'quicksandbook';
    src:url(../font/quicksand_book-webfont.eot);
    src: url(../font/quicksand_book-webfont.eot?#iefix) format('embedded-opentype'),
         url(../font/quicksand_book-webfont.woff2) format('woff2'),
         url(../font/quicksand_book-webfont.woff) format('woff'),
         url(../font/quicksand_book-webfont.ttf) format('truetype'),
         url(../font/quicksand_book-webfont.svg#quicksandbook) format('svg');
    font-weight: normal;
    font-style: normal;

}


/******nav*****/
.navshow{
	width:100%;
 height:90px;z-index:99999; 
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 position:fixed; 
 top:0; 
 left:0;
  background:#fff;
 display:none
 }
.logoshow{float:left; text-align:center;}
.logoshow img{margin-top: 0px;}
.navshowcenter ul{float:right;margin: 16px 0px; position:relative;padding-right:15px;}
.navshowcenter ul li{float:left; line-height:40px; text-align:center; padding:0px 15px; margin-top:18px; position:relative;}
.navshowcenter ul li>a{color:#444; display:block; font-size:15px;position:relative; font-weight:800;}
.navshowcenter ul li>a:hover{color:#e46007;z-index:9999999;}

.navshowcenter ul li>a:after{ position:absolute; content:"";width:100%; height:2px; background:#e46007; left:0px;bottom:-20px;transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear; opacity:0; filter:alpha(opacity=0);
}
.navshowcenter ul li a:hover:after{bottom:0px;transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
opacity:1; filter:alpha(opacity=1)
}
.navshowcenter ul li .active{color:#e46007;}

.yewu2_a{
	display:block;
	width:100px;
	height:30px;
	background: #f36b30;
	color:#fff;font-size: 14px;
    text-align: center;
    line-height: 30px;
    position: absolute;
	bottom:70px;
	left:50%;
	margin-left:-50px;
}

.yewu2_a:hover{
	background:black;
	color:#fff !important;
}
.submenu {
    background-color: #e46006;
    width: 110px;
    position: absolute;
    left: 50%;    top: 56px;
    margin-left: -55px;
    display: none; 
}

.submenu_lis {
    border-bottom: solid 1px #ccc;
    overflow: hidden;
} cjnm,
.submenu_lis>a{ color:#fff !important; display:block; }
.submenu_lis>a:hover{ background: #f8b500 !important;}
.zyqh{
    font-size: 14px ;
    position: absolute;
    right: 15px;
    top: 10px;    z-index: 999;
}
.zhongwen,.yingwen{
    display: inline-block;
    width: 50px;
    text-align: center;
    color: #666;
    cursor: pointer;
}
.zhongwen:hover,.yingwen:hover{
    color: #e60012;
}


/******nav*****/


/******nav2****/
.burger { position:fixed; z-index:99999; top:40%; left:0; width:120px; height:200px; cursor:pointer; float:left;}

.burgerlogo{position:absolute; top:0; left:0; z-index:99; width:100%; margin:20px auto; text-align:center;}
.burgerlogo img{width:80%;}

.burgerline{ width:100%; position:absolute; bottom:20%; left:0; text-align:center;}

.burger span{ background:#000;}
.burgerxz{background:#fff; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0;}
.linetop{ display:block; width:25px; height:2px; margin:0 auto; margin-top:18px; position:relative; top:0; left:0; z-index:99;}
.linecenter{ display:block; width:25px; height:2px; margin:0 auto;  margin-top:5px; position:relative;top:0; left:0; z-index:99;}
.linebottom{display:block; width:25px; height:2px;  margin:0 auto; margin-top:5px; position:relative;top:0; left:0; z-index:99;}
/*
.burger:hover .burgerxz{ background:#e46007;}*/
/*.burger:hover span{background:#fff;}*/
.burger:hover .linetop{ top:-6px;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;}
.burger:hover .linebottom{ top:6px;

transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;}

.burgernav{position:fixed; top:48%; left:8%; z-index:99999; float:left; width:80%; height:75px; display:none;}
.burgernav ul{width:100%; height:75px;}
.burgernav ul li{float:left; line-height:75px; text-align:center; padding:0px 20px;}
.burgernav ul li a{color:#fff; display:block; font-size:14px;}
.burgernav ul li a:hover{color:#e46007;}







.burger2 { position:fixed; z-index:99999; top:0; left:10%; width:120px; height:200px; cursor:pointer; float:left;}

.burgerlogo{position:absolute; top:0; left:0; z-index:99; width:100%; margin:20px auto; text-align:center;}
.burgerlogo img{width:80%;}

.burgerline2{ width:100%; position:absolute; bottom:20%; left:0; text-align:center;}

.burger2 span{ background:#000;}
.burgerxz{background:#fff; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0;}
.linetop2{ display:block; width:25px; height:2px; margin:0 auto; margin-top:18px; position:relative; top:0; left:0; z-index:99;background:#000;}
.linecenter2{ display:block; width:25px; height:2px; margin:0 auto;  margin-top:5px; position:relative;top:0; left:0; z-index:99;background:#000;}
.linebottom2{display:block; width:25px; height:2px;  margin:0 auto; margin-top:5px; position:relative;top:0; left:0; z-index:99;background:#000;}
.burger2:hover .linetop2{ top:-6px;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;}
.burger2:hover .linebottom2{ top:6px;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;}

.burgernav2{position:fixed; top:8%; left:32%; z-index:99999; float:right; width:80%; height:75px; display:none; text-align:center;}
.burgernav2 ul{width:80%; height:75px; text-align:center;}
.burgernav2 ul li{float:left; line-height:75px; text-align:center; padding:0px 20px;}
.burgernav2 ul li a{color:#FFF; display:block; font-size:14px;}
.burgernav2 ul li a:hover{color:#e46007;}
/******nav2****/






/**** banner ****/

.banner{
	width:100%;
	position:relative;
	overflow:hidden;
    z-index:1;	
	}		
.banzi{
	width:100%;
	height:100%;
	position:absolute; top:0; left:0; z-index:10;
	}
.banner-list{
	width:100%;
	height:100%;
	padding-left:0;
	position:relative;
	z-index:-1;	
	}	
.banner-list>li{
	width:100%;
	height:100%;
	position:absolute; top:0; left:0;
	-webkit-transition:-webkit-transform 0s linear;
	-moz-transition:-moz-transform: 0s linear;
	-ms-transition:-ms-transform 0s linear;
	-o-transition:-o-transform 0s linear;	
	transition:transform 0s linear;
	font-weight:bold;	
	}	
.banner-list>li video {
    width: 100%;
}
.banlion{
	-webkit-transform:scale(1) !important;
	-moz-transform:scale(1) !important;
	-ms-transform:scale(1) !important;
	-o-transform:scale(1) !important;
	transform:scale(1) !important;

	-webkit-transition:-webkit-transform 4s linear !important;
	-moz-transition:-moz-transform 4s linear !important;
	-ms-transition:-ms-transform 4s linear !important;
	-o-transition:-o-transform 4s linear !important;
	transition:transform 4s linear !important;
	}
				
.list1{
	background:url(../images/ban03.jpg) center center no-repeat;
	background-size:cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/ban03.jpg',
    sizingMethod='scale');
	}	
.list2{
	background:url(../images/ban02.jpg) center center no-repeat;
	background-size:cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/ban02.jpg',
    sizingMethod='scale');
	display:none;
	}
.list3{
	background:url(../images/ban03.jpg) center center no-repeat;
	background-size:cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/ban01.jpg',
    sizingMethod='scale');
	display:none;
	}

.list4{
	background:url(../images/banner.jpg) center center no-repeat;
	background-size:cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='images/ban01.jpg',
    sizingMethod='scale');
	display:none;
	}
	
		
.banner-zi{
	width:100%;
	height:auto;
	position:absolute;
	z-index:1;
	top:28%;
	text-align:center;
	padding:15px;
	}
	
	
.banner-zi>h4{
	color:#e8e6e6;
	font-size:25px;
	letter-spacing:2px;
	font-weight:600;
	 filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
	height:45px;
	position:relative; top:100px;
	font-family: Arial, Helvetica, sans-serif;
	}


.lines{
	height:35px;
	margin:auto;
	width:100px;
	border-top:1px solid #999;
	display:none;
	}

.banner-zi>h5{
	font-size:22px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#FFF;
	font-weight:600;
	margin:70px 0 40px 0;
	display:none;
    }
	
	
.banner-zi>p{
 filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
	position:relative; top:100px; margin-top:50px;
	display:none;
}	
	
	
.banner-zi>p>a{
	width:162px;
	line-height:35px;
	text-align:center;
	margin:0 auto;
	border:2px solid #fff;
	margin-top:16px;
	color:#fff;
	font-size:16px;
	-webkit-transition: .3s linear;
	-moz-transition: .3s linear;
	-ms-transition: .3s linear;
	-o-transition: .3s linear;
	transition: .3s linear;
	display:block; z-index:9999;text-transform:capitalize;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	
.banner-zi>p>a:hover{
	border:2px solid #f36b30;
	background:#f36b30;
	color:#fff;
	}		
	
	
.banner-zi>h2{
	font-size:49px;
	text-transform:uppercase;
	letter-spacing:4px;
	color:#FFF;
	font-weight:normal;
	 filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
	 display:none;
	height:100px; position:relative; top:100px;
	font-family: Arial, Helvetica, sans-serif;
	}	
.banner_dian{ width:100px; height:auto; position:absolute; left:25px; top:32px;}
.banner-prev{ background:url(../images/banner_prev1.png) left center no-repeat;
	 cursor:pointer; 
width:40px; 
height:20px; 
border-right:1px #fff solid; 
float:left;
	}
.banner-next{background:url(../images/banner_next1.png) left center no-repeat;
width:40px;
	 cursor:pointer; 
height:20px;  
float:right;
	}		

/**** banner ****/

/**** banner_box ****/
.banner{ position:relative;}
.banner_box{position: relative;
    right: 0;
    left: 0;
    bottom:160px;
    height: 70px;
    line-height: 70px;
    width: 100%;
  z-index:99;
    padding: 70px 30px;
}
.swiper-btn{
    width: 100%;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 45%;
}
.s5_left_btn img,.s2_left_btn img,.s3_left_btn img,.s4_left_btn img,.s6_left_btn img,.s7_left_btn img{
    position: absolute;
    left: 7px;
    width: 30px;
}
.s5_right_btn img,.s2_right_btn img,.s3_right_btn img,.s4_right_btn img,.s6_right_btn img,.s7_right_btn img{
    position: absolute;
    right: 7px;
    width: 30px;
}
.swiper1{
    width: 100%;
}
.banner_inner{/*border-bottom: 1px solid #d9d9d9;
    background:url(../images/bg2.png);*/
    transition: -webkit-transform .4s;
    transition: transform .4s;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;width:80%; height:70px; margin:0 auto;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.banner_inner:hover{ background:rgba(255,255,255,0.9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);

transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;}
.banner_inner:hover .banner-prev{border-right: 1px #ABA9A9 solid;background:url(../images/banner_prev.png) left center no-repeat;}
.banner_inner:hover .banner-next{background:url(../images/banner_next.png) left center no-repeat;}
.banner_inner:hover .carousel-scroll-btn:before{background: #ABA9A9;}
.banner_inner:hover .carousel-scroll-btn:after{border: 2px solid #ABA9A9;}
.carousel-scroll-btn-icon-wrapper{ background:url(../images/down1.png) top center no-repeat;}
.banner_inner:hover .carousel-scroll-btn-icon-wrapper{ background:url(../images/down.png) top center no-repeat;}
.carousel-scroll-btn {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -16px;
    width: 30px;
    height: 43px;
    text-align: center;
    cursor: pointer;
}
.carousel-scroll-btn:before {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 48px;
    background: #fff;
    content: '';
    z-index: 62;
	top: -20px;
    height:48px;
}

.carousel-scroll-btn-icon-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    transition: -webkit-transform .3s cubic-bezier(.19,1,.22,1) .5s;
    transition: transform .3s cubic-bezier(.19,1,.22,1) .5s;
    z-index: 62; margin-top:20px;
}
.carousel-scroll-btn-icon {
    position: absolute;
    top: 18px;
    left: 8px;
    width: 16px;
    height: 16px;
    color: #000;
}
.carousel-scroll-btn-icon-hover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 65;
}
.carousel-scroll-btn-icon-hover-path {
    fill: transparent;
    stroke-width: 2px;
    stroke-dashoffset: 113;
    stroke-dasharray: 113;
    -webkit-animation: carousel-scroll-btn-roll-out .6s cubic-bezier(.63,.1,.08,1.01);
    animation: carousel-scroll-btn-roll-out .6s cubic-bezier(.63,.1,.08,1.01);
}
.carousel-scroll-btn:after {
    content: "";

    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 30px;
    height: 43px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 30px;
    z-index: 62;
}


.share-cont {
    position: absolute;
    right: 25px;
    top: 50%;
    height: 44px;
    margin-top: -22px;
    cursor: default;
    line-height: 44px;
    overflow: hidden;
}
.share-cont-inner {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1);
    transition: transform .6s cubic-bezier(.19,1,.22,1);
}
.share-toggle {
    display: inline-block;
    color: #6f6f6e;
    line-height:25px;
    padding-left: 43px;
    padding-right: 14px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform .5s cubic-bezier(.19,1,.22,1);
    transition: transform .5s cubic-bezier(.19,1,.22,1);
}
.share-toggle a{ color:#fff; background:url(../images/share1.png) left center no-repeat; padding-left:40px;}
.banner_inner:hover .share-toggle a{ color:#333;background:url(../images/share.png) left center no-repeat;}
.share-toggle-icon {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 16px;
    height: 16px;
    margin-top: -10px;
    fill: #000;
}
.banner_inner{ position:relative;}
/**** banner_box ****/


/*****简介****/
/**** indexabout ****/	
	
.introblock {
    text-align: center;
    background-color: #fff;
	overflow:hidden;
}

.introblock-content-cont {
    position: relative;
	padding-top: 110px;
    padding-bottom: 130px;
    z-index: 2;
	top:-200px;
	opacity:0;
}
.introblock-title {
    position: relative;
    margin: 0 0 20px;
    font-size: 48px;
    color: #1d1d1b; padding-bottom:40px; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif;
}
.introblock-title:after{position: absolute;
    bottom: 0px;
    left: 50%;
    width: 30px;
    height: 5px;
    background: #ef990d;
    content: "";
    margin-left: -15px;}
.introblock-content {
    line-height: 30px;
}
.introblock-content p{ font-size:13px;}
/**** indexabout ****/	



/*********indextwo******/
.indextwo_warp{width:100%;margin-bottom: 30px; color: #fff;position: relative;}
.indextwo_warp_bg{ background:url(../images/inbg.jpg) center center; height:300px; overflow:hidden; text-align:center;}
.indextwo_warp_bg ul{ margin-top:1%;}
.indextwo_warp_bg ul li{ float:left; padding:0 30px;}
.indextwo_warp_bg img{ vertical-align:middle; margin-top:-3%; position:relative;}
.indextwo_center{width:382px; position:absolute; top:0; left:50%; margin-left:0;}
.indextwo_cl{  position: absolute; left:0; width: 50%; height: calc(100% - 100px); text-align: center;  box-sizing: border-box;}
.indextwo_clwen{position:absolute; top:50%; left:20%;}
.indextwo_clwen p{position:relative;}
.indextwo_clwen img{position:absolute;width: 45px;
    height: 45px;
    left: -35px;
    top: -35px;}
.indextwo_clt{font-size:20px; position:relative; font-family:Arial, Helvetica, sans-serif;}
.indextwo_clt:after{content: '';
    display: block;
    width: 50%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 120%;
    top: 50%;
    z-index: 2;}

.indextwo_cr{width:100%; float:right; position:relative; background-color:#52606C; margin-top: -60px;                        }
.indextwo_crmain{ padding:60px 40px;}
.indextwo_crmain h4{font-size:18px; font-weight:bold; color:#fff; line-height:26px;}
.indextwo_crmain img{margin:15px 0px;}
.indextwo_crmain p{ color:#ccc; font-size:14px;}
.indextwo_ico{position:relative; margin-top:30px;}
.indextwo_icol{position:absolute; left:0px; top:0px;width:40px; height:40px; line-height:40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border:2px solid #fff;}
.indextwo_icol i{font-size:32px;line-height:35px; text-align:center; width:32px;}
.indextwo_icor{position:absolute; right:0px; top:0px;width:40px; height:40px; line-height:40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border:2px solid #fff;}
.indextwo_icor i{font-size:32px;line-height:35px; text-align:center; width:40px;}
/*********indextwo******/

/*********indexthree******/
.indexthree_warp{width:90%; margin:0 auto; position:relative; height:700px;}

.indexthree_top{position: relative;padding-top: 80px;}

.indexthree_topwen{
    font-size: 48px;
    text-transform:capitalize;
    color: #000;
    padding: 0 35px 0 0px; font-family:Arial, Helvetica, sans-serif;}
.indexthree_tmain{position:absolute; top:0px; right:0px; height:80px; width:80px; line-height:80px; text-align:center; z-index:20; background-color:#e46007; color:#fff;}
.indexthree_tmain .circle {
    transition: all .2s cubic-bezier(0.645,0.045,0.355,1.000);
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    margin: 0 3px;
}
.indexthree_main{ position:relative;}
.indexthree_main:hover .indexthree_ml{ margin-top:0;transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.indexthree_main:hover .indexthree_mr{ margin-top:0;transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.indexthree_ml{width:50%; float:left; position:relative; margin-top:40px;transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.indexthree_mr{width:50%; float:right; position:relative; z-index:15; margin-top:-40px;transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.indexthreebg{position:absolute; top:0px; left:0px; width:100%; height:100%;background-color: #31424e;filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}

.indexthree_mainwen{position:absolute; top:18%; left:25%; width:50%; z-index:30;}
.indexthree_mainwen h3{font-size: 36px;line-height: 1.4;font-weight: 600; color:#fff; text-align:center; font-family: Arial, Helvetica, sans-serif;}
.indexthree_mainwen p{ font-size:14px; text-align:center; color:#fff; line-height:25px; } 
/*********indexthree******/



/*********indexfour******/
.indexfour_warp{ padding:80px 0;}
.indexfour_warp_list{ border-right:1px solid #f1f1f1; padding:30px;}
.indexfour_warp_list h2{ font-size:20px;}
.indexfour_warp_list p{ font-size:14px; margin-top:50px;}

.indexfour_warp .col-lg-4{ padding:0;}

.indexfour_warp .col-lg-4 a:hover h3{ color:#e46007;}
.indexfour_warp_list1 h3{ font-size:15px; text-align:center;line-height: 1.4;margin-top:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.indexfour_warp_list1{ 
    margin-top:30px; 
    margin-bottom:30px;
    /* fix 首页排版混乱 2020/12/29 */
    max-height: 240px;
}
.indexfour_warp .col-lg-4 a{ color:#333;}
.indexfour_imgbox {
    overflow: hidden; margin-right:1px; position:relative;
}
.indexfour_riqi{ position:absolute; right:0; top:0; width:70px; height:70px; background:url(../images/bg1.png) repeat;  z-index:999; border-bottom-left-radius: 5px;}
.indexfour_riqi p{text-align:center; color:#fff; line-height:70px; font-size:16px; font-family:Arial, Helvetica, sans-serif; }
.indexfour_riqi p span{ color:#F8B500; font-weight:100;}
.indexfour_biao{ position:absolute; right:0; top:70px; width:70px; height:70px; background:#fff;z-index:999; border-bottom-left-radius:5px;}
.indexfour_biao i{
 text-align:center; color:#e46007; line-height:70px; font-size:24px;  display:block; margin:0 auto;
}
.indexfour_imgbox img:hover {
    transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.indexfour_imgbox img {
    transition: all 3s linear;
	-moz-transition: all 3s linear;
	-ms-transition: all 3s linear;
	-o-transition: all 3s linear;
	-webkit-transition: all 3s linear;
}
/*********indexfour******/






/*.chanye_txt*/

.chanye_txt{ 
width:100%; 
margin:0 auto; 
padding-top:5%;
height:360px; 
overflow:hidden;  
background:#fff;
margin-bottom:30px;
}


.chanye_txt ul li{
text-align:center;
width:25%; 
float:left;
}


.chanye_txt ul li h1{
	  text-align:center;
	  font-size:0.8em; 
	  font-family:Arial, Helvetica, sans-serif;
	  letter-spacing:1px; 
	  color:#999;
	}
	
.chanye_txt ul li h2{
	  text-align:center;
	  margin-bottom:30px;
	  margin-top:15px;
	  font-size:15px;
	  letter-spacing:1px; 
	  color:#222;
	}
		
.chanye_txt ul li span{ 
font-size:20px;
display:block; margin-bottom:2px;
color:#000;
font-family:Arial, Helvetica, sans-serif;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
	
	}


.chanye_txt ul li p{ 
    width: 95%;
margin:0 auto;
font-size:13px;
color:#777;
line-height:25px;
height:70px; 
overflow:hidden;
text-align:left;

}


.title_chanye{ 
width:100%;
text-align:center;
height:40px; 
line-height:40px; 
margin-bottom:30px;
font-size: 48px;
 color: #000;
 font-family:Arial, Helvetica, sans-serif;
}































/**gif_move**/

.gif_move{
	/*background: url(../images/move_bg.png);*/
    position: absolute;
    bottom: 110px;
    z-index: 100;
    width: 100%;
    height: 180px;
    /*background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;*/

}
.gif_move_bg{
	position:absolute;
	width:100%;
	height:80%;
	bottom: 110px;
	left:0;
	background: url(../images/move_bg2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
.gif_move img {
    position: absolute;
    bottom: -10px;
}
.gif_move img {
    position: absolute;
    bottom: -8px;
    left: 100%;
}

img.items1 {
    left: 0; 
	width:28px;
	 bottom:115px;
	}

img.items2 {
    left: 79%;
	bottom:115px;
    width: 28px;
}

img.items3 {
    left: 82%;
    width: 150px;
    bottom: -16px;
}

img.items4 {
    left: 95%;
    width: 35px;
    bottom: 50px;
}

img.items5 {
    left: 92%;
    width: 34px;
	bottom:4px;
}

img.items6 {
    left: 82%;
    width: 52px;
    bottom: 85px;
}

img.items7 {
    left: 19%;
    width: 53px;
    bottom: 80px;
}

img.items8 {
    left: 69%;
    width: 108px;
    bottom: -16px;
}

img.items9 {
    left: 80%;
    width: 40px;
	bottom:10px;
}

img.items10 {
    left: 29%;
    width: 109px;
    bottom: -10px;
}

img.items05 {
    left: 45%;
    width: 50px;
	bottom:3px;
	display:none;
}
img.items09 {
    left: 65%;
    width:35px;
	bottom: 8px;
	display:none;
}

img.items11 {
    width: 330px;
    left: 30%;
    bottom: -15px;
}
img.items12 {
    left: 0;
    width: 380px;
    bottom: -30px;
}
img.items13 {
    right: 0;
    left: auto;
    width: 160px;
    bottom: -20px;
}
img.items14 {
    left: 60%;
    width: 230px;
    bottom: -40px;
}

img.items15 {
    left: 79%;
    width: 160px;
    bottom: -40px;
}
.zhaopin_hotline{
	width: 450px;
    display: block;
    margin: 40px auto 0 auto;
    line-height: 40px;
    color: #fff;
    background: #f36b30;
    text-align: center;
    border: 1px #f36b30 solid;
    font-size: 14px;
	}
.navshowcenter {
    width: 1170px;
    margin: 0 auto;    position: relative;
}
@media (max-width: 1440px){
.gif_move{
	/*background: url(../images/move_bg.png);*/
    position: absolute;
    bottom: 90px;
    z-index: 100;
    width: 100%;
    height: 180px;
    /*background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;*/

}
.gif_move_bg{
	position:absolute;
	width:100%;
	height:80%;
	bottom:90px;
	left:0;
	background: url(../images/move_bg2.png);
	background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
}
.gif_move img {
    position: absolute;
    bottom: -10px;
}
.gif_move img {
    position: absolute;
    bottom: -8px;
    left: 100%;
}

img.items1 {
    left: 0; 
	width:20px;
	 bottom: 95px;
	}

img.items2 {
    left: 79%;
    width: 20px;
	 bottom: 90px;
	
}

img.items3 {
    left: 82%;
    width: 150px;
    bottom: -16px;
}

img.items4 {
    left: 59%;
    width: 28px;
    bottom: 45px;
}

img.items5 {
    left: 92%;
    width: 34px;
	bottom:4px;
}

img.items6 {
    left: 82%;
    width: 28px;
    bottom: 80px;
}

img.items7 {
    left: 19%;
    width: 49px;
    bottom: 40px;
}

img.items8 {
    left: 69%;
    width: 108px;
    bottom: -16px;
}

img.items9 {
    left: 90%;
    width: 30px;
	bottom: 15px;
}

img.items10 {
    left: 29%;
    width: 109px;
    bottom: -10px;
}

img.items05 {
    left: 64.5%;
    width: 46px;
	bottom:3px;
	display:none;
}
img.items09 {
    left: 65%;
    width: 27px;
	bottom: 12px;
	display:none;
}

img.items11 {
    width: 270px;
    left: 30%;
    bottom: -15px;
}
img.items12 {
    left: 0;
    width: 300px;
    bottom: -30px;
}
img.items13 {
    right: 0;
    left: auto;
    width: 130px;
    bottom: -10px;
}
img.items14 {
    left: 60%;
    width: 160px;
    bottom: -20px;
}

img.items15 {
    left: 79%;
    width: 130px;
    bottom: -20px;
}


}


/**** footer ****/
.footer{width:100%; background-color:#f5f5f5; padding:50px 0 10px 0;}
.foopter_ititle{font-size:14px; margin-bottom:10px;}
.foopter_ititle:hover a{ color:#333;}
.footer_item li{ line-height:24px;}
.footer_item li a{color:#828282;}
.footer_item li a:hover{ color:#e46007}
.shejiao_box{ width:100px; float:right; margin-right:60px;}
.footer_ico{float:right;}
.footer_ico li{float:left; margin-right:10px; position:relative;}
.footer_ico li a{display:block; width:25px; height:25px; line-height:25px; text-align:center; color:#efefef;background-color:#737373; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.footer_ico li i{line-height:25px;}
.footer_logo{float:right; padding-top:25px; width:100%;}
.footer_logo img{float:right; display:block;}
.footer_bottom{margin-top:30px; border-top:1px solid #E6E6E6;}
.copy{letter-spacing:0px; color:#828282; padding-top:15px;    text-align: left !important;}
.footer_bottom .col-lg-6{padding-left:0px; padding-right:0px;}

.fewm{
	position:absolute; 
	top:50px; 
	left:-50px;
	 z-index:20; 

 }


/**** footer ****/









.slider_ctrl.customNextBtn {
    right: 0;
}

.slider_ctrl {
    position: absolute;
    z-index: 2;
    bottom: -30px;
    font-size: 24px;
    color: #fff;
}
.btn_pop {
    display: inline-block;
}
.slider_ctrl .btn_pop_in {
    font-size: 26px;
}
.btn_pop_in {
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 34px;
    height: 34px;
    line-height: 1;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 16px;
}
.slider_ctrl .bg {
    background: #fff;
}
.btn_pop_in .border, .btn_pop_in .bg {
    transition: all .6s cubic-bezier(0.175,0.885,0.320,1.275);
}
.btn_pop_in .bg {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
    position: absolute;
    left: 1%;
    top: 1%;
    width: 102%;
    height: 102%;
    background: #f36b30;
}
.slider_ctrl .border {
    border: 2px solid #fff;
}
.btn_pop_in .border {
    border: 2px solid #f36b30;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
}
.btn_pop_in .icon {
    position: relative;
    display: inline-block;
    line-height: 35px;
    font-weight: 400;
    text-indent: 1px;
}
[class^="ico-"], [class*=" ico-"] {
    font-family: 'icon'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.btn_pop.enter .btn_pop_in .bg {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.btn_pop.enter .btn_pop_in .border {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0;
}
.btn_pop.leave.btn_pop_in.border {
	-webkit - transform : scale(.8);
	transform : scale(.8);
	opacity : 0
}
.slider_ctrl .border {
    border: 2px solid #fff;
}
.slider_ctrl .bg {
    background: #fff;
}
.btn_pop_in .icon i {
    margin-top: 4px;
}
.btn_pop_in .icon i:active{ color:#fff;}
.btn_pop.enter .btn_pop_in .icon i {
    color:#E46007;
}
.btn_pop.enter .btn_pop_in .icon i:active {
    color:#fff;
}
span.icon.ico-navigate_before i {
    margin-right: 4px;
	color:#fff;
}
.ico-navigate_next{ color:#fff;}







/***9-27***/
div#marqueeee li{
	cursor:pointer;
}
div#marqueeee li:hover img {
    transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	-webkit-transform: scale(1.02);
}
.indextwo_cr {
    overflow: hidden;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
	
}
.indextwo_center{
	z-index:-1;
}
.indextwo_cr_close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 24px;
    z-index: 99;
    cursor: pointer;
}
.indextwo_crmain {
    position: relative;
    left: 0;
}
.indextwo_crmain.indextwo_crmain_ab {
    position: absolute;
    top: 0px;
    left: 100%;
    width: 100%;
}






@media (max-width: 1440px) and (min-width: 1280px) {
.footer_logo{margin-top:-5px; width:70%;}
.indexfour_riqi{ height:60px; width:60px;}
.indexfour_riqi p{ line-height:60px;}
.indexfour_biao { height:60px; width:60px; top:60px;}
.indexfour_biao i{line-height:60px;}
.zhongwen, .yingwen{width:38px;}
.navshowcenter ul li{ padding:0 8px;}
.indextwo_warp_bg img{ margin-top:0;}
}

@media (max-width: 1279px) and (min-width: 1000px) {
.navshowcenter ul li {
    padding: 0 8px;
}
.zhongwen, .yingwen{width:38px;}
#contact-footer-title:before {width: 60px; height: 1px;}
.footer_box{width:90%;}
.footer_logo{width:56%; margin-top:12px;}

.indexfour_riqi{ height:55px; width:55px;}
.indexfour_riqi p{ line-height:55px;}
.indexfour_biao { height:55px; width:55px; top:55px;}
.indexfour_biao i{line-height:55px;}



}
@media (min-width: 992px){
	.navshowcenter{width:970px;}
}
@media (min-width: 1200px){
	.navshowcenter{width:1170px;}
}
@media (max-width: 1200px) and (min-width: 1000px) {

.chanye_txt ul li{ padding:20px;}
}

@media(max-width:1042px){
	.navshowcenter {
    width: 100%;
}
}
@media (max-width: 1000px) {
.navshowcenter ul li{ padding:0 6px;}
.indexfour_riqi p {
    line-height: 30px;
}
.indexfour_riqi {
    height: 30px;
    width: 50px;
}
}
@media (max-width: 900px) {
.logoshow img {
    width: 80%;
    margin-top: 15px;
}
.navshowcenter ul li>a span{display:none;}
.navshowcenter ul li>a{font-size:14px;}

}
/*jiangwen*/
.j_container{position:relative;z-index:2;width: 80%;height:65em;margin: auto;padding-top: 3.5em;}
.j_top{    width: 98%;
    height: 50px;
    margin: auto;
    border-bottom: solid 1px #F3F3F3;
    margin-top: 20px;
    padding-bottom: 10px;}
.j_top_left{width: 180px;height: 100%;background-color: #053d5d;color: white;font-size: 15px;line-height: 40px;float: left;padding-left: 10px;}
.j_top_right{width: 81px;height: 100%;float: right;background-color: #053d5d;position:relative;z-index: 100;}
.j_left{width: 40px;height: 40px;color: white;background-color: gray;  position: absolute;  left: 0;  top: 50%;  margin-top: -20px;  cursor: pointer;  }
.j_right{width: 40px;height:40px;background-color: gray;color: white;position: absolute;top: 50%;margin-top: -20px;right:0; cursor: pointer;}
.j_center{width: 1px;height: 100%;background-color: #fff;float: left;}
.j_center_font{width: 98%;height: auto;margin: auto;margin-top: 20px;margin-bottom: 40px;}
.j_center_font img{
    width: 25px;
    height: 25px;
    position: relative;
    z-index: 2;
    top:20px;
    left: 15px;
}
.right_font{width:95%;font-size: 14px;color: #848484;margin-top: 20px;padding-right: 10px;float: right;}
.j_fourdiv{width: 100%;height: auto;margin: auto;}
.j_left img,.j_right img{
    width: 100%;
    height: 100%;
    transform: rotate(270deg);
}

@media (max-width: 768px) {
	  .j_left,.j_right{display: none;}
.navbar-nav { width:100%; margin-left:0px; text-transform:uppercase;}
.navbar-nav li{ text-align:center; border-bottom:1px dotted #e5e5e5; line-height:40px;}
.navbar-nav li a{ color:#666; font-size:13px;}
.navbar-nav li a:hover{ color:#e46007;}
.headerbg{ position:fixed; top:0px; left:0px; width:100%; z-index:99999; background:#fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.logo_boxlist{ float:left; width:145px; margin-top:10px;}
.navbar-toggle {margin-top:15px;}
.navbar-toggle .icon-bar {background-color:#000;}
.navbar-collapse{ border-top:1px solid #e5e5e5;}
.about_box11 {padding: 30px 0 !important;}
.title_xs{font-size:22px !important;}
.text_xs{font-size:12px !important;}
.cite_t{top:-15px !important;}
.cite_b{bottom:-15px !important;}
.about_box2_left1{padding: 4% 50px 6% 20% !important;}
.about_box33{margin:0 !important;height: 532px !important;}
.about_box3_nav_padd{padding: 15px 0px !important;}
.about_box3_change{margin: -64% 29%;left: -29% !important;width: 100% !important;}
.about_box4_nav1{padding: 0px 0 80px 0;}
.about_box4_list_wz_xs{width: 100% !important;float:right !important;padding: 0 !important;}
.cancelpadding{padding-right:0px !important;}
.biaoti:before,.about_box6_mainwen_in .in_width h3:after {height: 21px !important;}
.about_box55{padding:0 !important;height:450px;}
.about_box6_100{width:100% !important;height: 407px !important;}
.in_width{width: 76% !important;}
.btn11{margin:30px 0 !important;}
.footer_delpd{padding: 0px 0 10px 0;}
.footer_bottom_delmg{margin-top: 0px;}
#zeren{margin-bottom: 30px;}
.container_width100{width:100% !important;}
.contact_box1_left p{padding-left: 0 !important;}
.contact_box11{padding:0 !important;}
#dituContent{height: 330px !important;}
.contact_box22{margin-top: 30px;}
.container_width95{width:95% !important;}
.contact_box2_list1 {padding:20px 40px !important;}
#c_box3{margin: 30px 0;}
.container_pd30{padding: 30px 0 !important;}
.contact_box3_width{width: 80% !important;}
.mb30{margin-bottom: 30px !important;}
.mb15{margin-bottom: 15px !important;}
.mb10{margin-bottom: 10px !important;}
.mb0{margin-bottom: 0 !important;}
.mt30{margin-top:30px !important;}
.mt10{margin-top:10px !important;}
.mt0{margin-top:0 !important;}
.pl0{padding-left: 0px !important;}
.mg0{margin:0 !important;}
.mg30{margin:30px 0 !important;}
.pd0{padding:0 !important;}
.pl15{padding-left: 15px;}
.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt30{padding-top:30px !important;}
.mg30_auto{margin:30px auto !important;}
.share-lh40{line-height:40px !important;}
.pb30{padding-bottom:30px !important;}
.pb10{padding-bottom:10px !important;}
.lh20{line-height: 20px;}
.width100{width: 100% !important;}
.width93{width:93% !important;}
.biaoti_ml7{margin-left: 7% !important;}
.biaoti_ml8{margin-left: 14% !important;}
.ml40{margin-left: 40px !important;}
.ml0{margin-left: 5px !important;}
.height330{height: 315px !important;}
.right15{right: 15px !important;}
.width92{width:92% !important;}
.left15{left:15px !important;}
.pd30{padding: 30px 0 !important;}
.pd10{padding: 10px 0 !important;}
.ml42{margin-left: 42px !important;}
.ml15{margin-left:15% !important;}
.pdlr15{padding: 0 15px;}
.mrlr10{margin: 0 10px;}
.font-size16{font-size:16px !important;}
.font-size19{font-size:19px !important;}
    .left0{left:0;}
    .top12{top: 12px !important;}
    .pd525{padding: 5px 25px !important;}
    .warpper .pd0 .width100{width: 100% !important;}
    .top50{top:50% !important;}
.left2{left:2% !important;}
.change_height{height:35px !important;}
.change_height p{line-height:35px;}
.navbar-toggle1{padding: 13px 0;}
.mt60{margin-top: 60px !important;}
.list4 {background: url(../images/banner-xs.jpg) center center no-repeat;}
.list1,.list3 {background: url(../images/ban03-xs.jpg) center center no-repeat;}
.list2 {background: url(../images/ban02-xs.jpg) center center no-repeat;}
.indextwo_warp_bg1{height: 150px;}
.mt02{margin-top: 0.2% !important;}
.mt150{margin-top: 150px;}
.width50{width:50% !important;}
.width50 h2,.width50 span,.width50 p{font-size:12px !important;}
.height450{height: 450px;}
.width50 p{width:100% !important;}
.setheight{height:172px !important;}
.jieshao_con1{width: 100% !important;top: 10%;margin-left: 0% !important;}
.jieshao_con1 img{width:50% !important;}
.close-reset{left:-4% !important;top:10% !important;}
.text_xs_1{font-size:13px !important;}
.addbb{border-bottom:1px solid #ccc;padding-top: 15px;}
.contact_box3_lx .btn1{margin-top:30px !important;}
.contact_box3_lx h3{margin-bottom:30px !important;}
.set-pwidth{height:240px !important;}
.top44{top: 74% !important;}
.set-padding5{padding:5px 0 !important;}
.about_box4_list_wz .text_xs{margin: 0;}
.about_box4_list_wz .cancelpadding{padding-top: 5px;width:100% !important;}
.set-padding15{padding: 0 15px;}
.set-marginl40{margin-left: 40px !important;}
.addpaddingt15{padding-top:15px;}
.copy{text-align:center !important;}
}
@media (max-width: 320px){
.banner-zi>p{margin-top: 30px;}
.qianyan{padding:0 10px;}
.about_box3_change{left: -29% !important;bottom: -44% !important;}
.height330 {height: 284px !important;}
.top44{top: 84% !important;}
.job_box1_right{height: 293px !important;}
.addbb{border-bottom:1px solid #ccc;padding-top: 0;}
}

.en_ys{
	padding:0 !important;
	margin:0!important;
	display: inline-block!important;
    font-size: 12px!important;
    font-weight: 200 !important;
}
.z_and_en {
    width: 80px;
    position: relative;
    top: 15px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border: solid 1px #e5e5e5;
    margin: 0 15px;
}