﻿/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0;}
body{ font-family:'Microsoft Yahei',Arial,Simsun;font-size:14px;min-width: 1200px;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
p {color:#666;}
a{text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur());}
.clear{ display:block; clear:both;}
.relative{ position:relative;}
.fl{float: left;}
.fr{float: right;}
img {margin-bottom:-4px;}
.grayscale{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}
/* css reset */
html,body {position: relative;width:100%;height: 100%;}
.bus_liBlock img,.bus_icon,.cla_li,.bu5_img img,.bu5_img,.ne_li,.ne_time,.news_top,.sObject_list ul li,.univer_list ul li,.join_nav li,.nav_w,.nav_wc,.nav_wb,.nav_content,.nav_bgColor {-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.bus_liBlock:hover img,.bu5_img:hover img,.sObject_list ul li:hover {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.bus_liBlock:hover,.ne_moreBlock:hover,.ne_liBlock:hover,.cla_li:hover,.ne_li:hover,.news_top:hover,.univer_list ul li:hover,.join_nav li:hover  {-webkit-transform:scale(0.95);-ms-transform:scale(0.95);-moz-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95);}

#Header .logo:after {content: "";display: block;position: absolute;left: -200px;top: 0px;width: 150px;height: 100%;background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));overflow: hidden;-webkit-transform: skewx(-25deg);-webkit-transition: 0s;}
.king:hover:after { width: 150px; left: 600px; -webkit-transition: 1.2s;transition: 1.2s;}
.king:hover:after {width: 150px; left: 1000px; -webkit-transition: 1.2s;transition: 1.2s;}
@-webkit-keyframes anim09{
    0%{ left: -200px;}
    30%{ left: 600px;}
    100%{ left: 600px;}
}
#Header .logo:after {-webkit-animation: anim09 5s ease-in-out infinite;}

@-webkit-keyframes anim1 
{
	0%{ -webkit-transform:translate(0,0px);}
	25%{ -webkit-transform:translate(0,-20px);}
	75%{ -webkit-transform:translate(0,10px);}
	100%{ -webkit-transform:translate(0,0);}
}
@-ms-keyframes anim1 
{
	0%{ -ms-transform:translate(0,0px);}
	25%{ -ms-transform:translate(0,-20px);}
	75%{ -ms-transform:translate(0,10px);}
	100%{ -ms-transform:translate(0,0);}
}
@keyframes anim1 
{
	0%{ transform:translate(0,0px);}
	25%{ transform:translate(0,-20px);}
	75%{ transform:translate(0,10px);}
	100%{ transform:translate(0,0);}
}
@-moz-keyframes anim1 
{
	0%{ -moz-transform:translate(0,0px);}
	25%{ -moz-transform:translate(0,-20px);}
	75%{ -moz-transform:translate(0,10px);}
	100%{ -moz-transform:translate(0,0);}
}
@-o-keyframes anim1 
{
	0%{ -o-transform:translate(0,0px);}
	25%{ -o-transform:translate(0,-20px);}
	75%{ -o-transform:translate(0,10px);}
	100%{ -o-transform:translate(0,0);}
}
@keyframes animScale
{
	0%{ transform:scale(1);}
	50%{ transform:scale(1.1);}
	100%{ transform:scale(1);}
}
@-webkit-keyframes animScale
{
	0%{ -webkit-transform:scale(1);}
	50%{ -webkit-transform:scale(1.1);}
	100%{ -webkit-transform:scale(1);}
}
@-ms-keyframes animScale
{
	0%{ -ms-transform:scale(1);}
	50%{ -ms-transform:scale(1.1);}
	100%{ -ms-transform:scale(1);}
}
@-moz-keyframes animScale
{
	0%{ -moz-transform:scale(1);}
	50%{ -moz-transform:scale(1.1);}
	100%{ -moz-transform:scale(1);}
}
@-o-keyframes animScale
{
	0%{ -o-transform:scale(1);}
	50%{ -o-transform:scale(1.1);}
	100%{ -o-transform:scale(1);}
}
@-webkit-keyframes animRotate
{
	0%{ -webkit-transform:rotate(0);}
	50%{ -webkit-transform:rotate(360deg);}
	100%{ -webkit-transform:rotate(0);}
}
@-ms-keyframes animRotate
{
	0%{ -ms-transform:rotate(0);}
	50%{ -ms-transform:rotate(360deg);}
	100%{ -ms-transform:rotate(0);}
}
@keyframes animRotate
{
	0%{ transform:rotate(0);}
	50%{ transform:rotate(360deg);}
	100%{ transform:rotate(0);}
}
@-moz-keyframes animRotate
{
	0%{ -moz-transform:rotate(0);}
	50%{ -moz-transform:rotate(360deg);}
	100%{ -moz-transform:rotate(0);}
}
@-o-keyframes animRotate
{
	0%{ -o-transform:rotate(0);}
	50%{ -o-transform:rotate(360deg);}
	100%{ -o-transform:rotate(0);}
}

.king {-webkit-animation:anim1 2s linear infinite;-ms-animation:anim1 2s linear infinite;animation:anim1 2s linear infinite;-moz-animation:anim1 2s linear infinite;-o-animation:anim1 2s linear infinite;}
.big_img,.buIn img {-webkit-animation:animScale 20s linear infinite;animation:animScale 20s linear infinite;-ms-animation:animScale 20s linear infinite;-moz-animation:animScale 20s linear infinite;-o-animation:animScale 20s linear infinite;}
.king {-webkit-animation:animRotate 100s linear infinite;animation:animRotate 100s linear infinite;-ms-animation:animRotate 100s linear infinite;-moz-animation:animRotate 100s linear infinite;-o-animation:animRotate 100s linear infinite;}

.pageBanner img{
    -webkit-animation: animScale 20s linear infinite;
    animation: animScale 20s linear infinite;
    -ms-animation: animScale 20s linear infinite;
    -moz-animation: animScale 20s linear infinite;
    -o-animation: animScale 20s linear infinite;
}

/*header*/
#webHeader {
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    box-shadow: 0px 0px 6px 0px #ccc;
}
#Header {
    width: 100%;
    height: 90px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
.wrap {
    width: 1200px;
    max-width: 1200px;
    min-width: 768px;
    margin: 0px auto;
    position: relative;
}
#Header .logo {
    width: 220px;
    height: 52px;
    padding-right: 10px;
    padding-left: 50px;
    margin-left: -50px;
    position: relative;
    z-index: 999;
    overflow: hidden;
    float: left;
    padding-top: 12px;
    background: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
#Header .logo a {
    display: block;
    width: 100%;
    height: 100%;
}
img {
    border: 0;
    max-width: 100%;
    display: inline-block;
}
.logo:after {
    content: "";
    display: block;
    position: absolute;
    left: -200px;
    top: 0px;
    width: 150px;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    overflow: hidden;
    -webkit-transform: skewx(-25deg);
    -webkit-transition: 0s;
}
.logo:after {
    -webkit-animation: anim09 5s ease-in-out infinite;
}
.header_ulContent {
    width: 945px;
    float: right;
    z-index: 99;   
}
.en_block{
    position: relative;
    float: right;
    top: 30px;
    border: 1px solid #9f9f9f;
    width: 28px;
    height: 28px;
    border-radius: 5px;
    text-align: center;
    line-height: 28px;
    margin-left: 12px;
}
.en_block a{
    color: #9f9f9f;
    display: block;
    width: 100%;
    height: 100%;
}
.en_block:hover a{
    background: #9f9f9f;
    color: #fff;
}
.head_block {
    position: relative;
    float: right;
    top: 30px;
    width: 30px;
}
.head_icon {
    position: relative;
    float: left;
    width: 32px;
    height: 31px;
    background: url(../images/n1.png) no-repeat center;
    cursor: pointer;
    display: block;
    z-index: 99;
}
.find_inputBlock {
    position: absolute;
    right: 29px;
    top: 0px;
    width: 0px;
    height: 28px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
input.find_inputText {
    position: relative;
    height: 29px;
    outline: none;
    padding-left: 15px;
    width: 241px;
    border: 1px solid #ccc;
    border-radius: 2px;
    display: block;
}
.head_block:hover .find_inputBlock {
    width: 258px;
}
#Header .menu.cur {
    margin-left: -275px;
}
#Header .menu {
	height: 100%;
	float: left;
	left: 0;
    position: relative;
    width: 870px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#Header .menu li:hover {overflow: hidden;background: #009944;}
#Header .menu ul {
	width: 100%;
	height: 100%;
}
#Header .menu li {
	height: 100%;
    height: 90px;
	float: left;
	padding-left: 14px;
	padding-right: 14px;
	display: block;
}
#Header .menu li.current{background: #009944;}
#Header .menu li:hover a, #Header .menu li.current a {
    color: #fff;
    
}
#Header .menu li:hover a i, #Header .menu li.current a i {
    width: 100%;
    left: 0%;
}
#Header .menu li:hover a i {
    width: 108px;
    left: 50%;
    margin-left: -54px;
    bottom: 0px;
    overflow: hidden;
}
#Header .menu li a {
	display: block;
    height: 67px;
    line-height: 20px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #333;
    font-size: 13px;
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
#Header .menu li a i {
	display: block;
	width: 0%;
	height: 2px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	background: #62b849;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s
}
#Header .menu .submenu {
	width: 100%;
	padding: 30px 0;
	position: fixed;
	top: 130px;
	left: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	visibility: hidden;
	background: url(../images/submenu_bg.png);
	text-align: center
}
#Header .menu .submenu img {
	display: block;
}
.indexabout{
    position: absolute;
    left: -791px;
    top: 90px;
    width: 2200px;
    background: url(../images/icon1.png) repeat;
    height: 60px;
    display: none;
}
.subMenuI {
    position: relative;
    text-align: left;
    width: 1200px;
    margin: 0 auto;
}
.subMenuI.li1{
    left: 108px;
}
.subMenuI.li2{
    left: 256px;
}
.subMenuI.li3 {
    left: 536px;
}
.subMenuI.li4 {
    left: 442px;
}
.subMenuI.li5 {
    left: 538px;
}
.subMenuI.li6 {
    left: 360px;
}
.subMenuI.li7 {
    left: 720px;
}
.subMenuI.li8 {
    left: 878px;
}
.sp_top {padding-top:5px;}
#Header .menu .subMenuI a {
    color: #fff;
    display: inline-block;
    padding: 0 22px;
    line-height: 60px;
}
#Header .menu li.current .subMenuI a,#Header .menu li:hover .subMenuI a{
    color: #fff;
    background: none;
}
#Header .menu li a.sp_top {
    padding-top: 35px;
    height: 54px;
}
#Header .menu li .subMenuI a:hover{
    color: #b6c06e;
    background: none;
}
#Header .menu .subnav {
	width: 474px;
	position: absolute;
	top: 100px;
	left: 26px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	visibility: hidden;
}
.common_block{
	position: relative;
	width: 100%;
	padding-top: 90px;
}

/*Footer*/
#Footer {
    position: relative;
    width: 100%;
    height: 250px;
    background: url(../Images/n2.jpg) no-repeat center;
    background-size: cover;
	color: #cfcfd5;
}
.foot_left{
	position: relative;
	float: left;
}
.foot_right{
	position: relative;
    float: right;
    margin-top: 55px;
}
.foot_right img {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.foot_right h2 {
    margin-top: 10px;
    text-align: center;
}
.foot_nav{
	position: relative;
	margin-top: 70px;
}
.foot_nav a{
	display: block;
	float: left;
	color: #cfcfd5;
	margin-right: 30px;
}
.foot_nav a:hover{
	color: #fff;
}
.foot_msg{
	position: relative;
	margin-top: 20px;
    z-index: 99;
}
.foot_msg span{
	display: block;
	float: left;
	margin-right: 18px;
}
.foot_aUl {
    position: relative;
    float: left;
}
.foot_aUl a{
	display: block;
    float: left;
    color: #cfcfd5;
    background: url(../Images/n3.jpg) no-repeat right center;
    padding-right: 10px;
    margin-right: 8px;
}
.foot_msg a:hover{
	color: #fff;
}
.foot_aline{
	position: relative;
	float: left;
	background: url(../Images/n4.png) no-repeat right center;
	padding-right: 22px;
    cursor: pointer;
    display: block;
}
.foot_media{
	position: relative;
	margin-top: 20px;
}
.foot_media a{
	color: #cfcfd5;
}
.foot_media a:hover{
	color: #fff;
}

.pageBanner {
    width: 100%;
    position: relative;
    height: 225px;
    overflow: hidden;
}
.pageImg{
	position: relative;
	width: 100%;
	height: 100%;
    -webkit-animation: animScale 20s linear infinite;
    animation: animScale 20s linear infinite;
    -ms-animation: animScale 20s linear infinite;
    -moz-animation: animScale 20s linear infinite;
    -o-animation: animScale 20s linear infinite;
}
.page_block{
	position: absolute;
	width: 1200px;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -600px;
}
.pageTitle{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px;
	z-index: 99;
}
.conBg{	
    background: #f2f2f2;
}
.common_nav {
    position: relative;
    width: 100%;
    height: 56px;
    box-shadow: 0px 0px 10px 0px #ccc;
    border-bottom: 1px solid #eee;
}
.comNav_block {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 56px;
}
.comMsg {
    position: relative;
    height: 100%;
    float: left;
}
.comMsg a {
    display: block;
    float: left;
    height: 100%;
    color: #0c0c0c;
    line-height: 56px;
    margin-left: 6px;
    white-space: nowrap;
}
.comMsg a.clickOn{
	color: #009944;
	cursor: inherit;
}
.comMenu {
    position: absolute;
    height: 100%;
    margin-top: 12px;
    top: 0px;
    right: 0px;
}
.comMenu a{
	display: block;
    float: left;
    color: #2d2d2d;
    line-height: 30px;
    padding-left: 8px;
    padding-right: 8px;
    height: 30px;
    margin: 0px 10px;
    margin-bottom: 10px;
    position: relative;
}
.comMenu a:after {
    content: "";
    position: absolute;
    right: -11px;
    top: 9px;
    width: 1px;
    height: 12px;
    background: #ccc;
    display: block;
}
.comMenu a.cur,.comMenu a:hover{
	background: #009944;
    color: #fff;
    border-radius: 15px 0 0 0;
}
.common_content {
    position: relative;
    width: 100%;
}
/*联系我们*/
.contact_content{
	position: relative;
	width: 100%;
}
.innerTitle{
	position: relative;
    width: 100%;
    text-align: center;
    padding: 30px 0;
}
.innerTitle h2{
	color: #262626;
    font-size: 24px;
}
.innerTitle span{
	color: #939393;
    font-size: 16px;
}
.contact_block{
	position: relative;
	width: 100%;
	border-top: 1px dashed #dcdcdc;
}
.contact_nav{
	position: relative;
    padding: 30px 0 50px 0;
}
.contact_nav .conList{
	border: 1px solid #bfbfbf;
    width: 588px;
    height: 54px;
    border-radius: 5px;
    text-align: center;
    line-height: 54px;
    color: #262626;
    font-size: 16px;
    cursor: pointer;
    letter-spacing: 1px;
}
.conList.at .conLbg,.conList:hover .conLbg{
	background: url(../Images/a5_1.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
}
.conList.at .conTbg,.conList:hover .conTbg{
	background: url(../Images/a5_1.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
}
.contact_list{
	position: relative;
	width: 100%;
	padding-bottom: 50px;
}
.contact_item{
	position: relative;
	width: 100%;
}
.cont_txton{
	color: #1e1032;
    font-size: 18px;
}
.cont_txtNumb{
	position: relative;
    width: 100%;
    color: #1e1032;
    font-size: 18px;
    margin-top: 8px;
}
.cont_txtNumb span{
	color: #e54444;
    font-size: 23px;
}
.cont_pgcom{
	position: relative;
	width: 100%;
	margin-top: 30px;
}
.cont_pgcom img{
	display: block;
	width: 100%;
}
.cont_pgcom .cpg_atem{
	position: relative;
    float: left;
    border: 1px solid #cccccc;
    /*width: 325px;*/
    width: 330px;
    height: 243px;
    background: url(../Images/img2.jpg) no-repeat;
    overflow: hidden;
    padding: 45px;
}
.cont_pgcom .cpg_atem h2{
	color: #009944;
    font-size: 20px;
}
.cont_pgcom .cpg_atem p{
	margin-top: 12px;
}
.cont_pgcom .cpg_atem span{
	display: block;
    float: left;
    color: #151515;
    /*width: 42px;*/
}
.cont_pgcom .cpg_atem a{
	display: block;
    float: right;
    width: 282px;
    line-height: 22px;
}
.cont_pgcom .cpg_btem{
	position: relative;
    float: left;
    /*margin-left: 6px;*/
    border: 1px solid #cccccc;
    height: 333px;
    overflow: hidden;
}
.cont_pgcom .cpg_ctem{
	position: relative;
	float: right;
	border: 1px solid #cccccc;
	height: 333px;
    overflow: hidden;
}
.bud_img{
	position: relative;
	width: 100%;
}
.bud_img img{
	display: block;
	width: 100%;
}
.bud_nav{
	position: relative;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e1e1;
}
.bud_nav li{
	float: left;
    padding: 0 30px;
    background: url(../Images/n10.jpg) no-repeat left center;
    cursor: pointer;
}
.bud_nav li.at,.bud_nav li:hover{
	color: #009944;
}
.bud_txt{
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.bud_location{
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/n9.png) no-repeat left top;
    color: #009944;
    font-size: 26px;
    padding-left: 30px;
}
.bud_content{
    position: relative;
    margin-left: 160px;
}
.bud_content h2{
    color: #009944;
    font-size: 18px;
    padding-top: 10px;
    margin-bottom: 5px;
}
.bud_content span{
    display: block;
    line-height: 28px;
}
.bud_data{
    position: relative;
    float: left;
    margin-right: 50px;
}
.bud_cata{
    position: relative;
    float: left;
}
.padd_cont{
	position: relative;
	width: 100%;
	padding: 50px 0;
}
.online_img{
	position: relative;
	width: 325px;
	float: left;
}
.online_img img{
	display: block;
	width: 100%;
}
.online_right{
	position: relative;
	width: 784px;
	float: right;
}
.online_right span{
	display: block;
	color: #655d60;
	font-size: 16px;
	margin-bottom: 26px;
}
.onIput{
	position: relative;
    width: 782px;
    border: 1px solid #dcdcdc;
    height: 30px;
    margin-bottom: 16px;
}
.onIput em{
	display: block;
    position: absolute;
    left: 14px;
    top: 6px;
    width: 17px;
}
.onIput em img{
	display: block;
	width: 100%;
}
.onIput input{
	outline: none;
    resize: none;
    width: 700px;
    margin-left: 40px;
    color: #c6c6c6;
    font-size: 15px;
    border: none;
    margin-top: 6px;
}
.onText{
	position: relative;
	width: 100%;
	margin-bottom: 18px;
}
.onText textarea {
    width: 750px;
    height: 92px;
    padding: 6px 16px;
    border: 1px solid #dcdcdc;
    outline: none;
    line-height: 24px;
    resize: none;
    font-size: 14px;
    background: none;
}
.submit{
	display: block;
    width: 100%;
    height: 40px;
    background: #d9d9d9;
    text-align: center;
    line-height: 40px;
    color: #434343;
    /*letter-spacing: 22px;*/
    font-size: 15px;
}
.submit:hover {
    box-shadow: 0px 0px 10px 0px #ccc;
    background: #fff;
}
.cooper_list{
	position: relative;
	width: 100%;
	padding: 60px 0;
}
.cooper_list h2{
	font-size: 18px;
	color: #262626;
}
.cooper_list li{
	float: left;
	width: 184px;
	height: 68px;
	border: 1px solid #dcdcdc;
	margin-right: 16px;
	margin-top: 16px;
}
.cooper_list li img{
	display: block;
	width: 100%;
}
.coopBg{
	background: #f2f2f2;
	position: relative;
	width: 100%;
	padding: 40px 0 60px 0;
}
.coopr_img{
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
.coopr_img h2{
	font-size: 18px;
	color: #262626;
	margin-bottom: 20px;
}
.coopr_img img{
	display: block;
	width: 100%;
}
.comTbg{
	background: #f2f2f2;
}

/*加入我们*/
.talent_left{
	position: relative;
	width: 610px;
	float: left;
}
.talent_txt{
	position: relative;
	width: 100%;
}
.talent_txt h2{
	text-align: justify;
    color: #565656;
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 10px;
}
.talent_txt p{
	text-align: justify;
    background: url(../Images/n16.png) no-repeat left 8px;
    color: #565656;
    line-height: 24px;
    padding-left: 20px;
    margin-bottom: 5px;
}
.talent_img{
	position: relative;
	width: 514px;
	float: right;
}
.talent_img img{
	display: block;
	width: 100%;
}
.talent_bImg{
	position: relative;
	width: 100%;
	margin-top: 20px;
}
.talent_bImg img{
	display: block;
	width: 100%;
}
.job_content{
	position: relative;
	width: 100%;
	padding: 50px 0;
}
.moreBlock {
    position: relative;
    width: 100%;
    height: 48px;
    /*background: url(../Images/n20.png) no-repeat 372px;*/
    cursor: pointer;
    margin-top: 15px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    padding-left: 50px;
    line-height: 48px;
    text-transform: uppercase;
    color: #009944;
}
.moreBlock_icon {
    background: url(../Images/n20.png) no-repeat center;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 4px;
}
.moreBlock:hover {
    box-shadow: 0px 0px 10px 0px #ccc;    
}
.job_left{
	position: relative;
	width: 856px;
	float: left;
}
.job_item{
	position: relative;
	border: 1px solid #e5e5e5;
	width: 854px;
}
.job_search{
	position: relative;
	padding: 38px 40px;
	border-bottom: 1px solid #e5e5e5;
}
.job_input{
	position: relative;
	width: 100%;
}
.job_input .jobLi {
    display: block;
    width: 186px;
    height: 30px;
    color: #808080;
    font-size: 14px;
    letter-spacing: 1px;
    border: 1px solid #c9c9c9;
    padding-left: 15px;
    margin-right: 10px;
    float: left;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    background: url(../Images/n17.png) no-repeat right;
}
.job_input .jobInput{
	padding-left: 10px;
	border: 1px solid #c9c9c9;
	width: 414px;
	height: 28px;
	color: #808080;
	font-size: 14px;
	outline: none;
	resize: none;
	float: left;
    margin-right: 10px;
}
.job_input .jobSubmit{
	display: block;
	width: 140px;
	height: 30px;
	background: #009944;
	line-height: 30px;
	color: #fff;
	float: left;
	letter-spacing: 6px;
}
.job_input .jobSubmit span{
    margin-left: 36px;
    margin-right: 7px;
}
.job_hot{
	position: relative;
	width: 100%;
	margin-top: 15px;
}
.job_hot span{
	display: block;
    float: left;
    background: url(../Images/n21.png) no-repeat left -2px;
    padding-left: 25px;
    line-height: 23px;
    height: 25px;
    color: #ff2121;
}
.job_hot a{
	display: block;
    float: left;
    color: #808080;
    line-height: 23px;
    margin-right: 10px;
}
.job_hot a:hover{
	color: #009944;
}
.job_list{
	position: relative;
	width: 100%;
	margin-top: 14px;
}
.job_list li.Job_nav{
	color: #009944;
}
.job_list li{
	text-align: center;
	height: 46px;
	line-height: 46px;
	color: #666666;
	border-top: 1px solid #e5e5e5;
}
.job_list li .JobList{
	float: left;
	border-right: 1px solid #e5e5e5;
	padding: 0 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 46px;
}
.job_list li .icon1{
	width: 159px;
}
.job_list li .icon2{
	width: 140px;
}
.job_list li .icon3{
	width: 79px;
}
.job_list li .icon4{
	width: 89px;
}
.job_list li .icon5{
	width: 100px;
}
.job_list li .icon6{
	width: 162px;
	border-right: none;
}
.job_list li .JobList a{
	width: 100px;
    height: 28px;
    border: 1px solid #cfcfcf;
    color: #666666;
    display: block;
    line-height: 28px;
    margin-left: 32px;
    margin-top: 9px;
    border-radius: 0 15px 0 0;
}
.job_list li .JobList a:hover{
	background: #009944;
	color: #fff;
}
.job_right{
	position: relative;
	width: 330px;
	float: right;
}
.job_img{
	position: relative;
	width: 100%;
	margin-bottom: 14px;
}
.job_img img{
	display: block;
	width: 100%;
}
.job_trend{
	position: relative;
    border: 1px solid #e5e5e5;
    width: 328px;
}
.job_trend h2{
	color: #009944;
    background: url(../images/n19.png) no-repeat 12px;
    font-size: 18px;
    padding-left: 40px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 34px;
    margin-bottom: 2px;
}
.job_trend a{
	display: block;
	position: relative;
    margin-left: 12px;
    color: #939393;
    border-bottom: 1px solid #e5e5e5;
    line-height: 40px;
    background: url(../images/n16.png) no-repeat 5px center;
    padding-left: 20px;
    background-size: 2%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jobInner .job_trend h2{
	background: url(../images/n24.png) no-repeat 12px;
}
.jobInner .job_trend a{
	width: 196px;
    padding-right: 100px;
}
.jobInner .job_trend span{
	display: block;
	position: absolute;
	right: 12px;
	top: 0;
}
.Jinner_title{
	position: relative;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}
.Jinner_title h2{
	background: url(../Images/n22.png) no-repeat left 15px;
    color: #009944;
    font-size: 18px;
    line-height: 50px;
    margin-left: 28px;
    padding-left: 26px;
}
.innerBack{
	display: block;
    position: absolute;
    right: 24px;
    top: 18px;
    background: url(../Images/n23.png) no-repeat left 2px;
    padding-left: 25px;
    color: #3f3a39;
}
.Jinner_nav{
	position: relative;
	width: 100%;
}
.Jinner_nav .item{
	position: relative;
	float: left;
	border-right: 1px solid #e5e5e5;
}
.Jinner_nav .item.iA{
	width: 100px;
}
.Jinner_nav .item.iB{
	width: 250px;
}
.Jinner_nav .item.iC{
	width: 112px;
}
.Jinner_nav .item.iD{
	width: 140px;	
}
.Jinner_nav .item.iE{
	width: 124px;
}
.Jinner_nav .item.iF{
	border: none;
    width: 123px;
}
.Jinner_nav .Jlist{
	border-bottom: 1px solid #e5e5e5;
    padding-left: 18px;
    line-height: 50px;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Jinner_txt{
	position: relative;
	padding: 25px 40px;
}
.Jinner_text h2{
	color: #b6c25f;
    font-size: 18px;
    margin-bottom: 10px;
}
.Jinner_text p{
	color: #959595;
    line-height: 24px;
    min-height: 24px;
}
.Jinner_text span{
	color: #666666;
}
.job_submit{
	position: relative;
	width: 100%;
	margin-top: 40px;
}
.job_submit a{
	display: block;
	width: 102px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	margin-right: 20px;
	background: #009944;
	float: left;
}
.job_submit a.collect{
	background: #f17b6f;
}
.Jcul_title{
	position: relative;
	width: 100%;
	padding: 45px 0;
}
.Jcul_title p{
	text-align: center;
	line-height: 24px;
	color: #656565;
}
.Jcul_list{
	position: relative;
	width: 100%;
	padding-bottom: 50px;
}
.Jcul_list ul{
	width: 102%;
}
.Jcul_list li{
	position: relative;
	width: 386px;
	margin-bottom: 30px;
	float: left;
	margin-right: 22px;
    box-shadow: 0px 0px 10px #b7b2b2;
}
.Jcul_list li img{
	width: 100%;
}
.Jcul_list li h2{
	width: 96%;
    text-align: center;
    background: #f2f2f2;
    color: #363636;
    padding: 15px 2%;
    height:40px;
}
.value_list{
	position: relative;
    width: 100%;
    height: 480px;
    margin: 50px 0;
}
.value_list .arrow-left{
	position: absolute;
	left: -66px;
	top: 50%;
	width: 42px;
	height: 42px;
	background: url(../Images/n26.png) no-repeat;
	margin-top: -21px;
	z-index: 999;
	cursor: pointer;
}
.value_list .arrow-right{
	position: absolute;
	right: -66px;
	top: 50%;
	width: 42px;
	height: 42px;
	background: url(../Images/n27.png) no-repeat;
	margin-top: -21px;
	z-index: 999;
	cursor: pointer;
}
.value_list .swiper-container{
	width: 100%;
	height: 100%;
}
.value_list .swiper-wrapper{
	width: 100%;
	height: 100%;
}
.value_list .swiper-slide{
	
}
.value_img{
	position: relative;
    width: 288px;
    box-shadow: 0px 0px 10px #b7b2b2;
    margin: 0 auto;
}
.value_img img{
	width: 100%;
}
.value_txt{
	position: relative;
    width: 288px;
    box-shadow: 0px 0px 10px #b7b2b2;
    margin: 0 auto;
    text-align: center;
    height: 168px;
}
.value_txt h2{
	font-size: 20px;
    color: #262626;
    padding-top: 20px;
    margin-bottom: 10px;
}
.value_txt p{
	color: #5b5b5b;
    line-height: 24px;
    font-size:12px;
}
.social_list{
	position: relative;
	width: 100%;
}
    .social_list ul {
        width: 102%;
        display: flex;
        flex-wrap: wrap;
    }
    .social_list ul li {
        float: left;
        position: relative;
        width: 386px;
        margin-right: 22px;
        margin-bottom: 30px;
        box-shadow: 0px 0px 10px #b7b2b2;
        background: #f2f2f2;
    }
.social_list img{
	width: 100%;
}
.social_list h2{
	width: 96%;
    text-align: center;
    background: #f2f2f2;
    color: #363636;
    padding: 15px 2%;
}

/*投资者关系*/
.shares_content{
    position: relative;
    width: 100%;
    background: #f2f2f2;
}
.shares_block{
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
}
.shares_left{
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-left: 30px;
}
.gu_name{
    position: relative;
}
.gu_name h2{
    color: #666;
    font-size: 16px;
}
.gu_name p{
    font-size: 49px;
    /* float: left; */
    color: #ee3f3f;
    font-weight: bold;
    letter-spacing: -2px;
}
.gu_name em{
    display: block;
    font-size: 32px;
    color: #ee3f3f;
    background: url(../Images/n29.png) no-repeat left 13px;
    padding-left: 30px;
    margin-top: 5px;
    margin-left: 8px;
    letter-spacing: -2px;
}
.gu_name .gu_deBlock {
    color: #ee3f3f;
    display: block;
    position: absolute;
    bottom: 6px;
    left: 119px;
}
.gu_deBlock div {
    display: block;
    float: left;
    padding-right: 5px;
}
.gu_padding{
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.gu_rata{
    float: left;
    position: relative;
    width: 130px;
    padding-left: 30px;
    color: #666;
    margin-bottom: 20px;
}
.gu_rata h2 {
    font-size: 16px;
}
.gu_rata p {
    font-size: 26px;
    color: #666;
    margin-top: 3px;
}
.gu_span{
    padding-left: 30px;
    color: #666;
    margin-top: 6px;
    width: 80%;
    line-height: 22px;
}
.info_content{
    position: relative;
    width: 100%;
    padding: 40px 0;
}
.info_list{
    position: relative;
    border: 1px solid #cccccc;
}
.info_list li{
    line-height: 22px;
    border-bottom: 1px solid #cccccc;
    display:block;
    position:relative
}
.info_list li:after{content:"";display:block;width:1px;height:100%;background:#ccc;position:absolute;top:0px;left:280px;}
.info_name{
    position: relative;
    float: left;
    width: 280px;
    border-right: 1px solid #cccccc;
}
.info_name span{
    padding:20px 20px;
    letter-spacing:0px;
    display:block;
}
.info_txt{
    position: relative;
    float: left;
    width: 525px;
}
.info_txt span{
    padding:20px 25px;
    letter-spacing: 0px;
    display:block;
    line-height: 22px;
}
.info1_leftBlock {
    position: relative;
    width: 355px;
    float: left;
    overflow: hidden;
}

.info1_rightBlock {
    position: relative;
    width: 809px;
    float: right;
}
.info1_titleBlock {
    position: relative;
    padding-bottom: 30px;
    font-size: 26px;
    color: #666;
}
.info1_titleEn {font-size:18px;padding-top:5px;}

.shares_right{
    position: relative;
    width: 100%;
}
.anno_content{
    position: relative;
    width: 100%;
    padding: 40px 0;
}
.anno_list{
    position: relative;
    width: 100%;
}
.anno_list li{
    position: relative;
    height: 102px;
    width: 1198px;
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
}
.anno_time{
    position: relative;
    width: 116px;
    float: left;
    height: 100%;
    background: #e5e5e5;
}
.anno_time span{
    color: #9c9c9c;
    font-size: 50px;
    margin-left: 25px;
    line-height: 58px;
    margin-top: 7px;
    display: block;
}
.anno_time p{
    color: #4e4e4e;
    margin-left: 34px;
    font-size: 15px;
}
.anno_txt{
    position: relative;
    width: 812px;
    float: left;
    padding: 0 40px;
    margin-top: 25px;
    color: #2e2e2e;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
}
.anno_pdf{
    display: block;
    position: relative;
    float: right;
    width: 116px;
    height: 44px;
    margin-right: 34px;
    border-radius: 10px 0 0 0;
    border: 1px solid #d2d2d2;
    color: #d0d0d0;
    margin-top: 28px;
}
.anno_pdf span{
    display: block;
    position: absolute;
    right: 16px;
    top: 12px;
}
.anno_pdf em{
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/n30.png);
    position: absolute;
    left: 24px;
    top: 11px;
}
.anno_list li:hover .anno_pdf span{
    color: #fff;
}
.anno_list li:hover .anno_pdf em{
    background: url(../images/n31.png);
}
.anno_list li:hover .anno_pdf{
    background: #009944;
}
.anno_pdf:hover span{
    right: 54px;
}
.anno_pdf:hover em{
    left: 70px;
}
.anno_list li:hover{
    box-shadow: 0px 0px 10px 0px #ccc;
}
.strac_content{
    position: relative;
    width: 100%;
    padding: 40px 0;
}
.strac_content .strac_list{
    position: relative;
    width: 100%;
}
.strac_top {
    position: relative;
    width: 100%;
    background: #00a64f;
}
.strac_top .stracT{
    color: #ffffff;
    font-size: 16px;
}
.stracT{
    position: relative;
    float: left;
    width: 400px;
    text-align: center; 
    line-height: 44px;
}
.strac_top .stracT.a1{
    width: 399px;
    border-right: 1px solid #fff;
}
.strac_item{
    position: relative;
    width: 100%;
}
.strac_item .stracT{
    color: #0e0e0e;
}

/*生产技术*/
.capa_list{
    position: relative;
    width: 100%;
    padding: 40px 0;
}
.capa_list li.capa_top{
    background: #00a64f;
}
.capa_list li.capa_top p{
    color: #fff;
}
.capa_list li p{    
    color: #0e0e0e;
    min-height: 20px;
}
.capaTxt{
    position: relative;
    width: 255px;
    float: left;
    padding: 14px 0 14px 45px;
}
.capaTxt.a1{
    width: 254px;
    border-right: 1px solid #fff;
}
.equ_list{
    position: relative;
    width: 100%;
    padding: 40px 0;
}
.equ_list ul{
    width: 102%;
}
.equ_list li{
    float: left;
    width: 386px;
    margin-right: 22px;
    margin-bottom: 22px;
    box-shadow: 0px 0px 10px #b7b2b2;
}
.equ_list li img{
    width: 100%;
}
.equ_list li h2{
    line-height: 48px;
    color: #363636;
    width: 366px;
    padding: 0 10px;
    text-align: center;
    background: #f2f2f2;
}
.system_content{
    position: relative;
    width: 100%;
    padding: 40px 0;
}
.system_content .contact_nav .conList{
    width: 31%;
}
.system_content .contact_nav .conList.fl{
    margin-left: 20px;
}
.system_list{
    position: relative;
    width: 100%;
    height: 450px;
}
.system_item{
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.system_item.cur {opacity: 1;}
.system_item .arrow-left {
    position: absolute;
    left: -66px;
    top: 45%;
    width: 42px;
    height: 42px;
    background: url(../Images/n26.png) no-repeat;
    margin-top: -21px;
    z-index: 999;
    cursor: pointer;
}
.system_item .arrow-right {
    position: absolute;
    right: -66px;
    top: 45%;
    width: 42px;
    height: 42px;
    background: url(../Images/n27.png) no-repeat;
    margin-top: -21px;
    z-index: 999;
    cursor: pointer;
}
.pr_text {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 14px 0;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
}
.system_item .swiper-container {
    width: 100%;
    height: 100%;
}
.systemImg {
    position: relative;
    width: 94%;
    box-shadow: 0px 0px 10px #b7b2b2;
    margin: 0 auto;
    margin-top: 8px;
}
.systemImg img {
    width: 100%;
}

/*产品分类*/
.project_list{
	position: relative;
	width: 100%;
	padding: 40px 0;
    margin: auto;
}
.project_list ul{
	width: 102%;
}
.project_list li{
	width: 386px;
	height: 296px;
	float: left;
	margin-right: 22px;
	margin-bottom: 22px;
	box-shadow: 0px 0px 10px #b7b2b2;
	cursor: pointer;
}
.proImg{
	width: 354px;
	border: 1px solid #eeeeee;
	margin: 14px auto;
}
.proImg img{
	width: 100%;
}
.proTxt{
	position: relative;
    width: 354px;
    margin: 24px auto;
}
.proTxt h2{
	float: left;
    color: #1b1b1b;
    font-size: 18px;
}
.proMore{
    position: absolute;
    float: right;
    width: 82px;
    height: 30px;
    border-radius: 0 10px 0 0;
    border: 1px solid #d2d2d2;
    right: 0px;
    bottom: -4px;
}
.proMore span{
	color: #bbb5b5;
    display: block;
    position: absolute;
    left: 8px;
    top: 5px;
}
.proMore em{
	display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(../images/n34.png) no-repeat;
    right: 4px;
    top: 10px;
}
.project_list li:hover .proMore{
	background: #009944;
}
.project_list li:hover .proMore span{
	color: #fff;
    left: 22px;
    font-size: 13px;
    top: 6px;
}
.project_list li:hover .proMore em{
	background: url(../images/n35.png) no-repeat;
	right: 67px;
    height: 11px;
}
.project_list li:hover .proTxt h2{
	color: #009944;
}
.proClick{
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: url(../Images/n36.png) repeat;
    display: none;
}
.proCblock{
	position: absolute;
    width: 1000px;
    height: 464px;
    left: 50%;
    top: 52%;
    margin-left: -500px;
    margin-top: -282px;
    background: #f2f2f2;
    border-radius: 5px;
    padding: 50px 0;
}
.proCimg{
	position: relative;
	width: 569px;
	float: left;
	margin-left: 68px;
}
.proCimg img{
	width: 100%;
}
.proCimg h2{
	text-align: center;
    width: 100%;
    font-size: 18px;
    color: #1b1b1b;
    margin-top: 15px;
}
.proCtxt{
	position: relative;
	width: 260px;
	float: right;
	margin-right: 42px;
}
.proCtxt h2{
	color: #676767;
    padding-left: 28px;
    font-size: 18px;
    margin-bottom: 5px;
}
.proCtxt p{
	color: #919191;
    line-height: 22px;
    padding-left: 28px;
}
.proCtxt_Aitem{
	padding-bottom: 20px;
    border-bottom: 1px solid #c8c8c8;
}
.proCtxt_Aitem h2{
	background: url(../Images/n37.png) no-repeat left;	
}
.proCtxt_Bitem h2{
	background: url(../Images/n38.png) no-repeat left;	
}
.proCtxt_Bitem{
	position: relative;
	margin-top: 20px;
}
.proClose {
    position: absolute;
    display: block;
    width: 23px;
    height: 23px;
    background: url(../Images/n39.png) no-repeat;
    right: -30px;
    top: 0;
}



/*淡入动画*/
.proMore em,.proMore span,.project_list li,.systemImg,.equ_list li,.anno_list li,.anno_pdf em,.anno_pdf span,.anno_pdf,.social_list li,.conLbg,.conTbg,.submit,.moreBlock,.Jcul_list li,.value_list .swiper-slide{
	transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.project_list li:hover,.systemImg:hover,.equ_list li:hover,.anno_list li:hover,.social_list li:hover,.submit:hover,.moreBlock:hover,.Jcul_list li:hover,.value_list .swiper-slide:hover{
	-webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}
.nav_button {
    position: fixed;
    right: 30px;
    top: 20px;
    background: #e5e5e5;
    z-index: 1020;
    padding: 6px 10px;
    cursor: pointer;
    height: 38px;
}
.nav_button.cur,.nav_button:hover {border-radius: 100px;background: #fff;}

.nav_w {
    width: 30px;
    height: 2px;
    background: #009944;
    margin: 8px 0;
}
.nav_button:hover .nav_w:nth-child(1),.nav_button.cur .nav_w:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(7px,7px);
}

.nav_button:hover .nav_w:nth-child(2),.nav_button.cur .nav_w:nth-child(2) {
    opacity: 0;
}

.nav_button:hover .nav_w:nth-child(3),.nav_button.cur .nav_w:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(7px,-7px);
}
.nav_content {
    position: fixed;
    right: -460px;
    top: 0px;
    z-index: 1010;
    background: #fff;
    border: 1px solid #ccc;
    width: 456px;
    height: 100%;
    overflow: hidden;
}
.nav_content.cur {right:0px;}

.nav_he {
    position: relative;
    width: 100%;
    background: #009944;
    color: #fff;
    padding: 30px 30px;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
}
.nav_contentBlock {
    padding: 5px 30px;
    position: relative;
    width: 430px;
    height: 80%;
    overflow: hidden;
}

.nav_ulBlock {
    position: relative;
    width: 100%;
}

.nav_liBlock1 {
    border-bottom: 1px solid #ccc;
    padding: 12px 0;
}

a.nav_liTitle {
    color: #676666;
    font-size: 16px;
}

.nav_ul {
    padding-top: 8px;
}

a.nav_li {
    color: #787878;
    margin-right: 15px;
    margin-bottom: 6px;
    display: block;
    float: left;
}

.nav_block {
    position: relative;
    padding: 25px 0;
}

a.nav_a {
    color: #464646;
    float: left;
}
.nav_wcWb {
    position: relative;
    float: left;
    width: 200px;
    margin-left: 20px;
}

.nav_wb {
    position: relative;
    width: 20px;
    height: 18px;
    background: url(../images/wb.png) no-repeat center;
    padding: 0px 5px;
    float: left;
    cursor: pointer;
    display: block;
}
.nav_wb:hover {background: url(../images/wb1.png) no-repeat center;}

.nav_wc {
    position: relative;
    width: 20px;
    height: 18px;
    background: url(../images/wc.png) no-repeat center;
    padding: 0px 5px;
    float: left;
    cursor: pointer;
    display: block;
}
.nav_wc:hover {background: url(../images/wc1.png) no-repeat center;}
.nav_ulBlock a:hover {
    color: #009944;
}

.nav_bgColor {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/b_1.png);
    z-index: 1005;
    display: none;
}
.nav_bgColor.cur {display: block;}
.nav_wcImg {
    position: absolute;
    left: 20px;
    width: 129px;
    height: 129px;
    bottom: 20px;
    margin-left: -65px;
    display: none;
}
.nav_wc:hover .nav_wcImg {display: block;}
.ser_block {position: relative;
    width: 100%;
    padding: 40px 0 60px 0;}
.pro_content {
    position: relative;
    width: 94%;
    margin: auto;
    margin-top: 20px;
    height: 80px;
}
.conList.fr.at .conLbg,.conList.fr:hover .conLbg {background: url(../Images/a5_1.jpg) no-repeat center;
    background-size: cover;
    color: #fff;}
.margin_block {position: relative;width:100%;height: 100%;margin-top:0px;}

.video_block {
    position: relative;
    width: 100%;
    padding: 40px 0;
}

.video_img {
    position: relative;
    width: 100%;
}

video.video_video {
    width: 100%;
}

.video_play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -38px;
    margin-left: -38px;
    z-index:99;
    cursor:pointer
}