@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%}
a{ text-decoration:none; color:#FFF}
.clear{ clear:both}
body{ font-family:"微软雅黑"; width:100%; min-width:1200px;color: #333;font-size: 14px; background:url(../images/kjg/bp.jpg) }
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}

.banner{ width:100%; min-width:1000px; /*height:200px;*/ overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{ /*height:200px;*/  position:absolute; left:0; top:0;}
.b-img img{ display:block; /*height:200px;*/ float:left;}
.b-list{ height:20px; /*padding-top:380px;*/ margin:0 auto;position:relative;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#d8241d}

.main{ width:1004px; margin:0 auto;}
.main1{ width:1004px;height:250px; margin:0 auto;background-image: url(../images/kjg/bg11.png);background-repeat: repeat;}

#header{width:1200px; height:100px; overflow:hidden; margin:0 auto;}
.logo{ width:260px; height:100px; padding-right:80px; padding-top:30px;}


nav {display: flex;justify-content: center; align-items: center;width: 1000px; margin: 10; box-sizing: content-box; padding-top:20px;}
nav:after {color: white;position: fixed;bottom: 0;z-index: -5;}
nav > ul { display: flex;}
nav > ul > li {width: 100px;height: 100px;position: relative;border-radius: 50%;list-style-type: none;background: white;animation: move 35s linear infinite;cursor: pointer; margin-bottom: 55px;transition: .5s all;}
nav > ul > li:nth-child(1) { background: url(../images/kjg/2.jpg);box-shadow: inset -10px -10px 40px rgba(52, 115, 105, 0.5), 0 0 60px -20px rgba(131, 191, 103, 0.72), -10px -10px 40px -10px rgba(131, 191, 103, 0.23);
}
nav > ul > li:nth-child(1):after { content: ""; background: url(../images/kjg/2.jpg); width: 100px;height: 100px;position: absolute;border-radius: 50%;animation: move 30s infinite linear; opacity: 0.4;}
nav > ul > li:nth-child(2) {
  background: url(../images/kjg/3.jpg);
  box-shadow: inset -10px -10px 40px rgba(194, 104, 48, 0.5), 0 0 60px -20px rgba(194, 104, 48, 0.72), -10px -10px 40px -10px rgba(194, 104, 48, 0.23);
}
nav > ul > li:nth-child(3) {
  background: url(../images/kjg/4.jpg);
  box-shadow: inset -10px -10px 40px rgba(255, 183, 138, 0.5), 0 0 60px -20px rgba(255, 183, 138, 0.72), -10px -10px 40px -10px rgba(255, 183, 138, 0.23);
}
nav > ul > li:nth-child(4) {
  background: url(../images/kjg/5.jpg);
  box-shadow: inset -10px -10px 40px rgba(255, 209, 181, 0.5), 0 0 60px -20px rgba(255, 209, 181, 0.72), -10px -10px 40px -10px rgba(255, 209, 181, 0.23);
}
nav > ul > li:nth-child(5) {
  background: url(../images/kjg/6.jpg);
  box-shadow: inset -10px -10px 40px rgba(120, 253, 255, 0.5), 0 0 60px -20px rgba(120, 253, 255, 0.72), -10px -10px 40px -10px rgba(120, 253, 255, 0.23);
}
nav > ul > li:hover {transform: scale(1.2);margin: 0px 50px;}
nav > ul > li:hover a {color: green;}
nav > ul > li > a {color: #030;z-index: 10;text-decoration: inherit;position: absolute;bottom: -50px;font-size: 20px;left: 50%;}

li > ul {position: absolute;bottom: -100px;right: -200px; width: 300px;}
li > ul > li { list-style-type: none; position: relative; display: flex;}
li > ul > li > a { color: rgba(255, 0, 0, 0); z-index: 10; text-decoration:none;font-size:15px; transition: .2s all;}
li > ul > li > a:hover {color: #F00;}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -600px 0;
  }
}

/*public-鼠标悬停栏目框*/
em,i{font-style:normal}
iframe{display:block}
fieldset{border:1px solid #c0c0c0;margin:0 2px 18px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
s{text-decoration:none;}
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{word-break:break-all;width:220px;color:#030;}
.mt10{margin-top:5px;margin-bottom:5px;background-color:#0c6;}
.pb9 {list-style-type:none;display:block;width:220px;float:left;background:green;height:2px;line-height:2px;}

/*main*/
.case{width:1004px; padding-top:20px;}
.case .title{height:25px;background:url(../images/kjg/titbg.png) no-repeat;border-bottom: 3px solid #e7e7e7;padding-bottom:10px;padding-left:10px;}
.case .title h2{ font-size: 20px;font-family: "microsoft yahei";color:red;}
.case .title-list{ position: relative; top: 6px;}
.case .title-list li { width:146px; line-height:20px; text-align: center; float: left; display: inline;}
.case .title-list li a{ color: #ff6600;}
.case .title-list li.on{ color:#060; font-weight: bold;}
.case .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #ff6600; overflow: hidden; text-align: center;}
.case .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height: 450px; position: relative; overflow: hidden; display: none; margin-top: 5px;}
.product ul{ position: absolute; left: 20px;}
.product-wrap .show{ display: block;}
.product-wrap .product li{ float: left; display: inline; margin-left: 10px;background: #f3f3f3; border: 2px solid #fafafa; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.product-wrap .product li.ml0{margin-top:2px;}
.product-wrap .product li img { display: block; width: 226px; height: 150px; background: #fff; text-align:center;}
.product-wrap .product li p{padding-left:5px;color: #666666;line-height: 20px;}
.product-wrap .product li p a{ color:#red; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}


.nav-q{width:100%; min-width:1200px; height:66px; overflow:hidden; background:url(../images/nav.gif) repeat-x;}
.nav-q ul{width:1004px; margin:0 auto; overflow:hidden}
.nav-q ul li:first-child{ margin-left:0}
.nav-q ul li{ float:left; width:157px;height:66px; line-height:66px; margin-left:-50px}
.nav-q ul li a{ display:block;color: #fff;font-size: 16px; padding-left:23px }
.nav-q ul li:hover a{ background:url(../images/nav.jpg) center center no-repeat;}


.noticeBox{ width:1031px; height:115px; background:url(../images/kjg/notice.gif) no-repeat; margin:0 auto; overflow:hidden; margin-top:-80px; }
.noticeBox .main{ height:30px; margin-top:43px;}
.noticeBox .main img{ display:block; float:left; height:37px; margin-left:18px;}
.noticeBox .main .tit{ float:left; color:red;height:30px; line-height:30px; padding-left:10px; font-size:16px}
.noticeBox .main .gg{width:800px; height:30px; line-height:30px; }
.noticeBox .main .gg ul{margin:50px;height:22px; overflow:hidden;}
.noticeBox .main .gg ul li{height:30px; line-height:30px; font-size:14px;color:#fff;}
.noticeBox .main .gg ul li a{font-size:14px; color:#fff; background: url(../images/jian.gif) left 8px no-repeat; padding-left: 10px;}
.noticeBox .main .gg ul li span{font-size:14px; color:#ff3;}

.list{border:1px #ccc solid; overflow:hidden; height:20px; width:300px; margin:0; padding:0; list-style-type:none;}


.part1{width:1004px;height:220px;margin:0 auto;overflow:hidden;padding-top:10px;background-image: url(../images/kjg/bg11.png);background-repeat: repeat;}
.part1 ul{ overflow:hidden}
.part1 ul li{ float:left; width:170px;margin: 0 13px 0 13px;}
.part1 ul li a{ display:block;width: 140px;height: 140px;padding: 13px 15px 14px 15px;background:url(../images/KJG/probg.png) left top no-repeat}
.part1 ul li a:hover{-webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.part1 ul li a img{border-radius: 50%; display:block;width: 140px;height: 140px;}
.part1 ul li p{ text-align:center;width: 170px;text-align: center;color: #030;font-size: 16px;}


.part2{width:1004px; margin:0 auto;height: 280px;overflow: hidden;background-image: url(../images/kjg/bg11.png);}
.part2 .aboutBox{ padding-top:30px; overflow:hidden}
.part2 .aboutBox .L{ float:left; width:316px; height:200px; overflow:hidden}
.part2 .aboutBox .L img{ display:block;width:316px; height:115px;margin-top:20px;}
.part2 .aboutBox .R{float: left;width: 670px;line-height: 28px;color: #030;font-size: 14px; text-indent:2em; padding-left:15px;}

.contitbox{ width:98%; height:37px; overflow:hidden; padding-top:25px;}
.contitbox label{float:left;background:url(../images/KJG/titbg.png) no-repeat;height:37px;color: #F00;width: 180px;	padding-left:20px;font-size: 24px;font-family: "microsoft yahei";line-height:37px;}
.contitbox a{ float:right; display:block;background: #000;color: #FFF;border-radius: 15px; width:72px; height:26px; line-height:26px;font-size: 16px; margin-top:10px; text-align:center}

.part3{width:1004px; height:320px; margin:0 auto;overflow: hidden; padding-top:10px;background-image: url(../images/kjg/bg11.png);}



.part4{ float:left;width: 475px; height:250px;}
.part4.bg{ padding-right:40px; background:url(../images/kjg/line.png) right top no-repeat}
.part4 ul{ overflow:hidden; width:475px; padding-top:10px}
.part4 ul li{width: 475px;height: 34px;line-height: 34px;font-size: 16px; margin-left:5px}
.part4 ul li span {float:right; font-size:12px; padding-right:5px;}
.part4 ul li strong{color:red;}
.part4 ul li a{color:#030;margin-left:5px;}


.part5{width:1004px; margin:0 auto;overflow: hidden;height: 310px;background-image: url(../images/kjg/bg11.png);}
.part5 ul{ overflow:hidden; padding-top:20px}
.part5 ul li{ float:left; width:246px; margin:0 2.8px;}
.part5 ul li:nth-child(4){ margin-right:0}
.part5 ul li img{width: 246px;height: 185px; display:block}
.part5 ul li p{ color:#000; font-size:16px; height:30px; line-height:30px; text-align:center; padding-top:5px}
.part5 ul li:hover{-webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s; margin-top:5px}
.part5 ul li:hover img{box-shadow: 0 5px 35px rgba(0, 0, 0, 0.3);}

.part6{width:1004px; margin:0 auto;overflow: hidden;max-height:1000px; margin-top:20px;background-image: url(../images/kjg/bg11.png);}
.part6 ul{ overflow:hidden; padding-top:20px}
.part6 ul li{ float:left; width:246px; margin:0 2.8px;}
.part6 ul li:nth-child(4){ margin-right:0}
.part6 ul li img{width: 246px;height: 185px; display:block}
.part6 ul li p{ color:#000; font-size:16px; height:30px; line-height:30px; text-align:center; padding-top:5px}
.part6 ul li:hover{-webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s; margin-top:5px}
.part6 ul li:hover img{box-shadow: 0 5px 35px rgba(0, 0, 0, 0.3);}

.part7{width:1004px; margin:0 auto;overflow: hidden;height:1500px; margin-top:20px;background-image: url(../images/kjg/bg11.png);}
.part7 ul{ overflow:hidden; padding-top:20px}
.part7 ul li{ float:left; width:246px; margin:0 2.8px;}
.part7 ul li:nth-child(4){ margin-right:0}
.part7 ul li img{width: 246px;height: 185px; display:block}
.part7 ul li p{ color:#000; font-size:16px; height:30px; line-height:30px; text-align:center; padding-top:5px}
.part7 ul li:hover{-webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s; margin-top:5px}
.part7 ul li:hover img{box-shadow: 0 5px 35px rgba(0, 0, 0, 0.3);}


.linksbox{width:1004px; margin:0 auto;overflow: hidden; padding-top:10px; }
.linksbox .tit{height: 50px;line-height: 50px; color:#ffffff;font-size: 20px; padding-left:10px;}
.linksbox .con{ line-height:30px; font-size:16px;background-image:url(../images/kjg/bg11.png);}
.linksbox .con a{display: inline-block;padding: 0 10px;color: #000000;}


.footerBox{	width:100%;	min-width:1004px;min-height: 230px;	margin-top:60px;background-image: url(../images/kjg/banner3.png);}
.footerBox .footL{float: left;width: 321px;height: 275px;position: relative;margin-top:-45px;background-image: url(../images/kjg/ap.jpg);background-repeat: repeat;}
.footerBox .footL .tit{height: 37px;color: #030; font-size:20px; line-height:37px;width: 186px; background:url(../images/kjg/titbg.png) center center no-repeat;margin: 25px 0 20px 20px; padding-left:20px;}
.footerBox .footL ul{ overflow:hidden}
.footerBox .footL ul li{ padding-left:30px; color:#030;width: 247px; overflow:hidden;font-size: 16px;line-height: 39px;height: 39px; margin-left:20px;border-bottom: 1px dotted #000;}
.footerBox .footL ul li.f1{ padding-left:75px;}
.footerBox .footL ul li.f2{ background:url(../images/kjg/icon.png) 0 -37px no-repeat}
.footerBox .footL ul li.f3{ background:url(../images/kjg/icon.png) 0 -78px no-repeat}
.footerBox .footL ul li.f4{ background:url(../images/kjg/icon.png) 0 -118px no-repeat}
.footerBox .footR{ float:right; width:650px; height:220px;}
.footerBox .footR .telbox{ width:640px; padding-top:10px; }
.footerBox .footR .telbox .tel{ height:60px;color:#fff; width:640px; padding-left:50px}
.footerBox .footR .telbox .tel span{font-size: 14px; line-height:1;overflow: hidden;font-family: Century Gothic; display:block; width:600px;}
.footerBox .footR .telbox .tel b{ width:200px; margin-left:90px; padding-bottom:10px;display: block;font-size: 14px;height: 14px; font-weight:normal}
.footerBox .footR .telbox .tel img{display:block;width:140px;height:140px; margin-left:120px;}
.footerBox .footR .footer{ text-align:center; padding-top:20px;color: #949494; line-height:1.8}



.fnav{background:#039;width:100%; min-width:1004px; overflow:hidden;height: 52px;line-height: 52px;}
.fnav .main{ text-align:center}
.fnav a{display: inline-block;padding: 0 3px;color: #fff;font-size: 16px;}



.mainL{ float:left; padding-top:25px; width:250px; padding-bottom:10px;}
.mainL .titbox{ width:100%; height:67px; background:url(../images/kjg/titbg.png) no-repeat; color:#030; font-size:24px; line-height:67px; text-align:left; padding-left:20px;}
.mainL ul.typeul{ width:215px; background:#09F; overflow:hidden;margin-left:10px;padding-left:20px;}
.mainL ul.typeul li{width: 195px; margin:0 auto;}
.mainL ul.typeul li .typeone{ width:100%; font-size:16px; height:55px; line-height:44px; background:url(../images/kjg/libg.gif) center top no-repeat}
.mainL ul.typeul li .typeone a{ color:#000; padding-left:30px;}
.mainL ul.typeul li .typeone .arrow{display: block;width: 20px; height: 20px;float: right;overflow: hidden;cursor: pointer;margin-top: 10px;}
.mainL ul.typeul li .typeone .arrow.up{background: url(../images/kjg/add.png) right no-repeat;margin-right: 10px;}
.mainL ul.typeul li .typeone .arrow.down{background: url(../images/kjg/cut.png) right no-repeat;margin-right: 10px}
.mainL ul.typeul li .typetwo{padding: 5px 0 0 43px; display:none}
.mainL ul.typeul li .typetwo a{ display:block;line-height: 36px;font-size: 13px;color: #6c6b6b;padding-left: 20px;}

.mainL ul.newsul{width:225px; background:#FFF; overflow:hidden;padding-bottom: 20px; padding-top: 20px;}
.mainL ul.newsul li{width: 195px; margin: 0 auto; height:33px; line-height:33px; background:url(../images/kjg/jian.gif) left center no-repeat;}
.mainL ul.newsul li a{ padding-left:10px;font-size: 14px;color: #000000;}
.mainL ul.newsul li a:hover{ text-decoration:underline}

.mainL .lxwm{width:225px; background:#e8e8e8; overflow:hidden}
.mainL .lxwm .con{ color: #000;font-size: 14px;padding-bottom: 20px;line-height: 25px;width: 203px;margin: 0 auto; padding-top:20px;}

.mainR{float:right; width:750px; }
.brandnavbox{height: 45px; background:url(../images/kjg/line.gif) left bottom no-repeat;overflow: hidden;margin-bottom: 15px;}
.brandnavbox h2{font-size: 22px;height:45px; line-height:45px;overflow: hidden;width: 200px;font-weight: normal;color: #000; float:left}
.brandnavbox .con{ float:right;font-size: 14px;color: #030;height:45px; line-height:45px;padding-right:10px;}
.brandnavbox .con a{ font-size: 14px;color: #030;}

.content-box{height: 45px; background:url(../images/kjg/line1.png) center bottom no-repeat;overflow: hidden;margin-bottom: 15px;}
.content-box h2{font-size: 22px;height:45px; line-height:45px;overflow: hidden;width: 200px;font-weight: normal;color: #000; float:left}
.content-box .con{ float:right;font-size: 14px;color: #030;height:45px; line-height:45px;}
.content-box .con a{ font-size: 14px;color: #030;}

.detailbox{min-height:400px; width::700px; background-image:url(../images/kjg/bg11.png); }
.detailbox .xq{}
.detailbox .xq .tit{ padding-top:14px; font-size:24px; font-family:"微软雅黑"; line-height:50px; color:#000; text-align:center}
.detailbox .xq .date{color: #999;text-align:center;font-size:14px;line-height:30px;border-bottom-width: thin;border-bottom-style: dotted;border-bottom-color: #0C0;}
.detailbox .xq .date a{color:#030;}
.detailbox .xq img{ display:block; margin:0 auto; margin-top:10px; }
.detailbox .xq .con {font-size:16px; line-height:30px; padding-top:20px;}
.detailbox .xq .con p{font-size:16px;color:#030;padding-left:20px;padding-right:20px;}

.wzwz-nr{ margin-top:50px;font-size:14px;color:#030;padding-left:20px; line-height: 30px;border-top-width: 1px;border-top-style: dashed;border-top-color: #666;}
.wzwz-nr a{color:#030;}


.formBox{ width:390px; margin:0 auto; overflow:hidden; padding-top:20px}
.formBox .inputbox{ height:36px; line-height:36px; margin-top:20px;}
.formBox .inputbox label{ width:80px; float:left; font-size:14px; color:#000;height:36px; line-height:36px;}
.formBox .inputbox label span{ color:#cc0000; padding-right:8px}
.formBox .inputbox input{ width:305px; float:right; height:36px; line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#999; padding-left:10px}
.formBox .inputbox input.yzm{ float:right; width:172px}
.formBox .inputbox .yzmimg{ float:right; width:123px; height:36px; margin-left:10px}
.formBox .inputbox .btn1{ width:100px; height:36px; line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#fff; text-align:center; background:#E4393C; float:left;border-radius:4px; cursor:pointer; outline:none; letter-spacing:1px; padding:0}
.formBox .inputbox2{ min-height:36px; line-height:36px; margin-top:20px; overflow:hidden}
.formBox .inputbox2 label{ width:80px; float:left; font-size:14px; color:#000;height:36px; line-height:36px;}
.formBox .inputbox2 label span{ color:#cc0000; padding-right:8px}
.formBox .inputbox2 textarea{ width:305px; float:right; height:80px;line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#999; padding-left:10px}


.pagebox{ text-align:center; padding-top:10px; padding-bottom:50px}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
.pagebox a:hover{ border:1px solid #78410E; color:#78410E}




ul.listul{ padding:12px 0;overflow:hidden}
ul.listul li{border-bottom: 1px dashed #ccc;width: 100%;padding: 5px 0;height: 30px;font: 16px/30px "microsoft yahei";color: #737373;}
ul.listul li a{width: 600px;height: 30px;line-height: 30px;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;color:#030; float:left; margin-left:12px}
ul.listul li span{float: right;margin-right: 12px;}
ul.listul li:hover a{transition: all 0.2s ease-in-out 0s;text-indent: 20px;color: #ac0909;}


ul.piclistul{padding:12px 0;overflow:hidden}
ul.piclistul li{ width:600px;float:left; margin-right:10px;}
ul.piclistul li:nth-child(3n){ margin-right:0}
ul.piclistul li img{ }
ul.piclistul li a{color:#030;}
ul.piclistul li p{ text-align:center; height:42px; line-height:42px; font-size:14px;color:#030;}

.mainRR{float:right; max-height:1500px; height:1200px; padding-top:20px;padding-bottom:40px;}
.aboutus{padding:10px 0 10px 0;}
.aboutus .wrap {width:700px;height:250px;margin: auto;border-bottom-width: thin;border-bottom-style: groove;border-bottom-color: #090;}
.aboutus .aboutus-w{padding:35px 35px 55px 35px;box-shadow:1px 1px 5px #aaa}
.aboutus .tit .zh{font-size:24px;color:#333;border-bottom:2px solid #42aaff;padding-bottom:2px;margin-right:10px}
.aboutus .au-wrap{color:#666;font-size:16px}
.aboutus .au-wrap .au-summary{margin-bottom:20px;width:300px;line-height:28px}
.aboutus .au-wrap .au-summary .au-font{ padding-top:10px;max-height:250px;word-break:break-all;display:-webkit-box;display:-moz-box;-webkit-line-clamp:5;-moz-line-clamp:5;-ms-line-clamp:5;-o-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;overflow:hidden}
.aboutus .au-wrap .au-summary .au-btn-more a{display:inline-block;height:30px;width:100px;font-size:14px;text-decoration:none;text-align:center;line-height:30px;color:#fff;background-color:#42aaff}
.aboutus .au-wrap .au-summary .au-btn-more a:hover{background-color:#1397fd}
.aboutus .au-wrap .au-video{max-width:300px;max-height:220px;padding-right:30px;}
.aboutus .au-wrap .au-video img{display:block;width:280px;height:186px;border: 3px solid #fff;}