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

*{margin:0px;padding:0px;}

ul{list-style-type:none;}

li{ list-style:none;line-height: 18px;}


a{text-decoration:none; color: black;}
a:hover{ color: #4aa9d0; }
.left{float:left;}
.img{display: block; margin: 0px auto;}
.right{float:right;}
.clear{ clear: both; }
a img{border-style: none !important; }
a{text-decoration:none; color: black;}
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}/*去除a标签的虚线框*/

body{ font-family: "Arial"; padding:0; margin:0; font-size: 15px;}
.wrapper{width: 1200px; margin: 0px auto;}

/* CSS Header */
.tt{ height: 53px;   color:#999999;box-sizing: border-box;  min-width: 1200px;border-bottom: 1px solid #eeeeee;}
.tt span{ line-height: 53px; }
.tt span a{color: #cccccc;}
.tt span a:hover{color: #63cee1;}
.tt span a:hover font{color: #cccccc;}
.search{ width: 230px; height: 30px;box-sizing: border-box; border-radius: 15px; border:1px solid #cccccc;margin-top:12px; margin-right: 22px;}
.search-text{width: 178px; float: left; height: 28px; margin-left: 15px;border:none; line-height: 28px;}
.search-btn{width: 20px; height: 28px; background: url(../Image/qs1.png) center no-repeat; float: left; margin-right: 15px; border:none;}
.header{z-index:999999; height: 100px; min-width: 1200px;}
#logo{  float:left; line-height:100px; }
#logo img{ vertical-align: middle; }
#nav{height:100px; float: right;}
#nav li{width:125px;height: 100px; display:block;float:left;text-align:center;  transition: 0.3s; box-sizing: border-box; padding-top: 33px; line-height: 20px; color: #999999;}
#nav li:hover{ background: #63cee1; color: white; }
/* CSS Footer */
.footer{ height: 263px;  box-sizing: border-box; padding-top: 48px;border-top: 1px solid #cccccc; }
.ftleft{ width: 237px; height: 128px; float:left; box-sizing: border-box; border-right:1px solid #cccccc;  line-height: 128px;}
.ftleft img{vertical-align: middle;}
.ftrig { width: 880px; float:right; color: #666666; line-height: 30px; }
.ft1{display: block; color: #333333; font-weight: bold; }
.ftrig a{font-size: 14px; color: #666666; line-height: 30px;}
.ftrig a:hover{color: #4aa9d0;}
.ftrig a:hover font{color: #666666;}
.ftsp1{font-size: 14px; color: #666666; line-height: 30px; margin-right: 30px; }
.ftbot{height: 40px; background: #666666; color: white; line-height: 40px; margin-top: 42px;}
.ftbot a{color: white;}
.ftbot a:hover{text-decoration: underline;}
/* CSS Main */

#index_main{width:100%;margin:0 auto; min-width: 1200px; padding-top: 80px; padding-bottom: 90px; background: #f4f4f4;}
#index_main1{width:100%;margin:0 auto;overflow:hidden;min-width: 1200px;}
/*公司简介*/
.company{ height: 610px;box-sizing: border-box; min-width: 1200px;}
.upline{ width: 100px; height: 60px; border-left:1px solid #eeeeee; margin: 20px 0px 20px 282px;}
.comtit{ margin-left: 282px; }
.comtit span{display: block; color: #cccccc; letter-spacing: 2px; line-height: 30px;}
.comtit p{ font-size: 24px; color: #333333; line-height: 45px; }
.comtent{width: 1070px; height: 430px; float: right; box-sizing: border-box; border-left: 1px solid #eeeeee;margin-top: 20px; padding-left: 150px;}
.comtent img{display: block;}
.comtent p{ color: #666666; line-height: 30px; margin-top: 20px; }
.commore{ width: 180px; height: 40px;color: white; line-height: 40px; box-sizing: border-box; padding-left: 22px; border-radius: 20px; margin-top: 66px; background: url(../Image/qs3.png) 140px center no-repeat,#63cee1;}
.commore:hover{background:url(../Image/qs3.png) 140px center no-repeat, #4aa9d0; box-shadow: 0px 2px 2px #4aa9d0;}
/*分类*/
.fenlei { height: 660px; box-sizing: border-box; padding-top: 70px;min-width: 1200px; background: #4aa9d0;}
.fenlei li{width: 590px; height: 390px; float: left; border:1px solid #dddddd; margin-left: 5px; margin-right: 5px; box-sizing: border-box;background: white;}
.listleft{ width: 260px;  float: left;box-sizing: border-box; margin-top: 97px; padding-left: 52px;}
.listleft span{display: block; color: #333333; font-size: 19px; line-height: 30px;}
.listleft font{display: block; color: #cccccc; line-height: 30px; font-size: 12px;}
.line{ width: 10px; height: 2px; background: #4aa9d0; margin-top: 6px; margin-bottom: 12px; }
.listleft p{font-size: 14px; color: #888888; line-height: 30px;}
.listrig{ width: 327px; height: 390px; float: right; box-sizing: border-box; padding-top:24px; }
.fenlei li img{width: 300px; height: 340px; display: block;  }
.pdmore{ width: 160px; height: 35px;color: white; line-height: 35px; box-sizing: border-box; padding-left: 20px; border-radius: 18px; margin-top: 47px; background: url(../Image/qs3.png) 123px center no-repeat,#63cee1;}
.pdmore:hover{background:url(../Image/qs3.png) 123px center no-repeat, #4aa9d0; box-shadow: 0px 2px 2px #4aa9d0;}
/*新闻*/
.news{height: 710px; background: #f5f6f9; box-sizing: border-box; padding-top: 65px; min-width: 1200px;}
.news ul{margin-top: 42px;}
.news ul li{ width: 280px; height: 360px; float: left; background: white; box-sizing: border-box; padding: 0px 23px 0px 23px; border-bottom: 2px solid #666666;margin-left: 10px; margin-right: 10px;}
.news ul li img{max-width: 280px; height: 164px; display: block; margin: 0px auto;}
.news ul li span{display: block; font-size: 16px; color: #333333; line-height: 55px;}
.news ul li p{font-size: 12px; color: #999999; line-height: 24px; margin-top: 11px;}
.nmore{ width: 120px; height: 26px;color: white;font-size: 12px; line-height: 26px; box-sizing: border-box; padding-left: 16px; border-radius: 13px; margin-top: 25px; background: url(../Image/qs6.png) 94px center no-repeat,#666666; float: left; }
.nmoretime{font-size: 12px; line-height: 26px; margin-top: 25px; float: right; color: #666666}
.news ul li:hover{border-bottom: 2px solid #63cee1; box-shadow: 0px 5px 10px #666666; transition: 0.3s;}
.news ul li:hover .nmore{background: url(../Image/qs6.png) 94px center no-repeat,#63cee1; box-shadow:0px 2px 2px #63cee1; }
.nnnmore{ width: 180px; height: 38px;box-sizing: border-box; border-radius: 19px; border:1px solid #666666; color: #666666; line-height: 38px;text-align: center; margin: 0px auto; background: url(../Image/qs7.png)140px center no-repeat; margin-top: 54px;}
.nnnmore:hover{background:url(../Image/qs8.png)140px center no-repeat, #63cee1; color: white; transition: 0.3s;box-shadow: 0px 2px 2px #63cee1; border:1px solid #63cee1;}
/*适用范围*/
.shiyong{height: 475px; min-width: 1200px; box-sizing:border-box; padding-top: 70px;}
.syimg1{ width: 148px; float: left; margin-top: 72px;}
.syimg1 img{display: block; margin: 0px auto;}
.syimg1 span{display: block;text-align: center;line-height: 55px; color: #333333;}
.syimg2{ width: 148px; float: left; margin-top: 72px; margin-left: 60px;}
.syimg2 img{display: block; margin: 0px auto;}
.syimg2 span{display: block;text-align: center;line-height: 55px; color: #333333;}
/*侧边栏此网站首页复用*/
.side{width: 290px;float: left;}
.ce li a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
.ce{display:block;width:290px;z-index:5;top:0px;left:0px;}
.ce li{  background:rgb(187,187,187);}
/*.ce li .current{background:url(../Image/dx7.png) 25px center no-repeat, #333333;}*/
.ce li a{font-size: 20px;font-weight: bold; padding: 21px 0px 21px 34px;color:white;display:block;cursor:pointer; background: url(../Image/qs18.png) 242px center no-repeat;}
.er{display:none;width:290px;}
.er li{width:100%;box-sizing: border-box;}
.er li a{display:block;padding: 21px 0px 21px 34px;font-weight: normal; background:url(../Image/qs19.png) 242px center no-repeat, rgb(255,255,255);font-size: 14px; color:#666666;}
.er li a:hover{color:white; background: url(../Image/qs18.png) 242px center no-repeat ,rgb(99,206,225); }
.messg{ width: 290px; height: 240px; box-sizing: border-box; margin-top: 18px;}
.messg li{line-height: 40px; font-weight: bold; font-size: 16px; color: #bbbbbb; font-style: italic;}
.messg li font{color: #63cee1; font-size: 16px;}

/*内页右侧抬头*/
.info_right{ float: right; width: 870px;  box-sizing: border-box;}
.info_right2{ float: right; width: 870px; background: white; padding: 0px 55px 53px 55px; box-sizing: border-box;}
.inforig{line-height: 117px; font-size: 20px; display: block;text-align: center; width: 760px; margin: 0px auto;text-transform: uppercase; }
.inforig font{font-size: 14px;color: #4aa9d0; text-transform: uppercase;}
.danyecont{}
.danyecont img{max-width: 760px; padding-top: 10px;}
.content img{max-width: 760px;}
.content table{max-width: 760px;border:1px solid #cccccc;}
.content td{border:1px solid #cccccc;}
#newsContent img{max-width: 760px;}
#newsContent table{max-width: 760px;border:1px solid #cccccc;}
#newsContent td{border:1px solid #cccccc;}
#infoImage{width:100%;text-align:center;margin:55px 0 10px 0;}
#infoImage img{display: block; max-width:515px; padding:3px; border:#dcdcdc solid 6px; margin: 0px auto;}
.xxsmys{ width:100%; height:40px; line-height:40px; border-bottom: 1px solid #dedede;}
.xxsmwz{ width:130px; height:40px; color:#FFF;font-weight: bold; font-size: 16px; text-align:center; display:block; background-color:#4aa9d0;}
.context{ font-size: 14px; margin-top: 60px; margin-bottom: 45px; color: #4aa9d0; line-height: 30px;}
.context a:hover{color: #4aa9d0;}
.page{text-align: center; margin: 30px auto;}
.page a{display:inline-block;background: #eaeaea; height:18px;line-height:18px;border:1px solid #dbdbdb;padding:10px 14px 10px 14px;}
.page a:hover{background:#4aa9d0;color:#fff;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:10px 14px 10px 14px;}
.page .current { padding:10px 21px 10px 21px;height:18px;border:1px solid #dbdbdb;line-height:18px;background:#4aa9d0;color:#fff;}
/*新闻页结束*/
.class_02{ display: block; font-size: 30px; color: #666666; text-align: center; line-height: 50px;}
.class_03{display: block; font-size: 20px; color: #4ca4d4; text-align: center; line-height: 50px; }
#xw{width:147px;height:32px;line-height:32px;text-align:center;background-color:#f57f16;color:#fff;font-size:16px;float:left;}

/*公司简介内页*/
.info_img img{max-width:760px;  }
.info_right p img{ max-width: 760px;  }
/*公司产品内页*/
.probody  li{ height: 340px; width: 260px; overflow: hidden; float: left;  margin-left: 15px; margin-right: 15px; margin-bottom: 10px; background: white;}
.probody  li img{ height: 260px; max-width: 260px;display: block; transition: 1.5s; margin: 0px auto;}
.probody  li span{ display: block; text-align: center;height: 80px;  position: relative; color: #666666; }
.minline {width: 30px; height: 16px; margin: 0px auto; border-bottom: 1px solid #666666; margin-bottom: 30px;}
.probody  li:hover{ box-shadow: 0 0 10px #dddddd; }
.probody  li:hover img{transform: scale(1.1);}
.probody  li:hover span{ color:white; background: #63cee1;}
.probody  li:hover span .minline{border-bottom: 1px solid white;}
#productTitle{width:600px;height:30px;font-size:18px;text-align:center;margin:25px auto;}
/*案例内页*/
.anlibody  li{height: 250px; width: 280px; float: left; margin-left: 9px; margin-right: 9px; margin-bottom: 30px;border: 1px solid #999999;}
.anlibody  img{ max-width:280px; height: 250px; margin: 0px auto;  display: block;  }
.anlibody  li span{ width: 280px; height: 40px; line-height: 40px; display: block;  text-align: center; color: white; position: absolute; background: rgba(0,0,0,0.8); margin-top: -40px; overflow: hidden; transition: 0.3s;}
.anlibody  li:hover span{ background: rgba(192,54,53,0.8);  }
/*新闻内页*/
.newsbody li{ height: 180px; box-sizing: border-box; padding: 10px; background: white; margin-bottom: 8px; }
.newright{ width: 570px; float: right; margin-right: 25px; }
.newright span{ display: block; font-size: 16px;  line-height: 50px;  color: #333333;}
.newright p{font-size: 14px; color: #999999; line-height: 24px;  padding-bottom: 12px; border-bottom: 1px dashed #cccccc;}
.newright .ttime{font-size: 12px; color: #999999; line-height: 50px; }
.newright font{margin-left: 46px;}
.newright font:hover{color: white; text-decoration: underline;}
.newsbody li:hover{background: #63cee1; color: white; transition: 0.3s; box-shadow: 0px 0px 2px 2px #63cee1;}
.newsbody li:hover span,.newsbody li:hover p ,.newsbody li:hover .ttime{color: white; transition: 0.3s;}
.newsbody li:hover p{border-bottom: 1px dashed white; color: white; transition: 0.3s;}


.newmore{width: 79px; height: 35px; line-height: 35px; text-align: center; color: white; background: #333333; margin-top: 20px; }
.newsbody li:hover{color: #333333;}
.newsbody li:hover .newmore{background: #4aa9d0;}
#newTitle{ width: 100%;height: 36px;color: #333; font-size: 18px;line-height: 36px;font-weight: bolder;text-align: center;margin: 0 auto;}
.newtime{ font-size: 14px; color: #888888; text-align: center; height: 30px; line-height: 30px; border: 1px dotted #999999; margin-top: 30px; }
#newsContent{width:100%;font-size:14px; padding-top:20px;}
/*荣誉资质内页*/
.holibody {padding-top: 37px; border-top: 1px solid #cccccc;}
.holibody  li{width: 245px;height: 200px;  float: left; margin-left: 4px; margin-right: 4px; margin-bottom: 10px;}
.holibody  img{ max-width: 243px; height: 158px;   margin: 0px auto;display: block;}
.holibody  li span{ width: 245px; height: 40px; line-height: 40px; display: block;  text-align: center; color:#999999; overflow: hidden; transition: 0.3s;}
.holibody  li:hover span{  }
/*在线留言内页*/
#form1 th{ font-size:14px; color:#4c4a55 ; font-weight:normal; font-family:"宋体"; }
#form1 input{  outline:none; height:22px; border:1px solid #aaa;}
#form1 tr{ display:block; padding-bottom:15px;}
#form1 textarea{ border:1px solid #aaa; background: white; color: black;}
#form1 button{ outline:none;}
#form1 .but{ width:120px; height:35px; background-color:#4aa9d0; color:#FFF; border:0; border-radius:5px; font-size:14px; font-weight:bold; cursor: pointer;}
#form1 .but:hover{background: #333333;}
.contactlianxi li{ font-size: 14px; line-height: 26px; }
.yanzheng{ width: 80px; }
/*联系我们内页*/
.contact_left{margin-top: 38px;}
.contact_left ul{float: right; padding-top: 34px; width: 660px;}
.contact_left ul li{ line-height: 30px; float: left; color: #666666; margin-left: 20px; }
/* CSS Ziye */
/* CSS xingwen */




#page{width:400px;height:30px; line-height:30px;text-align:center;margin:52px auto;color:#333;font-size:16px;clear:both;}

#page a{color:#333;font-size:12px;}

#page a:hover{color:#900;}




#newsInfo{width:100%;height:40px;color:#666;font-size:12px;text-align:center;margin:0 auto; border-bottom: 1px solid #dedede;}
.newsinfoleft {padding-left: 30px;}

.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }



/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;height: 73px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a{color:black;}
.m2t ul li a:hover{ color:red; text-decoration:underline;}

.f{ float:right; margin-right:10px; _margin-top:7px;}

.map{ float:right;margin-top: 20px;}
.map a{color:black;}

.class_08{ background: url(../images/lijin9.png) no-repeat; width: 100%; height: 244px; }