@charset "utf-8";
/* CSS Document */

 *{ margin:0; padding:0;}
 body{ color:#333; font-size:15px; font-family:微软雅黑;}
 li{ list-style:none; float: left;}
 a{ text-decoration:none; color:#333}
 .f1{ width:100%;margin:0 auto;}
 .f2{ width:1200px; margin:0 auto;}
 .clear{ clear:both}
 img{ border:0;}
 
.header{ color:#e2e8ed; height:38px; line-height:38px;  background:#0092ce}
.header span{ float:right;}
.header span a{ color:#e2e8ed;}
.header span font{ font:20px/38px impact; }
.header span a:hover { text-decoration:underline}
.header span b{ display:block; float:right; width:400px; height:38px; background:#004562; text-align:center; color:#fff}
.logo{ height:97px; padding:15px 0;  }

.logo IMG{ float:left}
.tel form{ width:240px; height:35px; position:relative}

.logo ul{ height:40px; width:760px; padding:18px 0 10px; float:right}
.logo ul li{ width:108px; text-align:center; line-height:40px; position:relative; font-size:15px}
.logo ul li a { color:#333; display: block;}
.logo ul li:hover>a{ border-bottom:2px solid #0092ce; color:#0092ce}
.logo ul li a.active { color:#0092ce;width:95px; display: block;height:40px;}


.logo ul li ul{ width:88px; height:auto; position:absolute; top:40px;  background:#1a9f7d; z-index:99;  opacity:0; transform:scale(0);transition:all 0.3s linear; z-index:99; padding:0 10px 5px}
.logo ul li ul li{ line-height:40px; text-align:center; width:100%; background:#1a9f7d ; border-bottom:dashed 1px #fff}
.logo ul li ul li a{ color:#fff; display:block}
.logo ul li ul li:hover{  margin-left:0;}
.logo ul li>ul>li:hover>a{ color:#fff; display:block; border:0; }
.logo ul li:hover ul{ opacity:1; transform:scale(1); transition:all 0.3s linear}



.banner{ height:554px; overflow:hidden; margin:0 auto; }
#kinMaxShow{visibility:hidden;width:100%; height:554px; overflow:hidden;}


.ca{ padding:20px 0; background:#f0faff}
.case{  padding:30px 0; width:1200px; margin:0 auto}
.c_tit { height:70px; background:url(../images/xian.jpg) center 40px no-repeat; text-align:center; font:30px/40px 微软雅黑; color:#0092ce}
.c_tit p{font:15px/25px 微软雅黑; text-transform:uppercase }

.mo1{ display:block; width:200px; height:50px; border-radius:25px; border:1px solid #0092ce; color:#333; font-size:16px; text-align:center; line-height:50px; margin:0 auto; margin-top:30px;}
.mo1:hover{ background:#0092ce; color:#fff}

.shipin{ padding:30px 0;}

/*案例展示*/
#ISL_Cont_1{ margin:40px auto 10px auto;height:230px;float:left; overflow:hidden; width:1190px  }
#ISL_Cont_1 .product{width:260px; height:220px; float:left; text-align:center;  margin-left:17px; overflow:hidden; position:relative}
#ISL_Cont_1 .product a{width:260px; height:220px; float:left; text-align:center; color:#333}
#ISL_Cont_1 .product img{width:100%; height:100%;transition:all 0.15s linear }
#ISL_Cont_1 .product:hover img{ transform: scale(1.05)}
#ISL_Cont_1 .product a dl{ width:100%; height:0px; position:absolute; left:0; bottom:0; text-indent:35px;transition:all 0.3s linear 0.15s;  }
#ISL_Cont_1 .product a .sp1{ line-height:30px; text-align: left;  display:block; color:#fff ; font-size:15px;  }
#ISL_Cont_1 .product a .sp2{ line-height:30px; text-align: left;  display:block; color:#c4c4c4 ; font-size:13px;  }		 
#ISL_Cont_1 .product .p1{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:-1; transition:all 0.15s linear }	
#ISL_Cont_1 .product .p2{ width:100%; height:40px; text-align:center; line-height:40px; color:#fff; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0;transition:all 0.15s linear 0.15s}
#ISL_Cont_1 .product:hover .p2{ bottom:-40px;transition:all 0.15s linear }
#ISL_Cont_1 .product:hover div{ height:80px;transition:all 0.15s linear}	
#ISL_Cont_1 .product div{ height:0; position:absolute; left:0 ; bottom:0; text-indent:20px; }		
#ISL_Cont_1 .product:hover .p1{ z-index:0;}		
#Leftarr{float:left;margin-top:150px; margin-right:5px;width:27px;height:23px;cursor:pointer;display:inline;}
#Rightarr{float:left;margin-top:150px;margin-left:15px;width:27px;height:23px;cursor:pointer;display:inline;}



.ind_bt0{ text-align:center; padding-bottom:1rem; background: no-repeat center bottom; font-size:1.875rem; font-weight:bold; margin-bottom:1.5rem; }
.ind_anli_x ul li{ width:22%; margin:0.5%; float:left;box-shadow: 5px 5px 15px #c1c1c1; padding: 1%;}
.ind_anli_img{ width:100%; height:0; padding-bottom:75%; position:relative; overflow:hidden;}
.ind_anli_img img{ display:block; width:100%; height:100%; position:absolute; transition:.3s;}
.ind_anli_x ul li p{ text-align:center; width:100%; font-size:14px; line-height:1.875rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top: 20px;}
.ind_anli_x ul li:hover{ background: #0092ce;}
.ind_anli_x ul li:hover  p{ color: #fff;}
.ind_anli_x ul li a:hover .ind_anli_img img{transform: scale(1.2); transition:.3s;}
.ind_more{ width:100%; text-align:center; margin-top:1rem;}
.ind_more a{ padding:.5rem 3rem; border-radius:9rem; font-size:.875rem; background:#ff8a00; color:#fff;}



.video{  padding:45px;}
.v_tit { height:70px; background:url(../images/xian.jpg) center 40px no-repeat; text-align:center; font:30px/40px 微软雅黑; color:#0092ce}
.v_tit p{font:15px/25px 微软雅黑; text-transform:uppercase }

.video ul{ padding-top:50px;}
.video ul li:nth-child(odd){ width:49%; height:120px;  margin-bottom:15px; float:left}
.video ul li:nth-child(even){ width:49%; height:120px;  margin-bottom:15px; float:right}
.video ul li img{ width:150px; height:120px; float:left;}
.video ul li p{ float:right; width:420px;font:bold 15px/35px 微软雅黑; color:#555}
.video ul li p b{font: 12px/35px 微软雅黑; color:#999;display:block; }
.video ul li p span{ font: 13px/26px 微软雅黑; display:block; color:#777}

.ab{ height:360px; background:url(../images/news.jpg) left top no-repeat  ;/* position:relative*/ padding-top:200px;}
.ab .ab_con{ height:300px; background:#fff; box-shadow:0 0 15px #ccc; /*position:absolute; top:180px; left:50%; margin-left:-550px;*/ position:relative }
.ab_left{ width:550px; height:400px; background:#ccc; position:absolute; left:20px; bottom:20px;}
.ab_right{ width:560px; height:400px; position:absolute; right:40px; bottom:20px; }


.menu{ width:100%; height:300px; position:absolute; top:40px;  }
.menu .cont{ width:100%; height:295px; overflow:hidden; }
.menu .cont .cont_txt{ width:100%; height:100%;}


.menu .menu_nav{width:100%; height:40px; }
.menu .menu_nav ul li{ width:120px; height:40px;  text-align:center; font:15px/40px "Microsoft yahei" ; margin-left:6px; text-indent:0}
.menu .menu_nav ul li p{ width:120px; height:40px; background:#fff; text-indent:0 }
.menu .menu_nav ul li:nth-child(1){ margin-left:150px;}
.menu .menu_nav ul li a{ color:#3a3939; display:block}
.menu .menu_nav ul li.hover p{ background:#0092ce; text-indent:0 }
.menu .menu_nav ul li.hover a{ color:#fff}




.sty{ width:420px; height:40px;position:absolute; top:60px; left:130px; }
.sty p{ margin-left:20px; width:120px; height:40px; background:#fff; line-height:40px; text-align:center; display:inline-block; font-size:15px;}
.sty p:hover a{ display:block; color:#fff}
.sty p:hover { background:#0092ce}
.n_on { width:100%; height:120px; padding:40px 0 15px; border-bottom:1px solid #ccc}
.n_on h3{ font: bold 18px/35px 微软雅黑; color:#333}
.n_on span{ font: 13px/30px 微软雅黑; color:#999}
.n_on p{ font: 15px/24px 微软雅黑 ; color:#666}
.n_on h3:hover { color:#0092ce}
.n_on p:hover { color:#0092ce}
.ab ul{ padding-top:20px;}
.ab ul li{ width:100%; line-height:30px; text-indent:0; transition:all 0.3s linear;}
.ab ul li span{ float:right;}
.ab ul li a{ color:#333; display:block; font-size:18px; font-weight:bold; line-height:34px;}
.ab ul li:hover  { text-indent:35px;}
.ab ul li:hover  a{ color:#0092ce}
.ab ul li:hover  a span{ color:#666}

.ab_tit { height:70px; background:url(../images/xianb.jpg) left 75px no-repeat; text-align:left; font:30px/40px 微软雅黑; color:#0092ce; padding-top:35px;}
.ab_tit p{font:15px/25px 微软雅黑; text-transform:uppercase }



.sheb{ height:430px; padding:30px 0}
.s_tit { height:70px; background:url(../images/xian.jpg) center 40px no-repeat; text-align:center; font:30px/40px 微软雅黑; color:#434343; margin-bottom:20px;}
.s_tit p{font:15px/25px 微软雅黑; text-transform:uppercase }

.sheb li{width:275px; height:325px; float:left; text-align:center;   overflow:hidden; position:relative}
.sheb li a{width:275px; height:325px; float:left; text-align:center; color:#333}
.sheb li img{width:100%; height:100%;transition:all 0.15s linear }
.sheb li:hover img{ transform: scale(1.05)}
.sheb li a div{ width:100%; height:0px; position:absolute; left:0; bottom:0; text-indent:35px;transition:all 0.3s linear 0.15s }
.sheb li a .sp1{ line-height:30px; text-align: left;  display:block; color:#fff ; font-size:18px;  }
.sheb li a .sp2{ line-height:30px; text-align: left;  display:block; color:#c4c4c4 ; font-size:13px;  }		 
.sheb li p{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:-1; transition:all 0.15s linear}	
.sheb li:hover div{ height:80px;}		
.sheb li:hover p{ z-index:0}		


.news{ height:500px; background:url(../images/about.jpg) center no-repeat;}
.n_left{ width:645px; height:440px; float:left; padding:30px 0; position:relative}
.n_tit { height:70px;  text-align:left; font:30px/30px 微软雅黑;  padding-top:28px; }
.n_tit p{font:15px/35px 微软雅黑; text-transform:uppercase }
.n_t{ position:absolute; left:200px; top:80px;}
.news_tit{background:url(../images/xian.jpg) 70px 70px no-repeat,url(../images/ab.png) left 30px no-repeat; color:#0092ce; text-indent:70px;}
.new2_tit{background:url(../images/xian.jpg) 70px 70px no-repeat,url(../images/co.png)  left 30px no-repeat; color:#0092ce; text-indent:70px;}

.ab_txt{ padding:15px 0px; line-height:26px; height:120px;}
.ab_txt a{ color:#568dc1}
.ab_txt a:hover { color:#0092ce}
.ab_more{ width:150px;  line-height:40px; text-align:center; border:1px solid #ccc; position:relative; top:20px; transition:all 0.3s ease-out}
.ab_more a{ display:block ; color:#F60}
.ab_more:hover{ top:10px; box-shadow:0 0 5px #ccc}



.n_right{ width:340px; height:440px; float:right; background:rgba(255,255,255,0.4);padding:30px  ;}
.contact{background:url(../images/xian.jpg) left 70px no-repeat; color:#333}

.n_right .n_img { width:100%; height:140px; padding-bottom:20px; }
.n_right .n_img span{ display: inline-block; width:160px; height:140px; text-align:center; line-height:30px; }
.n_right .n_img img{ width:120px;}
.n_right p{ line-height:24px;}



.link{ padding:15px 0;}
.link a{ line-height:25px;}
.link a:hover { color:#0092ce;}
.link  span{ padding:10px 20px; }
.f_nav{ height:60px; text-align:center; background:#1f4b75; color:#ccc}
.f_nav a{ color:#fff; font:15px/60px 微软雅黑;}
.f_nav a:hover { color:#F60}
.f_nav span{ padding:0 15px;}

.foot{ height:40px; text-align:center; background:#0092ce; color:#ccc; line-height:40px;}
.foot a{ color:#ccc}
.page {display:block;height:30px;text-align:center; padding-top:20px; padding-bottom:20px;}
.page a,.page span {background:#efefef;color:#4f4e49;height:auto;line-height:18px;margin:0px 0px 0px 8px;padding:3px 7px;width:auto;}
.page a:hover,.page .cur {background:#0092ce;border-color:#0092ce;color:#fff;text-decoration: none;}
.abcd{ color:#333 ; line-height:30px}
.abcd:hover { color:#0092ce}





.dn{display: none;}
/* 返回顶部 */
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}
.go-top .qq{background-position: 0 -50px;}
.go-top .qq:hover{background-position: 0 -200px;}
/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop{
	position: absolute;right: 60px;top: -100px;
	width: 150px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #fff;
}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}



/*留言样式*/
fieldset{ border:none}
.msg_ul{width:480px;height:auto;overflow:hidden;margin:20px auto;}
.msg_ul li{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:6px;}
.msg_ul li p{width:90px; float:left;height:36px;font:14px/36px "microsoft yahei";color:#333;vertical-align: top;  text-align:right; margin: 0 6px 0 0;}
.msg_ul li p span{color:red;margin-top:2px;vertical-align: middle;font-weight: bold}
.msg_input{width:264px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_textarea{border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_pin{width:164px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;float:left;}
.msg_pin img{float:left;margin-left:14px;}
.msg_textarea{width:264px;height:80px;border:1px solid #d9d9d9;border-radius:2px;padding:10px;resize: none}
.msg_submit{width:286px;height:36px;margin:20px auto;border-radius:3px;border:0;text-align:center;font:18px/36px "microsoft yahei";color:#fff;cursor: pointer}





.content{ height:auto; background:#fbfbfb ; padding:20px 0}
.content .tit{ height:70px; background:#fff; line-height:70px; box-shadow:0 0 10px #f2f2f2;}
.content .tit h3{  margin-left:30px; float:left; font-size:20px}
.content .tit span{ float:right; margin-right:30px}
.content .tit span a{ color:#333;}
.content .tit span a:hover { color:#0092ce}
.content .con_con{background:#fff;padding:40px 30px;  width:1140px; margin:10px auto auto auto; line-height:30px; height:auto;box-shadow:0 0 10px #f2f2f2;}
.syty{ height:auto; background:#fff;box-shadow:0 0 10px #f2f2f2; padding:15px 20px; width:1160px;margin:0px auto 10px auto;}
.syty ul li{ text-align:center; padding: 20px 24px; font-size:16px; margin-bottom:5px }
.syty ul li:hover{ background:#0092ce; }
.syty ul li:hover a{ color:#fff;}
.syty ul span{ float:left; padding: 24px 0;}

.propic li{ width:265px; height:240px; border:1px solid #f5f5f5; margin-left:24px;  margin-bottom:30px; overflow:hidden; }
.propic li:nth-child(4n+1){ margin-left:0;}
.propic li img{ width:265px; height:200px; 
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
}
.propic li p{ width:90%; height:30px;  line-height:40px; text-align:center);  text-align:center;  padding:0 5%; /*overflow:hidden; text-overflow: ellipsis;white-space: nowrap;*/}
.propic li a{ color:#333}
.propic li:hover a{ color:#fff;}
.propic li:hover{ box-shadow:0 0 10px #ccc;  background:#0092ce}
.propic li:hover img { 
  /* transform:scale(1.05);  */
	@-webkit-transform:scale(1.05);  
	@-moz-transform:scale(1.05);  
	@-o-transform:scale(1.05);  
	@-ms-transform:scale(1.05);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
 }





.news1 li a{ color:#333}
.news1 li{ width:100%; height:40px; border-bottom:1px dotted #ccc; margin-top:5px; background:url(../images/side_lih.png)  10px  center no-repeat,url(../images/side_li.png)  10px -30px no-repeat; transition:all 0.3s linear }
/*.news1 li dl dt{ width:150px; height:110px;  float:left; cursor:pointer; overflow:hidden ;margin:5px}
.news1 li dl dt img{ width:150px; height:110px;transition:all 0.3s linear; }
.news1 li:hover dl dt img{ transform:scale(1.1) ; transition:all 0.3s linear;}
*/
.news1 li dl dd{ width:1120px;  padding:0 20px; text-indent:15px;} 
.news1 li dl dd h4{ line-height:40px; text-align:left; }
.news1 li dl dd h4 span{ float:right; font-weight: normal; font-size:13px ; margin-right:10px}
/*.news1 li:hover  dl dd p a{ color:#fff;}
.news1 li dl dd p{ line-height:30px; margin-top:5px}
*/
.news1 li:hover dl dd h4 a{ color:#fff; display:block}
.news1 li:hover dl dd h4 { color:#fff }

.news1 li:hover { background:#0092ce url(../images/side_li.png)  10px 15px no-repeat}