﻿@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
 
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
h2 a:hover{ text-decoration: none;}
 
i,em,s{ font-style:normal;text-decoration: none;}
i{cursor: pointer;}
input,textarea{ outline:none; }
textarea{ resize:none;}
 
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}

/*内容盒子*/
.header,.content,.footer { width:1200px; margin:0 auto;}

/*头部样式*/
.tb{height: 194px;background: url(../images/tb01.jpg) repeat-x 0 0; background-size: 2px 194px;}
.top{height: 32px;font: 14px/32px "Microsoft YaHei";color: #fff;}
.top a{ color: #ddd;text-align: right; float: right; }

.mid{height: 162px;}
.mid h1{padding: 30px 0 23px 0;}
.mid h1 img{width: 338px;height: 100px;}
.mid h2{font: 20px "Microsoft YaHei";color: #0b0306;padding: 55px 0 0 40px;}
.mid h2 em{display: block;font-size: 28px;font-weight: bold;}
.mid p{height: 59px;padding-left: 80px;background: url(../images/tb02.png) no-repeat left top; background-size:59px 59px;font: 14px "Microsoft YaHei";color: #0b0203;margin: 55px 10px 0 0;}
.mid p span{display: block;font: 28px "Impact";color: #0b0203;}
 
 
/*底部*/
.db{height: 200px;background: url(../images/db01.jpg) no-repeat center top; background-size: 1920px 200px; overflow: hidden;}
.tb8{height: 57px;}
.tb8 li{float: left;margin-left: 18px;}
.tb8 li.mr0{margin-left: 0;}
.tb8 li a{display: block;height: 57px;font: 16px/57px "Microsoft YaHei";color: #fff;text-align: center;padding: 0 15px;}
.box7{height: 194px;}
.box7 h3{width: 268px;margin-top: 50px;}
.box7 h3 a{display: block;width: 268px;height: 82px;}
.box7 h3 img{width: 268px;height: 82px;}
.foot_con{width: 516px; max-height: 140px; border-left: 1px solid #3371ab;padding-left: 20px;margin: 40px 0 0 40px;font: 14px/28px "Microsoft YaHei";color: #fff; overflow: hidden;}
.foot_con span{display: inline-block;margin-right: 20px;}
.foot_con a{color: #fff;}
.foot_p{width: 220px;height: 96px;margin-top: 50px; background-color:#005aa8; padding: 10px; font-size: 14px; line-height: 22px; color: #fff;}
.foot_p img{width: 98px;height: 96px; float: left; margin-right: 25px;}
.foot_p span{display: block; margin-top: 30px;}

 
/******************/

/*banner*/
.banner{height: 557px; background: url("../images/banner01.jpg") no-repeat center; background-size:1920px 557px ;}

/*time*/
.time{height: 580px;background: url("../images/time01.jpg") no-repeat center; background-size: 1920px 579px;}
.time h2{height: 114px; font: 36px "Microsoft YaHei";line-height: 66px; color: #484848;text-align: center;padding-top: 73px; overflow: hidden;}
.time h2 em{display: block;font-size: 24px;line-height: 36px;color: #58ad3e;margin-top: 10px;letter-spacing: 10px;}
.time h2 i{display: block;width: 25px; height: 2px; background-color: #9cd559;margin: 0 auto;}
.dl01{margin-top: 68px;padding-left: 5px;}
.dl01 dt{width: 588px;height: 291px;}
.dl01 dt img{width: 588px;height: 291px;}
.dl01 dd{width: 570px; padding: 20px 0 0 20px;}
.time-con{height: 180px;overflow: hidden;}
.dl01 dd p{font: 16px/22px "Microsoft YaHei";color: #484848;margin-top: 10px;padding-left: 45px;}
.dl01 dd ul{padding: 0;}
.dl01 dd li{width: 190px;font: bold 16px "Microsoft YaHei";color: #fff;text-align: center; float: left;}
 .dl01 li span{ display: block;height: 34px; line-height: 34px; overflow: hidden; }
 .dl01 li img{width: 73px;height: 64px;}

/*more*/
.more{height: 925px;background: url("../images/more01.jpg") repeat-x 0 0; background-size: 4px 926px;}
.more h2{height: 105px; font: 36px "Microsoft YaHei";color: #202020;text-align: center;padding-top: 80px; overflow: hidden;}
.more h2 a.a04{display: block;width: 80px;height: 22px;margin: 11px auto 0;font-size: 14px;line-height: 22px;color: #90cb50;border: 1px solid #90cb50;}
.more h2 span{display: inline-block;max-width: 940px;  height: 38px;margin: 15px auto 0; padding:0 50px;font-size: 24px;font-weight: normal; line-height: 38px;color: #90cb50;border: 1px solid #90cb50; position: relative;}
.more h2 span:after{content: "";width: 140px;height: 1px; background-color: #9cd559; position: absolute;left: -126px; top: 50%;}
.more h2 span:before{content: "";width: 140px;height: 1px; background-color: #9cd559; position: absolute;right: -126px; top: 50%;}
.box1,.box2{margin-top: 45px;}
.box1 img{width: 791px;height: 537px;}
.box2 img{width: 382px;height: 260px;}
.box1{width: 791px;height: 537px;}
.box1 ,.box2 p{display: block;position: relative;}
.box1 span,.box2  span{position: absolute;left: 0;bottom: 0;height: 48px; font: 16px/48px "Microsoft YaHei";color: #fff;text-align: center; overflow: hidden;}
.box1{height: 537px;}
.box1 span{width: 791px;height: 48px;font-size: 18px;background:rgba(0,0,0,0.6);}
.box1 em{position: absolute;left: 0;bottom: 48px;width: 241px;height: 139px;}
.box1 em img{width: 241px;height: 139px;}
.box2{width: 382px;}
.box2 p{height: 260px;}
.box2 p.a07{margin-top: 16px;}
.box2 p span{width: 382px;background:rgba(0,0,0,0.5);}
.btn01{width: 329px;height: 50px;margin: 50px auto 0;background: url("../images/morebtn2.png") no-repeat center; background-size: 329px 49px;}
.btn01 a{display: block;height: 50px;font: 18px/50px "Microsoft YaHei";color: #fff;text-align: center;background: url("../images/morebtn1.png") no-repeat 85% center; background-size: 32px 32px;}
 

/*confused*/
.confused{height: 775px;}
.confused h2{height: 108px; font-size:30px;color: #484848;text-align: center;padding-top: 95px; overflow: hidden;}
.confused h2 span{display: inline-block;max-width: 940px;  height: 38px;margin: 15px auto 0; padding:0 50px;font-size: 24px;font-weight: normal; line-height: 38px;color: #90cb50;border: 1px solid #90cb50; position: relative;}
.confused h2 span:after{content: "";width: 140px;height: 1px; background-color: #9cd559; position: absolute;left: -126px; top: 50%;}
.confused h2 span:before{content: "";width: 140px;height: 1px; background-color: #9cd559; position: absolute;right: -126px; top: 50%;}
.confused h2 em{font-weight: normal;}
.tab1{height: 340px;background: url("../images/cf02.png") no-repeat bottom;margin-top: 40px; background-size: 1063px 54px;}
.tab1 img{display: block;width: 189px;height: 163px;}
.tab1 li{float: left;width: 189px;margin-left: 10px;background: #f2f2f2;color: #333;}
.tab1 li.cur01{margin-left: 0;}
.tab1 li a{display: block;}
.tab1 li span{display: block;padding: 20px 25px 0;font-size: 22px; overflow: hidden;}
.tab1 li em{display: block;height: 52px; font-size: 16px;line-height: 26px;padding: 15px 25px 0; margin-bottom: 10px; overflow: hidden;}
.tab1 li.cur01 span,.tab1 li:hover{background: #7bbd3b; color: #fff;}
.confused-desc{width: 680px;max-height: 144px; margin: 25px auto 0;font: 18px/36px "Microsoft YaHei";color: #333;text-align: center;letter-spacing: 1px; overflow: hidden;}

/*goodness*/
.goodness{min-height: 1640px; background: #fcf7f1;}
.goodness h2{height: 200px;  font-size: 48px; line-height: 68px; color: #4f9e37;text-align: center;padding-top: 60px; overflow: hidden;}
.goodness h2 p{font-size: 40px;font-weight: normal;line-height: 70px;color: #484848;} 
.goodness h2 i{display: block;width: 25px; height: 2px; background-color: #9cd559;margin: 0 auto;}
.goodness h2>b{font-size: 64px;}
.box3{width: 650px;  position: relative;}
.box3 dl{position: relative; border-left: 5px solid #a5a5a5; padding-left: 60px; padding-top: 39px;}
.box3 dt h3{font: 24px "Microsoft YaHei";color: #333;}
.box3 dt em{display: inline-block;font: bold 30px "Microsoft YaHei";color: #52a33a;margin-right: 20px;}
.good-desc{display: block;font-size: 15px;line-height: 25px;color: #666;margin-top: 10px;letter-spacing: 1px;} 
.box3 dd{padding: 20px 0 0 0;}
.dl03 dd strong{position: absolute;left: 260px;bottom: -35px;width: 165px;height: 151px;background: url("../images/gn11.png") no-repeat center;}
.dl02 dd img{width: 565px;height: 141px;}
.dl03 dd img{width: 565px;height: 155px;}
.dl04 dd img{width: 565px;height: 162px;}
.dl05 dd img{width: 565px;height: 196px;}
.box3 dl i{position: absolute;left: -36px;top: 20px;width: 68px;height: 68px;background: url("../images/gn10.png") no-repeat center; background-size: 68px 68px; font: 42px/68px "楷体";color: #58ad3e;text-align: center;}

.goodness-img{ position: absolute; top: 0; right: 650px; }
.goodness-img img{ width: 800px; height: 1204px; }
/**************/
.about{padding-bottom: 85px;}
.about h2{height: 105px; font: 36px "Microsoft YaHei";color: #202020;text-align: center;padding-top: 80px; margin-bottom: 45px; overflow: hidden;}
.about h2 a.a04{display: block;width: 80px;height: 22px;margin: 11px auto 0;font-size: 14px;line-height: 22px;color: #90cb50;border: 1px solid #90cb50;}
.about h2 span{display: inline-block;max-width: 940px;  height: 38px;margin: 15px auto 0; padding:0 50px;font-size: 24px;font-weight: normal; line-height: 38px;color: #90cb50;border: 1px solid #90cb50; position: relative;}
.about h2 span:after{content: "";width: 140px;height: 1px; background-color: #9cd559; position: absolute;left: -126px; top: 50%;}
.about h2 span:before{content: "";width: 140px;height: 1px; background-color: #9cd559; position: absolute;right: -126px; top: 50%;}
.about dt img{ width: 1200px; height: 405px; }
.about dd{font-size: 16px; line-height: 24px; color: #333; padding: 24px 84px 0;}


.fh{position: fixed; bottom: 20%; right: 20px; width: 33px; height: 58px; overflow: hidden; display: none;}
.fh img{width: 33px; height: 58px;}  

.right_nav{ position:fixed; _position:absolute;_top:expression(eval(document.documentElement.scrollTop)+150);top: 150px;width: 75px; z-index: 990;background:#FFF;font-family:'Microsoft YaHei';right:0; padding:10px;}
.right_nav .imgnav { background: #9c9c9c ;cursor: pointer;margin-bottom: 2px;text-align: center; width:75px; height:75px }
.right_nav .imgnav:hover { background: #007FCE ;}
.right_nav .imgnav.tops{height:33px}
.fkey{width: 960px; margin: 0 auto; text-align: center; background: #EFEFEF;height: 60px; line-height: 60px;color:Red;font-size:14px;}
.fkey a{padding:0 3px;}