@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
/* 初始化 */
html,body,form,iframe{width:100%;padding:0px;margin:0px;}

html{font-size:62.5%;}
body{margin:0 0 0 0;font-family:"微软雅黑";font-size:12px;letter-spacing:0px;color:#000;background-color:#fff;}
::-webkit-scrollbar{width:9px; background-color:#000;}
::-webkit-scrollbar-thumb{border:solid 2px #000; width:5px;  border-radius:4px; background-color:#ffc600;}
::-webkit-scrollbar-corner{background-color:#000;}
::-webkit-scrollbar:horizontal{height:9px;}
::-webkit-selection{background:#ffd010;color:#fff;}
::-moz-selection{background:#ffd010;color:#fff;} 
::selection {background:#ffd010;color:#fff;} 
img{border:none;}
input,button,select,textarea{outline:none;resize:none;padding:0px;margin:0px;font-family:"Arial","Helvetica","Microsoft YaHei","微软雅黑","微軟雅黑","宋体";font-size:12px;border:none;}
select{*font-size:1.4rem;}
h1,h2,h3,h4,h5,h6,figure{padding:0px;margin:0px;font-weight:normal;}
h3,h4,h5,h6{font-size:12px;}
table, tr, td{border-spacing:0px;padding:0px;margin:0px;border-collapse:collapse;}
ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{padding:0px;margin:0px;list-style-type:none;}
strong{font-weight:bold}
canvas{pointer-events:none;}
a{color:#000;text-decoration:none;outline:none;cursor:pointer;}
a:hover,a.active{text-decoration:none;}
.absolute,.absobg{position:absolute;float:none;top:0px;right:0px;bottom:0px;left:0px;}
.absobg{background-color:#fff;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}
.overflow{overflow:hidden;}
.w-100{width:100%;}
.w-50{width:50%;}
.clearBoth{float:none;position:static;}
.hide{display:none;}
.h100{height:100px;}
.h60{height:60px;}
.h50{height:50px;}
.h30{height:30px;}
.fr{position:relative;float:right;}
.fl{position:relative;float:left;}
.textoverhidden,.services .text h5 font{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
footer{z-index:100;position:relative;}
.services .img.i1:before,.services .img.i3:before,.services .img.i6:before,.services .img.i7:before,.job .page4 .img:before,.about .animal.a1:before,.about .animal.a2:before{content: ' ';position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 0.3;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter: alpha(opacity=30);background-image: url("../images/noise.gif");z-index:1;}

.waim{width:100%;position:relative;overflow:hidden;}
.pageFrame{height:auto;overflow:hidden;background-color:#f7f7f7;}
.mlr50{margin:0 60px;position:relative;}
.loadPage{height:3px;position:fixed;top:0px;left:0px;right:6px;z-index:999999;}
.loadPage .bar{width:0px;height:3px;background-color:#f94f73;min-width:40px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;top:50%;}
.gototop{width:70px;height:70px;position:absolute;border-radius:70px;border:1px #000 solid;left:50%;bottom:20px;margin-left:-35px;background:url(../images/top.png) no-repeat;-webkit-background-size:100% auto;background-size:100% auto;cursor:pointer;}
.gototop:hover{background-color:#fff;}
.cover{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;}
.cover-w{background-position:center center;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;}
.cover-h{background-position:center center;background-repeat:no-repeat;-webkit-background-size:auto 100%;background-size:auto 100%;}
.cover-fixed{background-attachment: fixed;}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin:0; padding:0;}
h2 { font-size: 2em;  margin:0; padding:0;}
h3 { font-size: 1.5em; line-height: 1;  margin:0; padding:0;}
h4 { font-size: 1.2em; line-height: 1.25; margin:0; padding:0;}
h5 { font-size: 1em;  margin:0; padding:0;}
h6 { font-size: 1em; }

/* 页面基本元素
-------------------------------------------------------------- */

/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }

* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}

/* 主体内容开始
-------------------------------------------------------------- */

.page { margin: 0 auto; width:100%; height: auto; }
.content{ width:100%;}
.content a:hover{color:#eb891a;}


#pages{padding-top:5px; margin:0 auto; padding:25px 0; }
#pages a{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;font-size:13px;}
#pages a:hover{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;background: #195091;color:#FFF;font-size:13px;}
#pages span {background: #195091;border: 1px solid gainsboro;color: white;font-weight: bold;margin: 2px;padding: 2px 5px;font-size:12px;}



/* 主页
-------------------------------------------------------------- */
/* 所有的页面的样式用注释标签标注一下
-------------------------------------------------------------- */
/*
.header01{ background:#fff;}
.header01 nav ul li a{ font-size:16px; color:#333;}
header{ position:fixed; top:0; left:0; width:100%; height:85px; z-index:999999;}
.fixedSubNav{position:fixed;top:0px;left:0;z-index:9999999999999;  width:100%; height:80px; background:#fff; box-shadow: 4px 4px 16px #ECECEC; display:block;} 

.fixedSubNav .logo .logo01{ display:none;}
.fixedSubNav .logo .logo02{ display:block;}
.fixedSubNav .logo .logo03{ display:none;}

.fixedSubNav .logo a {
    margin-right: 0;
}

.fixedSubNav nav ul li a {
    font-size: 16px;
    color: #333;
}
.fixedSubNav .sousuo .sou01{ display:none;}
.fixedSubNav .sousuo .sou02{ display:block;}
.fixedSubNav .weixin .sou01{ display:none;}
.fixedSubNav .weixin .sou02{ display:block;}
header .logo{ float:left; padding-top:15px;}
header .logo a{ margin-right:15px;}

header .logo .logo02{ display:none;}
header .lalr{ float:right;}
header nav{ padding-top:28px; float:left;}
header nav ul li{ float:left; padding:0 40px;}
header nav ul li a{ font-size:16px; color:#fff;}
header nav ul li a:hover{color:#f6c003;}
header nav ul .on a{color:#f6c003;}
header .sousuo{ position:relative;float:left;padding-top: 28px;width:50px; margin-left:50px;}
header .sousuo .jh
{	position: absolute;
		top:78px;
		left: -45px;
		display: none;z-index: 999;
}
header .sousuo .jh form{ width:300px;}
header .sousuo .sou02{ display:none;}
header .weixin .sou02{ display:none;}
header .sousuo a b{ height:20px; display:block;width:200px;}
header .sousuo .jh .plka{ width:200px; height:30px; line-height:30px; padding-left:5px; background:#fff; border:1px solid #333; float:left;outline:none;}

header .sousuo .jh .sio{     width: 50px;
    height: 31px;line-height:30px; text-align:center; color:#fff; background:#C63; border:0; outline:none; float:left; cursor:pointer;}

header .weixin{ position:relative;float:left;    padding-top: 28px;}
header .weixin .jh{
		position: absolute;
		top:72px;
		left: -48px;
		display: none;z-index: 999;
		border: 1px solid #e0e0e0 \9;
    border-top: 0 \9;
    list-style-type: none;
    background: #fff;
	padding-left:3px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);

	}

*/
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before {
    content: '';
    display: table;
}
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after {
    content: '';
    display: table;
    clear: both;
}
.icon {background-image: url('../images/icon.png'); display: block;}
.pic_11 {background-position: -170px -35px; width: 32px; height: 31px; }
.pic_12 {background-position: -215px -35px; width: 32px; height: 31px; }
.pic_13 {background-position: -260px -35px; width: 32px; height: 31px; }
.pic_20 {background-position: -260px -70px; width: 32px; height: 31px; }
.pic_19 {background-position: -215px -70px; width: 32px; height: 31px; }
.pic_6 {background-position: -0px -120px; width: 61px; height: 61px; }
.pic_5 {background-position: -90px -120px; width: 61px; height: 61px; }
.pic_18 {background-position: -170px -70px; width: 32px; height: 31px; }
.pic_26 {background-position: -225px -0px; width: 16px; height: 16px; }
.pic_25 {background-position: -205px -0px; width: 14px; height: 16px; }
.pic_24 {background-position: -185px -0px; width: 14px; height: 16px; }
.pic_23 {background-position: -160px -0px; width: 16px; height: 16px; }
.pic_22 {background: url(../images/weit.png) no-repeat center; width: 24px; height:52px; }
.pic_21 {background: url(../images/sout.png) no-repeat; width: 20px; height: 19px; }
.pic_10 {background-position: -130px -35px; width: 32px; height: 31px; }
.pic_9 {background-position: -90px -35px; width: 32px; height: 31px; }
.pic_8 {background-position: -45px -35px; width: 32px; height: 31px; }
.pic_7 {background-position: -0px -35px; width: 32px; height: 31px; }
.pic_17 {background-position: -130px -70px; width: 32px; height: 31px; }
.pic_16 {background-position: -90px -70px; width: 32px; height: 31px; }
.pic_15 {background-position: -45px -70px; width: 32px; height: 31px; }
.pic_14 {background-position: -0px -70px; width: 32px; height: 31px; }
.pic_1 {background-position: -0px -0px; width: 19px; height: 18px;     margin-top: 16px; cursor:pointer;}
.pic_2 {background-position: -16px -0px; width: 9px; height: 13px; }
.pic_3 {background-position: -25px -0px; width: 4px; height: 8px; }
.pic_4 {background-position: -29px -0px; width: 20px; height: 7px; }


	
	
	
	
	
.flashplear{ position:absolute !important; width:100%; height:100%; z-index:1000; display:none; overflow:hidden;}
.noflash .flashplear { display:block;}
.video-auto-box-11.noflash .mark { z-index:10001;}
.noflash .play-1 { display:none;}
.video-auto-box .at-img{ display:block; position:absolute; z-index:0; left:0; top:0; width:100%; height:100%; z-index:2;}
.video-auto-box .mark { z-index: 5; }
.no-video .video-auto-box video{ display:none; }
.no-video .video-auto-box .at-img{ display:block;}
.top-r .fixd-box { position:fixed; left:0; top:85px; right:0; background: url(../images/nahui.png) repeat; color:#fff; display:none; overflow:hidden;  }
.top-r .fixd-box .wrap { padding: 80px 0 40px; max-width:1660px;height: auto; }
.top-r .fixd-box .wrap h2 { font-size: 3.1em;
    font-weight: normal;
    padding: 0 60px;
    margin-bottom: 34px;}
.top-r .fixd-box .txt {    margin: 0 60px; }
.top-r .fixd-box .txt .left { float:right; width:55%; }
.top-r .fixd-box .left dl { font-size:1.5em; }
.top-r .fixd-box .left dl:first-child { margin-bottom:3em;}
.top-r .fixd-box .left dl dt{ float:left; }
.top-r .fixd-box .left dl dt img { width:127px; height:127px;}
.top-r .fixd-box .left dl dd{ overflow:hidden; line-height:2; padding:0 0 0 40px; }
.top-r .fixd-box .left dl:first-child + dl dd { padding-top:10px;}
.top-r .fixd-box .left dl dd span { display:inline-block; margin:0 0.5em 0 0;}
.top-r .fixd-box .txt .right{ float:left;overflow:hidden; line-height:1.3;    width: 45%;}
.top-r .fixd-box .txt .right p{ font-size:3em; }
.top-r .fixd-box .txt .right p:first-child { margin-bottom:1em; }
.top-r .fixd-box .txt .right span { font-size:5em; font-family:Arial;}
.top-r .fixd-box .close { background:url(../images/x2.gif) no-repeat; width:50px; height:50px; position:absolute; right:10px; top:50px; }




.banner{overflow: hidden;
    height: auto;}
.banner .xw{ width:100%; text-align:center; position:relative;    height:  auto; overflow:hidden;}
.banner .xw img{ width:100%;}

.banner .xw .shj{ position:absolute; top:38%; left:0; text-align:center;    width: 100%;}
.banner .xw .shj h2{ padding-top:69px; color:#fff;  font-size:47.8px;}
.banner .xw .shj p{ font-size:16px; color:#a5a6ac; padding-top:22px; padding-bottom:85px;}
.banner .xw .shj  .xiax{ width:30px; height:30px; background:url(../images/xia01.png) no-repeat center center;    margin: 0 auto;
}
.banner .xw .shj01{ position:absolute; top:62%; left:0; text-align:left;    width: 100%;}
.banner .xw .shj01 h2{ padding-top:34px; color:#fff;  font-size:47.8px;}
.banner .xw .shj02{ position:absolute; top:30%; left:0; text-align:center;    width: 100%;}



.banner .cv011 .shi011{ font-size: 40px;
    color: #fff;}
.banner .cv011 h2{padding-top: 69px;
    color: #fff;
    font-size: 47.8px;}
/*新闻详情*/
.mlr60{ margin:0 270px;position:relative;}
.xwxq{ padding-top:65px;    font-size: 14px;}
.xwxq p{ color:#333; padding-bottom:30px; line-height:25px;    font-size: 14px;}
.shak{height:auto; border:1px solid #e7e7e7; border-left:0; border-right:0; padding:25px 0;margin-bottom:60px;}
.shak .left b{ display:block; font-weight:normal; color:#bbb; padding-bottom:15px;}
.shak .left p{color:#333;}
.shak .left:hover b{ color:#f7a911}
.shak .left:hover p{ color:#f7a911}
.shak .right{ text-align:right; margin-top:-40px;}
.shak .right b{ display:block; font-weight:normal; color:#bbb; padding-bottom:15px;}
.shak .right p{color:#333;}
.shak .right:hover b{ color:#f7a911}
.shak .right:hover p{ color:#f7a911}

.shak .center{width:273px; margin:0 auto;    margin-top: 16px;}
.pageFrame01{height:auto;overflow:hidden;background-color:#fff;}
.shak .center a{ margin-right:23px;}

/*联系我们*/
.lxwm .lx01{ padding:50px 0;}
.lxwm .lx01 .left{ width:37%;}
.lxwm .lx01 .left01{ float:left; width:37%}
.lxwm .lx01 .left02{ float:left;width:25%}

.lxwm .lx01 .left h2{ font-size:24px; color:#333; padding-bottom:15px;}
.lxwm .lx01 .left p{ font-size:15px; color:#333;}
.lxwm .lx01 .right h2{ font-size:24px; color:#333; padding-bottom:15px;}
.lxwm .lx01 .right p{ font-size:15px; color:#333;}
.lxwm .lx02{ padding-bottom:50px;}
.lxwm .lx02 .left{width:37%}
.lxwm .lx02 .left02{ float:left;width:25%}
.lxwm .lx02 .bbna{width: 37%;}
.lxwm .lx02 .left h2{ font-size:24px; color:#333; padding-bottom:15px;}
.lxwm .lx02 .left p{ font-size:15px; color:#333;}
.lxwm .lx01 .left01 h2{ font-size:24px; color:#333; padding-bottom:15px;}
.lxwm .lx01 .left01 p{ font-size:15px; color:#333;}
.lxwm .lx01 .left02 h2{ font-size:24px; color:#333; padding-bottom:15px;}
.lxwm .lx01 .left02 p{ font-size:15px; color:#333;}
.lxwm .lx02 .left02 h2{ font-size:24px; color:#333; padding-bottom:15px;}
.lxwm .lx02 .left02 p{ font-size:15px; color:#333;}






.pageFrame02{height:auto;overflow:hidden;background-color:#f9f9f9;}

.lxwm01{ padding-top:50px; padding-bottom:50px;}
.lxwm01 h2{ font-weight:normal; color:333px; font-size:24px; padding-bottom:10px;}
.lxwm01 p{ color:333px; font-size:14px; margin-bottom:50px;}
.lxwm .lx02  .tyu{  margin-right: 25.5%;}
.lxwm01 .lx03 .dg input{ width:268px; height:46px; background:#fff; border:1px solid #a6a6a6; line-height:46px; padding-left:13px; font-size:14px; margin-right:47px; outline:none; margin-bottom:30px;}
.lxwm01 .lx03 .xn02{ width:100%; height:138px; background:#fff; border:1px solid #a6a6a6;padding-left:13px; font-size:14px; outline:none;margin-bottom:30px; padding-top:10px;}
.lxwm01 .lx03 .dg01 input{ width:144px; height:54px; background:#555555; font-size:16px; color:#fff; text-align:center; line-height:54px; cursor:pointer; border-radius:5px; margin-right:5px;}
.lxwm01 .lx03 .dg01 input:hover{ background:#951E23; color:#fff;}









/*搜索*/
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #ffd010; color: #3d3d3d; text-shadow: none; }
::selection { background: #ffd010; color: #3d3d3d; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 124px;    position: absolute;
    right: 4%;
    top: -13px; }
.top { width: 100%; position: fixed; left: 0px; top: 0px; z-index: 1000; }
.top .topbg { background: url(../images/top_bg.png) repeat; width: 100%; height: 0%; position: absolute; left: 0px; top: 0px; }
.top .inner { padding: 26px 0px 32px; position: relative; }
.topFix .inner { border: 0px none; }
.serachTop { cursor: pointer; position: absolute; background: url(../images/sou.png) no-repeat scroll; width: 21px; height:20px; position: absolute; right: 0px;
top: 24px;}
.navTop { cursor: pointer; width: 30px; height: 25px; position: absolute; right: 0px; top: 34px; }
.navTop span { background: #fff; width: 100%; height: 2px; line-height: 2px; overflow: hidden; position: absolute; left: 0px; transition: all 0.2s ease 0s, transform 0.2s ease 0s; }
.navTop .lin1 { top: 2px; }
.navTop .lin2 { top: 11px; }
.navTop .lin3 { top: 20px; }
.navTop:hover span.lin1 { top: 4px; }
.navTop:hover span.lin3 { top: 18px; }
.serachBox { background: url(../images/search_bg.png) repeat-x scroll left bottom; padding-bottom: 30px; width: 1200px; position: fixed; right: 7%;
margin-left: 0px;
top: 79px;z-index: 99999999999; display: none; }
.bgfff { background-color: #ffffff; }
.serachBox .bgfff { height: 68px; padding: 16px 0px; position: relative; box-shadow: -6px 7px 17px -12px;}
.serach-txt, .serach-btn { float: left; display: inline-block; height: 37px; line-height: 37px; border: 0px none; margin: 0px 0px 0px 16px; }
.serach-txt { width: 81%; font: 18px/36px "microsoft yahei"; color: #3D3D3D; }
.serach-btn { width: 94px;
    height: 37px;
    text-align: center;
    color: #333;
    font: 15px/37px "microsoft yahei";
    float: right;
    margin-right: 16px;
    border-radius: 20px;}
.serach-btn:active { background-position: 0px -101px; }
.serachClose { float: right; display: block; width: 37px; height: 37px; background: url(../images/ico.png) no-repeat scroll -152px -41px #fff; }
.serachClose:hover { background-position: -152px -68px; }


footer,footer a{color:#888;}
footer{width:100%;background-color:#1b1b1d;font-size:13px;display:inline-block;}
footer .foo{ padding-top:80px; padding-bottom:40px; }
footer .foo .left{ margin-right:78px; width:368px;}
footer .foo .left .dd{ padding-bottom:23px;}
footer .foo .left .dd span{ width:21px; height:25px; background:url(../images/tu01.png) no-repeat; display:block; float:left; margin-right:17px;}
footer .foo .left .dd .span01{ width:17px; height:25px; background:url(../images/tu02.png) no-repeat; display:block; float:left; }
footer .foo .left .dd .span02{ width:23px; height:16px; background:url(../images/tu03.png) no-repeat; display:block; float:left;}
footer .foo .left .dd b{ font-size:13px; color:#797979; font-weight:normal; float:left;}
footer .foo .left .btn{width:100%;height:43px;line-height:43px;text-align:center;font-size:15px;border:1px #49494a solid;color:#000;margin-top:15px;display:block;border-radius:3px;}
footer .foo .left .btn a{ width:100%; height:100%; display: block;}
footer .foo .left .btn:hover a{background-color:#000;color:#fff;}
footer .foo .left .btn:hover{border:1px #000 solid;}
footer .foo .left01{ float:left;}
footer .foo .left01 ul{ float:left; margin-right:100px;}
footer .foo .left01 ul .li01 a{ font-size:16px; color:#f7a911; }
footer .foo .left01 ul li{ line-height:30px;}

footer .foo .left01 ul .li01{border-bottom:1px solid #2f2f31; padding-bottom:15px; margin-bottom:10px;}
footer .foo .left01 ul li:hover a{ color:#fff;}
footer .foo .right .rl{ float:left; width:119px;text-align:center; margin-left:40px;}
footer .foo .right .rl img{ margin-bottom:20px;}
footer .foo .right .rl div{ color:#797979;}

footer .foo01{ border-bottom:1px solid #2f2f31; padding-bottom:30px;} 
footer .foo01 .left{ color:#797979; }

footer .foo01 .right a{ width:31px; height:31px; display:inline-block; text-align:center; line-height:28px; background:#434443; border-radius:50%; margin-left:13px;}

 footer .foo01 .right a img{   vertical-align: middle; margin-top:6px;}
 footer .foo01 .right a:hover{ background:#000;}
footer .you{ height: 60px;
    line-height: 60px;}
footer .you span{ font-size:14px; color:#bfbfbf;}
footer .you a{ font-size:14px; color:#797979; margin-right:25px;}
footer .you a:hover{ color:#fff;}











/*maps*/
.maps{width:100%;min-height:385px;display:inline-block;overflow:hidden;position:relative;    background: url(../images/ge.jpg) repeat-y center center;}
.maps .bg{z-index:-1;background-position:center center;-webkit-background-size:cover;background-size:cover;position:fixed;}
.maps .table{width:100%;height:100%;position:absolute;top:0px;left:0px;display:table;vertical-align:middle;}
.maps .table .box{display:table-cell;vertical-align: middle;}
.maps .table .box .w-100 p{ font-size:16px; color:#333;}
.maps .table .box .w-100 h2{ font-size:34px; color:#333;}
.maps .btn{width:85%;height:43px;line-height:43px;text-align:center;font-size:15px;border:1px #000 solid;color:#000;margin-top:15px;display:inline-block;border-radius:3px;}
.maps .btn:hover{background-color:#000;color:#fff;}
.maps .hangy{ margin-top:54px;}
.maps .hangy .it{ width:19.8%; height:57px; border:1px solid #d6d6d6; line-height:57px; outline:none; background:#fff; padding-left:15px; font-size:14px; margin-right:1%;}
.maps .hangy .it01{ width:39%; height:57px; border:1px solid #d6d6d6; line-height:57px; outline:none; background:#fff; padding-left:15px; font-size:14px;margin-right:1%;}
.maps .hangy .it02{ width:11%; height:58px; border:0; line-height:58px; outline:none; background:#f7a911; color:#fff; text-align:center; border-radius:8px; font-size:14px;}
.maps .hangy .it02:hover{ background:#f6c055;}
@media screen and (min-width: 1025px){
	header.nobackg{background:none;}
}
@media screen and (max-width: 1024px){
	header.nobackg{background-color: rgba(0,0,0,0.2);}
	.about .kv.show{background-attachment:inherit;}
}


/*css3*/
a,.animate,header .toggle em,header .toggle,.fadeLoop,.team li,.index .page3 .thumb span,.index .page3 .thumb span:after,.index .page4 .thumb span,.index .page4 .thumb span:after,.works .number span,.works .number span em:after,.works li .text em:after,.works li .img:after,.works li .img,.works li .img img,.works li .img i,.job .page3 .list a:after,.bodyWindow.job .close,.job .page3 .thumb span,.maps .send .btn:after,.maps .send .close:before,footer a.item img,.gototop,.maps,.maps .table,.index .page4 .thumb span:before,.index .page5 .list li,.job .page3 .prev,.job .page3 .next,.index .page1 .video,.btn,div,input{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.services .kv img,.index .page1 canvas:last-child,.about .kv .text,.job .page3 .icon i,.job .page3 .item{-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out;}
.index .page5 .show{-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.test{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.test{-moz-transform: rotate(180deg);-moz-transform-origin: center center;-webkit-transform: rotate(180deg);-webkit-transform-origin: center center;-o-transform: rotate(180deg);-o-transform-origin: center center;transform: rotate(180deg);transform-origin: center center;}

.pagenow{opacity:0.01;}
.fadeIn{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
}
.fadeInUp{
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
.fadeInDown{
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
.fadeInRight{
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
.fadeInLeft{
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
.fadeInScale{
	-webkit-animation-name:fadeInScale;
	animation-name:fadeInScale;
}
.fadeLoop,.about .box,.timeline.pagenow{opacity:1;}
.fadeInUp,.fadeInRight,.fadeInLeft,.fadeInDown,.fadeIn,.fadeInScale{
	opacity:1;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position:relative;
}
.delay100{
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.delay200{
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.delay300{
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.delay400{
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.delay500{
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.delay600{
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.delay700 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.delay800 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.delay900 {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.delay1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.delay1100 {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.delay1200 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.delay1300 {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.delay1400 {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
/*animate*/
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);-ms-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);-ms-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);-ms-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);-ms-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}@keyframes fadeInScale{0%{opacity:0;-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}100%{opacity:1;-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}



/*案例详情页面*/
.pwr{ margin-top:100px;}
.pbiao{ width:100%; border-bottom:1px solid #dddddd; padding:60px 0 45px 0;}
.pbiao .left{ width:66%;}
.pbiao .left h2{ font-size:36px; color:#333; padding-bottom:15px;}
.pbiao .left h2 b{ font-size:13px; margin-left:10px; padding-left:10px;  color:#5a5a5a; font-weight:normal; border-left:1px solid #dfdfdf;}
.pbiao .left p{ font-size:14px; color:#5a5a5a; padding-bottom:5px;}
.pbiao .right{ padding-top:30px;}
.pbiao .right .lian{ width:147px; height:48px; background:url(../images/po01.png) no-repeat; text-align:center; line-height:48px; display:block; float:left;    font-size: 14px; }
.pbiao .right .lian i{ width:22px; height:18px; display:block; background:url(../images/lian.png) no-repeat;-webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out; margin-top: 14px;
    margin-left: 13px;float:left;}	
.pbiao .right .lian:hover i{-webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    transform: rotate(360deg); }


.pbiao .right .lian01{ width:147px; height:48px; background:url(../images/po02.png) no-repeat; text-align:center; line-height:48px; display:block; float:left; margin-left:12px;     font-size: 14px;}
.pbiao .right .lian01 i{ width:24px; height:18px; display:block; background:url(../images/sh.png) no-repeat;-webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out;     margin-top: 15px;
    margin-left: 11px; float:left;}	
.pbiao .right .lian01:hover i{-webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    transform: rotate(360deg); }
	.nei{ padding-bottom:70px;}
.nei .zixun{ width:194px; height:48px; margin:0 auto; background:#ffc600  url(../images/zijian.png) no-repeat 144px 18px; padding-left:50px; line-height:48px;margin-top:70px; margin-bottom:60px; border-radius:33px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out; }
.nei .zixun a{  font-size:16px; color:#333; display:block; width:100%; height:100%;} 
.nei .yi{ width:1210px; margin:0 auto;}
.nei .yi img{ width:1210px;    box-shadow: 0px 1px 22px -1px #C5C4C4;}
.nei .zixun:hover{ background:#fcda63 url(../images/zijian.png) no-repeat 154px 18px;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}


#works_ctrl{position:fixed; top:400px; right:170px; z-index:10; width:60px; text-align:center; -webkit-animation:grightIn 0.8s 1.5s both; -moz-animation:grightIn 0.8s 1.5s both; animation:grightIn 0.8s 1.5s both;}
#works_ctrl a{display:block; width:52px; height:50px;     padding-top: 4px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#works_ctrl .works_prev{background:#e4e4e4 url(../images/works_arr.png) no-repeat 0 0; border-radius:4px 4px 0 0;}
#works_ctrl .works_prev:hover{background:#ffc600 url(../images/works_arr.png) no-repeat -52px 0;}
#works_ctrl .works_next{background:#e4e4e4 url(../images/works_arr.png) no-repeat -52px -50px; border-radius:0 0 4px 4px;}
#works_ctrl .works_next:hover{background:#ffc600 url(../images/works_arr.png) no-repeat 0 -50px;}
.works_more{background:#e4e4e4 url(../images/lian.png) no-repeat center; color:#333; font-size:14px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; text-align:center;}
.works_more:hover{background:#ffc600; color:#333;}
.works_more b{ display:none; font-weight: normal;}
.works_more:hover b{ display:block;}
.works_more01{background:#e4e4e4 url(../images/huijian.png) no-repeat center; color:#333; font-size:14px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; text-align:center;}
.works_more01:hover{background:#ffc600; color:#333;}
.works_more01 b{ display:none; font-weight: normal;}
.works_more01:hover b{ display:block;}


/*人力资源开始*/
.renli{ padding-bottom:80px;}
.renli .left{ width:46%; padding-top:50px;}
.main-page{width:100%;height:300px;}
.main-page .left02, .main-page .right02{float:left;}
.main-page .nav-back{width:120px;height:300px;}
.main-page .nav{position:relative;margin-top:-300px;width:60px;text-align:center;font-size:14px;font-family:"微软雅黑";color:#666;}
.main-page .nav div{ font-size:13px;width:120px; text-align:center; margin-bottom:35px; cursor:pointer;}
.main-page .nav div i{display:block;margin:0 auto;margin-bottom:13px;}
.main-page .nav div .i01{ width:37px; height:33px; background:url(../images/li3.jpg) no-repeat;   }
.main-page .nav div .i02{ width:38px; height:33px; background:url(../images/li1.jpg) no-repeat; }
.main-page .nav div .i03{ width:38px; height:36px; background:url(../images/li2.jpg) no-repeat;   }
.main-page .nav div .i04{ width:38px; height:36px; background:url(../images/li4.jpg) no-repeat; }
.main-page .nav div .i05{ width:38px; height:36px; background:url(../images/li4.jpg) no-repeat;   }
.main-page .nav div .i06{ width:32px; height:35px; background:url(../images/li5.jpg) no-repeat; }





.main-page .nav div.on{ color:#000;}
.main-page .nav div.on .i01{background:url(../images/li03.jpg) no-repeat;}
.main-page .nav div.on .i02{background:url(../images/li01.jpg) no-repeat;}
.main-page .nav div.on .i03{background:url(../images/li02.jpg) no-repeat;}
.main-page .nav div.on .i04{background:url(../images/li04.jpg) no-repeat;}
.main-page .nav div.on .i05{background:url(../images/li04.jpg) no-repeat;}
.main-page .nav div.on .i06{background:url(../images/li05.jpg) no-repeat;}

.main-page .right02{width:639px;height:689px;margin-left:20px;}
.main-page .content-back{width:639px;height:689px;}
.main-page .content{position:relative;width:639px;height:689px; margin-top:-700px;padding:10px;overflow:hidden;}
.main-page .content div{width:639px;height:689px; }
.main-page .content div .qian{ width:639px; height:91px; background:url(../images/rbtop.jpg) no-repeat;padding-left:55px; font-size:20px; color:#3c3c3c; padding-top:50px;}
.main-page .content div .zhong{ width:639px; height:auto; background:url(../images/rbcenter.jpg) repeat -1px;padding-left:55px;      padding-right: 55px;  padding-bottom: 20px;}
.main-page .content div .hou{ width:639px; height:33px; background:url(../images/rbbottom.jpg) no-repeat;padding-left:55px;}
.main-page .content div .zhong p{ color:#666; line-height:22px; font-size:13px;}
.main-page .content div .zhong h3{ font-weight:normal; font-size:16px; color:#3c3c3c;padding-bottom:15px;}
.main-page .content div .zhong h4{ font-weight:normal; font-size:13px; color:#666; padding-top:17px;}
.main-page .content div .zhong p a{ width:127px; height:37px; border:2px solid #767676; display:block; text-align:center; line-height:34px;}
.main-page .content div .zhong p a:hover{ background:#951E23; color:#fff; border:2px solid #951E23; }
.renli .right{}
.mlr70{margin:0 0 0 170px;position:relative;}

.renli .right .riu{ width:100%; height:337px; background:#951E23; position:relative;}
.renli .right .riu h2{ font-weight:normal; font-size:42px; color:#fff;position:absolute; top:30%; left:160px;}


/*案例开始*/
.anlt { padding-top:40px; margin-bottom:50px;}
.anlt h2{ font-size:22px; font-weight:normal; color:#000; padding-bottom:14px;}
.anlt .jop{ border:2px solid #f2f2f2; border-left:0; border-right:0; padding:15px 0;}
.anlt .jop a{ font-size:14px; color:#666; width:219px; height:30px; display:inline-block; text-align:center; line-height:30px;    margin-bottom: 15px;}
.anlt .jop .nawo{ width:500px;}
.anlt .jop a:hover{ background:#E23F41; color:#fff;}
.anlt .jop .on{background:#E23F41; color:#fff;}

/* index_hd */
/* effect-1 css */
.text-desc{position: absolute; left: 0; top: 0; background-color: #E23F41; height: 100%; opacity: 0; width: 100%; padding: 20px;}

.full-length{width: 100%; float: left; padding-bottom: 80px;}
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;}

.port-1 .text-desc{
	opacity: 0.9; top: -100%; color: #000; padding: 45px 20px 20px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.port-1 img{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;  width:100%;
}
.port-1:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
}

.port-1.effect-1:hover .text-desc{top: 0;}

.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}

.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

.full-length ul li{ width:33.3%;float:left;}
.full-length ul li .img-box{ overflow:hidden;}
.full-length ul li .kpo{ width:100%;height:93px;padding-left: 10px;}
.full-length ul li .kpo h2{ font-size:18px; font-weight:normal; color:#333; padding-top:15px;}
.full-length ul li .kpo h2 a{ font-size:18px; font-weight:normal; color:#333; padding-top:15px;}
.full-length ul li .kpo p{ font-size:14px; color:#333; padding-top:5px;}
.full-length ul li .text-desc b{ width:100%; height:100%; background:url(../images/he.png) no-repeat center center; display:block;margin: 0 auto;}
.full-length ul li:hover h2{ color:#f9ba41;}
.full-length ul li:hover p{ color:#f9ba41;}
input.more:hover{ background:#951E23; color:#fff}

@media screen and (max-width:767px){

.port-1 .text-desc{
	transition: none !important;
	-webkit-transition:none !important;
	-moz-transition: none !important;
}
}

/* effect-1 css end */


/*= Media Screen CSS
==================== */


/*新闻列表内容*/
.xwnana ul li{ float:left; width:50%; height:auto; text-align:center; background:#fff;}
.xwnana ul li a{ width:50%; height:auto; display:block; float:left; position:relative;    line-height: 0;}
.xwnana ul li a img{ width:100%; height:auto;}
.xwnana ul li h2{ margin-top:60px;font-size:20px; font-weight:normal;}
.xwnana ul li h3{ margin-top:25px; font-size:17px; font-weight:normal;}
.xwnana ul li p{ width:80%; margin:0 auto; margin-top:25px; line-height:27px; color:#666;}
.xwnana ul li p b{ width:13px; height:13px; background:url(../images/jian.png) no-repeat; margin:0 auto; display:block; position:absolute; bottom:-30px; left:50%;}
.xwnana ul li:hover{ background:url(../images/xwbg.jpg) repeat;}
.xwnana ul li:hover p{ color:#fff;}
.xwnana ul li:hover h3{ color:#fff;}
.xwnana ul li:hover h2{ color:#fff;}
.xwnana ul li:hover p b{background:url(../images/jiab.png) no-repeat; }
.xwnana ul li:hover a img{ opacity:0.6;}

.sidebar{ position: fixed; right: 0; top: 50%; margin-top: -80px; width: 55px; padding: 12px 0 0 0; border-radius:8px 0 0 8px;z-index: 999999999999;}
.sidebar li{ height: 50px; width: 50px; padding-left: 12px;    padding-top: 9px; border-radius:8px 0 0 8px; background:url(../images/imbg.png) no-repeat;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;    margin-bottom: 10px;
}
.sidebar li img{ display: block;}
.sidebar li:hover{ margin-left: -15px; background:url(../images/anhuy.png) no-repeat;}







/*微信*/
	    .hide_box{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;}
        .shang_box{width:540px;height:auto;padding:10px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;border:1px dotted #dedede;display:none;    padding-bottom: 50px;}
        .shang_box img{border:none;border-width:0;}
        .dashang{display:block;width:100px;margin:5px auto;height:25px;line-height:25px;padding:10px;background-color:#E74851;color:#fff;text-align:center;text-decoration:none;border-radius:10px;font-weight:bold;font-size:16px;transition: all 0.3s;}
        .dashang:hover{opacity:0.8;padding:15px;font-size:18px;}
        .shang_close{float:right;display:inline-block;}
        .shang_logo{display:block;text-align:center;margin:20px auto;}
        .shang_tit{width: 100%;height: 75px;text-align: center;line-height: 66px;color: #a3a3a3;font-size: 16px;background: url(../images/cy-reward-title-bg.jpg);font-family: 'Microsoft YaHei';margin-top: 7px;margin-right:2px;}
        .shang_tit p{color:#a3a3a3;text-align:center;font-size:16px;}
        .shang_payimg{width:153px;border:6px solid #EA5F00;margin:0 auto;border-radius:3px;height:153px;}
        .shang_payimg img{display:block;text-align:center;width:140px;height:140px; }
        .pay_explain{text-align:center;margin:10px auto;font-size:12px;color:#545454;}
        .radiobox{width: 16px;height: 16px;background: url(../images/radio2.jpg);display: block;float: left;margin-top: 5px;margin-right: 14px;}
        .checked .radiobox{background:url(../images/radio1.jpg);}
        .shang_payselect{text-align:center;margin:0 auto;margin-top:40px;cursor:pointer;height:60px;width:280px;}
        .shang_payselect .pay_item{display:inline-block;margin-right:10px;float:left;}
        .shang_info{clear:both;}
		.shang_info p,.shang_info a{color:#C3C3C3;text-align:center;font-size:12px;text-decoration:none;line-height:2em;}	
	











/* banner放大的效果*/

.xw {

    position:fixed;

	top:0;

    z-index:1;

    width:100%;

    height:100%;


	background-position:0 0;

    background-size: cover;

	

	transition:all 36s ease-out;

	-webkit-transition:all 36s ease-out;

	-moz-transition:all 36s ease-out;

	-o-transition:all 36s ease-out;

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-o-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);



}

.xw.ainimatesty{

	transition:all 36s ease-out;

	-webkit-transition:all 36s ease-out;

	-moz-transition:all 36s ease-out;

	-o-transition:all 36s ease-out;

	-webkit-transform:scale(1.4);

	-moz-transform:scale(1.4);

	-o-transform:scale(1.4);

	-ms-transform:scale(1.4);

	transform:scale(1.4);

	}



.gyopna{

    position:fixed;

	top:0;

    z-index:1;

    width:100%;

    height:100%;


	background-position:0 0;

    background-size: cover;

	

	transition:all 36s ease-out;

	-webkit-transition:all 36s ease-out;

	-moz-transition:all 36s ease-out;

	-o-transition:all 36s ease-out;

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-o-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);



}

.gyopna.ainimatesty{

	transition:all 36s ease-out;

	-webkit-transition:all 36s ease-out;

	-moz-transition:all 36s ease-out;

	-o-transition:all 36s ease-out;

	-webkit-transform:scale(1.4);

	-moz-transform:scale(1.4);

	-o-transform:scale(1.4);

	-ms-transform:scale(1.4);

	transform:scale(1.4);

	}





/*--------3.30--------*/
.mrlyou { float:right; position:relative; width:50%;}
.find_nav {
    width:90%;
    position: absolute;
    bottom: 10%;
	right:5%;
	z-index:999;
}
.find_nav_left {
    height: 82px;
    position: relative;
    overflow: hidden;
}
.find_nav_list { text-align:right;    left: 0;
}
.find_nav_list ul { margin:0; padding:0;}
.find_nav_list ul li { width:78px; height:78px; border-radius:50%;text-align: center;display: inline-block;padding: 0;margin:0 5%;}
.meng1 {background:#666;}
.meng2 {background:#231816;}
.meng3 {background:#421E10;}

.find_nav_list ul li a { display:block;	padding-top:25px; width:100%; height:100%;}
.find_nav_list ul li.find_nav_cur { background:#BF1724;}

.li_list{color:#fff;  position:relative;}
.mrlmeng { background:url(../images/mrlbg1.png) repeat; width:100%; height:100%; position:absolute; left:0; top:0; z-index:9;}
.mrlbt { width:80%; margin:0 auto; padding-top:27%;}
.mrlbt h3 { color:#FFF; font-size:32px;}
.mrlbt p { color:#FFF; font-size:16px; padding-top:5%; line-height:27px;}
.swipe {-moz-box-shadow:-8px 0px 8px #D8D8D8; -webkit-box-shadow:-8px 0px 8px #D8D8D8; box-shadow:-8px 0px 8px #D8D8D8;}


/*------3.30 联系我们-------*/
.mlxzbg { position:relative; width:100%;}
.mlxpiao {  position:relative; height:100%;margin:0 60px; }
.mlxzong { width:100%;position: absolute; height:100%; left:0%; top:0;}
.mlxpiao2 h4 { font-size:40px; color:#333333; background:url(../images/mlxtb1.png) no-repeat right; padding-right:5%; margin-top:5%; display:inline-block;}
.mlxpiao2 p { font-size:30px; color:#333333; padding-top:6%;}
.mlxpiao2 span { font-size:10px; color:rgba(51,51,51,0.5); text-transform:uppercase; display:block; padding-top:5px;}
.mlxnr { width:100%;position: absolute; left:0%; bottom:0; background:url(../images/mlxbg1.png) repeat; height:auto; }
.mlxnr ul li { width:20%; padding-left:2.6%;padding-top:20px; padding-bottom:18px; height:100%; float:left;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;}
.mlxnr ul li.first { width:15%}
.mlxnr ul li.last { width:15%}
 
.mlxnr ul li span { display:block; height:75px; width:79px;}
.mlxnr ul li strong { font-size:20px; color:#FFF; padding-top:8px; display:block;}
.mlxnr ul li p { font-size:14px; color:#FFF; padding-top:5px;}
.mlxnr ul li:hover { cursor:pointer; background:url(../images/mlxbg2.png) repeat;}


@media screen and (max-width:1600px){
.mlxpiao { margin:0 35px; }

}
@media screen and (max-width:1440px){
.find_nav {
    bottom: 5%;
}
.find_nav_list ul li { width:68px; height:68px;}
.find_nav_list ul li a { padding-top:18px;}

}
@media screen and (max-width:1280px){
.mlxpiao2 h4 { font-size:30px;background-size:10%; margin-top:4%;}
.mlxpiao2 p { font-size:20px; padding-top:4%;}
.mlxnr ul li strong { font-size:18px;}

.mlxnr ul li span { height:66px; width:70px;}

.mlxnr ul li span img { width:85%;}
.mlxnr ul li p { font-size:12px;}

.mrlbt {  padding-top:25%;}
.mrlbt h3 { font-size:30px;}
.mrlbt p { font-size:14px; line-height:25px;}


}
@media screen and (max-width:1200px){
.mrlbt {  padding-top:20%;}
.mrlbt h3 { font-size:30px;}
.mrlbt p { font-size:12px;}

}
@media screen and (max-width:1072px){

.mlxnr ul li p { min-height:56px;}
.mlxnr ul li span { height:57px; width:60px;}

}

@media screen and (max-width:1024px){
.find_nav_left { height:62px;}
.find_nav_list ul li { width:58px; height:58px;}
.find_nav_list ul li a { padding-top:14px;}
.mlxpiao { margin:0 15px;}

.mrlbt {  padding-top:20%;}
.mrlbt h3 { font-size:25px;}


}
@media screen and (max-width:1000px){
.mlxpiao2 h4 { font-size:25px; margin-top:3%;}
.mlxpiao2 p { font-size:18px; padding-top:3%;}
.mlxnr ul li strong { font-size:15px;}

.mlxnr ul li p { min-height:56px;}
.mlxnr ul li span { height:47px; width:50px;}
.mlxnr ul li { padding-top:10px; padding-bottom:10px;}

.mrlbt {  padding-top:14%;}

}

@media screen and (max-width:952px){
.mlxpiao2 h4 { font-size:20px;margin-top:3%;}
.mlxpiao2 p { font-size:16px; padding-top:3%;}

.mlxnr ul li p { min-height:73px;}
.mlxnr ul li span { height:43px; width:45px;}


.mrlbt {  padding-top:12%;}
.mrlbt h3 { font-size:25px;}
.mrlbt p { font-size:12px; line-height:20px;}
.full-length ul li .text-desc b {
    width: 100%;
    height: 100%;
    background: url(../images/he.png) no-repeat center center;
    display: block;
    margin: 0 auto;
    background-size: 20%;
}
}


@media screen and (max-width:640px){
.text-desc { padding:0;}
.port-1.effect-3:hover .text-desc { padding:0;}
.full-length ul li .text-desc b {
    width: 100%;
    height: 100%;
    background: url(../images/he.png) no-repeat center center;
    display: block;
    margin: 0 auto;
    background-size: inherit;
}
}