*{ margin:0; padding:0; font-weight:normal;}
ul{ list-style:none;}
a{ text-decoration:none; color:#000;}
body{font: normal 100% '微软雅黑',Helvetica, Arial, sans-serif;} 
h1 {
font-size: 1.5em;
}
img {  -ms-interpolation-mode: bicubic;  } 
 .banner{  height:600px; position:relative; left:0;top:0; width:100%;} 
.path-link{ position:absolute; bottom:50px; right:50px; }
.path-link span{display:inline-block; background-color:rgba(0,0,0,.5); margin-right:10px; border-radius:50%; width:12px;height:12px;}
.container{ margin:0 auto; width: 90%;}
.header{ overflow:hidden; padding:30px 0; position: absolute; width: 1020px;
left: 50%; margin-left: -510px; top:0; z-index:2;}
.logo{ float:left; width:38%;}
.header .logo-right{ float:right; width:62%;}
.header .logo-right li{ float:left; padding:0 10px; font-size:16px;  margin:40px 8px 0;}
.header .logo-right li p{ overflow:hidden; height:20px; text-align: center;}
.header .logo-right li a{ color:#fff; display:block; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s; }
.header .logo-right li a.act{color:#fff;}
.header .logo-right li:hover a{ color:#ffd40a; transform:translateY(-22px);}
.rw{ font-size: 40px; text-align: left; font-family: '黑体'; color: #fff; margin-left: 180px; padding-top:80px; line-height: 1.8em;}
.rw span{ font-size: 60px; color:#ffd40a; }
.rw strong{ padding-top: 40px;   padding-left:120px; font-weight:normal;}



.product{ padding:30px 0; overflow:hidden;}
.product h1,.support h1,.contact h1{ text-align:center; line-height:2em; color:#4e4e4e; font-size:26px;}
.product h1 span{ font-size:14px; color:#666; margin:0 10px;}
.product h1 a{margin-left:20px; font-size:18px; font-family:'黑体';}
.product h1 a:hover{color:#FF8000;margin-left:20px; font-size:18px; font-family:'黑体';}
.product li{  padding:15px;  }
.product ul{ float:left; width:50%;}
.product li img{ width:100%;  }
.product li a{border-radius:20px; display:block; position:relative; overflow:hidden; width:100%; height:100%;transition:all .5s;}
.product li p{position:absolute;color:#fff; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;  font-size:32px; left:50px; bottom:40px; letter-spacing:6px;  }
.product li a:hover{ opacity:1;   -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;}
.product li a:hover p{ opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2); transform:scale(1.2); }
.product .links{ font-size:16px; padding-left:30px;}
.product .links span{ float:left;}
.product .links a{ padding:0 5px; display:block; float:left; color:#666;  }
.product .links a:hover{ color:#e3000c; -webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.2); transform:scale(1.4);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
.support h1{ text-align: left; padding-top: 30px;padding-left: 30px;}
.support{ background:url(../images/5.png) no-repeat center; height:400px; margin:0 auto;  }
.support p{ font-size: 20px; width: 48%; padding-top: 10px; padding-left: 30px; line-height:1.8em; text-indent: 2em;  }
.support ul{ padding-top:60px; }
.support li{ border:1px solid #666; border-radius:6px; width:140px; height:38px; line-height:38px; font-size:16px; text-align:center; margin-bottom:16px; float:left; margin-left:20px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s; }
.support li:hover{ padding:0 5px; background:#f7a300; border:1px solid #f7a300;}
.support li:hover a{color: #fff;}
.support li a{ color:#666; display:block;}
.support .container{ width: 60% }

.contact{ padding-top:30px; text-align:center;}
.contact img{ height:220px; margin:30px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s; }
.contact img:hover{ transform:scale(1.1)}

.footer{ background-color:#3C4955;   text-align:center; color:#fff; padding: 15px 0;} 
.footer p{ line-height:1.5em;  font-size: 0.875em;}
.footer a{ margin:0 5px; color: #fff; font-size: 0.875em;}
.footer a:hover{ text-decoration: underline; }


.product-header{ overflow:hidden; padding:10px;}
.product-header .logo-right{ float:left; padding-top: 40px; }
.product-header .logo-right li a{ color:#333; display: block; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s; }
.product-header .logo-right li:hover a{ color:#ff0000; transform:translateY(-22px);}
.product-header .logo{ float:left; width:8%;}
.product-header .logo img{ width:100%;}
.product-header .logo-right{ float:right; width:92%;}
.product-header .logo-right li{ float:left; width: 10%;  text-align:center;  }
.product-header .logo-right li p{ overflow:hidden; height: 20px; }
.part2,.part1,.part3,.part4{   padding-top: 30px; }   

.product-list h1{ background-color:#3C4955; padding:12px 20px; color:#fff;  }
.list{ padding:50px 0; overflow:hidden;}
.list h2{ font-size:16px;padding-left: 20px;}
.list h2 span{ color:#666; margin-right:10px;}
.list h2 a{ color:#CF2424; margin-left:10px;}
.product-list2 h1{ background-color:#8E8E8E; padding:12px 20px; color:#fff;  }
.list2{ padding:50px 0; overflow:hidden;}
.list2 h2{ font-size:16px;}
.list2 h2 span{ color:#666; margin-right:10px;}
.list2 h2 a{ color:#CF2424; margin-left:10px;}

.d{ float:left; width:33.33%; }
.d ul{ border:1px solid #eee; margin:20px;  }
.d ul h3{ background-color:#CF2424; color:#fff; font-size:16px; padding:4px 16px; margin-bottom:10px;}
.d ul li{ padding:0 10px; margin-bottom:10px;}
.d ul li a{ color:#666; line-height:1.5em; font-size:14px; font-family:arial;}
.c ul li a{color:#666; line-height:2em; font-size:14px; font-family:arial;}
.c ul li a:hover{ text-decoration: underline;}
.c{ -webkit-column-count:3; 
	-webkit-column-gap:50px;
	min-height:350px;
}

.tel{ font-size:14px; }
.tel a{background:url(../images/tel.jpg) no-repeat left center; padding-left:20px; line-height:2em;color:#187DC9;}
.list .links{ padding-bottom: 30px; padding-top: 20px;}
.list .links a{ color:#CF2424; font-size: 12px; border:1px solid #ccc; padding:5px; margin:5px; display: inline-block;}
.list .links a.on{ color: #666;}
.list .links a.nochild{ color: #000;}

.rightbar{position: fixed;right:5px;top: 100px; cursor: pointer; }
.rightbar>ul>li{ width: 38px; height: 38px; background: #fff; text-align: center; border:1px solid #ccc; margin-bottom: 5px; position: relative; }
.rightbar>ul>li:hover .showimg{ display: block;}
.showimg{ position: absolute; left:-102px; top: 0; width: 100px; background: #fff; text-align: center; display: none;}
.showimg img{ height: 100px;}
.rightbar ul li p img{padding-top: 5px;}

.gotop{ width: 60px; height: 60px; background: #999; text-align: center;   cursor: pointer; overflow: hidden;position: fixed;right:5px;bottom: 5px;}
.gotop p{ color: #fff; font-size: 15px; padding-top: 0px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;  }
.gotop p a{ color: #fff; display: block;}
.gotop:hover p{-webkit-transform:translate(0,-50px);-moz-transform:translate(0,-50px);-ms-transform:translate(0,-50px);transform:translate(0,-50px);}
.gotop img{ width: 50px;padding-top: 5px;}


.part1 ul{ overflow: hidden; padding: 0 50px;}
.part1 li{ float: left; line-height: 1.8em; width:33.33%;}
.part1 li a{ color: #666; }
.jszc{ text-align: center;}
h2.title{ /*color: #333; font-size: 20px; padding-left: 30px; */padding-bottom: 20px; text-align: center; color: #FF9900; font-size: 24px; border-bottom: 1px solid #ccc; margin-bottom: 10px;  }
.title span{ float:right; font-size:14px; color:#FF9900; cursor:pointer;}
.title a{ float: right; font-size:14px; border:1px solid #ccc; padding: 5px 10px; }
.title a:hover{ background:#FF9900; color: #fff; border:1px solid #ff9900; }

.part2 ul{padding:5px 50px 20px 50px; overflow: hidden;}
.part2 ul li{ float: left; width: 25%; height: 240px; margin-bottom: 15px;}
.part2 ul li dl{ padding:10px 20px;text-align: center; }
.part2 ul li dt{ height: 150px;  }
.part2 ul li dd{ padding-top: 10px;padding-bottom: 0px   }
.part2 ul li dt img{ height: 150px;}
.part2 ul li dd h3{ font-size: 14px; color: #333;}
.part2 ul li dd p{font-size: 14px; color: #666;}

.part5 ul{padding:10px 0px 10px 0px; overflow: hidden;}
.part5 ul li{ float: left; width: 33.33%; margin-bottom: 15px;}
.part5 ul li dl{ padding:0px 20px;text-align: center; }
.part5 ul li dt{ height: 80px;  }
.part5 ul li dd{ padding-top: 0px;  }
.part5 ul li dt img{ height: 80px;}
.part5 ul li dd h3{ font-size: 14px; color: #333;}
.part5 ul li dd p{font-size: 14px; color: #666;}

.part6 ul{padding:20px 40px 20px 40px; overflow: hidden;}
.part6 ul li{ float: left; width: 50%; margin-bottom:16px;}
.part6 ul li dl{ padding:20px 20px;text-align: center; }
.part6 ul li dt{ height: 240px;  }
.part6 ul li dd{ padding-top: 10px;  }
.part6 ul li dt img{ height:240px;}
.part6 ul li dd h3{ font-size: 14px; color: #333;}
.part6 ul li dd p{font-size: 14px; color: #666;}

.part7 ul{padding:10px 0px 10px 0px; overflow: hidden;}
.part7 ul li{ float: left; width: 50%; margin-bottom: 15px;}
.part7 ul li dl{ padding:0px 20px;text-align: center; }
.part7 ul li dt{ height: 140px;  }
.part7 ul li dd{ padding-top: 0px;  }
.part7 ul li dt img{ height: 120px;}
.part7 ul li dd h3{ font-size: 14px; color: #333;}
.part7 ul li dd p{font-size: 14px; color: #666;}

.part8 ul{padding:10px 0px 10px 0px; overflow: hidden;}
.part8 ul li{ float: left; width:25%; margin-bottom: 0px;}
.part8 ul li dl{ padding:0px 20px;text-align: center; }
.part8 ul li dt{ height: 100px;  }
.part8 ul li dd{ padding-top: 0px;  }
.part8 ul li dt img{ height: 80px;}
.part8 ul li dd h3{ font-size: 16px; color: #333;}
.part8 ul li dd p{font-size: 14px; color: #666;}


.books{ }
.js1 .title2,.js .title2{ text-align:left; }
.js .title2 img{vertical-align:middle; margin-right:10px; margin-bottom:5px;height:70px;}
.js .title2 a{float:right; color:#6495ED; font-size:14px; margin-top:40px;}
.js .title2 em{background:url(../images/px.gif) no-repeat left center; padding-left:40px;} 
.js p,.js1 p{ text-indent: 2em; color: #666; line-height: 1.8rem; font-size:0.875rem; padding:0 3rem;}

.part3 h4{ text-align: center; color: #FF9900; font-size: 1.5rem; border-bottom: 1px solid #ccc; line-height: 2em; margin-bottom: 20px; margin-top: 30px;} 
.js p.p1{ font-size: 14px; margin-bottom: 50px;}
.js1 h3,.js h3{ color: #FF9900;  font-size:1rem;padding:0 3rem; margin-bottom: 5px; margin-top: 30px;}
.js .title3{ text-align:left; }
.js .title3 img{vertical-align:middle; margin-right:10px; margin-bottom:5px;height:70px;}
.js .title3 a{float:right; color:#6495ED; font-size:14px; margin-top:40px;}
.js .title3 em{background:url(../images/px2.gif) no-repeat left center; padding-left:40px;} 
.px{padding:00px; }
.px h3{margin-top:10px; margin-bottom:0px;}
.px p{ text-indent:0;}
.detail p{ text-indent:0; }
.detail p strong{ font-weight:bold;}
.books1{ display:none;}
.title1{ color: #333; font-size: 20px; padding-left: 30px; padding-bottom: 40px;}
.title1 span{ float:right; font-size:14px; color:#FF9900; cursor:pointer;}
 

body{-webkit-user-select:none; -moz-user-select:none;-o-user-select:none;-ms-user-select:none;}

 
.path{ text-align: center;height: 80px;padding-top: 30px;}
.path a{ border:1px solid #ccc; padding: 5px 10px; font-size:0.875em; display: inline-block;}
.path a:hover,.path a.active{background: #666; color: #fff;}
.table1{ border: 1px solid #ccc; border-collapse:collapse; margin:0 auto; width: 90%;}
.table1 td{ padding:0.8em 1em; color: #333; font-size: 0.875em;border: 1px solid #ccc; }
.table1 td a{ text-decoration: none;  }
 

@media (max-width: 414px) {
.list h2 {
  font-size: 14px;
 
}
h1 {
  font-size: 1em;
}
.d{ float:none; width:100%; }
.d ul{ border:1px solid #eee; margin:0; }
.d ul h3{ background-color:#CF2424; color:#fff; font-size:12px; padding:4px 6px; margin-bottom:10px;}
.d ul li{ padding:0 10px; margin-bottom:0px;}
.d ul li a{ color:#666; line-height:1.5em; font-size:12px; font-family:arial;}
 
.c{ -webkit-column-count:1; 
  -webkit-column-gap:0px;
  min-height:350px;
}
.product-header .logo{width: 20%; float: none; padding-bottom: 1em;    } 
.product-header .logo-right{  float: none;padding-top: 0;  width:100%; position: relative; }
.product-header .logo-right li{ float:left;  width: 16%; text-align: left}
.product-header .logo-right li p{ overflow: visible; font-size: 0.625rem;    }
.product-header .logo-right li p>a:nth-child(2){ display: none;}
.product-header .logo img{ width:100%; margin-left: -22px;}
.rightbar{display: none } 
.part2,.part1,.part3,.part4{   padding-top: 0; } 
.part3 h4{padding-top: 0;margin-top: 0; font-size: 1rem;}
.js .title2 img{display: none}
.js .title2 a{ float: none; display:none; }
.js p{ text-indent: 2em; color: #666; line-height: 1.8rem; font-size:0.875rem; padding:0; text-indent: 0;}
.js p img{width:100%;}
.js h3{ color: #FF9900; padding:0px; margin-bottom: 0px; margin-top: 0px;}
 
.path{ text-align: center; height: 80px;padding-top: 0.5em; font-size: 0.625em;}
.path a{ border:1px solid #ccc; padding:0px; font-size:0.75em; display: inline-block;}
.path a:hover,.path a.active{background: #666; color: #fff;}
.table1{ border-collapse:collapse; margin:0 auto; width: 94%;display: block; border:none;}
.table1 tr{  border-bottom: 1px solid #ccc; display: block;}
.table1 tr:nth-child(odd){ background: #F9F9F9}
.table1 td{ padding:0.5em; color: #333; font-size: 0.75em; display: block; display: block;border:none;}
.table1 td a{ text-decoration: none;  }
.table1 tr.firstline{display: none}
.product-list2 h1{font-size: 1em;}

 .part1 ul{   padding: 0 10px;}
.part1 li{ float: none; line-height: 1.8em; width:100%;}

.part2 ul{padding:0px; overflow: hidden;}
.part2 ul li{ float: none; width: 100%; margin-bottom: 10px;}
.part2 ul li dl{ padding:10px;text-align: center; }
.part2 ul li dt{ height:auto;  }
.part2 ul li dd{ padding-top: 10px;padding-bottom: 0px   }
.part2 ul li dt img{ height: 150px;  }
.part2 ul li dd h3{ font-size: 12px; color: #333;}
.part2 ul li dd p{font-size: 12px; color: #666;} 
 
 }