html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, table, tbody, tfoot, thead, tr, th, td,input,button,input,select,textarea{ margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-family: inherit;} 
*{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} 
body{ font: 18px/1.5 Microsoft Yahei; color: #333333;} 
table{ border-collapse: collapse; border-spacing: 0;} 
img{ vertical-align: top; line-height: 0;} 
ul,ol{ list-style: none;} 
a{ color:#333; text-decoration: none;} 
.lineclamp{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} 
.fl{ float: left;} 
.fr{ float: right;} 
.tac{ text-align: center;} 
.clr{ zoom: 1;} 
.clr:after{ height: 0; display: block; content: "\20"; clear: both;} 
.container{ width: 100%; min-width: 1200px; line-height: 1.5; margin: 0 auto; font-size: 16px; font-family: "Microsoft YaHei"; color: #000; background: #fff;} 
.container *{ -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} 
.pannel{ width: 1000px; margin: 0 auto;}
.mb40{ margin-bottom: 40px;}

.justify{ margin: 0 auto; font-size: 0; text-align: justify; text-justify: distribute-all-lines;} 
.justify:after{ content:""; height: 0; width: 100%; display: inline-block;} 
.justify li{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 16px;} 

.header{ height: 120px; background: #25a225;}
.h_logo{ margin-top: 26px;}
.h_tel{ margin-top: 55px;}

#banSwiper{ margin: 20px auto 40px;}
#banSwiper .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 7px; background: #fff; opacity: .5;}
#banSwiper .swiper-pagination-bullet-active{ opacity: 1;}

.jswarp{padding-top: 80px;}
.jswarp .pic{ float: left; width: 408px; height: 266px; padding: 4px; background: #eee;}
.jswarp .pic img{ width: 400px; height: 258px;}
.jswarp dl{ float: right; width: 545px; margin-right: 20px;}
.jswarp dl dt{ margin: 10px auto; font-size: 32px;}
.jswarp dl dd p{ line-height: 1.8; margin-top: 10px;}

.docs_con{ position: relative;}
#docSwiper{ padding-bottom: 50px;}
#docSwiper .nr{ width: 230px; height: 385px; margin-right: 26px; background: #eee; cursor: pointer;}
#docSwiper .nr .zjPic{ width: 100%; height: 265px;}
#docSwiper .nr dl{ text-align: center;}
#docSwiper .nr dl dt{ margin: 15px auto 3px; font-size: 24px; font-weight: bold;}
#docSwiper .swiper-pagination-bullet{ width: 20px; height: 4px; background: #999999; border-radius: 0; opacity: 1;}
#docSwiper .swiper-pagination-bullet-active{ width: 40px; background: #0187dc;}
.docInfo{ display: none; position: absolute; top: 0; left: 0; right: 0; width: 743px; height: 385px; padding: 20px; margin: 0 auto; background: #fff; border: 4px solid #dcdcdc; overflow: hidden; z-index: 2;}
.docInfo dl{ display: none;}
.docInfo dl dt{ padding-bottom: 8px; margin-bottom: 15px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #dedede; position: relative;}
.docInfo dl dt:after{ content: ""; position: absolute; left: 0; bottom: -1px; width: 75px; height: 3px; background: #2472be;}
.docInfo dl dd{ height: 300px; overflow-y: scroll;}
.docInfo dl dd p{ line-height: 36px; text-indent: 2em;}
.docInfo dl dd::-webkit-scrollbar{ width: 4px; height: 1px;}
.docInfo dl dd::-webkit-scrollbar-thumb{ background: #dcdcdc;}
.docInfo dl dd::-webkit-scrollbar-track{ background: #fff;}
.zjClose{ position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; background: url(../images/zjClose.png) no-repeat 0 0; cursor: pointer; z-index: 3;}

.zlfw_con{ padding: 50px 0; background: #eeeeee;}
.zlfw_con h2{ margin-bottom: 30px; font-size: 32px; text-align: center;}
.zlfw_con ul li{ float: left; width: 490px; height: 160px; margin-bottom: 20px; background: #fff;}
.zlfw_con ul li:nth-child(even){ float: right;}
.zlfw_con ul li img{ float: left; margin: 20px;}
.zlfw_con ul li div{ float: left; line-height: 2; margin-top: 20px;}
.zlfw_con ul li div h4{ font-size: 24px; font-weight: bold;}

.lxyy_con h2{ margin-bottom: 30px; font-size: 32px;}
.roadCon{ width: 580px;}
.yyForm{ width: 380px; height: 520px; border: 1px solid #e6e6e6;}
.yyForm form{ margin: 20px 20px 0;}
.yyForm ul li{ float: left; width: 100%; margin-bottom: 10px;}
.yyForm ul li span{ float: left;}
.yyForm ul li input, .yyForm ul li select, .yyForm ul li textarea{ float: right; width: 245px; height: 34px; line-height: 34px; font-size: 16px; border: 1px solid #efefef; text-indent: 1em;}
.yyForm ul li select{ padding: 0 1em; background: url(../images/bg_select.jpg) no-repeat right center; text-indent: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.yyForm ul li textarea{ height: 84px; padding: 10px; line-height: 1.5; text-indent: 0;}
.yyForm .btn{ margin: 20px auto; text-align: center;}
.yyForm .btn input{ display: inline-block; width: 120px; line-height: 34px; margin: 0 7px; font-size: 16px; color: #fff; background: #0166a0; border: 0; outline: none;}
.yyForm .btn .reset{ background: #8c8c8c}
.yyForm .tips{ font-size: 14px; text-align: center;}
.yyForm .tips span{ margin-right: 5px; color: #ff0000;}

.footer{ padding: 40px 0; margin: 60px auto; font-size: 12px; background: #f6f6f6; text-align: center;}