.clearfix::after {
	clear: both; display: block; content: "";
}
.clearfix {
	-ms-zoom: 1;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.db {
	display: block;
}
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.full {
	width: 100%; height: 100%;
}
.box {
	display: inline-block;
}
.none {
	display: none;
}
a {
	text-decoration: none;
}
.container {
	margin: 0px auto; width: 1200px; overflow: hidden; clear: both;
}
.tophead {
	background: rgb(245, 245, 245); width: 100%; height: 30px;
}
.top_head {
	margin: auto; width: 1200px; height: 30px;
}
.top_left {
	height: 30px; line-height: 30px; font-size: 12px; float: left;
}
.top_head ul {
	height: 30px; float: right;
}
.top_head ul li {
	line-height: 30px; font-size: 12px; float: left;
}
.top_head ul li a {
	line-height: 30px; font-size: 12px;
}
.top_head ul li span {
	padding: 0px 8px; line-height: 30px; font-size: 12px;
}
.contain {
	margin: auto; width: 1200px;
}
.top {
	width: 100%; height: 100px;
}
.top h2 {
	font-size: 0px; margin-top: 18px; float: left;
}
.top .contain .phone {
	width: 238px; margin-top: 29px; float: right;
}
.top .contain .phone span {
	color: rgb(221, 63, 63); font-family: "Microsoft YaHei","΢ÈíÑźÚ"; font-size: 26px; margin-top: 7px; float: right; display: block;
}




#indexbanner {
	height: 500px; overflow: hidden; position: relative;
}
#indexbanner .bx-controls {
	left: 0px; width: 100%; bottom: 20px; color: rgba(0, 0, 0, 0); position: absolute; z-index: 999;
}
#indexbanner .bx-controls .bx-pager {
	text-align: center;
}
#indexbanner .bx-controls .bx-pager div {
	margin: 0px 2px; display: inline-block;
}
#indexbanner .bx-controls .bx-pager div a {
	width: 45px; height: 4px; line-height: 50px; overflow: hidden; display: block; background-color: rgba(255, 255, 255, 0.3);
}
#indexbanner .bx-controls .bx-pager div a.active {
	background-color: rgba(255, 255, 255, 1);
}
#indexbanner .bx-controls .bx-controls-direction {
	display: none;
}
#indexabout {
	margin: auto; width: 1200px; height: 463px; overflow: hidden; position: relative;
}
.about {
	background: url("/imgs/titleimg21/bg.png") no-repeat center; width: 786px; height: 370px; margin-top: 47px;
}
.about .con {
	width: 620px; height: 100%; margin-left: 50px;
}
.about .con .tit {
	width: 137px; height: 52px; padding-top: 61px; border-bottom-color: rgb(133, 179, 236); border-bottom-width: 1px; border-bottom-style: solid;
}
.about .con .tit p {
	color: rgb(255, 255, 255); font-size: 20px;
}
.about .con .tit span {
	color: rgb(79, 146, 229); text-transform: uppercase; margin-top: 6px; display: block;
}
.about .con .des {
	width: 100%; height: 130px; color: #FFFFFF; line-height: 200%; margin-top: 25px;
}
.about .con .des p{
	color: #FFFFFF;
}
.about .con .more {
	background: rgb(17, 76, 150); width: 117px; height: 34px; text-align: center; color: rgb(133, 179, 236); line-height: 34px; font-size: 12px; float: right;
}
.ab_pic {
	top: 85px; width: 485px; height: 295px; right: 0px; position: absolute;
}
.ab_pic .ctt {
	background: rgba(186, 25, 39, 0.7); width: 288px; height: 60px; overflow: hidden; margin-top: 52px; margin-left: 51px;
}
.ab_pic .ctt p {
	color: rgb(255, 255, 255); font-size: 20px; font-weight: bold; margin-top: 11px; margin-left: 24px;
}
.ab_pic .ctt span {
	color: rgb(255, 255, 255); text-transform: uppercase; font-size: 12px; margin-top: 7px; margin-left: 24px; display: block;
}
#indexproduct {
	 width: 100%;
}
.cp {
	margin: auto; width: 1200px;  overflow: hidden;
}
.cp .tit {
	width: 175px; height: 58px; margin-top: 52px; border-bottom-color:#808080; border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.cp .tit p {
	color: #000; font-size: 24px;
}
.cp .tit span {
	text-transform: uppercase; margin-top: 9px; display: block;
}
.cp .nav_tt {
	margin-top: 85px; float: right;
}
.cp .nav_tt a {
	margin-left: 39px;
}
.cp .pro {
	width: 100%; margin-top: 49px;
}
.cp .pro ul li {
	width: 270px; height: 261px; margin-right: 20px; border-bottom-color: #da0112; border-bottom-width: 6px; border-bottom-style: solid; float: left;
}
.cp .pro ul li:last-child {
	margin-right: 0px;
}
.cp .pro ul li .pic {
	width: 270px; height: 205px; overflow: hidden; display: block;
}
.cp .pro ul li .tt {
	width: 270px; height: 56px; line-height: 56px; display: block;text-align:center;
}
.cp .pro ul li img {
	transition:transform 0.9s;
}
.cp .pro ul li img:hover {
	transform: scale(1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);
}
#indexnews {
	margin: auto; width: 1200px; height: 493px;
}
.news .tit {
	width: 100%; text-align: center; padding-top: 36px;
}
.news .tit p {
	color:#000; letter-spacing: 2px; font-size: 26px;
}
.news .tit span {
	color: #000; margin-top: 11px; display: block;
}
.news .con {
	width: 100%; height: 338px; margin-top: 30px;
}
.news .con .left {
	background: rgb(247, 247, 247); width: 458px; height: 100%; float: left;
}
.news .con .left img {
	margin: 24px 29px 18px 30px;
}
.news .con .left .one {
	margin: auto; width: 399px;
}
.news .con .left .one .date {
	width: 43px; text-align: center; margin-right: 15px; float: left;
}
.news .con .left .one .date p {
	color: rgb(153, 153, 153); padding-bottom: 5px; font-size: 17px; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid;
}
.news .con .left .one .date span {
	color: rgb(153, 153, 153); font-size: 12px; margin-top: 6px; display: block;
}
.news .con .left .one .tt {
	width: 341px; font-size: 13px; margin-top: 4px; float: left;
}
.news .con .left .one .tt a {
	color: rgb(51, 51, 51);
}
.news .con .left .one .tt a:hover {
	color: rgb(54, 107, 195);
}
.news .con .left .one .des {
	width: 341px; font-size: 12px; margin-top: 10px; float: left;
}
.news .con .left .one .des a {
	color: rgb(153, 153, 153);
}
.news .con .left .one .des a:hover {
	color: rgb(54, 107, 195);
}
.news .con ul {
	width: 733px; height: 100%; overflow: hidden; float: right;
}
.news .con ul li {
	background: rgb(247, 247, 247); width: 362px; height: 81px; margin-right: 9px; margin-bottom: 5px; float: left;
}
.news .con ul li:nth-child(2n) {
	margin-right: 0px;
}
.news .con ul li a {
	padding: 20px 22px; width: 318px; height: 41px; display: block;
}
.news .con ul li .tt {
	width: 100%; font-size: 12px; margin-top: 4px;
}
.news .con ul li .tt p {
	color: rgb(51, 51, 51); float: left;
}
.news .con ul li .tt span {
	color: rgb(153, 153, 153); float: right;
}
.news .con ul li .des {
	width: 428px; color: rgb(153, 153, 153); font-size: 12px; margin-top: 10px; float: left;
}
.news .con ul li:hover {
	background: rgb(54, 107, 195);
}
.news .con ul li:hover .tt p {
	color: rgb(255, 255, 255);
}
.news .con ul li:hover .tt span {
	color: rgb(255, 255, 255);
}
.news .con ul li:hover .des {
	color: rgb(255, 255, 255);
}
#indexcase {
	margin: auto; width: 1200px; height: 413px;
}
.culture {
	width: 772px; height: 100%; float: left;
}
.culture .tit {
	width: 175px; height: 58px; border-bottom-color: rgb(199, 199, 199); border-bottom-width: 1px; border-bottom-style: solid;
}
.culture .tit p {
	color: rgb(48, 111, 190); font-size: 24px;
}
.culture .tit span {
	text-transform: uppercase; margin-top: 9px; display: block;
}
.culture img {
	margin-top: 14px;
}
.honor {
	width: 409px; height: 100%; float: right;
}
.honor .tit {
	width: 175px; height: 58px; border-bottom-color: rgb(199, 199, 199); border-bottom-width: 1px; border-bottom-style: solid;
}
.honor .tit p {
	color: rgb(48, 111, 190); font-size: 24px;
}
.honor .tit span {
	text-transform: uppercase; margin-top: 9px; display: block;
}
.honor .con {
	background: rgb(247, 247, 247); width: 100%; height: 292px; overflow: hidden; margin-top: 14px; position: relative;
}
.honor .con .bx-pager {
	display: none;
}
.honor .con .bx-prev {
	background: url("http://www.zjccjl.com.cn/Themes/default/images/left.png") no-repeat center; left: 0px; top: 120px; width: 31px; height: 52px; line-height: 150px; overflow: hidden; display: block; position: absolute; z-index: 200; cursor: pointer;
}
.honor .con .bx-next {
	background: url("http://www.zjccjl.com.cn/Themes/default/images/right.png") no-repeat center; top: 120px; width: 31px; height: 52px; right: 0px; line-height: 150px; overflow: hidden; display: block; position: absolute; z-index: 200; cursor: pointer;
}
.honor .con ul li {
	width: 100%; height: 292px; text-align: center; line-height: 288px;
}
#ne_nav {
	width: 935px; height: 28px; margin-top: 56px; border-bottom-color: rgb(220, 220, 220); border-bottom-width: 1px; border-bottom-style: solid; float: right;
}
.col {
	width: 935px; line-height: 200%; margin-top: 20px; margin-bottom: 20px; float: right; min-height: 450px;
}
.col h2 {
	text-align: center; color: rgb(0, 0, 0); padding-top: 5px; font-weight: normal;
}
.col h3 {
	text-align: center; font-size: 12px; font-weight: normal;
}
.pxxm {
	width: 935px; margin-top: 29px; margin-bottom: 30px; float: right; min-height: 350px;
}
.pxxm ul {
	width: 100%; float: left;
}
.pxxm ul li {
	width: 285px; height: 261px; margin-right: 40px; margin-bottom: 27px; border-bottom-color: rgb(48, 111, 190); border-bottom-width: 6px; border-bottom-style: solid; float: left;
}
.pxxm ul li:nth-child(3n) {
	margin-right: 0px;
}
.pxxm ul li .pic {
	width: 285px; height: 205px; text-align: center; overflow: hidden; display: block; position: relative;
}
.pxxm ul li .pic span {
	background: rgba(0, 0, 0, 0.1); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.pxxm ul li .pic:hover span {
	display: block;
}
.pxxm ul li .tt {
	transition:0.6s; width: 100%; height: 56px; line-height: 56px; overflow: hidden; display: block;
}
.xwzx {
	width: 935px; margin-top: 11px; margin-bottom: 30px; float: right; min-height: 350px;
}
.xwzx ul {
	margin: auto; width: 100%;
}
.xwzx ul li {
	background: rgb(245, 245, 245); transition:0.3s; width: 100%; height: 116px; overflow: hidden; margin-bottom: 11px;
}
.xwzx ul li img {
	margin: 10px 22px 0px 11px; float: left;
}
.xwzx ul li:hover .tit p {
	color: rgb(39, 125, 233);
}
.xwzx ul li:hover .tit span {
	color: rgb(39, 125, 233);
}
.xwzx ul li:hover .con {
	color: rgb(39, 125, 233);
}
.xwzx ul li a {
	width: 100%; height: 100%; display: block;
}
.xwzx ul li .tit {
	padding-top: 35px;
}
.xwzx ul li .tit p {
	float: left;
}
.xwzx ul li .tit span {
	color: rgb(153, 153, 153); font-size: 12px; margin-left: 16px;
}
.xwzx ul li .con {
	color: rgb(143, 143, 143); line-height: 200%; font-size: 12px; margin-top: 10px;
}
#sidenav {
	width: 242px; margin-top: 27px; margin-bottom: 50px; float: left;
}
.abgy {
	margin-bottom: 2px;
}
.abgy h2 {
	background: url("http://www.zjccjl.com.cn/Themes/default/images/t1.jpg") no-repeat center; width: 100%; height: 77px; text-align: center; color: rgb(255, 255, 255); line-height: 77px; font-size: 22px; font-weight: bold; margin-bottom: 1px;
}
.abgy ul {
	width: 242px;
}
.abgy ul li.nv {
	background: rgb(31, 93, 166); width: 100%; height: 50px; line-height: 50px; margin-bottom: 1px;
}
.abgy ul li.nv a {
	width: 100%; height: 100%; text-align: center; color: rgb(255, 255, 255); display: block;
}
.abgy ul li a {
	transition:0.5s;
}
.abgy ul li a:hover {
	background: rgb(61, 133, 223);
}
.abgy ul li .cur {
	background: rgb(39, 125, 233);
}
.contact h2 {
	background: url("http://www.zjccjl.com.cn/Themes/default/images/t2.jpg") no-repeat center; width: 100%; height: 77px; text-align: center; color: rgb(255, 255, 255); line-height: 77px; font-size: 22px; font-weight: bold;
}
.contact .con {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(220, 220, 220) rgb(220, 220, 220); padding: 15px; border-image: none; line-height: 200%; font-size: 12px;
}
.orientation {
	margin-top: 30px;
}
.orientation .previous {
	float: left;
}
.orientation .next {
	float: right;
}
.footer_top {
	background: rgb(51, 51, 51); width: 100%; height: 238px;
}
.footer_top .address {
	margin: auto; width: 1200px;
}
.footer_top .address .logo {
	margin-top: 79px; margin-right: 48px; float: left;
}
.footer_top .address .line {
	height: 160px; margin-top: 44px; margin-right: 46px; border-right-color: rgb(72, 72, 72); border-right-width: 1px; border-right-style: solid; float: left;
}
.footer_top .con {
	width: 550px; height: 190px; color: rgb(153, 153, 153); line-height: 220%; font-size: 14px; margin-top: 35px; float: left;
}
.footer_top .weixin {
	background: url("http://www.zjccjl.com.cn/Themes/default/images/bak.png") no-repeat center; width: 162px; height: 164px; text-align: center; font-size: 12px; margin-top: 18px; float: right;
}
.footer_bottom {
	background: rgb(38, 38, 38); width: 100%; height: 50px; color: rgb(200, 200, 200); line-height: 50px;
}
.footer_bottom .fter {
	margin: auto; width: 1200px; font-size: 14px;
}
.footer_nav {
	background: rgb(51, 51, 51); width: 100%; height: 58px; line-height: 58px; border-bottom-color: rgb(79, 79, 79); border-bottom-width: 1px; border-bottom-style: solid;
}
.footer_nav ul {
	margin: auto; width: 1200px; height: 100%;
}
.footer_nav ul li {
	margin-right: 52px; float: left;
}
.footer_nav ul li a {
	color: rgb(200, 200, 200);
}
.mypage {
	width: 100%; text-align: center; float: left;
}
.mypage span {
	margin: 5px; padding: 5px 10px; border: 1px solid rgb(211, 91, 82); border-image: none; color: rgb(211, 91, 82); vertical-align: top; display: inline-block;
}
.mypage a {
	margin: 5px; padding: 5px 10px; border: 1px solid rgb(211, 91, 82); border-image: none; color: rgb(211, 91, 82); vertical-align: top; display: inline-block;
}
.mypage span.current {
	background: rgb(211, 91, 82); color: rgb(255, 255, 255);
}
.mypage a.current {
	background: rgb(211, 91, 82); color: rgb(255, 255, 255);
}