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

*{margin:0px;padding:0px;}

ul{list-style-type:none;}

li{ list-style:none;}
li t{float:right;}
img{border:0px;}

a{text-decoration:none; color: #D00A12; font-family: "微软雅黑"; transition:0.4s all}
a:hover{ color:#d00a12;}
.left{float:left;}
.right{float:right;}
body{ font-family: "微软雅黑"; font-size: 14px; color: #333333; line-height:30px;background: url(../images/body.jpg) repeat;}

/* CSS Header */
#head{width:100%;height:auto;position: relative; }
#banner_box{ width: 100%; height: 102px; overflow: hidden; }
#banner{ width:1920px; height:102px; left:50%; margin-left:-960px; position:relative;}
#logo{ width:1200px; height:99px; margin-left:315px;top:1px; background: url(../images/logo.png) no-repeat; position:relative}
#biaoyu{ color:#fff; font-size:23px; padding-left:204px; padding-top:133px; animation: fadeinT 1s}
/* CSS Footer */
#foot{width:100%;height:123px; background: #fff; position: relative; overflow:hidden;}
/* #ftmid{ width:1200px; height:88px; line-height:26px; font-size:12px; color:#000; margin:0 auto; padding-top:30px; background: url(../images/api.png) right center no-repeat; position:relative;} */
#ftmid{ width:1200px; height:88px; line-height:26px; font-size:12px; color:#000; margin:0 auto; padding-top:30px; position:relative;}
#ftmid a{ color:#000;}
#ftmid a:hover{ color:#d2050b;}
#sprit_box{ width: 100%; height: 227px; overflow: hidden; }
#sprit{ width:1920px; height:227px; left:50%; margin-left:-960px;background: url(../images/foot.jpg) no-repeat; position:relative}
#sprit_mid{ width:1200px; height:227px; margin:0 auto; position:relative}
#sprit .txt01{ width:319px; height:91px; background: url(../images/txt01.png) top no-repeat; top:30px; margin:0 auto; position:relative}
#sprit .txt02{ width:1200px; height:80px; text-align:center; font-size:16px; line-height:32px; color:#fff; padding-top:23px; margin:0 auto;}
#sprit .txt02 span{ color: #ff0; }
/* CSS Main */
#wrap{ width:100%; height:auto; margin: 0 auto;position: relative;z-index: 100; overflow:hidden;}
#main{ width:1200px; height:auto; margin:0 auto; position:relative;}
#in_01{ width:1200px; height:545px; margin:0 auto; position:relative;}
#in_02{ width:1920px; height:594px; left:50%; margin-left:-960px; background: url(../images/in_02.jpg) no-repeat; position:relative;}
#in_02m{ width:1200px; height:594px; margin:0 auto; position:relative;}
#in_02m .t_px{ width:45px; height:119px; left:17px; top:399px; position:absolute}
#in_02m .t_px:hover{ top:405px;}
#in_03{ width:1200px; height:434px; margin:10px auto; position:relative;}
#in_04{ width:1200px; height:270px; margin:0 auto 10px; position:relative;}
#in_05{ width:1920px; height:430px; left:50%; margin-left:-960px; background: url(../images/in_05.jpg) no-repeat; position:relative;}
#in_05m{ width:1200px; height:430px; margin:0 auto; position:relative;}
#in_05m div{ position:absolute}
#in_05m .txt00{ width:380px; height:50px;top:0; right:0;}
#in_05m .txt00 li{ width:95px; height:50px;font-size:16px; line-height:50px; color:#fff; text-align:center; float:left; transition:0.4s all}
#in_05m .txt00 li:hover{ background:#ffff00; font-size:17px; color:#d00a12}
#in_05m .txt01{ width:319px; height:75px; background: url(../images/txt01.png) no-repeat;top:62px; left:441px;}
#in_05m .txt02{ width:1200px; height:75px; line-height:28px; color:#fff; top:154px; left:0;}
#in_05m .txt02 span{ color:#ffff00;}
#in_05m .txt03{ width:823px; height:51px; top:356px; left:214px;}
#in_05m .txt03 div{ height:51px; margin-right:52px; float:left; position:relative}

#in_08{ width:1200px; height:320px; margin:0 auto 15px; position:relative;}
#in_09{ width:1200px; height:224px;  margin:0 auto 15px;  background:#fff;  position:relative;}
#in_29{ width:1200px; height:252px;  margin:0 auto 33px;  background:#fff;  position:relative;}
#in_30{ width:1200px; height:500px;  margin:0 auto 33px;  background:#fff;  position:relative;}
#whether{ width:1200px; height:46px; font-size: 12px; color: #444444; line-height:46px; text-align: right; margin:0 auto;}
#in_pxdt{ width:912px; height:518px; float:left;}



#in_dxjy{ width:260px; height:355px; background:#fff; float:right;}
#in_dxjy ul{ width:228px; height:280px; padding-top:13px; margin:0 auto;}
#in_dxjy li{ width:100%; height:30px; line-height:30px;}
#in_dxjy ul li span{ font-family:"宋体"; font-size:12px;}
#txt01{ width:486px; height:200px; left:533px; top:70px; position:relative}
#txt01 .js01{ width:275px; height:50px; left: 0; top: 0; background:url(../images/js01.png) no-repeat; position: absolute;}
#txt01 .js02{ width:274px; height:49px; left: 107px; top:76px; background:url(../images/js02.png) no-repeat; position: absolute;}
#txt01 .js03{ width:278px; height:48px; left: 208px; top: 151px; background:url(../images/js03.png) no-repeat; position: absolute;}

.title0{ width:910px; height:49px;background:url(../images/t_pxdt.png) no-repeat; position:relative}
.title0 .more{ right:29px; top:6px; position:absolute}
.title0 span{ padding-left: 60px; }
.title{ width:100%; height:49px; background:url(../images/title.png) left center no-repeat #d00a12; position: relative;}
.title span{ padding-left:68px;}
.title .more{ right:29px; top:6px; color: #fff; position:absolute}
.title2{ width:100%; height:49px; background:url(../images/title.png) left center no-repeat #d00a12; position: relative;}
.title2 span{ padding-left:68px;}
.title2 .more{ right:29px; top:6px; color: #fff; position:absolute}
#in_ms{ width:590px; height:434px; background:#fff; float:left}
#in_xy{ width:590px; height:434px; background:#fff; float:right}
#in_lx{ width:260px; height:355px; background:#fff; float:left}
.lx{ width:228px; height:310px; margin:18px auto 0; line-height:28px;}
#in_dsj{ width:260px; height:305px; background:#fff; float:left}
.dsj{ width:228px; height:260px; margin:18px auto 0; line-height:28px;}
#in_m_tree_right{height: 305px;width: 440px;  background:#fff; float:right}
#in_m_tree_mid{height: 305px;width: 440px; background:#fff; margin-left:30px; float:left}
#in_m_two_left{height: 305px;width: 585px; background:#fff; float:left}
#in_m_two_right{height: 305px;width: 585px; background:#fff; margin-left:30px; float:right}

.nr{ width:553px; height:260px; margin:18px auto 0; line-height:28px;}


#in_jj{ width:1200px; height:270px; background:#fff; float:left}
#in_jj .jj{ width:1154px; height:220px; margin:18px auto 0; line-height:30px;}
#in_jj .jj p{ text-indent:2em;}
#in_kc{ width:260px; height:305px; background:#fff; float:left}
#in_kc ul{ width:200px; height:260px; padding-top:14px; margin:0 auto;}
#in_kc ul li{ width:198px; height:22px; line-height:22px; text-align: center; border:1px #e4cda7 dashed; margin: 8px 0; transition: 0.4s all;}
#in_kc ul li:hover{ color: #fff; background: #d00a12; border:1px #d00a12 dashed;}
#in_xw{ width:260px; height:518px; background:#fff; float:right}
#in_xw ul{ width:230px; height:480px; padding-top:18px; padding-left:12px; margin:0 auto;}
#in_xw ul li{ width:230px; height:32px;}
#in_xw ul li span {float:right;}


.box_px{ width:912px; height:460px; margin:0 auto; padding-top:27px;}
.box_px1{ width:341px; height:455px; float:left}
.box_px_zhuanti{ width:912px; height:260px; margin:0 auto; padding-top:27px;}
.box_px1_zhuanti{ width:341px; height:255px; float:left}
/*.box_px1 ul{ width:341px; height:214px; padding-top:18px;}*/
/*.box_px1 ul li{ width:100%; height:30px; line-height:30px;}*/
.box_px1 ul li a{color:#666666;}
.box_px1 ul li span{ font-family:"宋体"; font-size:12px; padding-right:5px;}
.box_px2{ width:550px; height:455px; float:right}
.box_px2_zhuanti{ width:530px; height:255px; float:right}
.box_px2_zhuanti .px01{ width:530px; height:250px; overflow:hidden}
.box_px2_zhuanti .px01 li{ width:530px; height:250px; color:#666666; line-height:24px; overflow:hidden; position:relative}
.box_px2_zhuanti .px01 li span{ color:#d00a12; font-size:18px; font-weight:bold; line-height:30px; padding:4px 0 10px 0; display:block}
.box_px2 .px01{ width:530px; height:450px; overflow:hidden}
.box_px2 .px01 li{ width:530px; height:150px; color:#666666; line-height:24px; overflow:hidden; position:relative}
.box_px2 .px01 li span{ color:#d00a12; font-size:18px; font-weight:bold; line-height:30px; padding:4px 0 10px 0; display:block}
.box_px2 .time{ width:158px; height:30px; color:#888888; line-height:30px; top:100px; left:0; border-top:1px #e4cdad solid; position:absolute}
.box_px2 .px02{ width:530px; height:235px; overflow:hidden}
.box_px2 .px02 li{ width:530px; height:120px; color:#666666; line-height:24px; border-bottom:1px #e4cdad solid; overflow:hidden; position:relative}
.box_px2 .px02 li a{ font-size:16px;line-height:38px; padding-top:14px; display:block}
.box_px2 .px02 li span{ font-size:12px; color:#888888; right:0; top:25px; position:absolute}


/*left*/
#left{width:260px; height: auto; float:left;}
#lfbox{ width:260px; height: auto; background:#fff; margin-bottom:19px; overflow:hidden}
#lfbox ul{ width:224px; height:auto; overflow:hidden; margin:9px auto 10px;}
#lfbox ul li{ width:194px; height:44px; line-height:44px; font-size:16px; border-bottom:1px #e4cda7 dashed; padding:0 15px; position: relative;}
#lfbox ul li span{ width: 21px; height: 21px; right: 15px; top: 12px;background:url(../images/span.png) no-repeat; position: absolute; transition: 0.4s all}
#lfbox ul li:hover span{background:url(../images/span0.png) no-repeat; animation: bounceInLeft 0.4s}

/* CSS Ziye */
#right{width: 912px; height: auto; float: right;}
#right_title{width: 100%;height:68px; background:url(../images/title_left.png) left center no-repeat; top:-18px; position: relative;}
#title_left{ width:auto;height: 45px;top: 19px;left:60px; float:left; position:relative}
#title_right{ font-size:14px;float:right; top:17px; right:24px; line-height:46px; float: right; position:relative}
#right_content{ width: 900px; padding-top: 15px; font-size: 16px; padding-bottom:30px; margin: 0 auto}
#right_bottom{width:100%;height:23px;}

#indexNews{ width: 900px; height: auto; overflow: hidden; }
#indexNews li{ width: 900px; height:120px; padding:15px 0; color: #666666; font-size: 14px; line-height:24px; overflow: hidden; border-bottom:1px #d0cece dashed; position: relative;}
#indexNews li .xwpic{ width: 160px; height: 120px; border:1px #bab6b6 solid; float: left;}
#indexNews li .xwpic img{ width: 160px; height: 120px;}
#indexNews li .xwtxt{ width: 690px; height: 120px; float: right; padding-right: 10px; position: relative;}
#indexNews li .xwtxt a{ font-size: 18px; line-height: 38px; display: block; }
#indexNews li .xwtxt span{ right: 15px; top: 8px; position: absolute; }
#indexNews li .release{ font-size: 12px; font-family: "宋体"; position: absolute; left: 0; bottom: 0; line-height: 30px; }

#indexNews0 li{width:100%;height:40px;margin:0 auto;border-bottom:#D9D9D9 1px dotted; line-height:40px;position: relative;}
#indexNews0 li a{height:40px;display:block; padding-left:20px; background:url(../images/dot3.jpg) no-repeat left center;}
#indexNews0 li span{position: absolute;top:0;right:0;}

#page{width:100%;height:30px; line-height:30px;text-align:center;margin:20px auto;color:#575656;font-size:14px;clear:both;}
#page a{color:#575656;font-size:14px; padding:0 5px; border: 1px #A7A7A7 solid}
#page a:hover{color:#d00a12;}
#page .current{border: 1px #A7A7A7 solid; color: #fff; padding:0 5px;background:#605f5f }
#newTitle{width:100%;line-height:60px;color:#ab0a0e;font-size:26px;font-family:"微软雅黑";text-align:center;margin:0 auto;letter-spacing: 8px;}
#productTitle{width:100%;height:60px;color:#167326;font-size:18px; font-weight:bold;text-align:center;margin:0 auto;}
#newsInfo{width:100%;height:40px;color:#a9aaa9;font-size:12px;text-align:center; border-bottom: 1px #a9aaa9 dotted; margin:0 auto 15px;}
.newsinfoleft {padding-left: 30px;}
.xxsmys{ width:600px; height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }

#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:700px;}

#newsContent{width:100%;margin:0 auto; line-height:36px; }
#picUL{ width: 900px; height: auto; overflow: hidden; }
#picUL li{ width: 900px; height:120px; padding:15px 0; color: #666666; font-size: 14px; line-height:24px; overflow: hidden; border-bottom:1px #d0cece dashed; position: relative;}
#picUL li .xwpic{ width: 160px; height: 120px; border:1px #bab6b6 solid; float: left;}
#picUL li .xwpic img{ width: 160px; height: 120px;}
#picUL li .xwtxt{ width: 690px; height: 120px; float: right; padding-right: 10px; position: relative;}
#picUL li .xwtxt a{ font-size: 18px; line-height: 38px; display: block; }
#picUL li .xwtxt span{ right: 15px; top: 8px; position: absolute; }

#picUL0{ width:100%; height:100%; overflow:hidden;}
#picUL0 li{height:230px;width:275px;float:left;margin:0 10px 5px 10px; text-align:center;}
#picUL0 li .pic_01{width:269px;height:203px; text-align: center;background: #ffffff;border:1px solid #dcdcdc;transition: all 0.4s ease-in-out;}
#picUL0 li .pic_01:hover{box-shadow:2px 2px 3px #aaaaaa; }
#picUL0 li .pic_01 img{ height:199px; width:265px;padding:2px;vertical-align:top;}
#picUL0 li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
#picUL0 li .pic_02{width:265px;text-align: center;line-height:30px;}
#picUL0 li a{color:#000;font-size:14px;}
#picUL0 li a:hover{color:#e50606;}

.G_tips{
	color:#666;
	width:486px;
	border:1px solid #dedede;
	padding:7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}


.recruitys{ width:670px; height:auto; padding:10px; background-color:#fafafa; border:#dedede solid 1px;}
.recruitcon{ width: 400px; height:173px; border-bottom:#cdcdcd dashed 1px; margin-right: 40px;float: left; position: relative;}
.recruitcon1{ width:650px; height:173px;  margin:10px;}
.recruitconl{ width:145px; height:153px; float:left; text-align:left;}
.recruitconc{ width:372px; height:153px; float:left;}
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.zwmcys{ color:#167326; font-weight:bold;}
.recruitconr{ width:80px; height:30px; float:left; background: #167326; text-align:center; position: absolute; left: 250px; top: 100px;}
.recruitconr a{ color: #fff; line-height: 30oxl }
.recruitconr:hover{ background: #ff9733; transition: 0.4s all;}

.formys{ width:600px; height:auto; padding:10px;}
.cpmcys{ width:280px; height:34px;border:1px solid #dedede;}
.formbz{ float:left;}
	.G_InputText{

	width:278px;

	height:30px;

	border:1px solid #d2d4d6;

}

.G_textarea{

	width:300px;

	height:100px;

	border:1px solid #dedede;

}

.G_ul{

	width:500px;

	margin:0 auto;
}

.G_botton{

	width:55px;

	height:30px;

	line-height:30px;

	border:0;

	background:url(button.gif) no-repeat;

	cursor:pointer;

}

.borderLi{ width:500px; height:auto; padding-top:10px;}
.G_tips{

	

	width:486px;

	margin:10px auto 0 auto;

	border:1px solid #dedede;

	padding:7px;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

}


.cpfwnr{width:230px; height:100%;overflow:hidden;}
.cpfwnr dt{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(allbg.gif) no-repeat;background-position: 0 -137px;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dd{width:190px;margin:0 auto;line-height:2}
.cpfwnr dt a{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(a1.jpg) no-repeat;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dt:hover{background:url(allbg.gif) no-repeat;background-position: 0 -102px;color:#fff;}
.cpfwnr dd a{width:190px;height:25px;line-height:25px;margin:3px 0 0 0;color:#333;font-size:12px;}
.cpfwnr dd a:hover{color:#ff6c00;}


.page{margin:0 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fadeinB{-webkit-animation-name:fadeinB;animation-name:fadeinB;}
@-webkit-keyframes fadeinB{
  from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}
  to{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@keyframes fadeinB{
  from{opacity:0; transform:translate3d(0,-30px,0);}
  to{opacity:1; transform:translate3d(0,0,0);}
}

.fadeinT{-webkit-animation-name:fadeinT;animation-name:fadeinT;}
@-webkit-keyframes fadeinT{
  from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
  to{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@keyframes fadeinT{
  from{opacity:0; transform:translate3d(0,30px,0);}
  to{opacity:1; transform:translate3d(0,0,0);}
}


.fadein{-webkit-animation-name:fadein;animation-name:fadein;}
@-webkit-keyframes fadein{
  from{opacity:0; -webkit-transform:translate3d(-3px,0,0);}
  to{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@keyframes fadein{
  from{opacity:0; transform:translate3d(-3px,0,0);}
  to{opacity:1; transform:translate3d(0,0,0);}
}

.fadeinL{-webkit-animation-name:fadeinL;animation-name:fadeinL;}
@-webkit-keyframes fadeinL{
  from{opacity:0; -webkit-transform:translate3d(20px,0,0);}
  to{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@keyframes fadeinL{
  from{opacity:0; transform:translate3d(20px,0,0);}
  to{opacity:1; transform:translate3d(0,0,0);}
}

.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}