@charset "utf-8";
/* banner */
.banner{ max-width:1920px;  position:relative;  height:620px; overflow:hidden; margin:0 auto;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:620px; }
.banner .bd li .siteWidth{ width:1200px; position:relative;  margin:0 auto;  height:620px;  }
.banner .bd li a{ height:620px; display:block;  }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:130px; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:20px; margin:4px; background:#fff; overflow:hidden; border-radius:100%;line-height:9999px; }
.banner .hd ul .on{ background:#f4416b;}
.kjdh{ background-color: #f2f2f2; margin:0 auto;width:1200px; position:relative; margin-top:-125px; height: 125px; z-index:9999;}

.kjdh ul{ padding:0px 0 0 0; }
.kjdh ul li{ width:150px; float:left; text-align:center; cursor:pointer; padding:57px 0px 0px 0; display:block; height:68px; }
.kjdh ul .ico1{ background:url(../images/ico1-1.png) no-repeat center 28px; background-size:40px 40px;}
.kjdh ul .ico2{ background:url(../images/ico2.png) no-repeat center 28px ; background-size:40px 40px;}
.kjdh ul .ico3{ background:url(../images/ico3.png) no-repeat center 28px ; background-size:40px 40px;}
.kjdh ul .ico4{ background:url(../images/ico4.png) no-repeat center 28px ; background-size:40px 40px;}
.kjdh ul .ico5{ background:url(../images/ico5.png) no-repeat center 28px ; background-size:40px 40px;}
.kjdh ul .ico6{ background:url(../images/ico6.png) no-repeat center 28px ; background-size:40px 40px;}
.kjdh ul .ico7{ background:url(../images/ico7.png) no-repeat center 28px ; background-size:40px 40px;}
.kjdh ul .ico8{ background:url(../images/ico8.png) no-repeat center 28px ; background-size:40px 40px;}


.kjdh ul li:hover.ico1{ background:url(../images/ico1.png) no-repeat center 28px #f4416b; background-size:40px 40px;}
.kjdh ul li:hover.ico2{ background:url(../images/ico2-1.png) no-repeat center 28px #f4416b; background-size:40px 40px;}
.kjdh ul li:hover.ico3{ background:url(../images/ico3-1.png) no-repeat center 28px #f4416b; background-size:40px 40px;}
.kjdh ul li:hover.ico4{ background:url(../images/ico4-1.png) no-repeat center 28px #f4416b; background-size:40px 40px;}
.kjdh ul li:hover.ico5{ background:url(../images/ico5-1.png) no-repeat center 28px #f4416b; background-size:40px 40px;}
.kjdh ul li:hover.ico6{ background:url(../images/ico6-1.png) no-repeat center 28px #f4416b; background-size:40px 40px;}
.kjdh ul li:hover.ico7{ background:url(../images/ico7-1.png) no-repeat center 28px #f4416b; background-size:40px 40px;}
.kjdh ul li:hover.ico8{ background:url(../images/ico8-1.png) no-repeat center 28px #f4416b; background-size:40px 40px;}


.kjdh ul li a{ color:#333; font-size:17px; display:block; margin:20px 0 0 0;}


.kjdh ul li:hover a{ color:#fff;}
.news_cont{ /* background:#fff; width:560px;*/}
.slideTxtBox{  width:530px; border-radius:8px; height:400px; background:#fff; overflow:hidden; padding:10px 10px;}
.slideTxtBox .hd{ height:48px; line-height:48px; background-color:#ddd;  font-size:18px; border-radius:6px; }
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
.slideTxtBox .hd ul li{ float:left; width:50%; text-align:center; }
.slideTxtBox .hd ul li a{ display:block; padding:0 15px;  }
.slideTxtBox .hd ul li a:hover{ text-decoration:none;  }
.slideTxtBox .hd ul li.on a{ background:#f4416b; color:#fff; font-weight:bold;  border-radius:6px; }
.slideTxtBox .bd{ padding:0px 0 0 0;  }
.slideTxtBox .bd li{ margin:0 20px 0 0; width: auto;}
.slideTxtBox .bd li:last-child{ margin-right:0;}
.slideTxtBox .bd li .img-box {position: relative; width:270px; height:190px;overflow: hidden; }
.slideTxtBox .bd li .img-box img{width: 100%; min-height: 100%; overflow: hidden;transition: all 0.3s ease;-webkit-transition: all 0.3s ease; background: #f4f4f4;}
.slideTxtBox .bd li .img-box:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.slideTxtBox .bd li h2{ color: #333; font-size: 16px; height:50px; line-height:25px; padding:5px 0; }
.slideTxtBox .bd li .date{ color: #999; font-size: 12px;  }
.pt20{ padding-top:20px;}
.ksdh_tit{height:45px; padding:0px 0;}
.ksdh_tit h2{  color: #f4416b; font-size: 24px; line-height:45px;   }
.ksdh_tit a{ color:#999; font-size: 14px;}
.wczl{ background: url(../images/wc_bg.png) no-repeat right bottom #fafafa; padding:10px 0 50px 0;}
.wczl_name{ background:url(../images/wc_name.png) no-repeat center center; height:70px; margin:20px 0 40px 0;}
.wc_pic{ width:600px; height:420px;}
.wc_sp{width:600px; height: auto;}
.wc_sp img{width:600px; height:365px; margin-top:12px;}
.wc_pic .ksdh_tit{ border-bottom:2px solid #f4416b;}
.ks-ul{ }
.ks-ul li{ float:left;width:160px; height:45px; cursor:pointer; background: url(../images/ksdh_bg.png) no-repeat center bottom #fff; border:1px solid #f4416b; border-radius:6px;margin:18px 40px 8px 0px ;}
.ks-ul li:nth-child(3n){ margin-right:0;}
.ks-ul li a{ font-size:18px;line-height:45px;text-align:center; display:block;width: auto;color:#333;  text-align:center;}

.ks-ul li:hover{ background:url(../images/ksdh_bg.png) no-repeat center bottom #f4416b;}.ks-ul li:hover a{ color:#fff;}
  a.more_ks{	display: block;	width: 134px;font-weight: bold;font-size: 16px;line-height: 46px; background:#f4416b;color: #fff; margin-top:20px; text-align:center; margin:29px auto 0 auto; border-radius:6px;}
.more_ks:hover{ text-decoration:underline; background:#f4416b;}


.mymj{ background:url(../images/mymj_bg.jpg) repeat-x center bottom; padding: 0 0 20px 0;}
.mymj_tit{  text-align:center; padding:30px 0 20px 0;}
.mymj_tit h2{color: #f4416b; font-size: 30px; line-height:45px;}
.mymj_tit .h_english{
	font-size: 30px;
	text-transform: uppercase; color:#ddd; line-height:40px;
}
.lcks{ width:630px;}
.video_win{ width:540px; height: auto;}
.video{ width:540px; height:365px; padding:15px 0;}
.video img{ width:540px; height:365px;}

.picScroll{ position:relative;  height: auto; padding: 10px 0 16px 0px; overflow:hidden;   }
.picScroll ul{ overflow:hidden; zoom:1; padding:10px 0;  }
.picScroll ul li{float: left; margin: 10px 13px; padding-top:12px;  background:#fff; height: auto;width:214px;display: block; text-align:center;
  box-shadow: 
    0 5px 5px rgba(0, 0, 0, 0.1), /* 下方阴影 */
    0 -5px 5px rgba(0, 0, 0, 0.1), /* 上方阴影 */
    5px 0 5px rgba(0, 0, 0, 0.1), /* 右侧阴影 */
    -5px 0 5px rgba(0, 0, 0, 0.1); /* 左侧阴影 */
border-radius:12px;}
.picScroll li .doc_img {text-align:center; 
    height: 239px;
    overflow: hidden;
    display: block;
}.picScroll li img {
    width: 189px;
    height:239px;
}.picScroll li h2 {
    padding:7px 0px 0 5px;  height: 35px;   overflow: hidden;
    white-space: nowrap; text-align:left;
    display: block;
    text-overflow: ellipsis;
}
.picScroll li h2 a{ display:block; font-size:18px; color:#333; line-height:30px; padding:0 0 0 10px; font-weight:400;}
.picScroll li:hover{
  box-shadow: 
    0 5px 8px rgba(0, 0, 0, 0.3), /* 下方阴影 */
    0 -5px 8px rgba(0, 0, 0, 0.3), /* 上方阴影 */
    5px 0 8px rgba(0, 0, 0, 0.3), /* 右侧阴影 */
    -5px 0 8px rgba(0, 0, 0, 0.3); /* 左侧阴影 */
}


.ksdh_bg{background:#fafafa; margin-top:14px; padding:20px 0;}
.zhicheng {
    font-size: 14px;
    color: #999;
    line-height: 24px; display:block; text-align:left;padding:0 0 8px 15px;}
.yyhj{padding: 0 0 20px 0;}
.env_Scroll{ position:relative;  height: auto; padding: 10px 0 16px 0px; overflow:hidden;   }
.env_Scroll ul{ overflow:hidden; zoom:1; padding:10px 0;  }
.env_Scroll ul li{float: left; margin: 10px 12px;  background:#fff; height: auto;width:276px;display: block; text-align:center;}
.env_Scroll li img {
    width: 270px;
    height:200px;border-radius:8px; border:3px solid #eee; 
}.env_Scroll li p {
    padding:7px 0px 0 5px;  height: 35px;   overflow: hidden;
    white-space: nowrap; text-align: center;
    display: block;
    text-overflow: ellipsis;
}
.env_Scroll li a { font-size:16px; color:#333; line-height:30px; font-weight:400;}
.env_Scroll li:hover img{ border:3px solid #f4416b; }


.contact{ padding:15px 0 20px 0;}
.s-banner{ width: auto; height:320px;margin:0 auto; text-align:center;}
.s-banner img{height: 320px ; width:100%;}
.sxhd{ width:520px;}
.mtop{ margin-top:6px;}

.case-link{ color:#fff;}

.links{ padding:15px 0;}
.links li{ width:335px; height:146px; float:left; margin:0 40px 0 25px;}
.links li:last-child{ margin-right:0;}
/******关于我们********/
.pos{
    font-size: 15px;
    color: #666; 
    background: #f4416b;  width: auto; border-radius:8px 8px 0 0;
    margin: 0 auto;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;}
.pos_con{ padding:0 10px;
    overflow: hidden;
    line-height: 35px;
    color: #fff;
}
.current_pos{
    float: left;
    font-size: 18px; 
}
.current_pos span{
    width: 10px;
    height: 10px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: none;
    display: inline-block; 
    vertical-align: middle;
    margin-right: 5px; 
    margin-top: -4px;  
}
.ppos{
    float: right;
}
.pos>a,.ppos a{
    font-size: 15px;
    color: #fff; 
}
.pos>a:hover{
    color: #1f7352;
}.company_cont{ font-size:16px; color:#333; line-height:34px; margin-top:20px; padding:0 15px;}
.company_cont p{ text-indent:2em;}
.company_cont img{ max-width:100%;}
/********************page****************************/
.page {PADDING: 40px 10px;TEXT-ALIGN: center;font-size: 16px;color: #555555;width: auto; font-family:Arial, Helvetica, sans-serif;}
.page a {PADDING:12px 16px;MARGIN: 8px;COLOR: #555555;TEXT-DECORATION: none;border: 1px solid #e1e1e1; background:#fff;}
.page a:hover {BORDER: 1px solid #f4416b;COLOR: #555555}
.page a:active {COLOR: #555555;border: 1px solid #f4416b;}
.page .p_current {PADDING:12px 16px;FONT-WEIGHT: bold;MARGIN: 8px;COLOR: #fff;BACKGROUND-COLOR: #f4416b;border: 1px solid #f4416b;}
.page .disabled {BORDER: #eee 1px solid;PADDING:12px 16px;MARGIN: 8px;COLOR: #ddd; background:#fff;}

.cont{ background:#fff; padding:30px 20px; margin-bottom:10px;}
.product_name{ font-size:24px; text-align:center; line-height:30px;}
.product_img{ margin:30px 0;}
.product_img img{ max-width:800px;}
.product_cont{ font-size:15px; color:#333; line-height:30px; padding:20px 10px;}
.product_cont img{ max-width:800px;}
.time_fb{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#999; text-align:center; line-height:30px; margin:15px 0;}




.js_list{ padding:0px 10px;}
.js_list li{ background:#fff; padding:20px 0 30px 15px; margin:10px 0 10px 0; border-bottom:1px solid #eee; }
.news-img{ width:240px; height:160px; overflow:hidden;}
.news-img img{ width:240px; height:160px;}
.news-list{ width:530px; padding-left:20px;}
.news-list h3{ font-size:18px; color:#333; line-height:30px; padding:4px 0;}
.news-word{ line-height:26px; height:80px; overflow:hidden; font-size:14px; color:#666; padding:4px 0;}
.news-time{ color:#999;font-size:14px;line-height:26px; text-align:right;}
.js_list li:hover h3{ color:#f4416b;}

.news-name{ font-size:24px; line-height:30px; padding:10px 0; text-align:center;}

.picture-all ul li{float: left; margin: 15px 30px; background:#fff; height: auto;width:340px; display: inline; text-align:center;}
.pro-pic{ width:340px; height:250px;overflow: hidden;}
.picture-all ul li img{ width:340px; height:250px;}
.picture-all ul li img:hover,.join-all li:hover img{
	opacity: 0.7;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s; 
	 transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);}
.picture-all ul li p{ height:60px; line-height:60px;font-size:18px; text-align: center; background:#f1f1f1; }
.picture-all ul li:hover p{ background:#f4416b; color:#fff;}

.zysz{ width:300px; margin-top:-92px; position:relative; z-index:999;}
.zysz h2{ font-size:20px;background:#f4416b; color:#fff; border-radius:8px 8px 0 0; text-align:left; text-indent:2em; height:70px; line-height:70px;}
.zysz_ul{ padding:10px 25px; border:2px solid #f2f2f2; border-top:none; border-radius: 0 0 6px 6px;}
.zysz_ul li{ height: auto; line-height:42px; font-size:16px; border-radius:6px;background: url(../images/ksdh_bg.png) repeat-x left  bottom #ffffff; margin:15px 0; border:1px solid #f4416b; }
.zysz_ul li a{ text-indent:2em; color:#333; border-radius:6px; display:block;padding:5px 0;}
.zysz_ul li.on{ background: url(../images/ksdh_bg.png) repeat-x left  bottom #f4416b; color:#fff;}
.zysz_ul li a:hover{ background: url(../images/ksdh_bg.png) repeat-x left  bottom #f4416b; color:#fff;}
.zysz_ul li.on a{color:#fff;}
.zysz_cont{ width:860px; padding-top:7px;}
.bjtd{ margin-top:20px;  }
.bjtd li{line-height:42px; height:42px; font-size:18px; border-radius:6px; padding:10px ; background:#f2f2f2; margin:15px 0; font-weight:700;}
.bjtd li a{ display:block; text-indent:4.5em; color:#f4416b;}
.bjtd li.left_n1{ background:url(../images/ico1-1.png) no-repeat 35px #f2f2f2; background-size:34px 34px;}
.bjtd li.left_n2{ background:url(../images/ico2.png) no-repeat 35px #f2f2f2; background-size:34px 34px;}
.bjtd li.left_n3{ background:url(../images/ico4.png) no-repeat 35px #f2f2f2; background-size:34px 34px;}
.bjtd li.left_n4{ background:url(../images/ico9-1.png) no-repeat 35px #f2f2f2; background-size:34px 34px;}

.bjtd li:hover.left_n1 {  background:url(../images/ico1.png) no-repeat 35px #f4416b;background-size:34px 34px;}
.bjtd li:hover.left_n2 {  background:url(../images/ico2-1.png) no-repeat 35px #f4416b;background-size:34px 34px;}
.bjtd li:hover.left_n3 {  background:url(../images/ico4-1.png) no-repeat 35px #f4416b;background-size:34px 34px;}
.bjtd li:hover.left_n4 {  background:url(../images/ico9.png) no-repeat 35px #f4416b;background-size:34px 34px;}
.bjtd li:hover a{ color:#fff;}
.bszn{ margin:20px 0;border:2px solid #f2f2f2; border-radius:6px;}
.bszn h3{line-height:36px; height:36px; font-size:16px; border-bottom:3px solid #f4416b; background:#f2f2f2; text-indent:1em; padding:5px 0;}
.bszn ul{ padding:15px 15px;}
.bszn li{line-height:36px; height:36px; font-size:14px; background:url(../images/li.png) no-repeat left center; overflow:hidden;}
.bszn li a{ color:#333; padding-left:18px;}
.bszn li a:hover{ color:#f4416b;}
.shenqing-btn{width:240px;margin:25px auto 50px auto; }

.zysz_list{ padding:10px 15px; border:1px solid #dedede;}
.list_all{display: block;height: auto;padding: 10px 20px 0 20px; background:#fff;}
.list_all li{border-bottom:1px dashed #dedede;padding-left: 18px;line-height: 50px;font-size:14px; background:url(../images/li.png) no-repeat left center;}
.list_all li:hover{background:url(../images/li2.png) no-repeat left center;}
.list_all a{color:#444;}
.list_all a:hover{color:#f4416b; text-decoration:none;}.time_t {float: right;font-size:14px;color: #999;font-family: Arial;}




.news-title {
	height: 42px;
	border-bottom: 1px solid #efefef;
	line-height: 42px;
	position: relative;
}
.news-title .name {
	position: absolute;
	left: -1px;
	top: -1px;
	height: 43px;
	background: #084466;
	color: #fff;
	text-align: center;
	line-height: 43px;
	font-size: 15px;
	padding: 0 15px;
	font-weight: bold;
}
.news-name.tab-nav {
	position: absolute;
	left: -1px;
	top: -1px;
	height: 43px;
}
.news-name.tab-nav a {
	display: block;
	float: left;
	height:43px;
	line-height: 43px;
	color: #333;
	text-align: center;
	font-size: 16px;
	padding: 0 25px;
	margin: 0;
}
.news-name.tab-nav a.current {
	background: #f4416b;
	color: #fff;
	font-weight: bold;
}


.news-title .more {
	position: absolute;
	right: 10px;
	line-height: 42px;
	top: 0;
	font-size: 12px;
	color: #999;
	transition: all .3s ease;
}
.news-title .more:hover {
	color: #084466;
}
.tab-con{ padding-bottom:5px;}
.container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}




.fcpic{ width:1200px; margin:0 auto;}
.sz_all{display: block;height: auto;padding: 17px 10px 0 10px;}
.sz_all li{ width:390px; float:left; margin:0 12px 15px 6px; cursor:pointer;}
.szimg{ width:174px;height: auto ;overflow: hidden;  padding-bottom:14px;}
.szimg a{ border:1px solid #ddd;  display:block;border-radius:8px;}
.sz_all li:hover .szimg a{border:1px solid #f4416b; }
 .szimg img {
 margin: 6px;
    width: 160px;
    height: 200px;
    overflow: hidden;
    display: block;

}
.szinfor{ width:205px;}
.szinfor h3 {

    font-size: 16px;
    color: #262626; margin-top:10px;
    font-weight: normal;

}
.szinfor  h4 {

    font-size: 14px;
    color: #999;
    padding: 5px 0;
        padding-bottom: 5px;
    font-weight: normal;
    padding-bottom: 8px;

}
.szinfor .at_txt {

    color: #6e6e6e;
    font-size: 14px;
    height: 92px; overflow:hidden; line-height:22px;

}.szinfor a{color:#f4416b; font-size:14px; text-align:right; display:block;}
.news-notice {
	margin:15px 0 0 0; 
}
.indnews {
	width: 540px;
	height: 420px;
	float: left;
}

.focusBox { position: relative; width: 540px; height: 400px;  overflow: hidden; }
.focusBox .pic img { width: 540px; height: 400px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:38px; line-height:38px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 14px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 18px; line-height: 18px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
.news_cont{ width:625px;}
.indtit{ height:40px;line-height:40px; font-size:20px;  color:#f4416b;}
.indtit h2{ border-bottom:2px solid #f4416b; width:90px; }
.indmore{ font-size:14px; color:#999; line-height:38px;}
.news-txt {
	width: 522px;
	height: auto;
	float: right;
	box-shadow: 3px 3px 10px #888888; padding:10px 20px;
}
.newslist {
	display: block;
	padding: 10px 12px;
}


.col-con{ padding:10px 0 0 0;}
.newslist li {
	border-bottom: 1px dotted #dedede;
	position: relative;
	padding: 0 80px 0 16px; 
	background: url(../images/li.png) 0px center no-repeat;
}
.newslist li:hover {background: url(../images/li2.png) 0px center no-repeat;}
.newslist li a {
	display: block;
	height: 42px;
	width: 100%;
	line-height: 42px;
	font-size: 15px;
	color: #666;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	position: relative;
}
.newslist li span {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 42px; font-size:13px;
	color: #bbb;
	text-align: center;
}
.newslist li:last-child {
	border: 0;
}
.newslist li:hover a{ color:#f4416b;}
.picture-all,.js_list {
	 border:1px solid #dedede;
}

.s_nav{ padding:15px 20px; border:1px solid #eee;}
.s_nav li{ border-radius:8px;}


.s_nav{ }
.s_nav li{ float:left;  height:34px; cursor:pointer; background: #f5f5f5; border:1px solid #ccc; border-radius:6px;margin:13px 20px 5px 8px ;}

.s_nav li a{ font-size:14px;line-height:34px; padding:0 20px;text-align:center; display:block;width: auto;color:#333;  text-align:center;}
.s_nav li.sel{ background: #f4416b; color:#fff;border:1px solid #f4416b;}
.s_nav li:hover{ background: #f4416b;color:#fff;border:1px solid #f4416b;}.s_nav li:hover a,.s_nav li.sel a{ color:#fff;}


   .hidden-layer {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            border: 1px solid #dedede;
            padding: 10px; width:400px; right:0; top:33px;
            z-index: 1000;
        }
        .trigger {
            position: relative;
            display: inline-block; float:right; font-size:14px; border:1px solid #dedede;
            padding:4px 14px; background:#fff; line-height:25px;
            cursor: pointer; border-radius:4px;
        }
	.ksmy_ul{}
	.ksmy_ul li{ margin:5px 5px; float:left;width:120px; border:1px solid #eee;  background:#fff;}
	.ksmy_ul li a { padding:3px 0px; line-height:26px; display:block;} 