/*全局控制*/
body{margin:0;padding:0;font-size:0.8em; color:#333;line-height:22px;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none; }
body,html{width:100%; height:100%;}
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; margin:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
.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;}
img{ width:100%; display:block}
.pin{ padding:0 2%}

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


/*头部区域*/
.header{background:#b6885f; padding:18px 0; width:100%; z-index:999; position:fixed; top:0; }
.header .logo{ width:110px; height:66px;background:url(../image/logo.png) no-repeat; background-size:cover; margin-left:30px; float:left}
.main{ width:51px; height:39px; margin-top:6px;background:url(../image/main.png) no-repeat; float:right; margin-right:30px}
.navBg{background-color: rgba(248, 248, 248, 0.8);position: absolute;left: 0;top:93px;right: 0;z-index: 9999; display:none;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.nav{margin:0 auto;line-height:40px;font-family:"微软雅黑"; }
.nav li{ position:relative}
.nav li a{display:block;text-align:left;font-size:14px;color:#571e48; padding-left:25px; border-bottom:1px solid #edf5eb}
.nav li span.quan{ width:5px; height:5px; border:1px solid #b6885f; display:block; position:absolute; top:18px; left:12px;border-radius:50%;}
.nav li a:hover, .nav li a:hover.on{background:#643c1f;text-decoration:none; color:#b6885f}
.nav li a:hover span.quan ,.nav li a.on span.quan{border:1px solid #b6885f;}
.nav li a.on{background:#643c1f; color:#b6885f}
.nav li a.on2{background:#333;text-decoration:none;}
.nav li:hover.on{background:#1c1c1c;text-decoration:none;}
.nav li ul{display:none;position:absolute;z-index:9999;}
.nav li ul li{float:none;display:block;position:relative;line-height:20px;_display:inline;}
.nav li ul li .s{position:absolute;top:0;left:140px;border-left:1px solid transparent;}
.nav li ul li .s li{float:none;}
.nav li ul li a{display:block;width:120px;height:20px;padding:4px 0 8px 20px;background:#333;text-align:left;font-weight:normal;font-size:12px;color:#ccc;}
.nav li ul li a:hover{color:#f10000;}
.nav .t,.nav .t:hover{background:url(http://www.jgyfs.com/templates/default/images/nav_ico.gif) no-repeat 120px center #333;}


/*Banner*/
.banner{ position:relative; margin-bottom:-10px}
.banner img{ width:100%; height:100%}
/*公共*/
.dowbot{ width:50px; height:50px; background: #643c1f url(../image/dow.png) no-repeat center;  position:absolute; bottom:-20px; left:50%; margin-left:-25px;border-radius:50%; z-index:9}
.lei-title{ font-size:1.2em; color:#643c1f; width:170px; height:33px; margin:0 auto; border:1px solid #643c1f; text-align:center; line-height:33px; position:relative}
.lei-title .line{ width:100px; height:1px; background:#643c1f; position:absolute}
.l-l{top:50%; left:-80px}
.l-r{top:50%; right:-80px}
.txt-c{text-align:justify; text-justify:inter-ideograph}
.ad-cn{ text-align:center; color:#643c1f; display:block; margin-top:20px;}
.ad-en{ font-size:1em; text-align:center; color:#b6885f; display:block; padding:0 1em;}

/*首页*/
.index-bg{padding-top:1px; position:relative}
.index-about{ background:url(../image/about_index.jpg) no-repeat center ;background-size: cover; padding:60px 10% }
.index-about .con{ padding-top:30px; color:#643c1f; font-size:1.1em;text-align:justify; text-justify:inter-ideograph}
.index-pro{position:relative; padding:60px 0}
.swiper-container{ padding:20px 0;}
.swiper-next {right: 10px; background:url(../image/mfrr.png)}
.swiper-prev {background: url(../image/mfrl.png);left: 10px;}
.swiper-next,.swiper-prev{ position: absolute;top: 45%;width: 26px;height: 47px;margin-top: -23px;z-index: 10;cursor: pointer; }
.pro_pic{ width:100%;}
.pro_title{ margin-top:10px; margin-bottom:10px; font-size:1.4em; color:#643c1f; text-align:center; font-weight:normal}
.pro_dis{ text-align:center; padding:0 5%; color:#b6885f; display:block}
.pro_pic img{ width:100%}

.more{ width:100px; height:30px;border:1px solid #643c1f; margin:5px auto}
.more a{text-align:center; line-height:30px; font-size:1.4em; color:#643c1f; display:block}
.more a:hover{ background:#643c1f; color:#b6885f; text-decoration:none}
.index-zs{ position:relative}
.index-zs .zs-list li{ float:left; margin-bottom:2%; position:relative}
.index-zs .zs-list li img{ width:100%; display:block}
.index-zs .zs-list li .con{ position:absolute; bottom:25px; left:15px;}
.index-zs .zs-list li .con .title{ font-size:1.3em; font-weight:bold; color:#643c1f; display:block}
.index-zs .zs-list li .con .entitle{ font-size:1em; color:#b6885f;text-transform: uppercase; display:block}
.zs1{ width:100%}
.zs2{ width:49%; margin-right:1%}
.zs3{ width:49%; margin-left:1%}
.index-news{ padding:60px 3%;}
.news-list ul{ margin:20px 0 40px 0}
.news-list ul li{ border-bottom:1px solid #cbcbcb; padding:1em 1em 1em 0 }
.news-list ul li .left{ width:62%; margin-right:3%}
.news-list ul li .left h2.title{ font-size:1.2em; font-weight:normal; color:#643c1f; border-left:5px solid #643c1f; padding-left:5px }
.news-list ul li .left p{ font-size:1em; color:#333; margin-left:10px}
.news-list ul li .right{ width:35%; s }
.news-list ul li .right img{ width:100%;}
/*底部*/
.footer{ background:#643c1f; padding:60px 0;color:#b6885f; text-align:center}
.footer-lei-title{ font-size:1.2em;  width:170px; height:33px; margin:0 auto; border:1px solid #b6885f; text-align:center; line-height:33px; position:relative}
.footer-lei-title .line{ width:100px; height:1px; background:#b6885f; position:absolute}
.tel-ico{ width:45px; height:37px; margin:20px auto; background:url(../image/telico.png)}
.tel{ font-size:2.5em;font-family:Arial; display:block; line-height:1em}
.gs{ font-size:1.3em;display:block; margin-top:20px}
.dz{ font-size:1.1em;display:block}
/*内页*/
.miaod{ height:30px; }
.tong-title{ height:41px;  padding:1px 15px; position:relative; margin:10px 0 }
.tong-title .line{ height:1px;background:#b6885f; margin-top:20px}
.tong-title .title-t{  height:41px; padding:5px 10px 0 10px; position:absolute; top:0; left:50%; margin-left:-55px; text-align:center; background:#fff}
.tong-title .title-t .cntitle{ font-size:1.6em; color:#643c1f; line-height:20px }
.tong-title .title-t .entitle{ font-size:1em; color:#b6885f;line-height:20px;text-transform:uppercase;}
.tong-title .line2{ height:1px;background:#001a00; margin-top:20px}
.tong-title .title-t .cntitle2{ font-size:1.6em; color:#001a00; line-height:20px }
.tong-title .title-t .entitle2{ font-size:1em; color:#001a00;line-height:20px;text-transform:uppercase;}
#sub-list { list-style-type: none; font: 0.9em ; z-index:9; padding-left:3px; position:fixed; top:105px; left:0}
#sub-list li { margin-bottom: 2px; float:left; margin:0 3px 3px 0;}
#sub-list a { display: block; padding: 5px ; color: #b6885f; text-align: center; background: #643c1f; text-decoration: none;}
#sub-list .current a,#sub-list a.on { color: #643c1f; background:#b6885f;}
.probady{ margin-top:150px; padding-bottom:10%}
.probady .pro-list li{ width:46%;float:left; margin:0 2% 3% 2%}
.probady .pro-list li img{ width:100%;}
.probady .pro-list li h2{ text-align:center; font-weight:normal; color:#643c1f}
.probady .pro-list li span{ text-align:center; font-size:1em; color:#b6885f; line-height:1.3em; margin-top:5px; display:block}
.proshow-title{ text-align:center; font-size:1.3em;color:#643c1f; margin:1.2em 0}
.proshow-dis{color:#666; padding:2%; border:1px solid #dedede}
.proshow-con{ background:#643c1f; text-align:center; color:#fff; line-height:40px; margin:5px 0}
.back{width:100px; height:40px;  margin:0 auto 20px auto; border:1px solid #b6885f; }
.back a{color:#b6885f; text-align:center; font-size:1.2em; line-height:40px; display:block}
.attracts li{ padding:20px 0; border-bottom:1px solid #dedede}
.attracts li .pic{ width:}
.newshow-title{ border-bottom:1px solid #dedede; text-align:center; line-height:40px; font-size:1.4em; margin:10px 0}
.newshow-time{ font-size:1em; color:#999; text-align:center}
.newshow-con{ padding:20px 0}
.n_ico{padding:15px; text-align:center}
.n_con{padding:0 15px;}
.n_con .pic{margin-bottom:10px;}
.n_con .pic img{ width:100%}
.n_con .tit{ margin-bottom:15px;}
.n_con .tit h3{ color:#571e48; font-size:1.2em; float:left;}
.n_con .tit span{ float:right; color:#999}
.n_con img{ width:100%}
.i-dian{ width:10px; height:10px;background:url(../image/i-dian.jpg) no-repeat; background-size: cover; margin:20px auto }


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#fff;}
.page_info span{padding:0 2px;}
.page_list{height:16px;line-height:16px;text-align: center;letter-spacing:0;font-size:1.2em; margin-top:20px;}
.page_list a{display:inline-block;color:#fff;text-align:center;padding:0 2px;margin:0 1px;}
.page_list a:hover{color:#571e48; text-decoration:none}
.page_list a.on{color:#571e48;}
.page_list a.nbot { padding:5px 10px; background:#571e48;display:inline-table; margin:0 15px;}
.page_list a:hover.nbot { background:#571e48; color:#fff;}

/*返回顶部 */
.bottom_tools{position:fixed;z-index:1070;right:10px; bottom:10%; display:none;}
.bottom_tools>*{font:0/0 a;display:block;margin-top:1px;color:transparent;border:0;background-color:transparent;text-shadow:none}
#scrollUp{width:60px;height:60px; background:url(../image/share.png) #b6885f no-repeat -120px 0px;transition: all 0.5s;}
@media  ( max-width:320px) {
#sub-list li a{padding: 5px 7px; }
.index-zs .zs-list li .con .entitle{ padding-right:10%}
.probady .pro-list li{ width:96%;float: none; margin:0 2% 5% 2%}
}