@charset "utf-8";

/* CSS Document */

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

body {font-size:26px; line-height:45px;color:#343434; font-family: "Microsoft YaHei"; width: 640px; margin: 0 auto; -webkit-text-size-adjust:none; background-color:#fff; -webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}

a{ color:#333333; text-decoration:none; cursor:pointer;transition:all 0.4s linear 0s;}

a:hover{ text-decoration:none;}

ul {list-style: none;}

li{ list-style-type:none;transition:all 0.4s linear 0s;}

.eng{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; color:#990000; padding-left:3px;}

.nr{line-height:24px;}



/*top*/

#top{ width: 100%; height: 106px; background: url("top_bg.jpg") repeat-x; position: relative;}

.logo{ text-align: center; position: relative; z-index: 999; padding-top: 34px;}

.home{ position: absolute; left: 30px; top: 33px; z-index: 99;}



.menu{}

.nav {

	position: relative;

	width: auto;

	display: inline-block;

	border: none;

}



.btn-nav {

	position: fixed;

	top: 33px;

	right: 30px;

	background: transparent;

	border: none;

	padding: 10px;

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease;

	cursor: pointer;

	z-index: 99999;

}



.btn-nav:focus {

	outline: 0;

}



.icon-bar {

	display: block;

	margin: 6px 0;

	width: 40px;

	height: 5px;

	background-color: #1F9FD7;

}



.btn-nav:hover .icon-bar {

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-ms-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

	background-color: #FCA311;

}



.nav-content {

	position: fixed;

	top: -100%;

	bottom: 0;

	left: 0;

	right: 0;

	background: #fff;

	display: block;

	height: 100%;

	z-index: 9;

}



.nav-list { border-top: 2px solid #1F9FD7;

	list-style: none;

	padding: 0;

	position: relative;

	top: 15%;

}



.item-anchor:after {

	content: "";

	position: absolute;

	width: 3px;

	height: 3px;

	left: 0;

	bottom: 0;

	z-index: 9;

	background: transparent;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-ms-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}



.item-anchor {

	color: #3e3e3e;

	font-size: 30px;

	text-transform: uppercase;

	position: relative;

	text-decoration: none;

	padding: 10px;

}



.item-anchor:hover,

.item-anchor:focus {

	color: #FCA311;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-ms-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}



.item-anchor:hover:after,

.item-anchor:focus:after{

	width: 100%;

	background: #FCA311;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-ms-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}



.nav-item { border-bottom: 1px solid #E2E2E2; height: 80px;

	line-height: 80px; background: url("nav_bg.png") no-repeat 590px center;



}

.nav-item img{ width: 28px; height: 30px; display: block; float: left; margin-left: 30px; margin-top: 35px; margin-right: 25px; overflow: hidden;}

.animated {

	display: block;

	margin: 0 auto;

}



.animated:hover .icon-bar,

.animated:focus .icon-bar{

	background-color: #FCA311;

}



.animated:focus {

	cursor: pointer;

	z-index: 9999;

}



.middle {

	margin: 0 auto;

}



.icon-bar {

	-webkit-transition: all .7s ease;

	-moz-transition: all .7s ease;

	-ms-transition: all .7s ease;

	-o-transition: all .7s ease;

	transition: all .7s ease;

	z-index: 999999;

}



.animated .icon-bar {

	z-index: 999999;

	background-color: #FCA311;

}



.animated .top {

	-webkit-transform: translateY(10px) rotateZ(45deg);

	-moz-transform: translateY(10px) rotateZ(45deg);

	-ms-transform: translateY(10px) rotateZ(45deg);

	-o-transform: translateY(10px) rotateZ(45deg);

	transform: translateY(10px) rotateZ(45deg);

}



.animated .bottom {

	-webkit-transform: translateY(-11px) rotateZ(-45deg);

	-moz-transform: translateY(-11px) rotateZ(-45deg);

	-ms-transform: translateY(-11px) rotateZ(-45deg);

	-o-transform: translateY(-11px) rotateZ(-45deg);

	transform: translateY(-11px) rotateZ(-45deg);

}



.animated .middle {

	width: 0;

}



@keyframes showNav {

	from {

		top: -100%;

	}

	to {

		top: 0;

	}

}



@-webkit-keyframes showNav {

	from {

		top: -100%;

	}

	to {

		top: 0;

	}

}



@-moz-keyframes showNav {

	from {

		top: -100%;

	}

	to {

		top: 0;

	}

}



@-o-keyframes showNav {

	from {

		top: -100%;

	}

	to {

		top: 0;

	}

}



.showNav {

	-webkit-animation: showNav 1s ease forwards;

	-moz-animation: showNav 1s ease forwards;

	-o-animation: showNav 1s ease forwards;

	animation: showNav 1s ease forwards;

}



@keyframes hideNav {

	from {

		top: 0;

	}

	to {

		top: -100%;

	}

}



@-webkit-keyframes hideNav {

	from {

		top: 0;

	}

	to {

		top: -100%;

	}

}



@-moz-keyframes hideNav {

	from {

		top: 0;

	}

	to {

		top: -100%;

	}

}



@-o-keyframes hideNav {

	from {

		top: 0;

	}

	to {

		top: -100%;

	}

}



.hideNav {

	-webkit-animation: hideNav 1s ease forwards;

	-moz-animation: hideNav 1s ease forwards;

	-o-animation: hideNav 1s ease forwards;

	animation: hideNav 1s ease forwards;

}



.hidden {

	display: none;

}







/*index*/

.mainindex{ width:580px; height:auto; overflow:hidden; margin:0 auto; padding-bottom:50px;}

.title{ width: 100%; height: 154px; padding-top: 28px; float: left; text-align: center;}

.title h4{ font-size: 32px; padding-top: 15px; font-family: "Microsoft YaHei"; color: #09aae8; line-height: 53px; font-weight: normal;}

.title h5{ font-size:24px; font-family: "Microsoft YaHei"; color: #909090; font-weight: normal;line-height: 40px; }

.con1{ width: 100%; float: left;}

.con1 ul{ width: 110%;}

.con1 ul li{ width: 182px; height: 351px; float: left; background: #E7E7E7; padding-top: 37px; margin-right: 17px; }

.con1 ul li img{ padding-left: 45px;}

.con1 ul li h3{ font-size: 22px; color: #343434; text-align: center;}

.con1 ul li p{ width: 150px; padding-top: 20px; margin: 0 auto; font-size: 20px; color: #767676; line-height: 35px;}

.con1 ul li span{ width: 102px; height: 37px; display: block; font-size: 20px; color: #767676; text-align: center; line-height: 37px; border: 2px solid #A0A0A0;border-radius:5px; margin: 20px auto; }

.con2{ width: 100%; float: left;}

.con2 ul{ width: 110%;}

.con2 ul li{ width: 282px; height: 262px; float: left; background: #434343; line-height: 30px; text-align:center; margin-right: 16px; margin-bottom: 17px;}

.con2 ul li img{ width: 280px; height: 215px; border: 1px solid #DCDCDC;}

.con2 ul li a{ width: 282px; height: 262px; font-size: 24px;  color: #FFF;}

.con2 ul li:first-child{ background: #1F9FD7;}

.more{ width: 100%; float: left; padding-top: 15px;}

.more a{ width: 100%; height: 67px; display: block; background: #1F9FD7; text-align: center; font-size: 22px; color: #FFF; line-height: 67px;}

.con3{ width: 100%; float: left;}

.con3 p{ font-size: 26px; color: #343434; padding-top: 35px; line-height: 45px;}





.wzjs{ width: 90%; height: auto; overflow: hidden; margin: 20px auto; padding: 30px 0; border: 2px dashed #1F9FD7;}

.diannao{ width: 100%; text-align: center;}

.wenzi{ position: relative;}

.wenzi ul{ text-align: center; width: 100%;}

.wenzi ul li{ color: #1F9FD7; font-size: 30px; line-height: 45px;}

.wenzi ul span{ display: block; color: #F00; font-size: 24px;}

.wenzi p{ width: 90%; margin: 0 auto;}

.wenzi h5{ width: 150px; margin-top: 10px; height: 40px; background: #1F9FD7; color: #FFF; margin: 0 auto; line-height: 40px; text-align: center;}











/*left*/

.allleft{ width:100%; height:auto; overflow:hidden;float:left; padding-top: 30px; }

.allleft ul{ width: 110%;}

.allleft ul li a{ width: auto; height: 50px; display: block; float: left; margin-right: 20px; margin-bottom: 10px; padding: 0 15px; line-height: 50px; text-align: center; font-size: 24px; background: #1F9FD7; color: #FFF;}





/*end*/

#end{ width: 100%; height: 266px; overflow: hidden; background: url("foot_bg.jpg") no-repeat top; padding-bottom: 88px;}

.end1{ padding-top: 25px; padding-left: 90px; font-size: 26px; color: #adadad; line-height: 40px; padding-bottom: 20px; position: relative;}

.end1 img{ width: 120px; height: 120px; display: block; position: absolute; top: 25px; right: 30px;}



.end2{ text-align: center; width: 100%; border-top: 1px solid #585858; font-size: 20px; color: #6b6b6b; line-height: 70px;}



.onside{ width: 640px; height: 88px; background: #1F9FD7; position: fixed; bottom: 0; z-index: 99999;}

.onside ul{ padding-left: 25px; }

.onside ul li{ width: 144px; float: left; height: 80px; padding-top: 8px; line-height: 20px; border-right: 1px solid #FFF; text-align: center;}

.onside ul li a{ font-size: 18px; color: #FFF;}

.onside ul li:last-child{border: none;}/*最后一个li*/



/*public*/

.main{width:100%; height:100%; overflow:hidden;margin:0 auto; }

.allcon{width:100%; height:100%; overflow:hidden;}

.concompany{ width:100%;height:100%; overflow:hidden;}

.concompanylogo{ width:100%; height:84px;background: #DDDDDD; line-height: 84px;}

.left{ float: left;}

.honorlogo1{ float:left; font-size:30px; font-family:"微软雅黑"; color:#404040; padding-left: 20px; }

.honorlogo2{ float:right; padding-right:10px; color:#7e7e7e;}

.honorlogo2 a{color:#7e7e7e;}

.concompanycon{ width:97%; height:100%; padding-top:15px; overflow:hidden; margin:0 auto; padding-bottom:50px;}



.rnewys{ width:100%; height:120px; border-bottom:#d9d9d9 solid 1px; padding-top:10px;}

.newconleft{ width:75px; height:120px; float:left; color:#676767;}

.newsconright{ width:85%; height:120px; float:right;}

.newsconright a{ width:100%; height:120px; display:block; color:#676767;}

.newsconright a:hover{ color:#2b8b03; text-decoration:none;}

.newsconright1{ color:#333; font-weight:bold; padding-bottom:10px;}

.back a{ width:125px; height:48px; display:block; float:right; font-size:22px; font-family:"宋体"; color:#FFF; line-height:48px; font-weight:bold;

	clear:both;background:#1F9FD7; text-align: center; border: 4px double #FFF; margin-top:20px;}

.back a:hover{ opacity:0.8;}





/************常州贷款*****************/

.newsdivys{ width:100%; height:170px; border-bottom:#ACACAC double 5px; padding-top:10px;}

.newsdivysimg{ width:198px; height:142px; float:left; border:1px solid #141414; padding:3px; }

.newsdivyscon{ width:395px; height:120px; float:right; font-size:18px;}

.newsdivyscon a{width:100%; height:190px; display:block; color:#999999;}

.newsdivyscon a:hover{ text-decoration:none; color:#E61403;}

.newsdivyscon1{font-family:Microsoft YaHei,SimSun; font-size:21px; color:#333; line-height:30px; }

.newsdivyscon2{ line-height: 30px;}

.newsdivyscon2 span{ width: 80px; height: 30px; display: block; background: #C90F03; text-align: center; color: #FFF; line-height: 30px;}



.news_nei li{width:100%;height:39px;border-bottom:1px dashed #2C6793;line-height:39px; background:url(newslibg.jpg) no-repeat left center; font-family:"微软雅黑"; font-size:17px; color:#333;}

.news_nei li a{ color:#333;}

.news_nei  li a:hover{color:#79B0CD;}





.a_left{width:100px; height:300px; position:absolute; margin-left:10px; z-index:9999;margin-top:40px;}

.a_right{width:100px; height:300px; position:absolute; margin-left:600px;z-index:9999; margin-top:40px;}

.a_left a{width:100px; height:300px; float:left; display:block; position:relative; z-index:999;background:url('btn-prev.png') no-repeat left center;}

.a_right a{width:100px; height:300px; float:right;display:block; position:relative; z-index:999;background:url('btn-next.png') no-repeat right center;}

.a_left a:hover{width:100px; height:300px; float:left;background:url('btn-prev-cur.png') no-repeat left center;}

.a_right a:hover{width:100px; height:300px; float:right;z-index:999;background:url('btn-next-cur.png') no-repeat right center;}

 

 



#indexNews{ padding-bottom:15px;}

#indexNews li{ width:658px; height:30px; line-height:30px; border-bottom:#7f7f7f dashed 1px; padding-left:22px;background:url(newsli.gif) no-repeat left;}

#indexNews li a{ float:left;}

#topnews{ height:125px; overflow:hidden}

#topnews li{border-bottom:1px dashed #dedede; height:120px;}

#topnews li a{ font-weight:800; font-size:14px; font-family:Microsoft YaHei,SimSun;}

.introImg{ float:left; margin-right:10px;}

.info_date{ float:right; padding-right:5px;}

#indexPro{width:745px; height:430px; overflow:hidden; margin:0 auto; float:right}

#indexPro li,.produc li{float:left; margin:0 9px 13px 9px; _margin:0 7px 10px 7px; width:238px; height:206px; _height:203px; text-align:center;}



#fl{ float:left; width:240px;}

#fl li{ background:url(fl_li.jpg) no-repeat top left; height:30px;}

#fl li a{ padding-left:38px; display:block; line-height:29px;}

#fl li a:hover{ background:url(fl_hover.jpg) no-repeat top left; color:#FFF;}



.info_img{ width:100%; height:auto; padding-bottom:10px;}

.info_img li{ width:292px; height:280px;text-align:center;}

.info_img li a{ width:290px; height:275px; display:block; background-color:#f2f2f2;border:#e8e8e8 solid 1px; line-height:35px; font-size: 24px;}

.info_img li a:hover{ }

.info_img li img{ width:275px; height:180px; padding-top:8px; padding-bottom: 5px;}



@keyframes aniBlink120{from{margin-left:-60px}to{margin-left:230px}}

@-webkit-keyframes aniBlink120{from{margin-left:-60px}to{margin-left:230px}}

.mod_imgLight{position:relative;width:292px;height:275px;overflow:hidden;margin:0 auto;border-radius:10px;box-shadow: 0 0 10px #3C90DF;}

.mod_imgLight a{display:inline-block}

.mod_imgLight a:before{content:'';position:absolute;width:60px;height:208px;margin-top:0px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}

.mod_imgLight:hover a:before{

	-webkit-animation:aniBlink120 .3s ease-out forwards;

	-moz-animation:aniBlink120 .3s ease-out forwards;

	-o-animation:aniBlink120 .3s ease-out forwards;

	animation:aniBlink120 .3s ease-out forwards

}



.food_info_tit_bg{margin:30px 0 0 0px;width:100%;height:30px;background:#ececec; float:left;}

.food_info_tit{display:inline-block;padding-left:10px; padding-right:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;font-family:Microsoft YaHei; font-size:14px;}





/************新闻*****************/

.news_tit_u{text-align: center;font-size: 26px;color: #0c5ba4;line-height: 60px; font-weight:700;}

.news_tit_d{text-align: center;padding: 5px 0px;font-size: 12px;font-weight: 100;background: #f7f7f7;border: 1px solid #e8e8e8;color: #303030;width: 98%;margin: 10px auto;height: 20px;line-height: 20px;}

.news_tit_img{ width:60%; margin:9px auto; text-align:center}

.news_main{ line-height:38px; font-size:22px;}

/************产品*****************/

.produc{ width:100%; margin:0 auto; overflow:hidden; padding-top:15px;}

.info_img_detail{ text-align:center;}

.info_img_detail img{ width:80%; padding:3px; border:#CCC solid 1px;}

.food_name{ text-align:center; line-height:40px;}

/************分页*****************/

/*.page{width:99%; height: 30px; line-height: 30px;text-align: center; margin: 0 auto;font-size: 12px; border:1px solid#d2d4d6;}

.page{margin:10px 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;}

.page span.current {padding:3px 6px 3px 6px;height:18px;line-height:18px;background:#404040;color:#fff;}*/

/************留言*****************/

.concompanycon table{margin-left:2px;}

.concompanycon table th{color:#444444;font-weight:normal;font-size:14px;font-family:'Microsoft YaHei',arial;text-align:right;vertical-align: top;padding-top: 9px;}

.concompanycon table td select{font-family: 'Microsoft YaHei',arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;	background: #FFF;*+margin-left:-3px;}

.concompanycon table td ul{list-style:none;position:absolute;}

.concompanycon table td ul li{	font-family:'Microsoft YaHei',arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;}

.concompanycon table td ul li a{display:block;text-decoration:none;color:#444444;}

.concompanycon table td ul li a:hover{color:#fe7d0c;}

.concompanycon table td ul li:last-child{border-bottom:1px solid #d2d4d6;}

.concompanycon table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}

.concompanycon table td .yanzheng{width:101px;}

.concompanycon table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}

.concompanycon table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;}

.concompanycon table td .but{width:74px;height:31px;line-height:27px;background:#149939;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:'Microsoft YaHei',SimHei,sans-serif;color:#FFF;}

/************招聘*****************/



.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}

.jobs a{position:relative;top:-90px;background:url(button.jpg) no-repeat top left;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}

.jobs strong{color:#da020d;}

.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}

/***************jobs***************/

.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}



.pro_name{display:block;color:#da020d;text-align:left;}

.info_title{margin:30px 0 0 0px;width:760px;height:30px;background:#ececec; float:left;}

.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}

.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}

/********goods_info&jobs_info*******/

.order{margin:40px 0 120px 46px;line-height:40px;}

.order img{vertical-align:-5px;cursor:pointer;}

#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;border-radius:5px; background:#1F9FD7;}