@import url(base.css);
.jc-null{clear:both; overflow:hidden; text-align:left; padding-top:10px;}
.jc-con{width:90%;margin:0 auto;}
.remark_draw{line-height:1.5em; word-wrap:break-word; word-break:break-all; padding: 5px 0px 0px 0px;white-space: normal;}
.remark_draw img{width:100%; max-width:100%;}
.remark_draw p{white-space: normal;line-height: 1.8em;text-align: justify;}
.flexslider {background: #fff; position: relative; zoom: 1;margin: 0; padding: 0; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
#jc-main{position:relative; z-index:10; right: 0px;}
.index_menu_draw{margin-top:3px; clear:both; overflow:hidden;}
.index_menu_draw .draw{float:left; width:50%;}
#jc_menu{position:fixed; top:0; right: 100%; z-index:120; width:72%; height:100%; background: #F3F3F2; overflow:hidden;box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28);      -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28);      -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28);      -o-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28);}
.list_draw_menu{margin: 15px 0 0 20px; -webkit-transition:margin-left 300ms;}
.list_draw_menu h3{color: #232323;font-size: 1.05em;text-align: right;font-weight: normal;padding-right: 10px;padding-left: 5px;margin-bottom: 20px;}
.list_draw_menu ul li{height: 62px;border-bottom: 2px solid rgb(255, 255, 255);}
.list_draw_menu ul li a{display:block; font-size: 1em; line-height:42px; color: #222222;padding-right: 40px;border-bottom: 1px solid #E1DCD6;text-align: right;}
.list_draw_menu ul li a.navlast{background: url(../images/icon-arrow-right2.png) no-repeat center right;background-size: 20px;}
.footer{background-color: #fae040; height: 50px; position:fixed; bottom:0px;  z-index:9999; width:100%; right: 0px;}
.footer ul li{width:25%; float:left; text-align:center; background: url(../images/foot_4x57.png) right;background-repeat: no-repeat;background-size: 2px 27px;}
.footer ul li a{display:inline-block; background-repeat:no-repeat; background-position:top center;  line-height: 50px;color:#323232; font-size:0.87em;}
.footer ul li a:active,
.footer ul li a:hover{color:#000; text-decoration:none;}
.footcopy_bg{background: #F7F7F7; padding: 30px 0;text-align: center;font-size: 0.8em;color: #777;      margin-top: 30px;}
.footcopy_bg a{color: #777777;}
.footcopy_bg p{line-height:1.8em}.index-con{position: initial; clear:both; overflow:hidden; z-index: 11;}
.index-con .jc-img{clear:both; overflow:hidden; width:100%;}
.index-con .jc-img img{width:100%; max-width:100%;}
.index-con a.jc-nav{position:absolute; z-index:99; background-repeat:no-repeat; padding-top: 97px; text-align:center; display:block; overflow:hidden;}
.index-con a.nav-1,
.index-con a.nav-3,
.index-con a.nav-6{left:10px;}
.index-con a.nav-2,
.index-con a.nav-4{left: 170px;}
.index-con a.nav-5{left: 340px;}
.index-con a.nav-1,
.index-con a.nav-2{top: 20px;}
.index-con a.nav-3,
.index-con a.nav-4,
.index-con a.nav-5{top: 180px;}
.index-con a.nav-6{top: 340px;}
.index-con a.nav-1,
.index-con a.nav-3,
.index-con a.nav-4,
.index-con a.nav-5,
.index-con a.nav-6{width: 150px; height: 53px;color: #232323;background-size: 150px 150px;}
.index-con a.nav-2{width: 317px; height: 53px;background-size: 317px 150px;color: #232323;}
.index-con a.nav-1{background-image:url(../images/bg_90x90_1.png);}
.index-con a.nav-2{background-image:url(../images/bg_90x90_2.png);}
.index-con a.nav-3{background-image:url(../images/bg_90x90_3.png);}
.index-con a.nav-4{background-image:url(../images/bg_90x90_4.png);}
.index-con a.nav-5{background-image:url(../images/bg_90x90_5.png); padding-top: 68px; height: 82px;}
.index-con a.nav-6{background-image:url(../images/bg_90x90_6.png);}
.index-con a.nav-1:hover,
.index-con a.nav-1:active{background-image:url(../images/bg_90x90_1_2.png); text-decoration:none;}
.index-con a.nav-2:hover,
.index-con a.nav-2:active{background-image:url(../images/bg_90x90_2_2.png); text-decoration:none;}
.index-con a.nav-3:hover,
.index-con a.nav-3:active{background-image:url(../images/bg_90x90_3_2.png); text-decoration:none;}
.index-con a.nav-4:hover,
.index-con a.nav-4:active{background-image:url(../images/bg_90x90_4_2.png); text-decoration:none;}
.index-con a.nav-5:hover,
.index-con a.nav-5:active{background-image:url(../images/bg_90x90_5_2.png); text-decoration:none;}
.index-con a.nav-6:hover,
.index-con a.nav-6:active{background-image:url(../images/bg_90x90_6_2.png); text-decoration:none;}
.header{top: 0;position: relative; z-index: 1;height:80px; background-color:#ffffff;border-bottom: #ECECEC 1px solid; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28); -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28); -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28); -o-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28);}
.header_list{top: 0;position: relative; z-index: 1;height:56px; background-color:#ffffff;border-bottom: #ECECEC 1px solid; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28); -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28); -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28); -o-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28);}
.header .logo{float:left;width: 65%;}
.header .logo a{ height:79px; display:block; background-position: 10px;background-size: 175px;background-repeat: no-repeat;background-image: url(../images/logo_200x48.png);}
.header .menu{float:right;width: 35%;text-align: right;}
.header .menu a{width: 100px; height: 80px; display:block; background-repeat:no-repeat; background: url(../images/search_button.png) no-repeat center;background-size: 44px 44px;text-indent: 300px;line-height: 5em;overflow: hidden;float: right;}

@media (max-width: 500px){
.index-con a.jc-nav{padding-top:67px; }
.index-con a.nav-2,
.index-con a.nav-4{left:130px;}
.index-con a.nav-5{left:250px;}
.index-con a.nav-3,
.index-con a.nav-4,
.index-con a.nav-5{top: 140px;}
.index-con a.nav-6{top: 260px;}
.index-con a.nav-1,
.index-con a.nav-3,
.index-con a.nav-4,
.index-con a.nav-5,
.index-con a.nav-6{width:110px; height:43px;background-size: 110px 110px;}
.index-con a.nav-2{width:232px; height:43px;background-size: 232px 110px;}
.index-con a.nav-5{ padding-top:48px; height:62px;}
.nav_logo_left img{width:100%; margin-top:5px;}
.nav_logo_right img{width:70%;margin-top:22px;margin-right:5%;}
.header{height: 63px; background-color: #ffffff;border-bottom: rgb(236, 236, 236) 1px solid;box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);}
.header .menu a{width: 65px; height: 59px; display:block; background-repeat:no-repeat; background-size: 40px 40px;background-position: 15px 15px;}
.header .logo a{width: 250px; height: 63px;display: block;background-size: 145px;}
}
@media (max-width: 370px){
.index-con a.jc-nav{padding-top:52px; }
.index-con a.nav-2,
.index-con a.nav-4{left:110px;}
.index-con a.nav-5{left:210px;}
.index-con a.nav-3,
.index-con a.nav-4,
.index-con a.nav-5{top: 120px;}
.index-con a.nav-6{top: 220px;}
.index-con a.nav-1,
.index-con a.nav-3,
.index-con a.nav-4,
.index-con a.nav-5,
.index-con a.nav-6{width:90px; height:38px;background-size: 90px 90px;}
.index-con a.nav-2{width:190px; height:38px;background-size: 190px 90px;}
.index-con a.nav-5{ padding-top:48px; height:42px;}

.nav_logo_left img{width:100%; margin-top:5px;}
.nav_logo_right img{width:70%;margin-top:22px;margin-right:5%;}
.header .menu a{width: 59px; height: 59px; display:block; background-repeat:no-repeat; background-size: 37px 37px;}
.header{height: 63px; background-color: #ffffff;}
.header .menu a.open{background-image: url(../images/menu_open.jpg);text-align: center;color: #FC0;line-height: 40px;}
.header .menu a.close{background-image:url(../images/menu_close.png);text-indent: 100px;overflow: hidden;color: #E62129;font-size: 0;}
}
.screen-box .allprduct, .keywords{height: 30px;}
.screen-box .allprduct{margin-top: 4px;width: 33%;margin-right: 2%;padding-right: 2%;display: none;}
.keywords{width: 90%;background-color: #FFFFFF;margin: 5px auto;}
.screen-box .jc_con span{overflow: hidden;display: block;padding-left: 13px;height: 30px;line-height: 30px;background-image: url(../images/icon_down_03.gif);background-repeat: no-repeat;background-position: right 13px;cursor: pointer;color: #FFFFFF;font-size: 0.84em;font-weight: normal;    padding-right: 30px;}
.keywords_text{font-size: 0.85em;outline: none; height: 34px; border: none; float: left; padding: 0;width: 65%;  color: #2F3130;background-color: #fff;border: 1px #cac9c9 solid;border-radius: 7px;text-align: center;font-family: Microsoft YaHei;}
.keywords_sub{outline: none;background: rgb(250, 224, 64);height: 36px;width: 32%;border: none;float: left; cursor:pointer;border: 1px rgba(198, 220, 230, 0.14) solid;border-radius: 7px;margin-left: 2%;text-align: center;color: #fff;font-size: 0.75em;font-family: Microsoft YaHei;}
.screen-box .jc_con{height: 55px;padding-top: 5px;width: 100%;}
.seach_cont{display:none;clear: both;padding-top: 10px;background-color: #fff;border-bottom: 1px solid #FDFBED;margin: 0 auto;background-color: #FFFFFF;}
.seach_cont ul li{border-bottom: #FFF9D5 1px solid;text-align: center; }
.seach_cont ul li ul li{border-bottom: #4fb1dd 1px solid;line-height: 30px;height: 40px;text-align: center;    background: #4fb1dd url(../images/arrow_turn_right.png) no-repeat 50% 5px; }
.seach_cont ul li.cur{background-color: rgb(79, 177, 221);}
.seach_cont ul li a{color: #FFFFFF;font-size:0.87em;display: block;}
.seach_cont ul li ul li a{color:#fff;font-size:0.87em;padding-left: 70px;}
.jc-parttit{height: 54px;text-align:center;line-height: 54px;font-size: 1em;background:url(../images/bg_640x54.png) no-repeat center;margin-top: 20px;margin-bottom: 20px;}
.jc-parttit{height: 45px;text-align:center;line-height: 45px;font-size: 1em;font-weight: bold;color: #252525;background: #F3DC43 url(../images/bg_640x54.png) no-repeat center;margin-top: 20px;margin-bottom: 20px;background-size: 540px;}
.jc-history{clear:both; overflow:hidden; margin-top:20px;}
.jc-history .jc-list{width:100%; border-bottom:solid 1px #ececec; padding-bottom:15px; margin-bottom:15px; clear:both; overflow:hidden;}
.jc-history .jc-list .date{float:left; text-align:left; height:22px; font-size:1.3em; font-weight:bold;}
.jc-history .jc-list .brief{width:100%; line-height:150%; word-wrap:break-word; word-break:break-all; clear:both; overflow:hidden; padding-top:10px;}
.jc-history .jc-list .brief p{padding-bottom:15px;}
.remark_draw .columns {position: relative;z-index: 1;top: 0;}
.remark_draw .columns .item p {padding: 10px;text-align: center;}
.remark_draw .columns .item a{text-decoration: none;text-align: center;}
.remark_draw .columns .item img {width: 100%;transition: all 1s ease 0s;}
.remark_draw .columns .item {display: none;border-radius: 3px;overflow: hidden;font-size: 14px;text-align: center;border: #ededed 1px solid;background-color: rgba(216, 216, 216, 0.11);}
.remark_draw .columns .item:hover {border: rgba(243, 220, 67, 0.82) 1px solid;box-shadow: 0px 2px 6px 0px rgba(243, 220, 67, 0.82);}
.new_list{margin-bottom:50px;}
.new_list ul{margin:50px auto;}
.new_list ul li{ width: 100%; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; overflow: hidden;}
.new_list ul li a{display: block; width: 100%; }
.new_list ul li a .time_more{width: 27%;margin-right: 3%;float: left;}
.new_list ul li a .time_more .time{width: 90px;height: 62px;background: #EDEDED;color: #000;border-radius: 0px 10px 0 0;float: left;font-size: 1.4em;text-align: center;padding-top: 15px;overflow: hidden;}
.new_list ul li a:hover .time_more .time{background:#F3DC43;}
.new_list ul li a .time_more .time span{font-size: 0.75em;color:#c7c7c7;display: block;text-align: left;margin-left: 20px;width: 60px;border-top: 1px #c7c7c7 solid;}
.new_list ul li a:hover .time_more .time span{color: #000;border-top: 1px #000 solid;}
.new_list ul li a .time_more .more{display: block;width:130px;line-height: 35px;background: #EDEDED;color: #000;margin-top: 180px;text-align: center;border-radius: 10px 0 10px 0;}
.new_list ul li a:hover .time_more .more{background:#F3DC43; color: #000}
.new_list ul li a .tit{width: 66%;  float: left; font-size: 1em; padding-left: 4%;color: #282828; overflow: hidden;}
.new_list ul li a .tit .title{white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.new_list ul li a .tit .brief{font-size: 0.73em; color: #666666;  line-height: 2em;height: 4em;overflow: hidden;margin-top: 10px;text-overflow:ellipsis;}
.new_list ul li a .img{width: 270px; float: right;border: 5px solid #EDEDED;}
.new_list ul li a:hover .img{border:5px solid #F3DC43;}
.new_list ul li a .img img{width: 264px; height: 190px;padding:3px;}
.jc-article-more{text-align:center; padding-top:10px; clear:both; overflow:hidden;}
.jc-article-more a,
.jc-article-more span{ width:100%; height:40px; background-color: #EDEDED;line-height:40px; text-align:center; display:block; font-size:16px;  color: #252424; border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.jc-article-more a:hover{ text-decoration:none;}
.cd-top{display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 70px; right: 10px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgb(255, 230, 104) url(/images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;z-index: 88888;}
.cd-top.cd-is-visible{visibility: visible; opacity: 1;border-radius: 0 15px 0 15px;}
.no-touch .cd-top:hover{background-color: #e86256; opacity: 1;}
@media only screen and (min-width: 768px){.cd-top{right: 20px; bottom: 20px;}}
@media only screen and (min-width: 1024px){.cd-top{height: 60px; width: 60px; right: 30px; bottom: 30px;}}
.det-tit{text-align: center; color:#323232;   line-height:130%; clear:both; font-weight: bold;overflow:hidden; padding-top:30px;}
.det-time{ clear:both; overflow:hidden; height: 30px;line-height: 30px;text-align: center;font-size: 0.78em;color: #888888;margin: 20px auto;border-top: #d9d9d9 1px dashed;border-bottom: #d9d9d9 1px dashed;}
.det-time span.span-1{}
.det-time span.span-2{padding-left:12px;}
.det-remark{width:100%; line-height:150%; word-wrap:break-word; word-break:break-all; clear:both; overflow:hidden; padding-top:15px;}
.det-remark p{padding-bottom:15px;line-height: 1.8em;}
.det-remark img{width:100%; max-width:100%;}
.prev-next{border-top: #d9d9d9 1px dashed; padding-top:10px; clear:both; overflow:hidden; margin-top:20px;}
.prev-next p{display:block; height:26px; line-height:26px; overflow:hidden;}
.list-ret{padding-top:15px; clear:both; overflow:hidden;}
.list-ret a{background-color: #ededed; width:100%; height:40px; line-height:40px; text-align:center; display:block; font-size:16px; font-weight:bold; color: #323235; border-radius:5px;-webkit-border-radius:  0 15px 0 15px; -moz-border-radius:5px; -o-border-radius:5px; }
.list-ret a:hover{ text-decoration:none;}
.jc_warp_img,
.jc_warp_img .jc-list{clear:both; overflow:hidden;}
.jc_warp_img{margin-top:30px;text-align: center;min-height: 450px;}
.jc_warp_img h1{font-weight:normal;text-align:center;margin: 0 auto 30px auto;background-color: #FFFFFF;width: 80%;border-radius: 5px;padding: 10px;font-size: 1em;}
.jc_warp_img .jc-list ul{width:100%;}
.jc_warp_img .jc-list ul li{width:50%; float:left; margin-bottom:20px;}
.jc_warp_img .jc-list ul li .cast_box{clear:both;  margin-left: 10px; margin-right: 10px;}
.jc_warp_img .jc-list ul li .cast_box .jc-img{ clear:both; width: 100%;}
.jc_warp_img .jc-list ul li .cast_box .jc-img img{ width: 95%;border: #ededed 5px solid;}
.jc_warp_img .jc-list ul li .cast_box .zf_img_txt{width:100%; height:36px; line-height:18px; overflow:hidden; margin-top:5px; text-align:center; word-wrap:break-word; word-break:break-all; font-size:1.0em; font-weight:bold;}
.jc_warp_img .jc-list ul li .cast_box .zf_img_txt a{font-size:1.0em; font-weight:bold;}
.jc_warp_img .jc-more{text-align:center; padding-left:10px; padding-right:10px; padding-top:10px; clear:both; overflow:hidden;}
.jc_warp_img .jc-more a,
.jc_warp_img .jc-more span{background-color: #F7F7F7; width:100%; height:40px; line-height:40px; text-align:center; display:block; font-size:16px; font-weight:bold; color: #4C4C4C; border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.jc_warp_img .jc-more a:hover{background-color: #F7F7F7; text-decoration:none;}
.jc_warp_img .det-img{clear:both; overflow:hidden; text-align:center;}
.jc_warp_img .det-img img{width:100%; max-width:100%;}
.jc_warp_img .cd-tit{width:100%; padding-top:10px; text-align:center; clear:both; overflow:hidden; font-size:1.2em; font-weight:bold;}
.pro-title-draw{margin-top:10px;   overflow:hidden;   font-size:1.2em; font-weight:bold;text-align: center;padding-bottom: 15px;}
.pro-img-draw{clear:both; overflow:hidden; margin-top: 10px;padding-top: 15px;display: none;}
.pro-img-draw .jc-img{ clear:both; overflow:hidden;}
.pro-img-draw .jc-img img{width:100%; max-width:  96%;border: 5px solid #ededed;}
.pro-imglist-draw{width: 100%;overflow:hidden; position:relative; margin-top:10px;}
.pro-imglist-draw .pagination-car{display:none;}
.pro-imglist-draw .swiper-slide{float:left; width:33%;}
.pro-imglist-draw .swiper-slide .jc-img{ margin-left:5px; margin-right:5px; clear:both; overflow:hidden;border: solid 5px #F7F7F7;}
.pro-imglist-draw .swiper-slide .jc-img img{width:100%; max-width: 96%;}
.pro-imglist-draw .swiper-slide .jc_oimg_current{border: solid 5px #F7F7F7;}
.products_03{border-bottom: 1px dashed #ccc;line-height: 2em;height: 2em;}
.products_03 h{font-size:1.2em;color:#333333;}
.products_03 h4{font-size: 1em;color: #282828;font-weight: normal;text-align: center;width: 4.5em;line-height: 2em;height: 2em;margin: 15px auto 5px auto;border-bottom: 1px #f6cb34 solid;}
.jc_post{clear:both; overflow:hidden; margin-top:20px;}
.jc_post .box{border:solid 1px #dcdcdc; padding:15px 15px 15px 15px; clear:both; overflow:hidden; margin-bottom:15px;}
.jc_post .box .tit{background-image:url(../images/d.jpg); background-position:bottom; background-repeat:repeat-x; padding-bottom:10px; word-wrap:break-word; word-break:break-all; line-height:140%; text-align:left; font-size:16px; font-weight:bold;color: #e4ca20;}
.jc_post .box .tit span{color:#000;}
.jc_post .box .brief{clear:both; overflow:hidden; line-height:180%; word-wrap:break-word; word-break:break-all; padding-top:15px;}
.jc_post .box .brief span.tit2{display:block; height:35px; line-height:30px; font-weight:bold;}
.jc_post .box .brief table.post tr td{height:22px; line-height:22px; width:50%; text-align:left;}
.jc_post .box .date{margin-top:20px; text-align:left; color:#adadad;}
.jc_post .box .box .e_hr{background: url(../images/bg_hr.png) center no-repeat;height:26px;margin-top: 15px;margin-bottom:10px;}