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

/*-- reset --*/
body,div,p,h1,h2,h3,h4,h5,h6,form,input,textarea,select,button,fieldset,legend,img,ul,ol,li,dl,dt,dd,th,td,pre,blockquote,div b{margin: 0; padding: 0; list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
img,input,select {vertical-align: middle;}
address,caption,cite,code,dfn,em,th,var {font-style: normal; font-weight: normal;}
a:active{}ul,li,ol {list-style: none;}
q:before,q:after {content: '';}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
body {font-family: "Microsoft Yahei",arial,simhei; font-size: 14px; color: #555;}
a {text-decoration: none; color: #555; font-family: "Microsoft Yahei",arial,simhei;} 
a:focus {outline: none; -moz-outline: none;}
a:hover {color: #f00;}
.cf:before, .cf:after {content:""; display: table;}
.cf:after {clear: both;}
.cf {zoom: 1;}
.fl {float: left; display: inline;}
.fr {float: right; display: inline;}


/*-- public --*/
.pdT10 {padding-top: 10px;}
.pdT20 {padding-top: 20px;}
.pdB10 {padding-bottom: 10px;}
.pdB20 {padding-bottom: 20px;}
.pdL10 {padding-left: 10px;}
.pdL15 {padding-left: 15px;}
.pdL20 {padding-left: 20px;}
.pdR10 {padding-right: 10px;}
.pdR20 {padding-right: 20px;}
.mgL10 {margin-left: 10px;}
.mgL20 {margin-left: 20px;}
.mgL70 {margin-left: 70px;}
.mgR10 {margin-right: 10px;}
.mgR20 {margin-right: 20px;}

.mgT6 {margin-top: 6px;}
.mgT10 {margin-top: 10px;}
.mgT20 {margin-top: 20px;}
.mgT40 {margin-top: 40px;}
.mgB10 {margin-bottom: 10px;}
.mgB20 {margin-bottom: 20px;}
.mgLT106 {margin-left: 10px; margin-top: 6px;} 

/*-- 字体 --*/
.FB {font-weight: bold;}
.FN {font-weight: normal !important;}
.Font {font-family: "Microsoft Yahei";}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}


.header {width: 100%; height: 110px;}
.head_con {margin: 0 auto; width: 1180px;}
.logo {width: 640px; height: 110px;}
.toplink {width: auto; height: 30px; line-height: 36px;}
.toplink span {width: 24px; height: 24px; line-height: 24px; text-align: center; border:#035193 solid 1px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; display: block;}

.nav {width: 100%; height: 36px; background: #035193;}
.nav_con {margin: 0 auto; width: 1180px;}
.nav_con ul {width: auto; height: 36px;}
.nav_con li {float: left; width: 130px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; display: block; position: relative;}
.nav_con li a:link, .nav_con li a:visited {width: 130px; height: 36px; color: #fff; display: block;}
.nav_con li a:hover {width: 130px; height: 36px; background: #20a333; display: block;}
.sub {width: 130px; height: auto; margin-top: 36px; position: absolute; top: 0; z-index: 100; display: none;}
.sub li {width: 130px; height: auto; line-height: 36px; color: #333; font-size:14px; background: #fff; opacity: 0.8;}
.sub li a:link, .sub li a:visited {color: #333; font-size:14px;}
.sub li a:hover {background: #ccc; color: #333; opacity: 1.0;}
.nav_con li:hover .sub {display: block;}
.nav_con .act {width: 130px; height: 36px; background: #20a333; display: block;}

.banner {width: 100%; height: 400px; background: #fff; position: relative;}

.main {width: 100%; height: 450px;}
.main_con {margin: 0 auto; width: 1180px;}

.news {margin-top: 30px; width: 360px; height: auto;}
.news_index {margin-top: 20px; width: 360px; height: auto;}
.news_index img{width: 360px; height: 120px;}
.news_index img:hover {opacity: 0.8;}
.news_index .tit {color: #333; font-size: 14px; line-height: 36px; text-align: left;}
.news_index .time {color: #999; font-size: 12px; line-height: 36px; text-align: right;}

.products {margin-left: 50px; margin-top: 30px; height: auto;}
.pro_one {margin-left: 40px; margin-top: 20px; width: 230px; height: 330px; position: relative;}
.mgL0 {margin-left: 0px;}
.pro_name {width: 100%; color: #fff; font-size: 14px; line-height: 50px; text-indent: 10px; background: #333; position: absolute; left: 0; bottom: 0; display: block;  background: rgba(50, 50, 50, 0.8)!important; filter: Alpha(opacity=50);}

.pro_one .on {display: none; width: 100%; height: 100%; background: #333; opacity: 0.8; position: absolute; z-index: 5; left: 0; top: 0;}
.pro_one .on img {margin-top: 120px; margin-left: 85px; width: 60px; height: 40px;}
.pro_one .on .text {width: 230px; text-align: center; line-height: 30px; color: #fff; display: block;}
.pro_one .on .text a:link, .pro_one .on .text a:visited {text-align: center; line-height: 30px; color: #fff;}
.pro_one .on .text a:hover {text-align: center; line-height: 30px; color: #ddd;}
.pro_one:hover .pro_name {display: none;}
.pro_one:hover .on {display: block;}

.contact {margin-top: 20px; width: 100%; height: auto;}
.tit_contact {margin: 0 auto; width: 1180px; height: 36px;}
.map_bg {margin-top: 20px; width: 100%; height: 400px; background: #fff url(../images/map_bg.png) center top;}
.contact_con {margin: 0 auto; width: 1180px;}
.contact_add {margin-top: 70px; margin-left: 90px; width: 600px; height: 250px; border: #fff solid 5px; background: #0c63b0; -webkit-box-shadow:0 0 10px #666;  
  -moz-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666;}
.contact_area {width: 190px; height: 250px; border-right: #fff solid 5px;}
.contact_add .name {margin-top: 10px; margin-left: 15px; color: #ccc; line-height: 24px;}
.contact_add .name1 {margin-left: 15px; color: #fff; line-height: 24px;}
.contact_add .add {margin-top: 30px; margin-left: 15px; color: #ccc; line-height: 24px;}
.contact_add .add1 {margin-left: 15px; color: #fff; line-height: 24px;}
.contact_qq {margin-top: 70px; margin-right: 90px; width: 240px; height: 250px; border: #fff solid 5px; background: #6ccd68; -webkit-box-shadow:0 0 10px #666;  
  -moz-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666;}
.contact_qq .left {margin-top: 30px; margin-left: 20px; width: 60px; height: 200px;}
.contact_qq .left .qq {text-align: center; font-size: 12px; color: #fff;}
.contact_qq .left .phone {margin-top: 50px;}

.contact_qq .right {margin-top: 20px; margin-left: 20px; width: 120px; height: 200px;}
.contact_qq .right .hm {margin-bottom: 3px; width: 118px; height: 28px; background: #fff; color: #20a333; border: #009933 solid 1px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; font-size: 12px; line-height: 28px; text-align: center;}
.contact_qq .right .phm {margin-top: 40px; width: 120px; color: #fff; line-height: 30px; font-size: 12px;}

.footer{width: 100%; height: 80px; line-height: 80px; text-align: center; color: #fff; background: #035193; font-size: 12px;}

/* btn-9 */
.btn-9 {
  color: #CEFFF1;
  border-color: #CEFFF1;
  overflow: hidden;
  position: relative;
}
.btn-9:before, .btn-9:after {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: #CEFFF1;
  width: 100%;
  height: 0;
  left: 0;
  -webkit-transition: all .25s;
  transition: all .25s;
}
.btn-9:before {
  bottom: 50%;
}
.btn-9:after {
  top: 50%;
}
.btn-9:hover {
  color: #27323A;
}
.btn-9:hover:before, .btn-9:hover:after {
  height: 50%;
}


/*---二级页面样式---*/
.banner1 {width: 100%; height: 200px; background: #fff; background: url(../images/banner.jpg) center top;}

.sub_nav {margin: 20px auto 0 auto; width: 1180px; height: 36px; border: #20a333 solid 1px; border-left: none;}
.sub_nav ul {width: auto; height: 36px;}
.sub_nav li {float: left; width: 294px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #fff; display: block; border-left: #20a333 solid 1px;}
.sub_nav li a:link, .sub_nav li a:visited {width: 294px; height: 36px; color: #333; display: block;}
.sub_nav li a:hover {width: 294px; height: 36px; background: #20a333; color: #fff; display: block;}
.sub_nav li.act a{width: 294px; height: 36px; background: #20a333; color: #fff; display: block;}

.guide {margin: 20px auto 0 auto; width: 1180px; height: 36px; border-bottom: #eee solid 1px; line-height: 36px; color: #999;}
.guide a:link, .guide a:visited {color: #333;}
.guide a:hover {color: #f00; text-decoration: underline;}

.main1 {width: 100%; height: auto;}
.main_con1 {margin: 0 auto; width: 1180px;}
.intro_img {margin-top: 60px; }
.intro_con {margin-left: 40px; margin-top: 20px; width: 780px; height: auto;}
.intro_tit {font-size: 30px; color: #333; text-align: center; line-height: 70px; font-weight: normal;}
.article_con {font-size: 14px; line-height: 24px; color: #666; text-indent: 28px;}


.full_con {margin: 20px 40px; width: 1100px; height: auto;}
.full_con .img {text-align: center;}
.honor_ul {width: auto; height: auto;}
.honor_ul li {float: left; margin: 10px 10px 0 10px; width: 214px; height: 204px;}
.honor_ul li p {padding: 7px; width: 200px; height: 140px; border: #eee solid 1px; overflow: hidden; text-align: center; vertical-align: middle;}
.honor_ul li span {width: 214px; height: 40px; line-height: 40px; text-align: center; display: block;}
.honor_ul li img {}


.news_nav {margin: 20px auto 0 auto; width: 1180px; padding: 8px 0; border: #20a333 solid 1px; text-align: center;}
.news_nav a {margin-left: -5px; padding: 8px 60px; font-size: 14px; border-left: #eee solid 1px; border-right: #eee solid 1px;}
.news_nav a:link, .news_nav a:visited {color: #333;}
.news_nav a:hover {padding: 8px 60px; background: #20a333; color: #fff; border-right: #20a333 solid 1px;}
.news_nav a.act {padding: 8px 60px; background: #20a333; color: #fff; border-right: #20a333 solid 1px;}

.tit_info {margin-bottom: 10px; text-align: center; height: 72px; font-weight: normal; border-bottom: #ddd dotted 1px;}
.news_tit {font-size: 20px; color: #333; text-align: center; line-height: 48px; font-weight: normal;}
.tit_info span {color: #999; font-size: 12px;}
.tit_info span em {color: #999; font-style: normal; margin-right: 48px;}
.tit_info span .share {margin: 0;}
.tit_info span .down1 {margin: 0;}
.click_down {float: right; width: 60px; color: #09f;}
.click_down a {color: #09f;}
.click_down a:hover {color: #f00; text-decoration: underline;}

.news_ul {margin: 10px 0; width: auto; height: auto;}
.news_ul li {float: left; width: 1180px; height: 36px; text-indent: 20px; border-bottom: #ddd dotted 1px; position: relative;}
.news_ul li p a {float: left; width: 1060px; height: 36px; line-height: 36px; background: url(../images/list_icon.jpg) 5px center no-repeat;}
.news_ul li p a:hover {background: url(../images/list_icon1.jpg) 8px center no-repeat;}
.news_ul li span {float: left; width: 120px; height: 36px; line-height: 36px; text-align: center; display: block; color: #999; font-size: 12px;}
.news_ul li img{width: 200px;}
.down {right: 80px; width: 60px; color: #09f; display: block; position: absolute;}
.down a {color: #09f;}
.down a:hover {color: #f00; text-decoration: underline;}

.page_ul {margin: 20px auto 0 auto; width: 1180px; text-align: center;}
.page_ul span {margin-right: 30px; padding: 4px 10px; display:inline-block;}
.page_ul a {margin: 0 3px; padding: 4px 10px; border: #ddd solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.page_ul a:hover {padding: 4px 10px; background: #20a333; color: #fff; border: #20a333 solid 1px;}
.page_ul a.act {padding: 4px 10px; background: #20a333; color: #fff; border: #20a333 solid 1px;}

.line {width: 100%; height: 3px; border-bottom: #ccc dotted 1px; font-size: 0;}
.product_ul {width: auto; height: auto;}
.product_ul li {float: left; margin: 10px 25px; width: 240px; height: 242px;}
.product_ul li p {width: 236px; height: 176px; border: #fff solid 3px; overflow: hidden; -webkit-box-shadow: 0 0 10px #999;  
  -moz-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999; position: relative;}
.product_ul li span {margin-top: 10px; width: 240px; height: 60px; line-height: 20px; display: block;}
.product_ul li img {width: 236px; position: absolute; left: 0; top: 0; cursor: pointer;}
.product_ul li img:hover {opacity: 1;}

.cx_tit {margin-top: 30px; color: #fff; background: #20a333; text-align: center; line-height: 40px; font-size: 18px; font-weight: normal;}
.cx_area {width: 640px; height: auto; margin: 0 auto;}
.cx_con {width: 636px; height: auto; border: #20a333 solid 2px;}
.cx_con p {margin: 20px 0;}

.cxbh {float: left; width: 100px; height: 40px; line-height: 40px; text-align: right; display: block;}
.input {width: 500px; height: 38px; text-indent: 3px; border: #ddd solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #666; font-size: 14px;}

.reset_btn {width: 90px; height: 36px; background: #eee; border: #aaa solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; line-height: 30px; color: #333; margin-left: 45px;}

.cx_btn {width: 90px; height: 36px; background: #20a333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 0; font-size: 14px; line-height: 30px; color: #fff; margin-left: 205px;}

.tj {margin-left: 275px;}

.textarea {width: 500px; height: 80px; border: #ddd solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-indent: 3px; font-size: 14px; font-family: "Microsoft Yahei",arial,simhei; color: #666;}