/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#fff;text-decoration:none;}
a:hover{text-decoration: none; color:#069696}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.cl{ clear:both}
.pad{ padding:0 15px;}

/********************* 以下(结束标识)代码请在实际开发中删除 *********************/


/*头部区域*/
.header{ min-width:1360px;height:84px; background:#b6885f; border-bottom:1px solid #663e21}
.header .info{width:1330px; margin:0 auto;}
.header .info .logo{background:url(../image/logo.png) no-repeat ; width:140px; height:84px; margin-right:150px}
.header .info .right{ margin-left:50px}
.header .info .right .wei_ico{width:37px;height:37px;background:url(../image/ico.png) no-repeat; margin-top:25px; margin-right:15px;cursor: pointer; position:relative}
.header .info .right .wei_ico:hover .gzh{ width:140px; height:140px;background:url(../image/gzh.png) no-repeat; position:absolute; top:38px; left:-52px; z-index:9;}
.header .info .right .wei_ico:hover{background:url(../image/ico.png) no-repeat 0 -36px;}
.header .info .right .qq_ico{width:37px;height:37px; background:url(../image/ico.png) no-repeat right top; margin-top:25px;margin-right:15px;cursor: pointer;position:relative}
.header .right .qq_ico:hover{background:url(../image/ico.png) no-repeat right -36px;}
.nav{height:82px;line-height:82px;font-family:"微软雅黑";width:810px; position:relative}
.nav li{float:left;}
.nav li a{display:block; padding:0 13px;text-align:center;font-size:16px;color:#643c1f;}
.nav li a:hover, .nav li a:hover.on{background:#643c1f;text-decoration:none; color:#b6885f; border-bottom:3px solid #442613;box-sizing:border-box}
.nav li a.on,.nav li a.on2{background:#643c1f; color:#b6885f; border-bottom:3px solid #442613;box-sizing:border-box}
.s{ width:11px; height:6px;background:url(http://www.jgyfs.com/templates/default/images/nav_a.png) #F00 no-repeat;position:absolute; bottom:-6px;}
.nav li:hover.on{background:#1c1c1c;text-decoration:none;}
.nav li ul{display:none;position:absolute;z-index:9999;}
.nav li ul li{float:left;display:block;position:relative;line-height:20px; }
.nav li ul li a{display:block; height:40px; line-height:40px; padding:0 15px;background:#643c1f; margin-right:1px;text-align:center;font-weight:normal;font-size:14px;color:#b6885f;}
.nav li ul li a:hover{color:#b6885f; display:block; background:#442613; border-bottom:none; }


/*Banner*/
.banner, .mainbody{width:100%;margin:0 auto;}
.slides-box {min-width:1280px;height:612px; overflow: hidden; position:relative; }
.slides {height:612px;min-width:1280px;margin: auto;float: left;}
.slides li {position: absolute;width:100%;height:612px; -ms-behavior: url(http://www.jgyfs.com/templates/default/style/backgroundsize.min.htc); behavior: url(http://www.jgyfs.com/templates/default/style/backgroundsize.min.htc);}
.slides li img{ display: block; min-width:1280px;margin: auto;}
.pagination{position: absolute; z-index: 99;}
.pagination ul{ margin-right:-35px; margin-left:-10px;}
.pagination ul li{ float: left;margin-right:15px;}
.pagination ul li a{display: block;width: 18px;height:18px;line-height: 23px;border-radius:50%; border:2px solid #b6885f}
.pagination .active{border:2px solid #442613}

/*首页*/
.index-c-title{ font-size:28px; color:#79573f; width:310px; height:58px; text-align:center; line-height:58px; border:1px solid #79573f; margin:100px auto 0 auto; position:relative}
.index-line{ height:1px; width:185px; background:#79573f; position:absolute; top:50%}
.index-c-con{ padding:25px 0;text-align:center; font-size:13px; color:#79573f}
.index-c-con span.cn{ display:block}
.index-c-con span.en{  color:#b6885f; display:block}
.index-more{ display:block; width:95px; height:30px; text-align:center; color:#fff; font-size:15px; font-weight:normal; line-height:30px; background:#643c1f; margin:0 auto}
.index-more:hover{background:#b6885f; color:#fff}
.index-band{ width:1360px; margin:38px auto 60px auto;}
.index-band .band-list{ margin-right:-20px}
.index-band .band-list li{ width:325px; height:447px; margin-right:20px; float:left; background:#643c1f; position:relative}
.index-band .band-list li img{ width:100%}
.index-band .band-list li .con{ width:100%; height:100%; background:rgba(100,60,31,0.9); position:absolute; top:0; left:0; display:none; overflow:hidden}
.index-band .band-list li .con-a{ width:260px; height:240px;position:absolute; bottom:-240px; left:50%; margin-left:-130px; color:#fff }
.index-band .band-list li .con-a span.en{ font-size:13px;text-transform : uppercase; display:block}
.index-band .band-list li .con-a span.cn{ font-size:20px; display:block}
.index-band .band-list li .con-a .dis{ font-size:14px;letter-spacing:2px; border-top:1px solid #fff; padding:15px 0; margin-top:10px}
.index-band .band-list li .con-a .line{ width:100px; height:2px; background:#fff}
.index-band .band-list li .con-a .more{ display:block; width:95px; height:30px; text-align:center; color:#fff; font-size:15px; font-weight:normal; line-height:30px; border:1px solid #fff; margin-top:38px}
.index-band .band-list li .con-a .more:hover{ background:#fff; color:#643c1f}

/*首页服务*/
.index_ser{ background:url(../image/index-a.jpg) no-repeat center; height:450px;}
/*首页图片滚动*/
.index_pro{ margin:50px auto 0 auto; height:500px; position:relative; }
.mr_frbox{ width:1350px; margin:0 auto;overflow:hidden;}
.mr_frBtnL{cursor:pointer;height:47px;width:27px;display:inline; position:absolute; top:150px; left:10%; z-index:99}
.mr_frUl{}
.mr_frBtnR{cursor:pointer;height:47px;width:27px;display:inline; position:absolute; top:150px; right:10%; z-index:99}
.mr_frUl ul li{display:inline;float:left;height:500px;width:450px;overflow:hidden;position:relative;}
.mr_frUl ul li .img{ height:350px; width:100%;}
.mr_frUl ul li h3.info_title{ margin:15px 0; text-align:center;color:#643c1f;  font-size:23px; font-weight:normal}
.mr_frUl ul li span{ font-size:13px; color:#b6885f; text-align:center; display:block ; line-height:20px}
.mr_frUl ul li .more{display:block; width:95px; height:30px; text-align:center; color:#643c1f; font-size:15px; font-weight:normal; line-height:30px; border:1px solid #643c1f; margin:38px auto 0 auto}
.mr_frUl ul li .more:hover{background:#b6885f; color:#643c1f}
.mr_frUl ul li a:hover .img_bg{height:100%; width:100%; background:url(http://www.jgyfs.com/templates/default/images/fd_ico.png) rgba(0,0,0,0.3) no-repeat center 130px; position:absolute; top:0; left:0}
/*知识*/
.ysbody{ max-width:1680px;width:100%;  margin:90px auto 0 auto;}
.ys-list li{ float:left; position: relative;}
.ys-list li img{ width:100%; height:100%; display:block}
.ys-list li .bg{background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; width:100%; height:100%;cursor: pointer; display:none}
.ys-list li .con{ width:80%; padding:10%; position:absolute; left:0; bottom:-100px; color:#fff}
.ys-list li .con h2{ font-size:33px; font-weight: bold; margin-bottom:20px}
.ys-list li .con .ent{ font-size:20px;text-transform : uppercase; line-height:40px}
.ys-list li .con .des{ font-size:20px; line-height:30px}
#big-1{ width:50%;}
#big-2,#big-3{ width:25%;}
#big-4{ width:50%;}
/*列表*/
.index-xx-bg{ min-width:1360px; padding:100px 0; background:#b6885f; border-bottom:1px solid #643c1f}
.index-xx{ width:1360px; margin:0 auto;}
.index-xx-a{ width:400px; height:320px; position:relative; margin-right:80px;}
.index-xx-a .class-t{ border-bottom:2px solid #643c1f; font-size:20px; color:#643c1f; height:40px; line-height:40px}
.no-m-r{ margin-right:0}
.class-list li{ width:400px; margin:10px 0;}
.class-list li h3{ color:#643c1f; font-size:15px; font-weight:normal}
.class-list li p{color:#643c1f;}
.class-list li span a{color:#643c1f; font-size:18px}
.class-list li span a:hover{color:#fff;}
.class-page{ text-align:right; position:absolute; bottom:0; right:0}
.class-page a{display:inline-block;color:#643c1f;text-align:center;padding:0 8px;margin:0 5px; font-size:13px}
.class-page a:hover,.class-page a.on{color:#b6885f; background:#643c1f}
.class-page a.nbot { padding:5px 10px; border:1px solid #73c7c6;  color:#73c7c6;display:inline-table; margin:0 5px;}
.class-page a:hover.nbot { background:#73c7c6; color:#fff;border:1px solid #73c7c6;}


/*页脚*/
.footer{min-width:1360px;  margin:0 auto; text-align:center; font-size:15px; color:#643c1f; line-height:80px;background:#b6885f; }
.footer-b{min-width:1360px; padding:10px 0; background:#643c1f; text-align:center; font-size:15px;color:#b6885f }
.footer-b a{color:#b6885f}
.footer-b a:hover{color:#fff}
/*子页样式*/
.subBanner{ min-width:1360px;height:333px;}
.subBody{ width:1360px; margin:0 auto; padding:55px 0 100px 0;}
.subBody .left{width:300px;}
.subBody .left .class-name{ height:55px; padding-left:20px; background:#643c1f; color:#b6885f}
.subBody .left .class-name h2.title{ font-size:24px; line-height:55px; font-weight:normal; display:block}
.subBody .left .class-name h2.entitle{ font-size:15px; font-weight:normal;text-transform: uppercase; margin-left:5px; margin-top:20px; display:block}
.subBody .sublist li{ background:#f8f8f8; border-bottom:1px solid #e7e7e7; position:relative}
.subBody .sublist li a{ font-size:15px; line-height:42px;padding-left:45px;  display:block; color:#000  }
.subBody .sublist li a:hover{ background:#643c1f; color:#b6885f; text-decoration: none }
.subBody .sublist li span.biao{ width:5px; height:5px; border:1px solid #595758;border-radius:50%;display:block;position:absolute; top:16px; left:32px; }
.subBody .sublist li a:hover span.biao{ border:2px solid #b6885f;}
.subBody .sublist li a.on{background:#643c1f; color:#b6885f;}
.subBody .sublist li a.on span.biao{border:2px solid #b6885f;}
.subBody .right{width:960px; padding:25px; border:1px solid #dcdcdc; line-height:30px }
.right-top{ border-bottom:1px solid #e6e6e6;}
.right-top span.b-tit{ font-size:16px; color:#595757; }
.right-top span.b-tit a{ font-size:16px; color:#595757; }
.right-top span.b-tit a:hover{ font-size:16px; color:#b6885f; }
.right-top span.s-tit{ font-size:12px; color:#adaeae; text-transform:uppercase}
.right-top span.weizhi{ font-size:14px; color:#595757; float:right}
.right-top span.weizhi a{ color:#595757;}
.right-con{ padding:15px; margin:20px 0}
.right-con .pic-list li{ width:300px; height:220px; margin:0 5px; float:left; }
.right-con .pic-list li img{ width:100%; height:220px; display:block}
.textarea{ padding: 20px;}
.textarea img,.textarea p img{ width:100%}
/*产品样式*/
.pro{  padding:20px 0; }
.pro-list li{ width:300px;margin:0 10px 20px 10px; padding:20px 0;float:left}
.pro-list li .pic{ width:300px; }
.pro-list li .pic img{ width:100%; display:block}
.pro-list li .title{ text-align:center; font-size:18px; color:#643c1f; font-weight:normal}
.pro-list li span{ text-align:center; color:#b6885f; display:block}
.pro-list li:hover{ background:#f8f8f8}
/*产品详情*/
.pro-info{ padding-top:20px}
.pro-info .left-pic{ width:400px;}
.pro-info .left-pic img{ width:100%; display:block}
.pro-info .right-pro-con{ height:380px; width:520px;}
.pro-info .right-pro-con .title{ font-size:20px; margin:10px 0; text-align:left; font-weight:normal}
.pro-info .right-pro-con .dis{ font-size:13px;text-align:left; line-height:25px }
.pro-info .coten{ height:50px; line-height:50px; font-size:15px; text-align:center; color:#fff;background:#643c1f;}
.back-pro{}
/*新闻样式*/
.news-list li{height:200px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #e8e8e8; position:relative}
.news-list li .pic{ width:300px; margin-right:20px;}
.news-list li .pic img{ width:100%; height:200px}
.news-list li .con{ width:630px; }
.news-list li .con .title{font-size:18px; color:#643c1f; font-weight:normal;}
.news-list li .con .time{ color:#ccc; font-weight:normal;}
.news-list li .con span{color: #666; font-size:14px; line-height:25px}
.xiangqing{display:block; width:95px; height:30px; text-align:center; color:#643c1f; font-size:15px; font-weight:normal; line-height:30px; border:1px solid #643c1f; margin-top:38px; position:absolute; right:10px; bottom:10px}
.xiangqing:hover{ background:#643c1f; color:#b6885f}
/*新闻详情*/
.news-con-tiele{ text-align:center; font-size:18px; line-height:30px; margin-top:20px; border-bottom:1px solid #e8e8e8}
.news-con-info{ text-align:center}
/*分页样式*/
.fenye{ float:left; width:600px; height:30px;  clear:both}
.pn{list-style:none; height:30px; display:inline-block; border:1px solid #ddd; background-color:#ffffff; margin:2px;  line-height:30px; border-radius:3px; color:#444444; padding:0px 5px; font-size:14px; float:left;  }
.pn a{ text-decoration:none; color:#444444; display:block; font-size:14px}
.pnc{ border:1px solid #cccccc; background-color:#EFEFEF; color:#FFFFFF; font-weight:bolder;  padding:0px 10px; min-width:15px;}
.pnc a{ color:#FFFFFF; text-decoration:none; display:block;}


.news-list-news{ margin:0; padding:0; float:left}
.news-list-news ul{ margin:0; padding:10px 0 0 0}
.news-list-news ul li{ font-size:15px; line-height:28px}
.news-list-news ul li a{ color:#643c1f}
.news-list-news ul li a:hover{ color:#ffdec0}