@charset "utf-8";
/* CSS Document */

/*CSS RESET*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "微软雅黑","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%; }
a{color:#2d374b; text-decoration:none;}
a:hover{color:#cd0200;text-decoration:none;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
input,button,select,textarea{outline:none}
textarea{resize:none}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
border: 1px solid #CCC!important;

}
.hidden{opacity:0;filter:alpha(opacity=0);-moz-opacity:0; }


.inner{ width:1200px; height:100%; position:relative; clear:none; margin:0 auto;}
@media screen and (min-width: 1900px){
.inner2{ width:1200px; height:auto; position:relative; clear:none; margin:0 auto;}
.inner3{ width:1100px; height:auto; position:relative; margin:0 auto;}

}
@media screen and (min-width: 1441px)and (max-width:1900px){
.inner2{ width:1200px; height:auto; position:relative; clear:none; margin:0 auto;}
.inner3{ width:1100px; height:auto; position:relative; margin:0 auto;}

}

@media screen and (min-width: 1361px)and (max-width:1441px){
.inner2{ width:1000px; height:auto; position:relative; clear:none; margin:0 auto;}
.inner3{ width:1100px; height:auto; position:relative; margin:0 auto;}

}
@media screen and (min-width:1025px) and (max-width:1360px) {
.inner2{ width:800px; height:auto; position:relative; clear:none; margin:0 auto;}
.inner3{ width:1100px; height:auto; position:relative; margin:0 auto;}

}
@media screen and (min-width: 600px) and (max-width: 1025px){
.inner2{ width:700px; height:auto; position:relative; clear:none; margin-left:20%;}
.inner3{ width:840px; height:auto; position:relative; margin:0 auto;}

}

.header{ position:fixed; left:0; top:0; width:180px; height:100%; background:#fff; z-index:9; *position:absolute;}
.logo{ width:100%;}
.logo img{ width:100%;}
nav{ width:100%;}
nav li.nav01{ font-size:14px; color:#292929; text-indent:50px; line-height:20px; border-bottom:1px solid #e5e5e5; position:relative;}
nav li.nav01 a{ color:#292929; display:block; width:100%; height:100%;}
nav li.nav01:hover{ background:#0c4da1;}
nav li.nav01:hover a{ color:#fff;}
nav li.nav01 ul{ position:absolute; left:180px; top:0; z-index:2; display:none;}
nav li.nav01 ul li{ width:155px; height:45px; border-bottom:1px solid #4075ac; line-height:45px; text-indent:20px;}
nav li.nav01 ul li.ennav02{ text-indent:5px;}
nav li.nav01 ul li a{ color:#fff; display:block; width:100%; height:100%;}
nav li.nav01 ul li:hover{ background:#fff;}
nav li.nav01 ul li:hover a{ color:#0c4da1;}
.navcover{ position:absolute; width:155px; height:2000px; top:-500px; left:180px;background:rgba(12,77,161,0.9) !important;background-color:#0c4da1; filter:alpha(opacity=90); z-index:1; display:none; }
.header .search{ width:125px; height:25px; margin:0 auto;}
.header .search form{width:125px; height:25px; position:relative;}
.header .search input.txt{ width:125px; height:23px; border:1px solid #ccc; border-radius:10px; background:#fff; text-indent:5px;}
.header .search input.btn{ position:absolute; right:5px; top:0; width:17px; height:23px; background:url(../images/sbtn.jpg) no-repeat center;border:none; z-index:2;}
.htel{ width:140px; height:30px; background:url(../images/phone.jpg) no-repeat left center; text-indent:22px;}
.htel h1,.htel h5{ font-weight:normal;}
.htel h1{ font-size:12px; color:#b9b9b9; line-height:14px;}
.htel h5{ font-size:17px; color:#38a539; font-family:Verdana, Geneva, sans-serif;}
.her{ text-align:center; width:100%;}
.hqq{ text-align:center; width:100%;}
.hcopy{ position:absolute;left:0; }
.hcopy p{ padding-left:20px; color:#5a5a5a; line-height:15px; padding-bottom:3px;}
.hcopy p a{color:#5a5a5a;}
.hcopy p a:hover{ text-decoration:underline;}
@media screen and (min-width: 1900px){
.logo img{ padding:40px 0;}
nav li.nav01{ padding:15px 0;}
.header .search{ padding:20px 0;}
.htel{ margin:20px auto 10px;}
.her{ padding:25px 0 25px 0;}
.hcopy{bottom:20px; }
}
@media screen and (min-width: 1441px)and (max-width:1900px){
.logo img{ padding:25px 0 20px;}
nav li.nav01{ padding:10px 0;}
.header .search{ padding:25px 0 15px 0 ;}
.htel{ margin:10px auto;}
.her{ padding:10px 0 10px 0;}
.hcopy{bottom:10px; }

}

@media screen and (min-width: 1361px)and (max-width:1441px){
.logo img{ padding:30px 0;}
nav li.nav01{ padding:10px 0;}
.header .search{  padding:30px 0 20px 0 ;}
.htel{margin:15px auto;}
.her{ padding:10px 0 15px 0;}
.hcopy{bottom:10px; }

}
@media screen and (min-width:1025px) and (max-width:1360px) {
.logo img{ padding:20px 0 10px 0;}
nav li.nav01{ padding:8px 0;}
.header .search{ padding:15px 0;}
.htel{ margin:5px auto;}
.her{ padding:10px 0 10px 0;}
.her img{ width:80px;}
.hcopy{bottom:10px; }
}
@media screen and (min-width: 600px) and (max-width: 1025px){
.logo img{ padding:20px 0 10px 0;}
nav li.nav01{ padding:8px 0;}
.header .search{ padding:15px 0;}
.htel{ margin:5px auto;}
.her{ padding:10px 0 10px 0;}
.her img{ width:80px;}
.hcopy{bottom:10px; }

}

.lang{ width:140px; height:25px; border:1px solid #004099; position:fixed; top:40px; right:10%; z-index:999; *position:absolute; text-align:center; line-height:25px;}
.lang a{ display:block; width:70px; float:left; color:#004099; height:100%;}
.lang a.lang-on{ background:#004099; color:#fff;}
.lang a:hover{ background:#004099; color:#fff;}


/*第一屏*/
.section01{ background:url(../images/index.jpg) no-repeat center bottom #000; width:100%; height:100%; background-size:100%; }
@media screen and (min-width: 1900px){
.sc01-04{ margin:0 auto; width:100%; position:relative; text-align:center; padding-top:20px; padding-left:8%;}
.sc01-01{ position:absolute; bottom:19%; left:12%;}
.sc01-02{ position:absolute; bottom:15%; left:38%;}
.sc01-03{ position:absolute; bottom:19%; right:-10%;}
}
@media screen and (min-width: 1441px)and (max-width:1900px){
.section01 img{ width:100%;}
.sc01-04{ margin:0 auto; width:100%; position:relative; text-align:center; padding-left:8%;}
.sc01-04 img{ width:455px;}
.sc01-01{ position:absolute; bottom:19%; left:17%; width:255px;}
.sc01-02{ position:absolute; bottom:16%; left:40%; width:405px;}
.sc01-03{ position:absolute; bottom:19%; right:2%; width:285px;}

}

@media screen and (min-width: 1361px)and (max-width:1441px){
.section01 img{ width:100%;}
.sc01-04{ margin:0 auto; width:100%; position:relative; text-align:center; padding-left:8%;}
.sc01-04 img{ width:455px;}
.sc01-01{ position:absolute; bottom:19%; left:17%; width:255px;}
.sc01-02{ position:absolute; bottom:16%; left:40%; width:405px;}
.sc01-03{ position:absolute; bottom:19%; right:2%; width:285px;}

}
@media screen and (min-width:1025px) and (max-width:1360px) {
.section01 img{ width:100%;}
.sc01-04{ margin:0 auto; width:100%; position:relative; text-align:center; padding-left:8%;}
.sc01-04 img{ width:380px;}
.sc01-01{ position:absolute; bottom:19%; left:23%; width:215px;}
.sc01-02{ position:absolute; bottom:16%; left:40%; width:325px;}
.sc01-03{ position:absolute; bottom:19%; right:12%; width:240px;}


}
@media screen and (min-width: 600px) and (max-width: 1025px){
.section01 img{ width:100%;}
.sc01-04{ margin:0 auto; width:100%; position:relative; text-align:center;}
.sc01-04 img{ width:300px;}
.sc01-01{ position:absolute; bottom:15%; left:23%; width:165px;}
.sc01-02{ position:absolute; bottom:12%; left:38%; width:255px;}
.sc01-03{ position:absolute; bottom:15%; right:22%; width:200px;}

}


.sc1an01{-webkit-animation:fadeInDown .5s 0s ease both;-moz-animation:fadeInDown .5s 0s ease both;}
.sc1an02{-webkit-animation:fadeInLeft .5s .5s ease both;-moz-animation:fadeInLeft .5s .5s ease both;}
.sc1an03{-webkit-animation:fadeInUp .5s .5s ease both;-moz-animation:fadeInUp .5s .5s ease both;}
.sc1an04{-webkit-animation:fadeInRight .5s .5s ease both;-moz-animation:fadeInRight .5s .5s ease both;}


/*第二屏*/
.sc02-top{ width:100%; position:relative; top:0; left:0;}
.sc02-top:before{ content:""; display:table;}
.sc02-top:after{ content:""; display:table; clear:both;}
.sc02-top img{ width:100%;}
.sc02-btm{ width:100%;}
.sc02tt{ width:100%; text-align:left;}
.sc02tt h1{ font-size:33px; color:#c3c4c4; font-family:"Times New Roman", Times, serif; line-height:35px;}
.sc02tt h5{ font-size:20px; color:#0c4da1; line-height:25px; font-weight:normal;}
.sc02wen{ width:100%; height:60%; font-size:14px; color:#333333; line-height:25px; text-align:left; overflow:scroll; overflow-x:hidden;}
@media screen and (min-width: 1900px){
.sc02tt{ padding:45px 0;}
}
@media screen and (min-width: 1441px)and (max-width:1900px){
.sc02tt{ padding:30px 0;}
}

@media screen and (min-width: 1361px)and (max-width:1441px){
.sc02tt{ padding:30px 0;}
}
@media screen and (min-width:1025px) and (max-width:1360px) {
.sc02tt{ padding:20px 0;}
}
@media screen and (min-width: 600px) and (max-width: 1025px){
.sc02tt{ padding:20px 0;}
}

.sc02wen::-webkit-scrollbar {
 width: 5px;
 height:5px;
}
.sc02wen::-webkit-scrollbar-track{
}
 .sc02wen::-webkit-scrollbar-track {
 background-color:#ffff;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
 .sc02wen::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background-color: #FFF;
 background-image: -webkit-gradient(linear,  40% 0%,  75% 84%,  from(#646464),  to(#646464),  color-stop(.6, #646464));
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}

/*第三屏*/
.ipro{ margin-left:180px; height:100%;}
.ipro ul{ width:100%; height:100%;}
.ipro ul li{ width:33.3%; float:left; height:100%;}
.ipro ul li a{ display:block; width:100%; height:100%;}
.ipimg{ width:100%; height:59%; background:url(../images/pbg.jpg) no-repeat center bottom; position:relative; background-size:100%;}
.ipimg img{ width:100%; position:absolute; bottom:10%; left:0;}
.ipwen{ width:100%; height:41%; background:#fff; position:relative; bottom:0; left:0; text-align:center; }
.ipwen h1{ font-size:50px; padding-top:19%; color:#737373; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:5px;font-weight:normal;}
.ipwen h2{ font-size:30px;  color:#737373; line-height:35px;font-weight:normal;}
.ipwen:before{ content:"|"; color:#737373; position:absolute; width:100%; text-align:center;top:0; left:0; padding-top:3%;opacity:0.3;filter:alpha(opacity=30);-moz-opacity:0.3;}
.ipwen:after{ content:"|"; color:#737373; position:absolute; width:100%; text-align:center;  bottom:0; left:0; padding-top:5%;opacity:0.3;filter:alpha(opacity=30);-moz-opacity:0.3; clear:both;}
.ipimg,.ipimg img,.ipwen{transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
.ipro ul li:hover .ipimg{ height:40%;}
.ipro ul li:hover .ipimg img{ bottom:5%;}
.ipro ul li:hover .ipwen{ height:60%; background:#0c4da1;}
.ipro ul li:hover .ipwen h1{ padding-top:20%; color:#fff;}
.ipro ul li:hover .ipwen h2{ color:#fff;}
.ipro ul li:hover .ipwen:before{ content:"";}
.ipro ul li:hover .ipwen:after{ content:"+"; height:50%; color:#fff;opacity:1;filter:alpha(opacity=1);-moz-opacity:1; clear:both;}

@media screen and (min-width: 1900px){
.ipwen:before{font-size:50px; height:30%; }
.ipwen:after{ font-size:50px;height:30%;}

}
@media screen and (min-width: 1441px)and (max-width:1900px){
.ipwen:before{font-size:40px;height:30%;}
.ipwen:after{ font-size:40px;height:25%;}

}

@media screen and (min-width: 1361px)and (max-width:1441px){
.ipwen:before{font-size:40px;height:30%;}
.ipwen:after{ font-size:40px;height:25%;}

}
@media screen and (min-width:1025px) and (max-width:1360px) {
.ipwen:before{font-size:30px;height:30%;}
.ipwen:after{ font-size:30px;height:25%;}

}
@media screen and (min-width: 600px) and (max-width: 1025px){
.ipwen:before{font-size:30px;height:30%;}
.ipwen:after{ font-size:30px;height:25%;}

}


/*第四屏*/
.section04{ background:url(../images/net.jpg) no-repeat center top #fff; width:100%; height:100%; background-size:100%; }
#dowebok div.section04-2{ background:url(../images/net2.jpg) no-repeat center top #fff; width:100%; height:100%; background-size:100%; }
@media screen and (min-width: 1900px){
.section04 .mapimg{  padding-top:15%; text-align:center; width:100%;}

}
@media screen and (min-width: 1441px)and (max-width:1900px){
.section04 .mapimg{  padding-top:10%; text-align:center; width:100%;}
.section04 .mapimg img{ height:550px;}
}

@media screen and (min-width: 1361px)and (max-width:1441px){
.section04 .mapimg{  padding-top:10%; text-align:center; width:100%;}
.section04 .mapimg img{ height:550px;}

}
@media screen and (min-width:1025px) and (max-width:1360px) {
.section04 .mapimg{  padding-top:10%; text-align:center; width:100%;}
.section04 .mapimg img{ height:500px;}

}
@media screen and (min-width: 600px) and (max-width: 1025px){
.section04 .mapimg{  padding-top:10%; text-align:center; width:100%;}
.section04 .mapimg img{ height:500px;}

}

/*第五屏*/
.section05{ background:url(../images/mess.jpg) no-repeat center bottom #fff; width:100%; height:100%; background-size:100%; }
.section05 h5,.section05 h6{ font-size:14px; color:#fff; padding-left:2%; text-align:left; line-height:25px; display:block;}
.section05 h6{}
.imess{ width:100%; margin-top:30px;}
.imess input.intxt{ width:45%; height:45px; float:left; margin:0 2% 30px; border:1px solid #c4c4c4; line-height:45px; font-size:14px; color:#8a8989; text-indent:10px;background:rgba(255,255,255,0.9) !important;background-color:#fff; filter:alpha(opacity=90); font-family:"微软雅黑";}
.imess textarea{ width:95%; margin-left:2%; margin-bottom:30px;text-indent:10px;background:rgba(255,255,255,0.9) !important;background-color:#fff; filter:alpha(opacity=90);border:1px solid #c4c4c4;font-size:14px; color:#8a8989; line-height:25px; clear:both;font-family:"微软雅黑";}
.imess input.m_sub{ width:95%; height:45px; background:#0c4da1; border:none; color:#fff; text-align:center; font-size:14px; line-height:45px; margin-left:2%; cursor:pointer;font-family:"微软雅黑";}
.imess input.m_sub:hover{ background:#36A82F;}

@media screen and (min-width: 1900px){
.section05 h5{ padding-top:15%;}

.imess textarea{ height:275px;}
}
@media screen and (min-width: 1441px)and (max-width:1900px){
.imess textarea{ height:230px;}
.section05 h5{ padding-top:8%;}

}

@media screen and (min-width: 1361px)and (max-width:1441px){
.imess textarea{ height:230px;}
.section05 h5{ padding-top:8%;}

}
@media screen and (min-width:1025px) and (max-width:1360px) {
.imess textarea{ height:180px;}
.section05 h5{ padding-top:5%;}

}
@media screen and (min-width: 600px) and (max-width: 1025px){
.imess textarea{ height:180px;}
.section05 h5{ padding-top:5%;}

}


/*第六屏*/
.sc06-btm{ width:100%; height:auto;overflow:hidden; }
.jobtop{ width:100%;font-size:14px; color:#000; text-align:left; background:#cccccc;}
.jobtop:before{ content:""; display:table;}
.jobtop:after{ content:""; display:table; clear:both;}
.jobtop span{ display:block; float:left; text-indent:10px; background:#cccccc;border-right:1px solid #cccccc; }
.jobtitle{ width:80%;}
.jobnum{ width:10%;}
.jobedu{ width:15%;}
.jobadd{ width:28%;}
.jobtime{ width:18%;}
.jobdown{ width:10%;}
.sc06-btm ul li{ width:100%; overflow:hidden;border-bottom:1px solid #fff;background:#f2f2f2;  }
.sc06-btm ul li:before{ content:""; display:table;}
.sc06-btm ul li:after{ content:""; display:table; clear:both;}
.sc06-btm ul li span{background:#f2f2f2;display:block; float:left; border-right:1px solid #fff;text-indent:10px; overflow:hidden; }
.sc06-btm ul li span.jobdown{ padding:0; text-align:center;}
.sc06-btm ul li span.jobdown img{ height:90%;}
@media screen and (min-width: 1900px){
.jobtop{ margin-top:5%; }
.jobtop span{padding:15px 0;}
.sc06-btm ul li span{padding:15px 0;}
}
@media screen and (min-width: 1441px)and (max-width:1900px){
.jobtop{ margin-top:5%; }
.jobtop span{padding:15px 0;}
.sc06-btm ul li span{padding:15px 0;}

}

@media screen and (min-width: 1361px)and (max-width:1441px){
.jobtop{ margin-top:5%; }
.jobtop span{padding:15px 0;}
.sc06-btm ul li span{padding:15px 0;}
}
@media screen and (min-width:1025px) and (max-width:1360px) {
.jobtop{ margin-top:5%; }
.jobtop span{padding:15px 0;}
.sc06-btm ul li span{padding:15px 0;}

}
@media screen and (min-width: 600px) and (max-width: 1025px){
.jobtop{ margin-top:5%; }
.jobtop span{padding:15px 0;}
.sc06-btm ul li span{padding:15px 0;}

}


.sc07-btm{ width:100%;}
.sec07-left ul li{ line-height:28px; font-size:14px; color:#444444;}
.sec07-left ul{ padding-top:10px;}
.sec07-right{ float:right;}
.sec07-right img{ max-width:100%;}
@media screen and (min-width: 1900px){
.sec07-left{ width:45%; padding-left:5%; text-align:left; float:left; padding-top:10%;}
.sec07-right{ padding-top:10%; width:45%; padding-right:3%;}
.sec07-left h1{ font-size:32px; font-family:"微软雅黑"; line-height:30px; color:#000;}
.sec07-left h5{ font-size:14px; color:#151515; font-family:Arial, Helvetica, sans-serif; line-height:35px; font-weight:normal;}

}
@media screen and (min-width: 1441px)and (max-width:1900px){
.sec07-left{ width:45%; padding-left:5%;  text-align:left;float:left; padding-top:10%;}
.sec07-right{ padding-top:10%; width:45%; padding-right:3%;}
.sec07-left h1{ font-size:32px; font-family:"微软雅黑"; line-height:30px; color:#000;}
.sec07-left h5{ font-size:14px; color:#151515; font-family:Arial, Helvetica, sans-serif; line-height:35px; font-weight:normal;}

}

@media screen and (min-width: 1361px)and (max-width:1441px){
.sec07-left{width:45%; padding-left:5%;text-align:left;float:left; padding-top:10%;}
.sec07-right{ padding-top:10%; width:45%; padding-right:3%;}
.sec07-left h1{ font-size:32px; font-family:"微软雅黑"; line-height:30px; color:#000;}
.sec07-left h5{ font-size:14px; color:#151515; font-family:Arial, Helvetica, sans-serif; line-height:35px; font-weight:normal;}

}
@media screen and (min-width:1025px) and (max-width:1360px) {
.sec07-left{ width:55%; text-align:left; padding-top:5%;float:left;}
.sec07-right{ padding-top:5%; width:43%; }
.sec07-left h1{ font-size:32px; font-family:"微软雅黑"; line-height:30px; color:#000;}
.sec07-left h5{ font-size:14px; color:#151515; font-family:Arial, Helvetica, sans-serif; line-height:35px; font-weight:normal;}

}
@media screen and (min-width: 600px) and (max-width: 1025px){
.sec07-left{ width:55%; text-align:left; padding-top:5%;float:left;}
.sec07-right{ padding-top:5%; width:43%; }
.sec07-left h1{ font-size:28px; font-family:"微软雅黑"; line-height:30px; color:#000;}
.sec07-left h5{ font-size:12px; color:#151515; font-family:Arial, Helvetica, sans-serif; line-height:35px; font-weight:normal;}


}
.my-map { margin: 0 auto; width: 100%; height: 300px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

/*产品列表页*/
.nei_con{ padding-left:180px; height:auto; position:relative; z-index:1;}
.nei_con h1.ptitle{ font-size:25px; color:#000; text-align:center; line-height:50px; padding:20px 0 50px 0;}
.plclass{ padding-bottom:30px; margin:0 auto;}
.plclass li{ line-height:35px; float:left;margin-right:12px; height:35px; margin-bottom:10px; }
.plclass a{ color:#787878; font-size:14px; display:block; height:35px; padding:0 25px;  border:1px solid #bab9b9; position:relative; }
.plclass a:hover{ background:#004099; color:#fff;}
.plclass:before{ content:""; display:table;}
.plclass:after{ content:""; display:table; clear:both; padding-bottom:30px;}

.plist{ width:100%; height:auto; clear:both;}
.plist:before{ content:""; display:table;}
.plist:after{ content:""; display:table; clear:both; padding-bottom:30px;}
.plist li a{ display:block; width:100%; height:100%;}
@media screen and (min-width:1025px) {
.plist li{ width:320px; height:350px; float:left; border:1px solid #ccc; margin:0 20px 30px 20px;}
.plist li a div{ width:320px; height:300px; overflow:hidden; display:table-cell;  vertical-align:middle; font-size:245px; text-align:center;}
.plist li a img{display:block; max-width: 320px; _width: expression(this.width > 320 ? 320 : true); margin:0 auto; vertical-align:middle; max-height:300px; _height: expression(this.width > 300 ? 300 : true);transition: All .5s; -moz-transition: All .5s;	/* Firefox 4 */ -webkit-transition: All .5s;	 -o-transition: All .5s;}
.plist li a p{ height:50px; border-top:1px solid #ccc; line-height:50px; text-align:center; color:#292929; font-size:14px;}
}
@media screen and (min-width: 600px) and (max-width: 1025px){
.plist li{ width:250px; height:250px; float:left; border:1px solid #ccc; margin:0 13px 30px 13px;}
.plist li a div{ width:250px; height:200px; overflow:hidden; display:table-cell;  vertical-align:middle; font-size:245px; text-align:center;}
.plist li a img{display:block; max-width: 250px; _width: expression(this.width > 250 ? 250 : true); margin:0 auto; vertical-align:middle; max-height:200px; _height: expression(this.width > 200 ? 200 : true);transition: All .5s; -moz-transition: All .5s;	/* Firefox 4 */ -webkit-transition: All .5s;	 -o-transition: All .5s;}
.plist li a p{ height:50px; border-top:1px solid #ccc; line-height:50px; text-align:center; color:#292929; font-size:14px;}

}

.plist li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.plist li:hover p{ background:#004099; color:#fff;}


.protent_div{ width:100%; margin:0px auto; text-align:left;}
.procont_title{ font-size:20px; color:#222222; line-height:30px; padding-bottom:30px; text-align:center; text-align:center;}
.pro_center2{ width:100%; height:auto; text-align:center; padding:0 0 10px 0; }
.shuoming{ width:100%; font-size:13px; color:#222222; padding:10px; text-align:left; width:85%; margin:0 auto;}
.xiangshi{ width:100%; height:30px; font-size:14px; color:#222222;}
.shuoming img{ max-width:100%;}


#yema{ width:100%x; margin:0 auto; text-align:center;height:40px; clear:both; margin-bottom:30px; margin-top:30px;}
#yema em{padding:8px 10px 8px 10px;  height:35px;}
#yema a{ padding:8px 10px 8px 10px; border:1px solid #ccc; color:#c7c4c4; margin-left:7px; margin-right:7px; height:35px;}
#yema  strong{ padding:8px 10px 8px 10px; border:1px solid #005ea6; background:#005ea6; color:#fff; }
#yema a:hover{ background:#005ea6; color:white; text-decoration:none;border:1px solid #005ea6;}
#yema .next{ padding:8px 10px 8px 10px; border:1px solid #ccc; color:#c7c4c4;}
.back{ border-top:1px solid #e1e1e1; margin-top:30px; text-align:center; margin-bottom:20px;}
.page{ text-align:left;}
.page_num{ height:40px; padding-top:10px;}
.pro_back{ width:100%; height:100px; border-top:1px solid #ccc; margin-top:20px; margin-bottom:20px;}
.back_in{ font-size:12px; line-height:25px; color:#ccc; text-align:center;}
.page2{ height:25px; line-height:25px; color:#ccc; font-size:13px;}
.pro_back a{ color:#222222; text-decoration:none;}
.page2 a:hover{ color:#da251c;}
.back_in a:hover{color:#da251c;}


/*人才招聘*/
.jobcon{ width:100%; height:auto; padding-bottom:30px;}
.nj-list{ width:100%; border-top:3px solid #005ea6; padding-bottom:30px; clear:both;}
.nj-list:before{ content:""; display:table;}
.nj-list:after{ content:""; display:table; clear:both;}
.job-t{ width:100%; height:60px; background-color:#e5f0fa; line-height:60px;}
.jobt1{ font-size:14px; color:#5d5d5d; padding-left:15px; display:inline-block; float:left; height:60px;}
.jobt1 i{ padding-right:25px; color:#da251c; line-height:60px; float:left;}
.jobt1 span{ line-height:60px; display:inline-block; float:left; }
.jobt1 font{ line-height:60px; display:inline-block; float:left; color:#da251c; }
.jobt-time{ display:inline-block; float:right; font-size:14px; color:#787777; line-height:60px; padding-right:20px;}
.nj-list table{ width:100%; clear:both; height:180px;}
.nj-list table td{ width:33.3%; border-bottom:1px solid #d7d5d6; height:60px; line-height:60px; font-size:14px; color:#5d5d5d; text-indent:45px;}
.jobdetail{ clear:both; padding-left:45px; font-size:14px; line-height:30px;color:#5d5d5d; padding-top:10px;}
.jobdetail strong { font-weight:normal;}
.nj-list a{ display:inline-block; float:right; width:115px; height:30px; background:#005ea6; color:#fff; line-height:30px; text-align:center; margin-top:30px;}


.guide_mouse{ width:25px; height:50px; position:relative; margin:15px auto 0; background:url(../images/mouse.png) no-repeat center;}
.mouse{ width:6px; height:10px; left:10px;  position:absolute;-webkit-animation:gogogo 1.5s infinite linear ; animation:gogogo 1.5s infinite linear;}
@-webkit-keyframes gogogo {
    0%{top:5px;}
	25%{top:8px;}
    50%{ top:12px; }
	75%{top:8px;}
    100%{top:5px;}

}



.animate{
animation-duration:.8s;animation-delay:.1s;animation-timing-function:ease;animation-fill-mode:both;-moz-animation-duration:.8s;-moz-animation-delay:.1s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-webkit-animation-duration:.8s;-webkit-animation-delay:.1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-o-animation-duration:.8s;-o-animation-delay:.1s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;-ms-animation-duration:.8s;-ms-animation-delay:.1s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;
}
.animate2{
animation-duration:.5s;animation-delay:.1s;animation-timing-function:ease;animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:.1s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-webkit-animation-duration:.5s;-webkit-animation-delay:.1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-o-animation-duration:.5s;-o-animation-delay:.1s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-delay:.1s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;
}
.animate3{
animation-duration:.5s;animation-delay:.5s;animation-timing-function:ease;animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:.5s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-webkit-animation-duration:.5s;-webkit-animation-delay:.5s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-o-animation-duration:.5s;-o-animation-delay:.5s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-delay:.5s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;
}
.animate4{
animation-duration:.5s;animation-delay:1s;animation-timing-function:ease;animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:1s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-webkit-animation-duration:.5s;-webkit-animation-delay:1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-o-animation-duration:.5s;-o-animation-delay:1s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;-ms-animation-duration:.5s;-ms-animation-delay:1s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;
}



@-webkit-keyframes fadeInDown{from{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}to{-webkit-transform:none;transform:none;opacity:1;filter:alpha(opacity=100);-moz-opacity:1}}
@keyframes fadeInDown{from{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}to{-webkit-transform:none;transform:none;opacity:1;filter:alpha(opacity=100);-moz-opacity:1}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;opacity:1;filter:alpha(opacity=100);-moz-opacity:1}

@-webkit-keyframes fadeInLeft{from{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}to{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft{from{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}to{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-webkit-transform:none;transform:none}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;opacity:1;filter:alpha(opacity=100);-moz-opacity:1}

@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none;filter:alpha(opacity=100);-moz-opacity:1}}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none;filter:alpha(opacity=100);-moz-opacity:1}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

@-webkit-keyframes fadeInRight{from{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}to{opacity:1;-webkit-transform:none;transform:none;filter:alpha(opacity=100);-moz-opacity:1}}
@keyframes fadeInRight{from{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}to{opacity:1;-webkit-transform:none;transform:none;filter:alpha(opacity=100);-moz-opacity:1}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.newsc{ width:100%; padding-left:15px; padding-right:15px; clear:both;}
.newscc_top{ width:100%; height:50px; margin:0 auto; text-align:center; font-size:20px; color:black; line-height:50px;}
#news_top1{ text-align:center; width:100%; background:#F5F3F3; margin:0; padding:0; font-size:13px; height:30px; line-height:30px; color:#969696;}
#news_top1 a{ color:#969696;}
.newscc_content{ width:100%; margin:0 auto; padding:20px 0 20px 0;}