@charset "utf-8";/* CSS Document*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
	/*cursor: url(../images/home/hand_ico.ico),auto;*/
}

body {
	min-width: 320px;
	color: #666;
	font-family: "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;
	-webkit-overflow-scrolling: touch;
}

body{ margin:0; padding:0;}
a{
text-decoration:none;
}
ul,ol,li,dl,a{
  list-style: none;
}
img{max-width: 100%;max-height: 100%;margin: 0;}
/* ========== */
/* = header = */
/* ========== */
.header{ position:fixed; top:0; left:0; z-index: 999; } 
.header{ position: absolute; top:0;   width: 100%; height: 100px; padding: 0 5%;background: linear-gradient(to bottom, #fee4c3 0%,#ffffff 90%)/*下拉背景*/; z-index: 999; border-bottom:1px solid #999; } 
.header .logo{ float: left; }
.header .logo1{ display: block;}
.header .logo2{ display: none;}
.header .nav{ float: left; margin-left:50px; }
.header .nav li{ margin-right: 40px; float: left; position: relative; font-size:18px; font-family:MicrosoftYaHei;}
.header .nav li>a{ display: block; line-height: 90px; height: 90px; color: #af9054 !important; position: relative;}
.header .nav li>a:after{ content: ""; position: absolute; bottom:0px; left:0; width:0; height: 4px; background: #db9946 !important; border-radius:2px; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.header .nav li div{ display: none; position: absolute; top:90px; left:50%; margin-left: -55px; width:110px; background: rgba(191,157,90,0.8);  text-align: center;}
.header .nav li div a{display: block; line-height:40px; height: 40px; color: #FFFFFF;}
.header .nav li.current>a,
.header .nav li:hover>a{ color:#db9946;}
.header .nav li.current>a:after,
.header .nav li:hover>a:after{width: 100%;}
.header .nav li:hover div{ display:block;}
.header .nav li div a:hover{ background: rgba(0,0,0,.6);}
 
.header .right{ float: right; margin-top: 20px;}
.header .right .tel{ float: left; padding-left: 30px;}
.header .right .link{ margin-left: 30px; float: left; padding: 0 20px; position: relative; font-size:0;}
.header .right .link:before{ content: ""; position: absolute; margin-top: -8px; top:50%; left:0; display:block; width: 1px; height: 16px; background: #e5e5e5;}
.header .right .link a{ margin: 0 6px; display: inline-block; width: 21px; height: 21px; position: relative;}

.header .right .link a div{ display: none; position: absolute; top:32px; left:50%; width: 120px; margin-left: -60px;  border:1px solid #EEEEEE; }
.header .right .link a:hover div{ display: block;}

.header-white{ background: none; -o-box-shadow:0 0 0 rgba(0,0,0,0); border-bottom:1px solid rgba(255,255,255,.3);  }
.header-white .logo1{ display: none;}
.header-white .logo2{ display: block;}
.header-white .nav li>a{ color: #FFFFFF;}
.header-white .nav li>a:after{ background: #FFFFFF;}
.header-white .nav li.current>a,
.header-white .nav li:hover>a{ color: #FFFFFF;}
.header-white .right .tel{ color: #FFFFFF; background: url(../images/ico_tel_white.png) left no-repeat; padding-left: 30px;}

@media (max-width:1720px){
	.header .nav li{ margin-right: 25px;}
}
@media (max-width:1560px){
	.header{ padding: 0 20px;}
	.header .nav{ margin-left:30px;}
	.header .right .tel{ padding-left:26px;}
	.header .right .search-box{ margin-left:20px; }
	.header .right .search-box:before{ left:-20px;}	
}
@media (max-width:1400px){
	.header{ padding: 0 15px;}
	.header .nav{ margin-left:20px; font-size: 12px;}
	.header .right .tel{ font-size:18px;}
}

@media (max-width:1100px){
	.header .right .tel{ background: none; padding-left:0;}
	.header .right .search-box{ display: none;}
}
.inner-wrap{width: 100%;max-width:1100px;min-width: 320px;margin: 0 auto;/*padding: 20px 20px;*/}
.sbdiv{/*max-width:1100px;*/background:#efefee;position:relative;margin:0px auto;height:250px;}

@media (max-width:1280px){
	.inner-wrap{max-width: 1100px;font-size:10px;}
    .sbdiv{padding-bottom: 35%;height:50px;}
	}
@media (max-width:320px){
	.jkgl_gl{}
	}
@media (max-width:120px){
	.sbdiv{padding-bottom: 10%;height:50px;}
	}

.clearfix:after{content: "." ;display: block ;height: 0 ;clear: both ;visibility: hidden ;}

.top{ width:100%;height:100px; background:#faf8f3 }
.top-tit{margin:0px auto;padding:30px 0px;max-width:1100px;}
.top-tit img{margin:0px auto;}

.jkgl_ab{margin:0px auto;background-size:100% 100%;/*position:absolute;left:0;top:0;*/width: 100%;height: 100%;background: url(jkgl2_02.png) center 0 no-repeat; background-size: cover;}
.jkgl_ab .jkgl_content{ max-width:1180px;margin:0px auto;}
.jkgl_ab .jkgl_content p{color:#000a27;/*font-size:14px;*/font-family:MicrosoftYaHei;display:block; width:40%;}
.jkgl_ab .jkgl_content .contentdiv{width:80%; margin-top:40px; margin-bottom:40px;}

@media (max-width: 1480px){.jkgl .left .tit{padding-top:10px;}}

.jkgl_sg{width:100%;background:#efefee;color:#db9946;text-align:center; }
.jkgl_sg .p2{height:2px;background:#db9946; width:42%; float:left;}
.jkgl_sg .p1{ width:16%; float:left; font-family:"微软雅黑"; font-size:24px; display:block; padding-top:1px; margin:0px;white-space:nowrap;}
.jkgl_sg .p3{margin:0px;color:#221815; font-size:20px; display:block; padding-top:20px; padding-bottom:15px; }
.jkgl_lc{/*max-width:1100px;*/margin:70px auto;text-align:center;}
.jkgl_gl{width:100%;margin:0px auto;background:#efefee; height:}
.jkgl_gl_left{width: 47%;float: left;display: block;
        padding: 0;margin: 0;background-size:cover; height:350px;}
.jkgl_gl_right{float:left;width:50%; padding-top:30px;}
.jkgl_gl_right .divtop{display: block;margin: 0 auto; text-align:center;}
.jkgl_gl_right .div{display: block;line-height:40px;margin: 0 auto;margin-top: 50px;font-size:16px;color:#666;margin-bottom:15px;font-family:MicrosoftYaHei; /*padding-top:30px; padding-bottom:20px; border:1px solid #F90*/}

/*instruments*/
.instruments{margin:0px auto;/*max-width:1100px;*/}
.instruments-tit{width:80%;margin:20px auto;padding:10px 0px;text-align:center;}
/**/
.jkgl_zx{ width:200px;margin:70px auto;text-align:center;}

.side_right{position: fixed;z-index: 999;right:3%;width:60px;height:0;top:40%;}
.side_right ul li{margin-bottom: 40px;position: relative;height: 60px;width:60px;}
.side_right ul li span{width:60px;height: 60px;text-align: center;line-height: 60px;border-radius: 100%;background: rgba(235,159,62,.5);font-family: "iconfont";display: block;font-size:28px;color:#fff;z-index: 99;position: relative;}
.animate_wen{height: 60px;background: #eb9f3e;line-height: 60px;text-indent: 34px;color:#fff;border-radius: 30px;position: absolute;left:60px;top:0;z-index: 98;z-index: 98;width:0;overflow: hidden;}
.side_right ul li:hover .animate_wen{left:-140px;width:200px;font-size:18px;}
.jxw{position: fixed;z-index: 9919;right:3%;top:70%;cursor: pointer;}
