@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, input,  select, textarea {margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
ul, ol {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
a {color: #333;text-decoration: none;}
body, div, h1, h2, h3, h4, h5, h6, input, li, p, select, textarea, tr, a {FONT: 14px/1.6 "\5FAE\8F6F\96C5\9ED1","微软雅黑","Arial";}
a:hover {text-decoration: none;}
fieldset, img {border: none;}
address, cite, dfn, var {font-style: normal;}
/* address, cite, dfn, em, var {font-style: normal;} */
i{font-style: normal;}
small {font-size: 12px;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;}
.clearfix:after {content: "";display: table;clear: both;font-size: 0;height: 0;}
.clearit:after {content: "";display: table;clear: both;font-size: 0;height: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
textarea{resize:none;}
html{-ms-touch-action: none;}
* {margin: 0;padding: 0;}
html,body{font-family: "微软雅黑";width: 100%;height:100%;min-width: 1000px;}

.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.tal{text-align:left;padding-left: 10px;}
.tac{text-align:center;}
.tar{text-align:right;}
.bg-white{background: #fff;}
.margin_10{padding:10px 10px 30px 10px;}
.center{text-align: center;}


.jsl_container{width:100%;height: 100%;background-color: #999999;position: relative;}
.jsl_home_back_top{width: 100%;height:55%}
.jsl_home_back_bot{width: 100%;height:45%;}
.ellipse{
  width: 116%;
  height: 100%;
  margin-left: -8%;
  background: #cccccc;
  border-radius: 60% 60% 0 0;
  overflow: hidden;
  z-index: -2;
}
.jsl_home{width:100%;height: 100%;position:absolute;top:0px;}
.jsl_home_head{width: 100%;height: 10%;}
.jsl_home_head img{float: left;width:40px;height:40px;border-radius: 50%;margin-top:30px;margin-left: 30px;}
.jsl_home_head_r{float: right;width:200px;height:40px;border-radius: 50%;margin-top:30px;margin-right: 30px;}
.jsl_home_head_dt{float: right; font-size: 16px;color: #ffffff;line-height:16px;font-family: "微软雅黑";}

.jsl_home_tit{margin-top: 5%;margin-left: 20%; width: 60%;height: 10%;background-image:url("../root_images/light.png");background-position:center;background-repeat: no-repeat;}
.jsl_home_tit_big{text-align: center; font-size: 40px;color: #ffffff;line-height:40px;font-family: "微软雅黑";}
.jsl_home_tit_sma{margin-top:10px; text-align: center; font-size: 16px;color: #ffffff;line-height:16px;font-family: "微软雅黑";background-image: linear-gradient(to right, #999999 , #6699cc,#999999);}

.jsl_home_box{width:100%;height: 40%;margin-top:2%; position: relative;}

.jsl_home_box_l {float: left;position: relative; margin-left: 10%; width:19%;height: 100%;}
.jsl_home_box_l_b {position: absolute; margin-left: 0px;margin-top: 78%;width:100%;z-index: 0;}
.jsl_home_box_l_b img{width:108%;}
.jsl_home_box_l_t {position: absolute; width:100%;height: 100%;}
.jsl_home_box_l_t img{width: 100%;cursor: hand;}

.jsl_home_box_c{float:left;position: relative; margin-left:1.5%;margin-right: 1.5%; width:39%;height: 100%;}
.jsl_home_box_c_l{float:left;position: relative; width: 48%;height: 100%;}
.jsl_home_box_c_l_b{position: absolute;margin-left: 0px;margin-top: 79%;width: 100%}
.jsl_home_box_c_l_b img{width: 106%;}
.jsl_home_box_c_l_t{position: absolute;width: 100%;height: 100%;margin-top: 15%;z-index: 1;}
.jsl_home_box_c_l_t img{width: 100%;cursor: hand;}

.jsl_home_box_c_r{float:right;position: relative; width: 48%;height: 100%;}
.jsl_home_box_c_r_b{position: absolute;margin-left: -3%;margin-top: 79%;width: 100%;z-index: 0;}
.jsl_home_box_c_r_b img{width: 103.5%;}
.jsl_home_box_c_r_t{position: absolute;width: 100%;height: 100%;margin-top: 15%;z-index: 1;}
.jsl_home_box_c_r_t img{width: 100%;cursor: hand;}

.jsl_home_box_r {float: right;position: relative; margin-right: 10%; width:19%;height: 100%;}
.jsl_home_box_r_b {position: absolute;margin-left:-7%;margin-top: 80%; width:100%;}
.jsl_home_box_r_b img{width: 107%;}
.jsl_home_box_r_t {position: absolute;margin-right: 10%; width:100%;height: 100%;z-index: 1;}
.jsl_home_box_r_t img{width: 100%;cursor: hand;}

.jsl_home_footer{width:100%;height: 15%;position: relative;text-align: center;padding-top: 5%;}
.jsl_home_footer .jsl_tech {height: 30px;text-align: center;font-size: 14px;color: #807373;font-family: "微软雅黑";}
.jsl_home_footer .jsl_tech a{color: #807373;}
.color_chose{right:0px;top:0px;width:100%;z-index:999;}
.color_chose img{float: right;cursor: pointer;}
.color_chose span{color:#fff;text-align: center;display:block;height:28px;}
.color_slide{border-radius: 3px;display:none;background-color: rgba(0,0,0,0.7);}
.color_chose .color_slide.on{display:block;}
.color_slide h1{height:38px;line-height: 38px;font-size: 14px;color: #333;padding-left:10px;width:700px;margin:0 auto;}
.color_slide h1 span{float: left;width: 90px;height: 38px;background-color: #000;font-size: 12px;color: #fff;}
.color_slide h1 a{float:right;margin-right:10px;background: url(../images/icon_img/close3.png) no-repeat;margin-top:13px;width: 13px;height: 13px;}
.color_slide_box{width:100%;height:280px;background-color: rgba(0,0,0,0.3);}
.color_slide_box_content{width:700px;margin:0 auto;padding-top:20px;}
.color_slide_box_content ul{width: 100%;height: 190px;}
.color_slide_box_content ul li{width:167px;height:175px;display:block;float:left;margin-right:8px;margin-bottom:10px;cursor:pointer;background-size:100% 100%;position: relative;}
.color_slide_box_content ul li a{display: block;width:145px;height:175px;}
.color_slide_box_content ul li img{width:145px;height:175px;display: block;}
.color_slide_box_content ul li.on em{background:rgba(0,0,0,0.3) no-repeat center center;position: absolute;content:"";width:145px;height:175px;left:0;top:0;}
.color_slide_box_content ul li img{width:145px;height:175px;display: block;}
.color_slide_box_content ul li em{display:none;}
.color_slide_box_content ul li.on em{background:rgba(0,0,0,0.3) no-repeat center center;position: absolute;content:"";width:145px;height:175px;left:0;top:0;display:block;}
.color_slide_box_content ul li.on em i{width:84px;height: 84px;display: block;margin:43px auto;background:#ec5b06;border-radius: 50%;padding:2px;}
.color_slide_box_content ul li.on em i b{color: #fff;font-size:15px;text-align: center;line-height:74px;font-weight:normal;width:74px;height:74px;border:1px dashed #fff;display: block;border-radius: 50%;margin:4px auto;}
.color_slide_box_content ul li.pifu1.on em i{background:#46a942;}
.color_slide_box_content ul li.pifu2.on em i{background:#f90823;}
.color_slide_box_content ul li.pifu3.on em i{background:#006845;}
.color_slide_box_content ul li.pifu4.on em i{background:#ff7100;}
#color_chose_btn{width: 32px;height:35px;float: right;display: block;background: url(../images/icon_img/jiao.png) no-repeat;margin-top:15px;margin-right:15px;}
.color_slide_box_btn{text-align: center;margin-top:20px;}
.color_slide_box_btn a.sure_btn_1{font-size: 12px;color: #fff;background:#ec5b06;padding:5px 19px;margin:0 5px;}
.color_slide_box_btn a.close_btn_1{font-size: 12px;color: #333333;background: #fff;padding:5px 19px;margin:0 5px;}

.fr-fin {display: block;}
.fr-fir {float: right;}
.fr-fil {float: left;}

.fr-fin {margin: 10px auto;float: none;}
.fr-fil {margin: 10px 10px 10px 3px;float: left;}
.fr-fir {margin: 10px 3px 10px 10px;float: right;}