* { margin: 0px; padding: 0px; }
body { background: #ffffff; background-image: url(); background-repeat: repeat-x; background-position: 0px 0px; margin: 0px; padding: 0px; text-decoration: none; font-size: 12px; font-variant: normal; font-family: "微软雅黑"; }/*为部分带全站背景图准备可以将背景图或背景色部分删除掉*/
a:link, a:visited, a:hover, a:active { text-decoration: none; }
a { text-decoration: none; }
li { list-style-type: none; }
img { border: 0px; display: block; }
ul, ol { list-style-type: none; list-style-image: none; }
/*清除浮动*/

.auto, .main { width: 1200px; margin: 0 auto; }
.head { background: #FFFFFF; border-top: 6px solid #0da248; }
.logo .fl  img{ height:64px; margin-top:12px;}
.fl { float: left; }
.fr { float: right; }
.menu { font-size: 16px; line-height: 88px; }
.menu li { float: left; padding: 0 30px; position: relative; }
.menu li a { color: #363636; }
.menu li a:hover, .menu li a.hover { color: #0da248; transition-duration: 0.5s; }
.banner { width: 100%; margin: 0 auto; overflow: hidden; position: relative; }
.banner .hd { height: 15px; overflow: hidden; position: absolute; left: 45%; bottom: 10px; z-index: 1; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd ul li { float: left; margin-right: 25px; width: 50px; height: 10px; line-height: 14px; text-align: center; cursor: pointer; background: #fff; text-indent: -9999px; overflow: hidden; }
.banner .hd ul li.on { background: #0da248; }
.banner .bd { position: relative; height: 100%; z-index: 0; width: 100%; }
.banner .bd li { zoom: 1; vertical-align: middle; }
.banner .bd img { width: 100%; display: block; }
.banner .prev, .banner .next { position: absolute; left: 3%; top: 50%; margin-top: -3%; display: block; width: 32px; height: 40px; filter: alpha(opacity=50); opacity: 0.5; }
.banner .next { left: auto; right: 3%; background-position: 8px 5px; }
.banner .next { font-size: 58px; color: #fff; }
.banner .prev { font-size: 58px; color: #fff; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }
.product { width: 100%; height: auto; overflow: hidden; }
.title { width: 100%; height: 96px; background: url(../image/title.png)no-repeat top; padding-top: 5px; }
.title span { color: #666666; font-size: 14px; text-align: center; margin-top: 10px; display: block; }
.title p { color: #0da248; font-size: 24px; font-weight: bold; text-align: center; }
.product .tab { width: 890px; margin: 0 auto; height: auto; overflow: hidden; margin-top: 20px; }
.product .tab ul { display: flex; justify-content: center; }
.product .tab ul li { width: 200px; height: 40px; line-height: 40px; text-align: center; background: #dcdcdc; float: left; margin-left: 10px; margin-top: 10px; }
.product .tab ul li a { color: #000000; font-size: 16px; }
.product .pic ul { margin-left: -10px; }
.product .tab ul li:hover { background: #0da248; }
.product .tab ul li:hover a { color: #fff; }
.product .pic ul li { width: 292px; height: auto; float: left; margin-left: 10px; margin-top: 20px; background: #eeeeee; }
.product ul li img { width: 282px; margin: 5px; height: 200px; margin-bottom: 0; }
.product ul li p { width: 292px; height: 40px; transition: .5s; line-height: 40px; text-align: center; color: #1a1a1a; font-size: 15px; }
.product ul li:hover { background: #0da248; }
.product ul li:hover p { color: #fff; }
.cases { width: 100%; height: auto; overflow: hidden; margin-top: 50px; }
.cases .show { width: 100%; height: auto; overflow: hidden; margin-top: 15px; }
.cases .show .box { width: 800%; }
.cases .show ul li { float: left; width: 300px; height: 200px; position: relative; margin-left: 15px; }
.cases .show ul li img { width: 300px; height: 200px; }
.cases .show ul li p { width: 300px; height: 30px; position: absolute; bottom: 0; background: rgba(25,25,25,0.5); line-height: 30px; font-size: 15px; text-align: center; color: #fff; }
.cases .more { display: block; width: 205px; height: 40px; line-height: 40px; padding-left: 65px; color: #fff; font-size: 16px; background: #0da248 url(../image/more.png)135px 18px no-repeat; margin: 0 auto; margin-top: 30px; }

.cases .more:hover { background-color: #fb7007; }
.gg { width: 100%; height: auto; overflow: hidden; margin-top: 40px; }
.gg img { width: 100%; }
.about { width: 100%; height: 425px; background: #eee; overflow: hidden; }
.about .main { position: relative; }
.about .pic { float: left; }
.about .pic img { width: 400px; height: 300px; }
.about .bg { width: 860px; height: 280px; background: rgba(255,255,255,0.5); position: absolute; right: 0; top: 10px; }
.about .info { width: 745px; height: 160px; float: right; margin-right: 15px; margin-top: 35px; position: relative; }
.about .info .tit p { font-size: 22px; color: #1a1a1a; }
.about .info .tit span { color: #009966; }
.about .info .text { width: 745px; height: auto; overflow: hidden; margin-top: 10px; }
.about .info .text h3 { font-size: 16px; color: #1a1a1a; }
.about .info .text p { font-size: 16px; color: #1a1a1a; text-indent: 1em; }
.about .more { display: block; width: 190px; height: 40px; line-height: 40px; padding-left: 50px; color: #fff; font-size: 16px; background: #0da248 url(../image/more.png)135px 18px no-repeat; position: absolute; bottom: 10px; right: 10px; }
.about .more:hover { background-color: #fb7007; }
.news { width: 1200px; margin: 0 auto; height: auto; overflow: hidden; margin-top: 20px; }
.news .tit { width: 100%; height: 55px; border-bottom: 5px solid #0da248; background: #eee; line-height: 55px; }
.news .tit p { color: #000000; font-size: 24px; font-weight: bold; float: left; margin-left: 10px; }
.news .tit span { display: block; color: #666666; font-size: 12px; float: left; margin-left: 7px; margin-top: 7px; }
.news .tit a { display: block; float: right; color: #666666; font-size: 12px; margin-right: 10px; }
.news ul { width: 100%; height: auto; overflow: hidden; }
.news ul li { width: 595px; height: auto; overflow: hidden; float: left; margin-top: 20px; }
.news ul li:nth-child(2n) { float: right; }
.news .time { float: left; width: 80px; height: 65px; float: left; }
.news .time p { width: 100%; height: 32px; background: #0da248; text-align: center; color: #fff; font-size: 20px; line-height: 32px; }
.news .time span { display: block; width: 100%; height: 33px; line-height: 33px; background: #dbdbdb; color: #666666; font-size: 12px; text-align: center; }
.news .info { float: right; width: 495px; height: 64px; overflow: hidden; border-bottom: 1px solid #dcdcdc; }
.news .info p { color: #666666; font-size: 18px; width: 100%; overflow: hidden; white-space: nowrap; margin-top: 10px; text-overflow: ellipsis; }
.news .info span { display: block; color: #666666; font-size: 13px; margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
.news ul li:hover .info p { text-decoration: underline; }
.links { width: 100%; background: #0da248; margin-top: 40px; overflow: hidden }
.links p { color: #fff; font-size: 18px; float: left; width: 140px; text-align: center; line-height: 50px; height: 50px; background: #0a7d38; }
.links ul { float: right; width: 1050px; margin-top: 0px; overflow: hidden; }
.links ul li { float: left; padding-right: 10px; padding-left: 10px; position: relative; margin-top: 7px; line-height: 14px; }
.links ul li:after { content: ""; position: absolute; right: 0px; top: 50%; margin-top: -7px; height: 14px; width: 1px; background: #fff; }
.links ul li a { color: #fff; font-size: 14px; line-height: 2.5em; }
.links ul li:last-child:after { height: 0px; width: 0px; }
.home_bottom { float: left; width: 100%; background: #d9eae2; }
.home_bottom_con { width: 1190px; margin: 0 auto; }
.home_bottom_left p { float: left; width: 100%; line-height: 30px; font-size: 20px; color: #202120; margin: 0 0 10px 0; }
.home_bottom_left { float: left; width: 310px; border-right: 1px solid #a7bbb2; padding: 0 0 35px 0; margin: 40px 0 20px 0; }
.home_bottom_left img { float: left; margin: 10px 0 20px 0; }
.home_bottom_left ul li { float: left; width: 100%; line-height: 30px; font-size: 15px; color: #717a75; }
.home_bottom_right { float: left; margin: 40px 0 20px 0; }
.home_bottom_right ul { float: left; width: 140px; }
.home_bottom_right ul li { float: left; width: 145px; text-align: center; font-size: 16px; line-height: 30px; }
.home_bottom_right ul li a { float: left; width: 100%; font-size: 15px; color: #717a75; }
.home_bottom_right ul li a:hover { color: #00ae67; }
.home_keep_on_record { float: left; width: 100%; border-top: 1px solid #a7bbb2; text-align: center; color: #717a75; font-size: 15px; padding: 30px 0; }
.keywords { width: 100%; height: 40px; }
.keywords p { font-size: 16px; color: #333333; font-weight: bold; line-height: 40px; float: left; }
.keywords ul { float: left; }
.keywords ul li { float: left; padding-right: 10px; padding-left: 10px; position: relative; line-height: 40px; color: #555555; font-size: 15px; }
.keywords ul li a { color: #555555; }
.index_newscont h5, .product h5 { text-align: center; line-height: 40px; font-size: 18px; }
.newscontent p { font-size: 14px; line-height: 2em; }
.productimg { text-align: center; margin: 0px auto; }
.productimg img { max-width: 100%; margin: 0px auto; }
.fy { width: 1200px; margin: 0px auto; line-height: 24px; font-size: 14px; margin-top: 10px; margin-bottom: 10px; overflow: hidden }
.pagelist li { text-decoration: none; margin-right: 1px; display: inline-block; border: #CCC 1px solid; padding: 0px 8px; }
.thisclass { background: #e63939; color: #FFF; }

/*留言*/
.messagely { width: 1100px;  margin-left: 100px; padding-bottom:15px;}
.messagely span { width: 100%; height: 60px; line-height: 60px; float: left; color: #000; text-align: center; font-size: 30px; }
.messagely p { font-size: 15px; color: #999; text-align: center; }
.message_left {width: 260px; height: 34px; line-height: 34px; font-size: 14px; color: #777777; text-align: left; border-color: #333333; border-style: none; clear: both; margin-top: 8px; }
.message_right { display:block; width:90%;height: 34px; line-height: 34px; background-color: #eeeeee; font-size: 14px; color: #777777; text-align: left; padding: 4px; border: 1px; border-color: #aaa; border-style: dashed; }
.area_message {display:block; width:90%;height: 122px; line-height: 24px; background-color: #eeeeee; background-image: none; font-size: 14px; color: #777777; text-align: left; padding: 4px; font-family: Microsoft YaHei; border: 1px; border-color: #aaa; border-style: dashed; }
.sub_message { display:block; width:90%; height: 40px; line-height: 40px; background-color: #333333; border-radius: 5px; color: #FFFFFF; text-align: center; border: 1px; border-color: transparent; margin-top: 20px; }

.news .tab { width: 890px; margin: 0 auto; height: auto; overflow: hidden; margin-top: 20px; }
.news .tab ul { display: flex; justify-content: center; }
.news .tab ul li { width: 200px; height: 40px; line-height: 40px; text-align: center; background: #dcdcdc; float: left; margin-left: 10px; margin-top: 10px; }
.news .tab ul li a { color: #000000; font-size: 16px; }
.news .tab ul li:hover { background: #0da248; }
.news .tab ul li:hover a { color: #fff; }

.news .tab ul li.active {  background: #0da248; }
.news .tab ul li.active a { color: #fff;  }