* { margin: 0; padding: 0; font-size: 14px; }
ul, li, dl, ol { list-style: none; }
body { padding: 0px; margin: 0px; background: #fcfcfc; background-size:cover; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
img { border: 0px;  }
a { color: #666; text-decoration: none; }
a:hover { color: #428bca; }

.top { height: 30px; background: #428bca; color: #FFF; }
.top a { color: #FFF; }
.menu { height: 68px; padding: 16px 0px; }
.main { width: 1100px; margin: 0 auto; padding-bottom: 30px; }
.footer { background: #ffffff; padding: 30px 0px; height: 200px; border-bottom: 0px solid #428bca; border-top:10px solid #428bca }
.footer .copy { text-align: center; margin-top: 30px; line-height: 22px; color: #666666; font-size: 12px; }
.copy p a { padding: 0px 5px; font-size: 12px; }
.footer_nav { width: 1100px; margin: 0 auto; height: 96px; border-bottom: 1px solid #ebebeb; }
.nav_item { width: 220px; float: left; color: #bbb; cursor: pointer; }
.nav_item:hover { color: #428bca; }
.nav_item img { float: left; height: 50px; width: 50px; padding: 15px; border: 1px solid #ebebeb; border-radius: 50%; }
.nav_item img:hover { border: 1px solid #428bca; }
.nav_item_tag { float: left; font-size: 14px; margin-left: 15px; line-height: 22px; padding: 15px 0px; }

.wpa { width: 1100px; margin: 0 auto; }
.logo { float: left; width: 380px; }
.nav { float: right; }
.nav a { display: block; float: left; padding: 10px 10px; line-height: 45px; font-size: 16px; }
.clear { clear: both; }
.title { padding: 16px 0px; }
.info { width: 570px; padding: 15px; font-size: 14px; line-height: 25px; color: #171717; float: left; min-height: 300px; background: #FFF; }
.tagnav { height: 300px; width: 480px; float: right; background: #000; }
.item1 { height: 150px; width: 240px; float: left; background: #428bca; }
.item2 { height: 150px; width: 240px; float: left; background: #F2f2f2; }
.item3 { height: 150px; width: 240px; float: left; background: #F2f2f2; }
.item4 { height: 150px; width: 240px; float: left; background: #FFF; }
.imgs { float: left; padding: 0px 15px 15px 0px; }

.sub_main { width: 1100px; margin: 0 auto; padding: 30px 0px; }
.main_left { width: 226px; float: left; min-height: 400px;  box-shadow:0px 2px 4px  #dfdfdf; }
.lnav {}
.lnav .lnav_t { height: 60px; margin-bottom: 15px; background: #428bca; margin-left:-2px;  font-size: 20px; line-height: 60px; color: #FFF; padding-left: 20px;}


.pnavt { line-height: 45px; background: #f6f6f6; height: 45px; display: block; padding-left: 25px; font-size: 16px; color: #428bca; background: url(imgs/z1.png) left no-repeat; margin-left: 15px; border-bottom: 1px solid #dfdfdf; }
.pnavt1 { line-height: 45px; background: #f6f6f6; height: 45px; display: block; padding-left: 25px; font-size: 16px; color: #428bca; background: url(imgs/z2.png) left no-repeat; margin-left: 15px; border-bottom: 1px solid #dfdfdf; }


.subnavt li { background: #FFF; padding-left: 20px; height: 45px; line-height: 45px; border-bottom: 1px solid #f6f6f6; }
.subnavt li:hover { padding-left: 20px; border-bottom: 1px solid #428bca; background: #428bca; }
.subnavt li:hover a { color: #FFF; }
.subnavt li a { display: block; font-size: 12px; padding-left: 15px; background: url(imgs/z3.png) left no-repeat; }
.subnavt li a:hover { padding-left: 15px; background: url(imgs/z4.png) left no-repeat; }

.main_right { width: 872px; float: left; background: #FFF; min-height: 600px; border-left: 1px solid #ebebeb; box-shadow: 1px 2px 3px #ccc; }
.info_cont { margin: 50px; }
.title h1 { line-height: 50px; font-size: 22px; text-align: center; border-bottom: 1px dotted #ccc; }
.info_cont li { clear: both; padding-top: 20px; margin-left: 30px;  }
.imgss { float: left; width: 340px; padding:2px;  overflow: hidden;border:2px solid #ccc; }
.imgss img { width: 340px;  }
.infdes { line-height: 22px; color: #666; }
.info_cont_des { float: left; margin-left: 50px; width: 300px; line-height: 22px; color: #666; }
.info_cont_des h4 { padding: 10px 0px; border-bottom: 1px dotted #ccc; }
.info_cont_des h4 a { font-size: 18px; color: #428bca; }

.sub_banner { clear: both; height: 240px; width: 100%; background: url(imgs/sb2.jpg) top center; }

.c_nav { height: 50px; border-bottom: 1px solid #ebebeb; }
.site_nav { line-height: 50px; float: right; padding-right: 30px; color: #999; }
.site_nav a { font-size: 14px; color: #999; }

.lnav .pnavt { border-bottom: 1px solid #f6f6f6; }



.pnavt2 { line-height: 45px; background: #f6f6f6; height: 45px; display: block; padding-left: 25px; font-size: 16px; color: #428bca; background: url(imgs/z1.png) left no-repeat; margin-left: 15px; border-bottom: 1px solid #dfdfdf; }
.pnavt3 { line-height: 45px; background: #f6f6f6; height: 45px; display: block; padding-left: 25px; font-size: 16px; color: #428bca; background: url(imgs/z8.png) left no-repeat; margin-left: 15px; border-bottom: 1px solid #dfdfdf; }
.pnavt4 { line-height: 45px; background: #f6f6f6; height: 45px; display: block; padding-left: 25px; font-size: 16px; color: #428bca; background: url(imgs/z7.png) left no-repeat; margin-left: 15px; border-bottom: 1px solid #dfdfdf; }
.pnavt5 { line-height: 45px; background: #f6f6f6; height: 45px; display: block; padding-left: 25px; font-size: 16px; color: #428bca; background: url(imgs/z6.png) left no-repeat; margin-left: 15px; border-bottom: 1px solid #dfdfdf; }
.pnavt6 { line-height: 45px; background: #f6f6f6; height: 45px; display: block; padding-left: 25px; font-size: 16px; color: #428bca; background: url(imgs/z9.png) left no-repeat; margin-left: 15px; border-bottom: 1px solid #dfdfdf; }
.pnavt7 { line-height: 45px; background: #f6f6f6; height: 45px; display: block; padding-left: 25px; font-size: 16px; color: #428bca; background: url(imgs/z10.png) left no-repeat; margin-left: 15px; border-bottom: 1px solid #dfdfdf; }
.pnavt8 { line-height: 45px; background: #f6f6f6; height: 45px; display: block; padding-left: 25px; font-size: 16px; color: #428bca; background: url(imgs/z11.png) left no-repeat; margin-left: 15px; border-bottom: 1px solid #dfdfdf; }
.dt { display: block; padding: 10px 0px; padding-left: 20px; font-size: 12px; color: #ccc; background: url(imgs/z17.png) left no-repeat; }

.pnavt9 { line-height: 45px; background: #f6f6f6; height: 45px; display: block; padding-left: 25px; font-size: 16px; color: #428bca; background: url(imgs/z15.png) left no-repeat; margin-left: 15px; border-bottom: 1px solid #dfdfdf; }

.lcont { margin: 50px 0px; border: 0px solid #ccc; }

.Product_c { min-height: 500px; border: 0px solid #ccc; margin: 15px; }


.cpnavt { clear: both; line-height: 45px; background: #f6f6f6; height: 45px; display: block; margin: 10px 0px; padding-left: 45px; font-size: 16px; color: #428bca; background: url(imgs/z1.png) 15px no-repeat; border: 1px solid #6dbbfe; background-color: #eff7fe; }
.cpnavt1 { clear: both; line-height: 45px; background: #f6f6f6; height: 45px; display: block; margin: 10px 0px; padding-left: 45px; font-size: 16px; color: #428bca; background: url(imgs/z1.png) 15px no-repeat; border: 1px solid #6dbbfe; background-color: #eff7fe; }
.prodlist li { display: block; background:#6dbbfe; line-height: 45px; margin: 5px; width: 198px; height: 200px; float: left; text-align: center;border:1px solid #ccc; }
.prodlist li a { display: block; height: 155px; color:#FFF; overflow: hidden; }
.prodlist li a img { height: 155px; }
.desc { line-height: 24px; color: #666; padding: 15px 20px; }
.leftimg { width: 100%; margin: 25px 0px; }