@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ color:#333; font-size:13px; 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;}
.clearfix{ clear:both}
img{ border:0;}
 
.header{ color:#333; height:38px; line-height:38px; border-bottom:1px solid #f8f8f8; box-shadow:2px 0 10px #f2f2f2}
.header span{ float:right;}
.header span a{ color:#333;}

.logo{ height:84px; background:url(../images/logo.png) center no-repeat; padding:10px 0}
.logo a{ width:100%; height:100%; display:block}

.nav{ height:45px; background:#0075f5}

.nav ul li{ width:119px; text-align:center; line-height:45px; border-right:1px solid #0267d8}
.nav ul li a { color:#fff; display: block;}
.nav ul li:last-child{ border-right:0px solid #214aa0}
.nav ul li:hover{ background:#025ec2}
.nav ul li a.on { width:110px; height:45px; background:#214aa0; display: block;}
.banner{ height:543px; overflow:hidden; margin:0 auto; }
#kinMaxShow{visibility:hidden;width:100%; height:543px; overflow:hidden;}


.news{ padding:40px 0;}

.n_left{ width:790px; height:300px; border:1px solid #ccc; float:left}
.h_right{ width:385px; height:300px;border:1px solid #ccc; float:right }
.honor{ width:100%; height:258px;}
.honor img{ width:100%; height:100%;}

.tit{ width:100%; height:41px; border-bottom:1px solid #ccc; text-indent:35px; font:18px/41px 微软雅黑; color:#fff; background:url(../images/tit.png) center left no-repeat; }
.tit span{ float:right; text-transform:uppercase; margin-right:15px; font-size:13px}
.tit span a:hover { color:#f08300}

.n_on { height:120px; padding:15px 20px;  }
.n_on  img{ width:160px ; height:120px; float:left}
.n_on div{ float:left; margin-left:15px; width:575px}
.n_on h3{ font:  15px/30px 微软雅黑; color:#333}
.n_on span{ font: 13px/20px 微软雅黑; color:#999}
.n_on p{ font: 15px/24px 微软雅黑 ; color:#666}
.n_on h3:hover { color:#f08300}
.n_on p:hover { color:#f08300}
.n_left ul{ padding: 0 20px}
.n_left ul li{ width:47.5%; line-height:30px; text-indent:0; transition:all 0.3s linear;; border-bottom:1px dashed #d7d7d7; text-indent:20px; background:url(../images/side_lih.png) 10px 12px no-repeat,url(../images/side_li.png) 10px -50px no-repeat; margin-bottom:3px}
.n_left ul li span{ float:right; margin-right:10px}
.n_left ul li a{ color:#666; display:block}
.n_left ul li:hover  { text-indent:35px; background:#f08300 url(../images/side_li.png) 10px 15px no-repeat }
.n_left ul li:hover  a{ color:#fff}
.n_left ul li:hover  a span{ color:#fff}
.n_left ul li:nth-child(2n+1){ margin-right:5%}



.work{ height:270px; border:1px solid #ccc; margin-bottom:40px}
.work .w_con{ padding:20px; overflow:hidden; height:190px; }
.work ul li{ width:245px; height:190px; position:relative; overflow:hidden; margin-left:15px}
.work ul li img { width:100%; height:100%; }
.work ul li p{ position:absolute; left:0; bottom:-40px; width:100%; line-height:40px; background:rgba(0,0,0,0.5); transition:all 0.3s linear; text-align:center;}
.work ul li:hover p{ bottom:0;}
.work ul li p a{ color:#fff}
.work ul li:first-child{ margin-left:0;}



.coop{height:180px; border:1px solid #ccc; margin-bottom:40px}
.tit1{ width:100%; height:41px; border-bottom:1px solid #ccc; text-indent:35px; font:18px/41px 微软雅黑; color:#fff; background:url(../images/tit1.png) center left no-repeat; }
.tit1 span{ float:right; text-transform:uppercase; margin-right:15px;font-size:13px}
.tit1 span a:hover { color:#f08300}

#ISL_Cont_1{ margin:20px auto 10px 24px ;height:120px;float:left; overflow:hidden; width:1190px  }
#ISL_Cont_1 .product{width:197px; height:100px; float:left; text-align:center;  margin-left:17px; overflow:hidden; position:relative}
#ISL_Cont_1 .product a{width:100%; height:100px; 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)}
#Leftarr{float:left;margin-top:50px; margin-left:10px;width:27px;height:23px;cursor:pointer;display:inline;}
#Rightarr{float:left;margin-top:50px;margin-left:10px;width:27px;height:23px;cursor:pointer;display:inline;}



.foot{ padding:30px 0; background:#0155b1}
.link h3{ font:18px/45px 微软雅黑; color:#fff}
.link a{ color:#c0d9f4; line-height:30px}
.link span{ color:#fff; padding:0 20px;line-height:30px}
.link { padding-bottom:10px}


.f_nav{ padding-top: 30px}
.f_nav ul { border-bottom:1px solid #fff; width:900px; float:left}
.f_nav ul li{ width:89px; line-height:35px; text-align:center; line-height:45px}
.f_nav ul li a{ color:#fff}
.f_nav ul li:hover a{ color:#f08300}
.f_nav .ewm{ width:124px; height:150px; float: right; background:#fff; text-align:center; line-height:20px; padding:3px}
.f_nav .ewm img{ width:100%; height:124px; }
.f_txt{ padding-top:30px; line-height:26px;width:900px; float:left; color:#fff}
.f_txt a { color:#fff}




.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:#f08300;border-color:#f08300;color:#fff;text-decoration: none;}
.abcd{ color:#333 ; line-height:30px}
.abcd:hover { color:#f08300}





.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 .c_tit{ height:70px; background:#fff; line-height:70px; box-shadow:0 0 10px #f2f2f2;}
.content .c_tit h3{  margin-left:30px; float:left; font-size:20px}
.content .c_tit span{ float:right; margin-right:30px}
.content .c_tit span a{ color:#333;}
.content .c_tit span a:hover { color:#f08300}
.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:#f08300; }
.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:#f08300}
.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:#f08300 url(../images/side_li.png)  10px 15px no-repeat}




