@charset "utf-8";
body {font:14px/1.8 'MyriadPro-Light OpenType'; margin:0; padding:0; font-size:16px; background:#fff;word-wrap: break-word;}
div,img,ul,ol,li,p {margin:0 auto; padding:0; border:0; }
ul li{list-style:none; list-style-type:none;}
img{vertical-align:top; border:none;}
.center { margin:0 auto;width:1400px; }
a{color:#000000; text-decoration:none; font-size:12px;}
a:hover{ color:#FF0000; text-decoration:none;}
a:visited{ color:#000000; text-decoration:none;}
.ysj{width:1400px; margin:0 auto;}
.ysj1{width:1280px; margin:0 auto;}
.ysj2{width:1320px; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}

@font-face {font-family: "MyriadPro-Light OpenType";
  src: url('../fonts/MyriadPro-Light OpenType.ttf'); /* IE9*/
}


/*top*/
.top{height:90px; background:#000; width: 100%; position: fixed;top: 0;left: 0; z-index: 99999;}
.top_lt{ float:left; padding-top:8px;width:300px; padding-left:20px;}

/*主导航菜单*/
.ys_menu{width:600px; width:680px\9;height:90px; float:left;  margin-left:40px;margin-left:40px\9;margin-top:8px}
#nav-menu{width:650px; width:680px\9;height:90px;}
#nav-menu .container{position:relative;z-index:99;}
#nav-menu .menu li{position:relative;float:left;display:inline;font-size:14px; font-size:13px\9;line-height:90px;}
#nav-menu .menu li a.xialaguang{display:inline-block;color:#fff;font-size:16px;font-size:14px\9; line-height:90px;width:auto;text-align:center; margin:0px 18px;}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#ff9c00; display:block; width:auto; line-height:90px; height:90px;}
#nav-menu .menu ul.children{display:none;position:absolute;top:81px;width:160px;background:#000; color:#fff;border-top:0;line-height:normal; z-index:9999;    left: -16px;}
#nav-menu .menu ul.children li{width:160px;padding:0px;display:inline-block;font-size:14px;border-top:1px solid #404040;}
#nav-menu .menu ul.children li h3{display:block; width:100%;}
#nav-menu .menu ul.children li a{width:100%;height:40px;line-height:40px;overflow:hidden;display:block;color:#fff; text-align:center;
text-decoration:none; font-size:14px;}
#nav-menu .menu ul.children li a:hover{background-color:#e87a00;text-decoration:none; color:#fff;}

.top_ss{ height:36px;width:333px; line-height:36px; font-size:14px; float:right; margin-top:22px;}
.sinput{float:left; width:204px;background:url(../images/ss_lt.png) no-repeat; height:32px; color:#ccc; padding-left:6px; line-height:32px; border:0} 
.sbtn{float:left; width:20px; height:36px;background:url(../images/fdj.png) no-repeat 0 6px;  cursor:pointer;  display:inline-block;  border:0;padding: inherit;} 


/*banner*/
/*slider*/
.banner{ height:650px; position:relative;}
.slider { float: left; }

.slider .jquery-reslider .slider-block {
  width: 100%;
  height:660px;
  position: absolute;
  z-index: 97;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}

.slider .jquery-reslider .slider-direction {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 45%;
  z-index: 99;
  cursor: pointer;
}

.slider .jquery-reslider .slider-direction.slider-direction-prev {
  left: 20px;
  background: url('../images/prev.png') no-repeat;
}

.slider .jquery-reslider .slider-direction.slider-direction-next {
  right: 20px;
  background: url('../images/next.png') no-repeat
}

.slider .jquery-reslider .slider-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 600px;
}

.slider .jquery-reslider .slider-dots li {
  width: 13px;
  height: 13px;
  border-radius: 100px;
  display: inline-block;
  margin: 10px;
 background:#fff;
  cursor: pointer;
}

.slider .jquery-reslider .slider-dots li.active { background-color: #e87a00; }
@media screen and (max-width: 768px) {

.slider .jquery-reslider .slider-direction { zoom: .8; }

.slider .jquery-reslider .slider-dots { position: absolute; }
}

.rhjj{width:90%; margin-top:20px; margin-bottom:10px; overflow:hidden;}
.rhjj_lt{ float:left;width:46%; padding-top:70px;}
.rhjj_lt p{ font-size:18px;}
.rhjj_lt .rhjj_lt_nr{ font-size:16px; color:#7d7d7d; line-height:26px;    word-wrap: break-word;}
.rhjj_lj{ padding-top:60px;}
.rhjj_lj a{ padding:0 4px;}
.rhjj_lj a img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.rhjj_lj a img:hover { transform:rotate(360deg) scale(1.0); -webkit-transform:rotate(360deg) scale(1.0); -moz-transform:rotate(360deg) scale(1.0); -o-transform:rotate(360deg) scale(1.0);    -ms-transform:rotate(360deg) scale(1.0);}

.rhjj_rt{ float:right;width:50%;}
.rhjj_rt img{width:100%;}

#in_p_w{
	/*width:1920px;*/
	margin:0 auto;
	width:100%; overflow:hidden;
}
#in_plist{
	width:100%;
	float:left;
}
.in_plist_i{
	width:25%;
	float:left;
}
.in_plist_i img{
	width:100%;
}
.in_pi_cover{
	position:absolute;
	z-index:10;
	padding:0;
	background:url(../images/tm.png);
	display:none;
}
.in_pi_title{
	width:100%; padding-top:100px;
	font-size:28px;
	color:#fff;
}
.in_pi_title li{-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;
	background:#ef8201; margin:0 40%; line-height:40px;
	display:block;width:114px; height:40px;
	font-size:16px;
	color:#fff; text-align:center;
	position:absolute;
}

.in_pii_title{ position:relative;}
.in_pii_title li{-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;
	background:#ef8201; margin:50% 40%; line-height:40px;
	display:block;width:114px; height:40px;
	font-size:16px;
	color:#fff; text-align:center;
	position:absolute;
}
.in_pi_content{padding:80px 10% 20px 10%; color:#fff; font-size:14px;}
.in_pi_content p{
	font-size:24px;
	line-height:28px;
	color:#fff;
}
.in_pi_img{
	
}
.in_world{
	width:25%;
	float:left;
	background-image:url(../images/in_w.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	padding:0 0;
	font-size:22px;
	line-height:28px;
	text-align:center;
	color:#000;
}
.in_world a{
	color:#000;
}
.in_w_title{
	padding:150px 0 20px 0;
	font-size:28px;
	line-height:36px;
	text-align:center;
}
.flexslider_sp{
	/*position:absolute;*/
	width:100%;
}
.flexslider_sp .sp_text{
	position:absolute;
	margin:20px 0 0 5.3%;
	font-size:22px;
}
.flexslider_sp .spimg{

}
.flexslider_sp .spimg img{
	width:100%;
}
.cp{ margin-top:40px; margin-bottom:40px;}
.blk_18 { overflow:hidden; zoom:1; font-size:9pt;width:1400px; margin-top:30px;}
.blk_18 .pcont { width:1324px; float:left; overflow:hidden; }
.blk_18 .ScrCont { width:32766px; zoom:1; margin-left:-5px;}
.blk_18 #List1_1, .blk_18 #List2_1 { float:left;}
.blk_18 .LeftBotton{ width:38px; height:220px; float:left; background:url(../images/cp_lt.png) no-repeat 0px 150px;}
.blk_18 .RightBotton { width:38px; height:220px; float:left; background:url(../images/cp_rt.png) no-repeat 0px 150px;}
.blk_18 .pl img { display:block; cursor:pointer; border:none;}
.blk_18 .pl { float:left; float:left; text-align:center; line-height:30px; color:#515151; margin:6px 8px; font-family:"微软雅黑"; font-size:14px;}

.ys{ background:url(../images/ys_bj.jpg) top center no-repeat; height:480px; width: 100%; background-attachment:fixed; overflow:hidden; background-size:cover;}
.ys_t{ text-align:center; color:#ef8201; font-size:28px; font-weight:bold; padding-top:50px;}
.ys_nr{ color:#fff; font-size:16px; line-height:26px;width:1170px; margin:0 auto; text-align:center; padding-top:30px;}
.ys_e{ padding-top:50px;width:1400px; margin:0 auto;}
.ys_e li{width:220px; text-align:center; margin:20px 90px; float:left;}
.ys_e li p{ color:#fff; font-size:16px;}
.ys_e li p strong{ font-size:72px; color:#ef8201; line-height:30px; font-family:Arial, Helvetica, sans-serif;}
.ys_e li span{ font-size:18px; color:#fff;}

.lxwm{ padding-top:40px; padding-bottom:40px; overflow:hidden;}
.lxwm_lt{ float:left;}
.lxwm_lt li{ float:left; padding-right:160px; font-size:16px; line-height:26px;}
.lxwm_lt li p{ font-size:16px; color:#ef8201; font-weight:bold;}
.lxwm_rt{width:340px; float:right;}
.lxwm_rt .left{ padding-top:24px;}
.lxwm_rt .left a{ padding-right:8px;}
.lxwm_rt .left a img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.lxwm_rt .left a img:hover { transform:rotate(360deg) scale(1.0); -webkit-transform:rotate(360deg) scale(1.0); -moz-transform:rotate(360deg) scale(1.0); -o-transform:rotate(360deg) scale(1.0);    -ms-transform:rotate(360deg) scale(1.0);}

.end{ height:70px; background:#000; line-height:70px; color:#fff; font-size:16px;}
.end a{ color:#fff; font-size:16px;}


/* 产品展示页 */
.dht{ height:66px; line-height:66px; font-size:16px; text-align:right;   /* margin-top: 108px;*/}
.cpzs{width:100%; height:840px; background:#ededed;}

.cpzs_nr{width:1388px; margin:0 auto; overflow:hidden; border-left:6px solid #fff; border-right:6px solid #fff; }
.grid {	width:1388px;}
.grid li{float: left;width:335px;height:840px; border-left:6px solid #fff; border-right:6px solid #fff; display:block;color: #333;}
.grid figure {width:335px; height:840px;position: relative;	margin:0px 0px;}
.grid figure img {position: relative;display: block;width:335px;}
.grid figcaption {position: absolute;top:320px;z-index: 11;text-align: center; padding:0 10px;}
.grid figcaption h2 {color: #000;letter-spacing: 1px;font-weight: 300; font-size:32px;-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;}
.grid figcaption p{color: #4d4d4d; font-size:16px;font-weight: 300;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s; overflow:hidden;}
.grid figcaption p a{color: #4d4d4d; font-size:16px;font-weight:300; padding:0 10px;/*white-space:nowrap;*/ display:block; float:left;}
.grid figcaption p a:hover{ color:#f00;}
.grid figcaption h2, .grid figcaption p, .grid figcaption h3{-webkit-transform: translateY(50px);transform: translateY(50px);}
.grid figcaption h3{ font-size:16px; text-align:center; line-height:50px;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s; padding-top:60px;}
.grid figcaption h3 a{font-size:16px; text-align:center;}

.grid figcaption h3 img{width:45px; height:15px;}
/* Style for SVG */
.grid svg {	position: absolute;top:100px; /* fixes rendering issue in FF */	z-index: 10;width:335px;height: 840px;}
.grid svg path {fill: #ededed;}
/* Hover effects */
.grid li:hover figure img {opacity:0.9;}
.grid li:hover figcaption h2, .grid li:hover figcaption p, .grid li:hover figcaption h3{-webkit-transform: translateY(0);transform: translateY(0);}
.grid li:hover figcaption p{opacity: 1;}

.topfan{ text-align:center; padding:50px 0;width:140px; margin:0 auto; overflow:hidden;}
.topfan a{-moz-border-radius:56px; -webkit-border-radius:56px; margin:0 6px;border-radius:56px; border:1px solid #a5a5a5;width:56px; height:56px; display:block; float:left;}
.topfan a img{ text-align:center; padding-top:10px;}
.topfan a:hover{border:1px solid #a5a5a5; background:#000;}

.fen{ text-align:right; font-size:22px; height:60px; padding-top:40px;}
.fen a{ padding:0 4px;}

.proend{ height:200px; background:#000;}
.proend_lt{ float:left;width: 1150px;}
.proend_lt ul{ float:left; padding-right:98px; padding-top:40px;}
.proend_lt ul p a{ font-size:18px; color:#ffb461; line-height:40px;}
.proend_lt ul li a{ color:#8c8c8c; font-size:16px; line-height:26px;}
.proend_lt ul li a:hover{ color:#ffb461;}
.proend_rt{ float:right; font-size:16px; color:#fff; text-align:right; padding-top:100px;}



/* 新闻页 */
.nyxw{}
.nyxw_top{ height:350px;}
#full-screen-slider { width:100%; height:350px; float:left; position:relative}
#slides { display:block; width:100%; height:350px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:15%; top:300px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.nyxwnr{ height:600px; background:#f5f5f5; margin-top:60px;}
.nyxwnr h1{ text-align:center; font-size:38px; padding-top:20px; font-weight:300;}
.nyxwnr ul{ height:410px; background:#fff;width:1240px; padding:0 20px;}
.nyxwnr ul li{width:275px; float:left; margin:46px 17px;}
.nyxwnr ul li a{ overflow:hidden;width:275px; height:180px; display:block;}
.nyxwnr ul li a img{ transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.nyxwnr ul li a img:hover { transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.nyxwnr ul li p{ font-size:16px; color:#8b8b8b; line-height:60px;}
.nyxwnr ul li span a{ font-size:16px; color:#4b4b4b; line-height:26px;}
.nyxwnr ul li span a:hover{ color:#f00;}

.zhxx{ overflow:hidden;}
.zhxx h1{ text-align:center; border-bottom:1px solid #e7e7e7;font-size:38px;font-weight:300; line-height:80px;}
.zhxx ul{ height:360px; background:#fff;width:1280px;}
.zhxx ul li{width:275px; float:left; margin:30px 22px;}
.zhxx ul li a{ overflow:hidden;width:275px; height:110px; display:block;}
.zhxx ul li a img{ transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.zhxx ul li a img:hover { transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.zhxx ul li p{ font-size:20px; color:#000; line-height:60px;}
.zhxx ul li span a{ font-size:16px; color:#828282; line-height:26px;}
.zhxx ul li span a:hover{ color:#f00;}
.zhxx_a{ text-align:center; font-size:24px;}
.zhxx_a a{ text-align:center; font-size:24px;}

.newsend{ color:#fff; background:#000; line-height:74px; height:74px; font-size:16px;}

/* 案例 */
.nycase_top{width:100%; height:426px;margin-top: 90px; background:url(../images/caseban.jpg) no-repeat center;}
.case h1{ text-align:center; border-bottom:1px solid #e7e7e7;font-size:38px;font-weight:300; line-height:80px;}
.case{background:#f8f8f8; padding:40px 0; overflow:hidden;}
.casenr{ background:#fff; padding:10px 20px;width:1240px; overflow:hidden;}
.case ul li{width:570px; float:left; margin:20px 24px; overflow:hidden; min-height:620px;}
.case ul li a{ overflow:hidden;width:570px; height:400px; display:block;}
.case ul li a img{ transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.case ul li a img:hover { transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.case ul li span{ font-size:24px; font-weight:bold; color:#7a7a7a; line-height:60px;}
.case ul li p{ font-size:16px; color:#828282; line-height:26px; background:url(../images/ydd.png) no-repeat left 10px; text-indent:20px;}

.nylianxi_top{width:100%; height:432px;margin-top: 90px; background:url(../images/lianxibanner.jpg) no-repeat center;}

.case2{background:#f8f8f8; padding:40px 0; overflow:hidden;}