@charset "utf-8";

* {	margin: 0;	padding: 0;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}

body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}

h1,h2,h3,h4,h5,h6 {	font-size: 100%;}

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

a {	text-decoration: none;	color: #474747;  }

a:hover {	color: #e7142d;text-decoration: none;	}

img {	border: 0px;}

em{ font-style:normal;}

table {	border-collapse: collapse;	border-spacing: 0;}

html,body {	color: #474747;	background: #fff;	margin: 0 auto;font-size: 14px !important;}

.hide {	display: none;}

.clear {	clear: both;}

.w{width:100%;height:40px;}

.top10{margin-top:10px !important;}

.top20{margin-top:20px !important;}

.top35{margin-top:35px !important;}



.center{ text-align:center;}

.pic100 img{width:100%;}

h1{ font-size:24px;color:#464646;}

.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}

.f-turn{-webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -ms-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in;}

.fl{float:left;}

.fr{float:right;}

.pad35{padding:35px 0;}

.pad70{padding:70px 0;}

.overflow{ overflow:hidden;}

.font18{ font-size:18px;}

.font16{ font-size:16px;}

.white a,.white{ color:#fff;}

.rela{ position:relative;}







.top{ line-height:30px;height:50px; padding:10px 0 0; border-bottom:1px solid #e5e5e5;}

.topL span{ font-size:16px;}

.topR{ text-align:right;}

.topR li{ display:inline-block;margin-left:10px; position:relative;}

.topR li a{ width:30px;height:30px; display:inline-block; vertical-align:middle;}

.topR li.li1 a{ background:url(../images/icon_1.png) no-repeat;}

.topR li.li2 a{ background:url(../images/icon_2.png) no-repeat;}

.topR li.li3 a{ background:url(../images/icon_3.png) no-repeat;}

.topR li.li4 a{ background:url(../images/icon_4.png) no-repeat;}

.topR li.li1 a:hover{ background:url(../images/icon_5.png) no-repeat;}

.topR li.li2 a:hover{ background:url(../images/icon_6.png) no-repeat;}

.topR li.li3 a:hover{ background:url(../images/icon_7.png) no-repeat;}

.topR li.li4 a:hover{ background:url(../images/icon_8.png) no-repeat;}

.topR li div{ position:absolute;left: 50%; margin-left: -62px;padding-top: 20px; display:none;z-index: 9;}

.topR li div i{ position:absolute;width: 0; height: 0; margin-left:-15px;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-bottom: 15px solid #e7142d;top:5px;left: 50%;}

.topR li div p{ background-color:#e7142d; padding:10px;width:125px;}

.topR li:hover div{ display:block;}

header{padding:30px 0 15px; }

header .container{position:relative;}

.logo{ position:absolute;left:0; top:10px; z-index:9;}

nav{ width:70%;float:right;}

nav li{ width:14.28%;text-align:center;font-size:16px; float:left;}

nav li a{ display:block;}

nav li a span{ display:block; font-size:12px; text-transform:uppercase; color:#c7c7c7;margin-top:5px;}

nav li a.cur,nav li a:hover,nav li a.cur span,nav li a:hover span{color:#e7142d;}

.h_tit h2{ font-size:24px; float:left;}

.h_tit h2 span{ color:#9d9b9b; display:inline-block; margin-left:15px; font-size:14px;}

.h_C{ margin-top:20px;}

#owl-demo .item{ margin: 10px;text-align: center;}

#owl-demo .item dt{ border:1px solid #dcdcdc;}

#owl-demo .item dd,.product dl dd{ padding:15px;}

#owl-demo .item dd h5,.product dl dd h5{ font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}

#owl-demo .item dd p,.product dl dd p{ margin-top:5px; color:#979797;overflow:hidden; line-height:20px;height:20px;}

#owl-demo .item a:hover dt{ border-color: #e7142d;}

#owl-demo .item a:hover dd{ background-color:#e7142d; color:#fff;}

#owl-demo .item a:hover dd p{color:#fff;}

.customNavigation{ position:absolute;top:-30px;right:0;}

.customNavigation a{ width:32px;height:32px; display:inline-block; font-size:0; margin-left:5px; border:1px solid #dcdcdc;}

.customNavigation a.prev{ background:url(../images/icon_2.jpg) no-repeat;}

.customNavigation a.next{ background:url(../images/icon_3.jpg) no-repeat;}

.customNavigation a:hover.prev{ background:url(../images/icon_1.jpg) no-repeat;border:1px solid #e7142d;}

.customNavigation a:hover.next{ background:url(../images/icon_4.jpg) no-repeat;border:1px solid #e7142d;}

.h_B{ background-color:#f9f9f9;}

.h_B .container{ padding:0 35px;}

.h_about .h_C dl{ background-color:#fff;}

.h_about .h_C dl,.h_tit,.h_new .h_C dl{ overflow:hidden;}

.h_about .h_C dl dt{width:215px;float:left; overflow:hidden;}

.h_about .h_C dl dt img,.h_new .h_C dl dt img,.newL img,.new2list img{-webkit-transition: all 0.7s ease-out;

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

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

		transition: all 0.7s ease-out;}

.h_about .h_C dl a:hover dt img,.h_new .h_C dl a:hover dt img,.newL a:hover img,.new2list dl a:hover img{transform:scale(1.1,1.1);

	-webkit-transform:scale(1.1,1.1);

	-moz-transform:scale(1.1,1.1);

	-ms-transform:scale(1.1,1.1);}

.h_about .h_C dl dd{ width:calc(100% - 215px);float:right; position:relative; height:247px; background-color:#fff;}

.h_about .h_C dl dd p{ margin:30px 25px 0; line-height:23px; height:138px; overflow:hidden;}

.h_about .h_C dl dd div{ position:absolute;bottom:0; background-color:#e7142d; text-align:center; height:42px;left:0;width: 100%;}

.h_more,.downbtn a{ font-size:14px; display:inline-block; background-color:#e7142d; color:#fff; padding:5px 10px; float:right; margin-top:5px;-webkit-transition: all 0.5s ease-out;

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

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

		transition: all 0.5s ease-out;}

a:hover.h_more,.downbtn a:hover{ background-color:#1d2088; color:#fff;}

.h_new .h_C dl dt{ width:142px;float:left; overflow:hidden;}

.h_new .h_C dl dd{width:calc(100% - 155px);float:right;}

.h_new .h_C dl dd h5{ font-size:16px; height:22px; line-height:22px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}

.h_new .h_C dl dd time{ font-size:12px; color:#b5b4b4;}

.h_new .h_C dl dd time span{ display:inline-block; margin:5px 10px 5px 0;}

.h_new .h_C dl dd p{ font-size:12px; line-height:20px;height:40px; overflow:hidden;color:#797979; margin-top:5px;} 

.h_new .h_C ul{ margin-top:25px;}

.h_new .h_C ul li,.newR ul li{ overflow:hidden;border-bottom:1px dashed #dcdcdc; padding-bottom:5px; margin-bottom:15px;}

.h_new .h_C ul li i,.newR ul li i{ vertical-align:super;width:8px; height:8px; display:inline-block; background-color:#d2d2d2; border-radius:100%; margin-right:10px;}

.h_new .h_C ul li p,.newR ul li p{ display:inline-block;width:calc(100% - 155px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}

.h_new .h_C ul li time,.newR ul li time{ float:right;color:#b5b5b5;}

#nav{ position:fixed;top:0; left:0; display:none;z-index:999; width:100%; background:#a80616; height:100%; overflow-y:scroll !important;}

#nav li{  color:#fff;}

#nav li a{ color:#fff;font-size:15px; display:inline-block; width:100%;height:3em; line-height:3em; padding-left:4%;border-bottom:1px solid #c30a1c; position:relative;}

#nav li a span{ position:absolute; right:6%; top:32%; text-indent:-99999px; display:block; width:9px; height:15px; background:url(../images/arrow.html) no-repeat;}

#nav li.btn_up{ text-align:center;}

#nav li.btn_up img{ vertical-align:middle; max-width:64px;width:10%;}

#nav li div{ display:none;font-size:13px; background-color:#b51525;}

#nav li div a{ padding-left:5%;}

.shadow{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6); z-index:8;}

.banner{ overflow:hidden;}

.bannerC{ position:absolute;width:100%;height:100%;top:0;left:0;}

.footTL dl{ width:16%;float:left;}

.footTL dl dt{ font-size:16px;margin-bottom:15px;}

.footTL dl dd{ margin:10px 0;}

.footTL dl dd a{ color:#b5b5b5;}

.footTR{ border-left:1px solid #535353;}

.footTR dl{width:135px; text-align:center; display:inline-block;}

.footTR dl dt{ margin-bottom:20px;}

.footB{ padding:30px 0; border-top:1px solid #535353;background-color:#232323;}

.footTT{ width:100%; overflow:hidden; 

	transform: rotateX(-90deg) translate3d(0,0,0);

	-webkit-transform:rotateX(-90deg) translate3d(0,0,0);

	-moz-transform:rotateX(-90deg) translate3d(0,0,0);

	

    transition: all 0.8s ease-in-out 0.1s;

	-webkit-transition:all 0.8s ease-in-out 0.1s;

	-moz-transition:all 0.8s ease-in-out 0.1s;

    transform-origin: 50% 100%;

	

	}

.footTT.animated {

	transform: rotateX(0) translate3d(0,0,0);

    -webkit-transform: rotateX(0deg) translate3d(0,0,0);

    -moz-transform: rotateX(0deg) translate3d(0,0,0);

}

.h_product{ background-color:#fff; position:relative; z-index:10; padding:35px;}

.side{position:fixed;width:90px;right:20px;bottom:30px;z-index:100;}

.side ul li{width:90px;height:90px;float:left;position:relative;}

.side ul li .sidebox,.side ul li .sidebox1{position:absolute;width:90px;height:90px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:18px/90px "微软雅黑";overflow:hidden;}

.side ul li .sidetop{width:90px;height:90px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{background:#e60e11;opacity:1;filter:Alpha(opacity=100);}

.side ul li img{float:left;}

.sidecode{ width:141px;height:180px; background-color:#e60e11;    position: absolute; padding:10px;left: -141px; color:#fff; opacity:0;filter:Alpha(opacity=0); display:none;}

.sidecode img{ margin-bottom:10px;}

a:hover.sidewx .sidecode{ display:block; opacity:1;filter:Alpha(opacity=100);animation-delay: 0.2s;transition: all 0.2s;}

a:hover.sidewx .sidebox1{ background-color:#e60e11;opacity:1;filter:Alpha(opacity=100);}

.otherbanner1 .container{ padding:147px 0;}

.otherbanner1 p{ margin:38px auto 0;line-height:30px;height:60px; overflow:hidden;width:80%}

.other1{ background:url(../images/other1.jpg) no-repeat center center fixed; background-size:cover;}

.otherup,.otherbanner1 img{display:block;margin:auto;}

.otherup{ margin-top:48px;animation: ani-svg 0.85s linear 0s alternate infinite;

    -webkit-animation: ani-svg 0.85s linear 0s alternate infinite;}

@keyframes ani-svg{

	0%{

	  opacity: 0.4;

	  transform: translateY(-20px);

	}

	15%{

	  opacity: 0.65;

	  transform: translateY(-15px);

	}

    25%{

      opacity: 0.8;

	  transform: translateY(-10px);

	}

    50%{

      opacity: 1;

	  transform: translateY(0px);

	}

	65%{

	  opacity: 0.8;

	  transform: translateY(5px);

	}

	75%{

	  opacity: 0.65;

	  transform: translateY(10px);

	}

	100%{

	  opacity: 0.4;

	  transform: translateY(15px);

	}

}

@-webkit-keyframes ani-svg{

	0%{

	  opacity: 0.4;

	  -webkit-transform: translateY(-20px);

	}

	15%{

	  opacity: 0.65;

	  -webkit-transform: translateY(-15px);

	}

    25%{

      opacity: 0.8;

	  -webkit-transform: translateY(-10px);

	}

    50%{

      opacity: 1;

	  -webkit-transform: translateY(0px);

	}

	65%{

	  opacity: 0.8;

	  -webkit-transform: translateY(5px);

	}

	75%{

	  opacity: 0.65;

	  -webkit-transform: translateY(10px);

	}

	100%{

	  opacity: 0.4;

	  -webkit-transform: translateY(15px);

	}

}

@-moz-keyframes ani-svg{

	0%{

	  opacity: 0.4;

	  -moz-transform: translateY(-20px);

	}

	15%{

	  opacity: 0.65;

	  -moz-transform: translateY(-15px);

	}

    25%{

      opacity: 0.8;

	  -moz-transform: translateY(-10px);

	}

    50%{

      opacity: 1;

	  -moz-transform: translateY(0px);

	}

	65%{

	  opacity: 0.8;

	  -moz-transform: translateY(5px);

	}

	75%{

	  opacity: 0.65;

	  -moz-transform: translateY(10px);

	}

	100%{

	  opacity: 0.4;

	  -moz-transform: translateY(15px);

	}

}

.abouttit{ font-size:36px; font-weight:bold; margin-bottom:25px;}

.abouttit span{ display:inline-block; margin-left:5px; color:#959494; font-size:15px; font-weight:100; text-transform:uppercase;}

.about_ppjsL h5,.ppjj h5,.gcjs h5{ font-size:20px; font-weight:bold; color:#e7142d;margin-bottom:28px;}

.about_ppjsL article,.gcjs article{ line-height:30px;height:180px; overflow:hidden; }

.about_ppjsL .h_more,.newR .h_more,.recruit_zpxxlist .h_more{ float:none;margin-top:36px;}

.about_qyry{ background:url(../images/bg2.jpg) no-repeat center center fixed; background-size:cover;}

.white .abouttit span{ color:#fff;}

.about_qyryC li a,.qyry li a{ display:block;padding:20px; background-color:#fff;}

.about_qyryC .h_more,.recruit_ygfc .h_more{float:none;margin-top:36px; background-color:transparent;border:1px solid #fff;}

.about_gcjs,.new2,.newlist,.newmain,.ygfclist{ background-color:#f9f9f9;}

.about_gcjsC .h_more,.about_scxsC .h_more,.new2 .h_more{float:none;margin-top:36px;background-color:transparent;border:1px solid #dcdcdc; color:#797979;}

.about_gcjsC article{ line-height:30px;height:60px; overflow:hidden;margin:0 0 20px;}

.about_scxsC p{ line-height:30px;height:90px; overflow:hidden;}

.about_scxsC article{ margin-top:24px; color:#e7142d; line-height:30px;}

.site{ padding:15px 0; border-bottom:1px solid #dcdcdc;}

.site p i{ width:28px; height:28px; display:inline-block; margin-right:10px; background:url(../images/icon_9.png) no-repeat; vertical-align:middle;}

.site ul li{ display:inline-block; margin-left:15px; position:relative;}

.site ul li i{ display:inline-block; width:100%;height:3px; background-color:#e7142d; position:absolute; left:0;    bottom: -25px; display:none;}

.site ul li a:hover i,.site ul li a.cur i{ display:block;} 

.site ul li a:hover,.site ul li a.cur{color:#e7142d;} 

.qyry{ background-color:#f9f9f9;}

.qyry li,.gcjs li{ margin-bottom:15px;}

.pagelist {margin:40px 0;}

.pagelist li{ display:inline-block;margin:0 3px;}

.pagelist li a,.pagelist li span{ display:block;padding:8px 18px; border:1px solid #dcdcdc;background-color:#f9f9f9;color:#222;}

.pagelist li a:hover,.pagelist li.active span,.pagelist li.active span:hover{border-color:#e7142d;  background-color:#e7142d;color:#fff;}

.gcjs h5{ font-size:24px; }

.gcjs article{height:auto; margin-bottom:25px;}

.other2{ background:url(../images/other2.jpg) no-repeat center center fixed; background-size:cover;}

.history dl{ position:relative;}

.history dl i{ width:24px;height:24px; display:inline-block; background:url(../images/icon_11.png) no-repeat; position:absolute;left:50%;margin-left:-12px;top:0;}

.history dl dt{ text-align:right; padding:0 40px 0 0;}

.history dl dt img { max-height:249px; max-width:100%;}

.history dl dd{padding:0 0 0 40px;}

.history dl dd h2{font-size:20px; font-weight:bold;}

.history dl dd h2 span{font-size:30px; }

.history dl dd h5{font-size: 18px; font-weight: bold; color: #e7142d; margin:10px 0;}

.history dl dd p{ color:#707070; line-height:25px;}

.line{ position:absolute;width:2px; height:100%; background-color:#e5e5e5; left:50%;margin-left:-1px; top:-130px;}

.history dl{ margin-bottom:60px;}

.history dl.dl2 dt{ float:right; text-align:left;padding:0 0 0 40px;}

.history dl.dl2 dd{ float:left; text-align:right;padding:0 40px 0 0;}

.end{ color:#fff; background-color:#e7142d; width:120px; height:120px; border-radius:100%;line-height:120px; line-height:120px; font-size:24px; text-align:center; margin:auto; position:relative; }

.other3{background:url(../images/other3.jpg) no-repeat center center fixed; background-size:cover;}

.product dl{ padding:0;}

.product dl a{ display:block; border:1px solid #dcdcdc; padding:20px; position:relative;}

.product dl dt{ padding:0 50px;}

.product dl dd{ padding:0 15px 15px;}

.product dl a .lineleft {  height: 0; position: absolute;transition: all 0.7s ease 0s; left:0;top:0;width:3px;background:#e7142d;display:block;}

.product dl a .lineright {  background: #1d2088;  height: 0;  position: absolute;  transition: all 0.7s ease 0s; right:0;bottom:0;width:3px;display:block;}

.product dl a .linetop  { background: #e7142d none repeat scroll 0 0;  height: 3px;  position: absolute; transition: all 0.7s ease 0s;  width: 0;left:0;top:0;height:3px;display:block;}

.product dl a .linebottom{height: 3px;  position: absolute; transition: all 0.7s ease 0s; width: 0;right:0;bottom:0;background:#1d2088;display:block;}

.product dl a:hover .lineleft,.prolist dl a:hover .lineleft,.recruit_zpxxlist li a:hover .lineleft,.recruit_zpxxlist li a:hover .lineright{  height: 100%; transition: all 0.7s ease 0s;}

.product dl a:hover .lineright,.prolist dl a:hover .lineright { height: 100%; transition: all 0.7s ease 0s;}

.product dl a:hover .linetop,.prolist dl a:hover .linebottom { transition: all 0.7s ease 0s;  width: 100%;}

.product dl a:hover .linebottom,.prolist dl a:hover .linetop {  transition: all 0.7s ease 0s;  width: 100%;}

.prolist dl{ width:20%;float:left; padding:0 15px; margin-bottom:30px;}

.prolist dl a{ display:block;}

.prolist dl a dt{ border:1px solid #dcdcdc; position:relative;}

.prolist dl a dd{ margin-top:15px;font-size:16px;line-height:22px;height:22px; overflow:hidden;}

.prolist dl a dt .lineleft,.recruit_zpxxlist li .lineleft{  height: 0; position: absolute;transition: all 0.7s ease 0s; left:0;top:0;width:3px;background:#e7142d;display:block;}

.prolist dl a dt .linebottom {  width: 0; position: absolute;transition: all 0.7s ease 0s; left:0;bottom:0;height:3px;background:#e7142d;display:block;}

.prolist dl a dt .lineright{  width:3px; position: absolute;transition: all 0.7s ease 0s; right:0;bottom:0;height:0;background:#e7142d;display:block;}

.prolist dl a dt .linetop {  width: 0; position: absolute;transition: all 0.7s ease 0s; right:0;top:0;height:3px;background:#e7142d;display:block;}

.promain h1{ font-size:36px; font-weight:bold; text-align:center; margin-bottom:35px;}

.promain article img{ max-width:100%;}

.downbtn{ text-align:center; margin-top:40px;}

.downbtn a{ float:none;padding: 10px 20px; font-size:16px;}

.prenext{ margin-top:70px; border-top:1px solid #dcdcdc;padding:15px 0 0;}

.prenext p{ margin:13px 0;color:#7b7b7b;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prenext p:nth-child(2){ text-align:right;}
.prenext p a{ display:block;}
.tj{ margin-top:70px;}

.other4{background:url(../images/other4.jpg) no-repeat center center fixed; background-size:cover;}

.newL a{ display:block; position:relative; overflow:hidden;}

.newL h5{ background:url(../images/mask_h36.png) repeat; height:50px;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap; position:absolute;bottom:0;left:0;font-size:16px; color:#fff; padding:0 10px; width:100%;}

.newR ul li{padding-bottom: 7px; margin-bottom: 17px;}

.new2list dl{ padding:0 8px;}

.new2list dl a{ display:block; background-color:#fff;webkit-transition: all 0.5s ease-out;

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

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

    transition: all 0.5s ease-out;}

.new2list dl dt{ overflow:hidden;}

.new2list dl dd{ padding:20px 15px;}

.new2list dl dd h5{ font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;  border-bottom:1px solid #eeeeee; padding-bottom:10px; margin-bottom:10px;}

.new2list dl dd p{ line-height:22px;height:66px; overflow:hidden; color:#a2a2a2; font-size:12px;}

.new2list dl a:hover{ background-color:#e7142d; color:#fff;}

.new2list dl a:hover p,.new2list dl a:hover h5{color:#fff;}

.newlist dl{ margin-bottom:20px;}

.newmain h1{font-size: 24px;font-weight: bold;text-align: center;margin-bottom: 12px;} 

.newmain time{ color:#afafaf; display:block; text-align:center;}

.newmain time span{ display:inline-block; margin:0 10px;}

.newmain,.newmain article{ line-height:30px;}

.info{ background-color:#fff; padding:25px 30px; margin:17px 0 0;}

.newmain article{ margin-top:35px;}

.newmain img{max-width:100%; }

.other5{background:url(../images/other5.jpg) no-repeat center center fixed; background-size:cover;}

.joinR{ font-size:16px;line-height:30px;margin-top:35px;color:#707070; padding:30px 15px 0 30px;}

.joinR h5{ font-size:20px; color:#000; font-weight:bold;}

.joinR h5 span{ color:#e7142d;}

.other6{background:url(../images/other6.jpg) no-repeat center center fixed; background-size:cover;}

.recruit_zpxxlist li a{ display:block; border-bottom:5px solid #e7142d;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc; padding:20px; position:relative;}

.recruit_zpxxlist li h5{ font-size:24px;}

.recruit_zpxxlist li time{ display:block; color:#959494;margin:17px 0;}

.recruit_zpxxlist li time span{ display:inline-block; margin:0 5px;}

.recruit_zpxxlist li time span img{ width:20px; height:20px; display:inline-block; vertical-align:middle; margin-right:5px;}

.recruit_zpxxlist li p{color:#959494; line-height:30px;height:60px; overflow:hidden;}

.recruit_zpxxlist li em{ width:40px;height:40px; display:inline-block; background:url(../images/icon_13.png) no-repeat; margin-top:35px;}

.recruit_zpxxlist li .linetop:before {content: "";position: absolute;z-index: -1;left: 50%;right: 50%;top: 0;background: #e7142d;height: 3px;

  -webkit-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.recruit_zpxxlist li a:hover .linetop:before{left: 0;right: 0;}

.recruit_zpxxlist li .lineright{  height: 0; position: absolute;transition: all 0.7s ease 0s; right:0;top:0;width:3px;background:#e7142d;display:block;}

.recruit_ygfc{ background:url(../images/bg3.jpg) no-repeat center center fixed; background-size:cover;}

.recruit_ygfcC dl a{ display:block; background-color:#fff; padding:10px;}
.recruit_ygfcC dl a dt{ overflow:hidden;}
.recruit_ygfcC dl a img{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.recruit_ygfcC dl a:hover dt img{-webkit-transform: scale3d(1.1,1.1,1); 	transform: scale3d(1.1,1.1,1);}
.recruit_ygfcC dl dd{ font-size:16px;color:#434242;padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}

.recruit_gysC ul{padding:26px 0; border-top:1px solid #dcdcdc;}

.recruit_gysC ul li{ padding:0 0 26px 0; border-bottom:1px solid #dcdcdc; margin-bottom:26px;}

.recruit_gysC ul li a{border-right:1px solid #dcdcdc; display:block;padding:0 15px;}

.recruit_gysC ul li:nth-child(6) a,.recruit_gysC ul li:nth-child(12) a{ border-right:1px solid #fff;}

.ygfclist dl{ margin-bottom:20px;}

.zpxxlist li{ margin-bottom:30px;}

.other7{background:url(../images/other7.jpg) no-repeat center center fixed; background-size:cover;}

.map{ height:440px; border:1px solid #dcdcdc;}

.contactul{ margin-top:50px;}

.contactul li p{ margin-top:15px; line-height:25px; border-right:1px solid #e5e5e5;}

.contactul li:last-child p{ border:0;}







.nav-moblie{width:68px; height:35px;float: right; display:none;margin-right: 15px;}

.nav-moblie.selected {

	transform: rotate(90deg);

}

.nav-moblie a {display: block;position: relative;

	top: 0;margin:3px auto 0;

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}



.nav-moblie.selected a {background-color: transparent !important;}

.up2,.bannerbg2,.banners{ display:none;}

.footTC{background-color: #232323;}
.gysrk{ padding-bottom:25px; border-bottom:1px solid #dcdcdc;}
.recruit_gysC dl{ margin-bottom:15px;}
.recruit_gysC dl dt{ float:left; font-size:16px; line-height:45px;}
.recruit_gysC dl dd{  width:calc(100% - 75px);float:right;}
.recruit_gysC dl dd input{ border:1px solid #dcdcdc;padding:0 10px; width:calc(100% - 24px);height: 45px; line-height: 45px;}
.recruit_gysC dl dd textarea{border:1px solid #dcdcdc;padding:0 10px; width:calc(100% - 24px);height: 130px;}
.recruit_gysC p{ margin-top:20px;}
.recruit_gysC p input{ background-color:#e7142d;color:#fff; width:105px; text-align:center;height:40px;line-height:40px; font-size:16px;}
.joinL article{ position:absolute;width:150%;height:600px; left:-25%;top: -30px;}
.joinC { overflow:inherit; }
.joinL {min-height:600px; z-index: 2;}
.yjbh{ display:none;}

.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity: 0.5;display: none;}
.lightbox {position: absolute;left: 0;width: 100%; z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image {display: block;height: auto;}
.lightbox a img {border: none;width:290px height:193px; margin:0px 8px 30px 8px;}
.lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 270px;height: 180px;margin: 0 auto;}
.lb-outerContainer:after {content: "";display: table;clear: both;}
.lb-container {padding: 4px;}
.lb-loader {position: absolute;top: 43%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background:url(../images/loading.gif) no-repeat;}
.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
.lb-container > .nav {left: 0;}
.lb-nav a {outline: none;}
.lb-prev, .lb-next {width: 49%;height: 100%;cursor: pointer;display: block;}
.lb-prev {left: 0;float: left;}
.lb-prev:hover {background:url(../images/caseprev.png) left 48% no-repeat;}
.lb-next { right: 0;float: right;}
.lb-next:hover {background: url(../images/casenext.png) right 48% no-repeat;}
.lb-dataContainer { margin: 0 auto;padding-top: 5px; *zoom: 1;width: 100%;}
.lb-dataContainer:after {content: ""; display: table; clear: both;}
.lb-data { padding: 0 4px; color: #fff;}
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em;}
.lb-data .lb-caption { font-family:Arial, "宋体"; font-size: 14px; color:#fff; font-weight: bold; line-height: 1em;}
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; font-family:Arial, "宋体"; color: #fff;}
.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5;}
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}



@media(max-width:1199px){

	.h_about .h_C dl dt { width: 180px;}

	.h_about .h_C dl dd { width: calc(100% - 180px); height:243px;}

	.h_about .h_C dl dd div img{ width:100%;}

	.h_about .h_C dl dd p{ height:115px;}

	.h_new .h_more{ display:none;}

	.h_about .h_C dl dd div{height: auto;}
    .joinR{padding: 30px 15px 0 70px;}

		

}



@media(max-width:991px){

	nav,.side li,.tj,.h_about .h_C dl dt{ display:none;} 

	.menu,.side li.liup{ display:block;}

	.otherbanner1 img {max-height: 80px; max-width: 100%;}

	.otherup img { height: 40px;}

	.otherbanner1 p { margin: 20px auto 0;}

	.otherbanner1 .container { padding: 57px 0;}

	.side{width: 70px;}

	.side ul li,.side ul li .sidetop{width: 70px;height: 70px;}

	.side ul li img{ width:100%;}

	.abouttit { font-size: 26px;}

	.contact li p{ border:0;}

	.contact li,.new2list dl,.about_qyryC li,.about_gcjsC li{ margin-bottom:20px;}

	.contact { margin-top: 0px;}

	.recruit_zpxxlist li,.recruit_ygfcC dl{ margin-bottom:20px;}

	.pad70 { padding: 30px 0;}

	.recruit_gysC li:nth-child(even) a{border-right:1px solid #fff;}

	#main div{ margin:auto;}

	.newR,.about_scxsCR { margin-top:20px;}

	.padpic{ width:100%;padding:0 !important;}

	.prenext p:nth-child(2) { text-align: left;}

	.prenext p { margin: 5px 0;}

	.newmain img,.promain article img{ width: 100%;}

	.prolist dl { width: 33.3333%;}

	.promain h1 { font-size: 24px;}	

	.line{top: 35px; left:12px;}

	.history dl i{left: 15px; margin-left: 0;}

	.history dl dt,.history dl.dl2 dd{ text-align: left;padding: 0 15px 0 40px;}

	.history dl dd,.about_ppjsR {margin-top: 10px;}

	.h_about .h_C dl dd{ width:100%; height:auto;}

	.h_about .h_C dl dd div img { width: auto;}

	.h_about .h_C dl dd div{ position:inherit; margin-top:20px;}

	.h_new { margin-top:20px;}

	.history dl dd,.history dl.dl2 dt{padding: 0 15px 0 40px;}
	.joinR { padding: 0 15px 0 15px;}
	.yjbh{ display:block;}
	.yjbh a{ display:block;width: 100%;height: 40px; line-height: 40px; background: #e7142d; text-align: center;
    font-size: 16px; color: #fff; z-index: 10; position: fixed; bottom: 0;  _left: expression((document.body.offsetWidth-100%)/);   _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);    _position: absolute;}
footer{margin-bottom: 40px;}
}





@media(max-width:767px){

	.contactC{ padding:30px 15px;}

	.map{ height:300px;}

	.footT,.up1,.topL,.bannerbg,.bannerb{ display:none;}

	.footB { padding: 15px 0;}

	.footB p,.footB span{ width:100%; text-align:center;}

	.contact{padding:0 15px;}

	.map{ height:250px;}

	.side{width: 30px;}

	.side ul li,.side ul li .sidetop{width: 30px;height: 30px;}

	.up2,.bannerbg2,.banners{ display:block;}

	.topR { width:100%;}

	.recruit_gys,.recruit_zpxx,.join,.new,.product,.promain,.about_ppjj,.about_qyry,.about_gcjs,.about_scxx,.ppjj,.history{ padding: 30px 15px;}

	.h_product{    padding: 30px 15px;}

	.h_B .container { padding: 0;}

	.history dl {margin-bottom: 30px;}

	.history dl i{ left:0;}

	.prolist dl { width: 100%;}



		

	

}





@media(max-width:640px){

	.logo{top: -20px;}

	.otherup{margin-top: 18px;}

	.recruit_ygfcC dl dd { font-size: 14px;}

	.newmain h1,.promain h1{ font-size: 20px;}

	.prolist dl { width: 100%;}

	.gcjs h5 { font-size: 20px;}
	.joinL article {width: 120%;height: 560px;left: -10%;top: -50px}
	.joinL { min-height: 500px;}
	

}



@media (max-width:550px){

	.abouttit {font-size: 20px;}

	.abouttit span{font-size: 13px;}

	.recruit_zpxxlist li h5 { font-size: 17px;}

	#owl-demo .item dd h5, .product dl dd h5 { font-size: 16px;}

	#owl-demo .item dd p,.product dl dd p{ height:40px;}

	.product dl dt { padding: 0 20px;}

	.product dl a{    padding: 20px 5px;}

	.h_C { margin-top: 30px;}

	.h_tit h2 { font-size: 18px;}

	

}


@media (max-width:484px){
	.joinL { min-height: 375px;}
	.joinL article{top: -120px;}
}
@media (max-width:450px){

	#main{height: 350px;}

	

}

@media (max-width:390px){
.logo img{height: 80px;}
header { padding: 30px 0 0px;}
	.joinL { min-height: 300px;}
	.joinL article{top: -150px;}
	.nav-moblie a{margin: -8px auto 0;}

}

@media (max-width:340px){



}