/* CSS Document111111 */

/* fullSlide */
.fullSlide{width:100%;position:relative;height:720px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:720px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:720px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:24px;height:24px; border-radius: 12px; margin:4px;overflow:hidden;background:#fff;filter:alpha(opacity=50);line-height:999px;}
.fullSlide .hd ul .on{background:#0E4CA1;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url() -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}



/*头部*/
.head-box {
	height: 720px;
}
.top {
	position: relative;
	z-index:99;
	margin-bottom:20px;
}
.head-top ,.language-box{
	float: right;
	color:#666;
	font-size: 16px;
}

.head-top>li {
	float: left;
}
.top-hotline {
	text-align: right;
	line-height: 40px;
}

.head-logo {
	width: 400px;
	height: 70px;
	float:left;
}
.head-logo img {
	float: left;
	margin-right:12px;
}
.head-logo h1 {
	font-size:18px;
	color:#0E4CA1;
	line-height: 70px;
}
.head-nav {
	width:700px;
	height: 70px;
	line-height: 70px;
	float:right;
}
.active1 {
	font-size:18px;
	line-height: 70px;
	color:#225BA9;
	font-weight:bold;
}
.head-nav li {
	float: left;
	font-size:18px;
	line-height: 70px;
	width: 100px;
	text-align: right;
	color:#000;
	font-weight:normal;
}

.head-nav li a:hover {
	color: #225BA9 ;
	font-weight:bold!important;
}



.nav-er {
	position: absolute;
	top:96px;
}
.head-nav1:first-cchid{
	border-top:2px solid #86C4E7;

}
.nav-er li{
	width: 114px;
	line-height: 30px;
	clear:left;
	font-size:14px;
	display:none; 
	background:#86C4E7; 
	opacity: 0.8;  
	position: relative;
	border-bottom: 1px solid #ECEEEF;
	text-align: center;
}
.head-nav ul li:hover ul li{display:block;z-index:1;}

.nav-er li:hover {
	background: #1572CF;
	opacity: 1;
}
.nav-er>li:hover a {
	color: #fff;
}

.active{
	font-weight:bold;
	color:#068942;
}





.top-right {
	width: 262px;
	height: 92px;
	float: right;
	background:#005DAD;
	color: #00AEEA;
	line-height: 92px;
	font-size:18px;
}
.top-right p {
	background:url(http://www.jszey.com/templates/JSD/images/tel.png) no-repeat center left;
	padding-left: 24px;
	margin-left: 4px;
}



/*底部*/
.index-about {
	background:url(../image/foot-back.jpg) no-repeat center;
	background-size: 100% 100%;
	padding-top:50px;
	margin-top:60px;
}

.index-about ul {
	float:left;
	color:#D5D7D8;
	margin-right: 50px;
	width: 160px;
}
.index-about ul h1 {
	font-size:18px;
	color:#fff;
	margin-bottom:10px;
}
.index-about ul span {
	display: block;
	width: 20px;
	height: 3px;
	background-color: #5FA924;
}
.index-about ul li {
	font-size:14px;
	line-height: 40px;
	background:url() no-repeat center left;
}
.index-about ul li a {
	color:#D5D7D8;
}
.index-about ul li a:hover {
	color:#5FA924;
}
ul.foot-about-right {
	width: 386px; 
	float:right;
}

.foot {
	height: 80px;
	padding-top: 22px;
	font-size:16px;
	color:#A6AAAD;
	text-align: center;
	border-top: 1px solid #3B3B3B;
	margin-top: 50px;
}
.foot p {
	color:#A6AAAD;

}
.foot a {
	color:#A6AAAD;		
}
.foot a:hover {
	color:#5FA924;
}
.foot-pro li {
	margin-right:24px;
	width: 160px;
	overflow: hidden;
}
/*悬浮*/
.xuanfu{
	width:140px;
	height:460px;
	position:fixed;
	right:0px;
	top:20%;
	z-index:100;
	overflow:hidden;
}
.xuanfu-2 {
	width: 140px;
	background: #F1F1F1;
	overflow: hidden;
}
/*.xuanyou{
	background:#f1f1f1;
}
*/.biaoqian{
	width:25px;
	height:93px;
	margin-top:40px;
	border-radius:8px 0 0 8px;
	background:#208dc3;
	display:block;
	text-align:center
}
.xuanfu1{
	width:140px;
	height:60px;
	background: #0E4CA1;
	text-align:center;
	color:#fff;
	font-size:12px;
	padding-top: 10px;
}
.xuanfu1 span{color:#fff;font-size:14px}
.xuanfu p{
	font-size:18px;
	color:#252525;
	text-align:center;
}
.xuanfu2 a{
	color:#ffffff;
	font-size:14px;
	display:block;
	background:url(../image/xuanfu2.jpg)  no-repeat;
	width:100px;
	height:30px;
	font-weight:bold;
	line-height:30px;
	padding-left:33px;
	margin:10px auto;
}
.xuanfu3{font-size:14px;text-align:center;margin-top:10px;color:#252525}
.xuanfu4{
	margin:4px auto;
	width: 64%;
}
.fanhui2 {
	display: inline-block;
	width: 62px;
	height: 30px;
	background: url(../image/top.png) no-repeat center top;
	line-height: 44px;
	margin:10px 40px;
	text-align: center;
	font-size:12px;
}
.header,.head-box-wap,.nei-nav,.foot-menu,.cooperation-list2,.about-honor2,.about-strength2,.nei-pro-box2 {
	display: none;
}

@media (max-width: 720px) {
.container {
	padding-top: 30px;
}
.xuanfu,.top,.head-box,.foot-about,.cooperation-list1,.about-honor1,.about-strength1,.nei-pro-box1 {
	display: none;
}
.header,.head-box-wap,.nei-nav,.foot-menu,.cooperation-list2,.about-honor2,.about-strength2,.nei-pro-box2 {
	display: block;
}
.header {
	display: block;
}
.head-box-wap {
	display: block;
	height: 250px;
}
.fullSlide {
	height: 250px;
	overflow: hidden;
}
.fullSlide .hd ul li {
	width: 10px;
	height: 10px;
	border-radius: 5px;
}
.fullSlide .bd li {
	height: 250px;
}
.solve {
	padding-top: 20px;
}
.solve h1 {
	font-size:20px;
}
.solve-left {
	width: 100%;
}
.solve-left li {
    width: 49.5%;
    height: auto;
    margin-right:0.5%;
    margin-bottom: 2px;
    float: left;
    position: relative;
    overflow: hidden;
    background-color: #49A0EF;
   
}
.solve-left li span {
	font-size:28px;
}
.solve-right {
	width: 100%;
	padding:5%;
	height: auto;
}
.solve-right img {
	margin: 0;
	float:left;
}
.index-title h1 {
	font-size:20px;
}
.index-pro-box {
	padding-bottom: 30px;
}
.index-pro-box li {
    width: 47.4%;
    height: auto;
    float: left;
    background: #fff;
    margin-left: 1.3%;
    padding: 4px;
    position: relative;
    margin-bottom:10px;
}
.index-pro-box li p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom:48px;
}
.index-pro-box h3 {
	display: -webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size:16px;
	margin: 3px 0;
}
.index-pro-box a {
	width: 95%;
	bottom: 10px;
}
.index-cases li {
    width: 46%;
    margin-left: 2.6%;
    margin-right:0;
}
.index-cooperation li {
    width: 31.83%;
}
.index-about-left {
    width: 100%;
    padding:20px;
}
.index-about-right {
    width: 100%;
    float: right;
    overflow: hidden;
}
.index-about-bottom {
	padding:50px 10px;
}
.index-about-bottom li {
    width: 100%;
	border: 1px dashed #fff;
	margin-right:1%;
	margin-bottom:1%;
}
.index-about-bottom li:last-child {
	border: 1px dashed #fff;
}

.index-about-bottom li h1 {
    font-size: 28px;
}
.index-about-bottom li p {
    font-size: 14px;
    color: #fff;
}

.index-news-left {
    display: none;
	overflow:hidden;
	width:350px;
	height:240px;
}

.index-news-right {
     width: 100%; 
    float: right;
}
.index-news-right p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.foot {
	margin:0;
	padding-top: 0;
	padding-bottom: 30px;
	border-top:none;
	height: auto;
	margin-bottom:50px;
}
.nei-toptitle {
	display: none;
}
.nei-left {
	width: 100%;
	margin-top:16px;
}
.nei-right {
	display: none;
}
/* ===== retrie分类下来 ===== */
.nei-nav {
	display: block;
}
.retrie {
  position: relative;
  z-index: 102;
  height: 50px;
  background-color: #fff;
  border-bottom: 1px solid #3A6DB2;
  background: #F3F3F3;
}
.retrie dt { 
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
}
.retrie dt a {
  position: relative;
  float: left;
  width: 100%;
  height: 49px;
  line-height: 50px;
  color: #333;
  font-size: 14px;
  font-size: 16px;
  text-align: center;
}
.retrie dt a:after {
  position: absolute;
  top: 50%;
  left: 80%;
  margin-top: -4px;
  margin-left: 30px;
  width: 8px;
  height: 8px;
  border: #666 solid;
  border-width: 1px 1px 0 0;
  content: ' ';
  -webkit-transform: rotate(135deg);
}
.retrie dt .up {
  color: #007ccf;
  border-bottom: 2px solid #007ccf;
}
.retrie dt .up:after {
  margin-top: 0;
  border: #007ccf solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(-45deg);
}

.retrie dd { position: relative; }
/* ===== slide-area ===== */
.slide {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 104;
  display: none; 
  width: 100%;
  overflow-y: auto;
  background-color: #fff;
}
.slide li {
  display: block;
  border-bottom: 1px solid #007CCF;
}
.slide li a {
  display: block;
  padding: 0 30px;
  background-color: transparent;
  line-height: 50px;
  font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.slide li a:hover,
.slide li a.selected { background-color: #f6f6f6; }

.slide li a.select { background-color: #fff; }
.fixednav { position: fixed;top: 0; }

.nei-pro-box li {
    width: 48%;
    height: auto;
    margin-left: 1.5%;
    margin-right:0;
    padding: 6px 6px;
}
.nei-pro-box a {
    width: 95%;
    bottom: 10px;
}
.nei-pro-box p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom:48px;
}
.nei-pro-box h3 {
    font-size: 16px;
    font-weight: normal;
    margin: 4px 0;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.foot-menu{display: block; background:url(http://www.jszey.com/templates/JSD/images/foot-menu.jpg) repeat-x #5a5a5a; overflow:hidden; position:fixed; bottom:0px; width:100%; z-index:1000;}
.foot-menu li{ float:left; line-height:50px; font-size:14px; text-align:center;}
.foot-menu li.li1{ width:22%;}
.foot-menu li.li1 a{ display:block; border-right:1px solid #d7d7d7;}
.foot-menu li.li2{ width:22%; border-right:0px solid #d7d7d7;}
.foot-menu li.li3{ width:34%; background:url(../image/contact.png) no-repeat 15px center #f24041; background-size:18%; background-position:14px 25%;}
.foot-menu li.li3 a{ color:#fff; padding-left:20px;}
.foot-menu li a { color:#fff;}	  
.pro-infi-p li {
    width: 100%;
     height: auto; 
    margin-right: 1.5%;
    padding: 17px;
    float: left;
    margin-bottom: 30px;
    border: 1px solid #E7E7E7;
    text-align: center;
}

.cooperation-list2 {
	display: block;
}
.cooperation-list li {
    width: 48.33%;
}
.cooperation-bottom li {
    width: 48%;
    text-align: center;
    border: 1px dashed #fff;
    float: left;
    color: #fff;
    font-size: 18px;
    margin: 1%;
}
.cooperation-bottom li:last-child {
    border: 1px dashed #fff;

}
.about-honor li {
	width: 49%;
}
.about-strength li {
    width: 30.5%;
    margin-left: 2%;
    margin-right:0;
}


}
@media (min-width:720px) and (max-width:1024px) {
.xuanfu,.top,.head-box,.cooperation-list1,.nei-pro-box1 ,.nei-right,.nei-toptitle{
	display: none;
}
.header,.head-box-wap,.nei-nav,.cooperation-list2,.nei-pro-box2 {
	display: block;
}
.header {
	height: 80px!important;
}
.header .logo {
    display: block;
    width: 221px!important	;
    height: 30px;
    padding: 10px 0 0 10px;
}
.head-box-wap {
	display: block;
	height: 500px;
}
.fullSlide {
	height: 500px;
	overflow: hidden;
}
.fullSlide .hd ul li {
	width: 10px;
	height: 10px;
	border-radius: 5px;
}
.fullSlide .bd li {
	height: 500px;
}
/* ===== retrie分类下来 ===== */
.nei-nav {
	display: block;
}
.retrie {
  position: relative;
  z-index: 102;
  height: 50px;
  background-color: #fff;
  border-bottom: 1px solid #3A6DB2;
  background: #F3F3F3;
}
.retrie dt { 
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
}
.retrie dt a {
  position: relative;
  float: left;
  width: 100%;
  height: 49px;
  line-height: 50px;
  color: #333;
  font-size: 14px;
  font-size: 16px;
  text-align: center;
}
.retrie dt a:after {
  position: absolute;
  top: 50%;
  left: 80%;
  margin-top: -4px;
  margin-left: 30px;
  width: 8px;
  height: 8px;
  border: #666 solid;
  border-width: 1px 1px 0 0;
  content: ' ';
  -webkit-transform: rotate(135deg);
}
.retrie dt .up {
  color: #007ccf;
  border-bottom: 2px solid #007ccf;
}
.retrie dt .up:after {
  margin-top: 0;
  border: #007ccf solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(-45deg);
}

.retrie dd { position: relative; }
/* ===== slide-area ===== */
.slide {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 104;
  display: none; 
  width: 100%;
  overflow-y: auto;
  background-color: #fff;
}
.slide li {
  display: block;
  border-bottom: 1px solid #007CCF;
}
.slide li a {
  display: block;
  padding: 0 30px;
  background-color: transparent;
  line-height: 50px;
  font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.slide li a:hover,
.slide li a.selected { background-color: #f6f6f6; }
.slide li a.select { background-color: #fff; }
.fixednav { position: fixed;top: 0; }

ul.foot-about-right {
	width: 386px; 
	float:left;
}
.nei-left{
	width: 100%;
}
.nei-pro-box li {
    width: 31%;
    float: left;
    background: #fff;
    margin-right: 2.3%;
    padding: 20px 16px;
    position: relative;
    margin-bottom: 10px;
}
.nei-pro-box p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom:48px;
}



}

@media (min-width:1024px) and (max-width:1335px) {

.head-logo {
    width: 288px;
    height: 113px;
    float: left;
}
.head-nav {
    width: 70%;
    height: 116px;
    line-height: 120px;
    float: right;
    text-align: center;
}
.head-nav li {
    float: left;
    font-size: 18px;
    line-height: 120px;
    width: 112px;
     text-align: center;
    color: #000;
    font-weight: normal;
}
.head-nav .head-nav1 {
	width: 120px;
    height: 45px;
    line-height: 45px;
}
.nav-er {
    position: absolute;
    top: 122px;
}
.head-nav1:first-cchid{
	border-top:2px solid #86C4E7;

}
.nav-er li{
	width: 114px;
	line-height: 45px;
	clear:left;
	font-size:14px;
	display:none; 
	background:#86C4E7; 
	opacity: 0.8;  
	position: relative;
	border-bottom: 1px solid #ECEEEF;
	text-align: center;
}
.head-nav ul li:hover ul li{display:block;z-index:1;}

.nav-er li:hover {
	background: #1572CF;
	opacity: 1;
}
.nav-er>li:hover a {
	color: #fff;
}

.active{
	font-weight:bold;
	color:#068942;
}
.index-about ul {
    float: left;
    color: #D5D7D8;
    margin-right: 50px;
    width: 128px;
}
ul.foot-about-right {
    width: 386px;
    float: right;
}
}