
/* CSS Document */
.pages .box{ display: flex; justify-content: space-between;}
.pages .lbox{ width: 100%; max-width: 220px;}
.pages .lbox h3{ width: 100%; height: 70px; background: #da0000; line-height: 70px; color: #fff; font-size: 24px; text-align: center;}
.pages .menu{ padding:10px; padding-bottom: 30px; background:url(http://jkcgg.com/templets/default/images/mbg.jpg) repeat-x #eee;}
.pages .menu ul{ display: block; width: 100%; height: 100%; padding: 15px; background: #fff}
.pages .menu ul li{ height: 50px; line-height: 50px;}
.pages .menu ul li a{ font-size: 14px; font-weight: bold; display: inline-block; padding-left: 20px; background: url(../images/dot1.png) no-repeat center left;}
.pages .menu ul li:hover a{ color: #da0000;}
.pages .tel{ width: 100%; background: #da0000; height: auto; padding:25px; line-height: 18px;}
.pages .tel small{ font-size: 12px; color: #fff;}
.pages .tel a{ color: #fff; font-size: 20px;}
.pages .rbox{ padding-left: 20px; width: 100%;}
.pages .imgbox ul li{ width: 33.333%; padding-left: 15px; padding-bottom: 15px; float: left; text-align: center;}
.pages .imgbox ul li a{ display: block;}
.pages .imgbox .img{ border: 5px solid #eee; position: relative;}
.pages .imgbox .img::before{ position: absolute; z-index: 999; top: 0; content: ''; display: block; width: 80px; height: 40px; background: url(http://jkcgg.com/templets/default/images/diy.png) no-repeat; background-size: 100% 100%;}
.pages .imgbox .img{ overflow: hidden;}
.pages .imgbox img{ transition: all .5s;}
.pages .imgbox img:hover{ transform: scale(1.1);}
.pages .imgbox .img:hover{ border: 5px solid #da0000;}

/*分页*/
div.paginationbox{width:100%;height:auto;padding:30px 0;margin:25px auto; padding-left: 15px; overflow:hidden}
ul.pagination{display:inline-block;padding:0;margin:0}
ul.pagination li{display:inline}
ul.pagination li a{color:#000;float:left;font-size:14px;padding:5px 12px;margin:0 5px;text-decoration:none;border:1px solid #ddd}
.pagination li:first-child a,.pagination li:last-child a{border-radius:0}
ul.pagination li.bor0 a{border-color:#fff;cursor:auto}
ul.pagination li a.active,ul.pagination li.thisclass a{color:#fff;border:1px solid #da0000;cursor:default; background-color:#da0000;}
ul.pagination li.thisclass a{ background-color:#da0000;}
ul.pagination li a:hover:not(.active){background-color:#da0000;color:#fff;border-color:#da0000}
ul.pagination li.bor0 a:hover{background:0 0;color:#333;border-color:#fff}
ul.preNext{ width:100%; display: flex; justify-content: space-between; float: left; border-top: 1px dotted #ddd;}
ul.preNext li{ padding: 5px 15px; font-size: 12px;}
ul.preNext li a{color:#333;}
ul.preNext li a:hover{color:#da0000}
ul.preNext li.pre,ul.preNext li.next{ background: #eee;}

.pages .position{ margin: 0; padding-left: 15px;}
.tab p{ border-bottom: 1px solid #ddd;}
.tab p a:hover{ color: #da0000;}

.list_news{width: 100%; padding-left: 15px;}
.list_news ul li { border: 1px solid #ddd; float: left; margin: 10px 0; height: auto; overflow: hidden; padding:30px; position: relative; width: 100%; box-sizing: border-box;}
.list_news ul li h5 {color: #333; font-weight: normal;font-size: 18px;}
.list_news ul li img { height: 130px;margin-right: 15px;width: 210px;}
.list_news ul li span{ color: #aaa; font-size: 12px; padding-right: 10px;}
.list_news ul li p {color: #666;font-size: 14px; padding: 10px 0;}
.list_news ul li .border_top,.list_news ul li .border_left { left: 0;top: 0;}
.list_news ul li .border_right,.list_news ul li .border_bottom { bottom: 0;right: 0;}
.list_news ul li .border_top,.list_news ul li .border_bottom {height: 2px; width: 0;}
.list_news ul li .border_right,.list_news ul li .border_left { height: 0;width: 2px;}
.list_news ul li,.list_news ul li .border_top,.list_news ul li .border_right,.list_news ul li .border_bottom,.list_news ul li .border_left {transition: all 0.4s ease 0s;}
.list_news ul li:hover {background: #fbfbfb none repeat scroll 0 0; border-color: transparent;}
.list_news ul li:hover h5{ color: #da0000;}
.list_news ul li:hover .border_top,.list_news ul li:hover .border_bottom { width: 100%;}
.list_news ul li:hover .border_left,.list_news ul li:hover .border_right { height: 100%;}
.list_news ul li .border_top,.list_news ul li .border_right,.list_news ul li .border_bottom,.list_news ul li .border_left { background: #da0000 none repeat scroll 0 0;position: absolute;}
/*newsinfo*/
.newsinfo {width: 100%; height: auto; line-height: 20px; overflow:hidden; border-bottom: 1px dotted #ccc; padding-bottom:5px;text-align:center;color: #666; font-size: 12px;}
.newsinfo span {color: #ff0000; font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;}
.newsinfo a{ display: inline-block; float: right; margin-left: 15px; padding: 5px 25px; background: #000; color: #fff;}
.newsinfo a:last-child{ background: #da0000;}
.article_box { width: 100%; height: auto; padding: 15px 0; padding-left: 15px; overflow: hidden;}
.article_box h1 { text-align: center; padding: 15px; font-weight: 400;font-size: 18px;}
.detail { width: 100%; height: auto;overflow: hidden; line-height: 24px; padding: 15px 0;}
.detail img {max-width: 100%;display: inline-block;}

.m3_right{width:100%;box-sizing:border-box;padding:50px 0;}
.m3_right_top{width:100%;padding-top:20px;padding-bottom:20px;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;color:#707070;font-size:14px}
.m3_right_top .fl img{margin-right:10px}
.m3_right_bot{width:100%;margin-left:5px;margin-top:27px;background: url(../images/msg.jpg) no-repeat right;}
.m3_right_bot tr{height:27px;line-height:27px}
.m3_right_bot tr td{padding-bottom:27px;color:#707070;font-size:14px}
.m3_right_bot input{width:205px;padding-left:5px;height:25px;line-height:25px;border:1px solid #b5b5b5;margin-left:16px;background:#fefefe}
.m3_right_bot input.pop_input2{width:40px;text-align:center;margin-left:10px;padding-left:0}
.m3_right_bot textarea{max-width:570px;min-width:570px;min-height:102px;background:#fefefe;border:1px solid #b5b5b5;margin-top:-20px;padding:5px;overflow-y:hidden}
.m3_right_bot .btn{width:154px;height:41px;border:2px solid #707070;color:#707070;font-size:16px;cursor:pointer;margin-left:25px}
.m3_right_bot .btn:hover{color:#ef5b6a;border-color:#ef5b6a}

div.rthumbnail img{padding:5px; border: 2px solid #eee;}


