/*全局*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; z-index: 1; } 
body { min-width: 1600px; margin: 0 auto; background-color: #fff; font-family:"微软雅黑"; font-size:16px; color:#282727; position: relative; } 
ul,li { list-style:none; margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
img { border:none; border:0; vertical-align:middle; max-width: 100%; max-height: 100%; } 
a { text-decoration:none; outline:none; color:#313131; font-size: 16px; } 
p { margin:0; padding:0; } 
i,em { font-style:normal; } 
.cl:after,.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.cl,.clearfix { *zoom:1; } 
.fl { float:left; } 
.fr { float:right; } 

.w1600 { width: 1600px; margin: 0 auto; } 
.inw1600 { min-height: 450px; background-color: white; margin: 0 auto; padding: 30px 0; padding-left: 355px; padding-right: 45px; width: 1200px; position: relative; z-index: 999; } 

.w1h { width: 100%; margin: 0 auto; } 
.h1h { height: 100%; } 
.mh300 { min-height: 300px; } 
.h100 { height: 100px; display: block; } 

.pdt40 { padding: 40px 0; } 
.pdb50 { padding-bottom: 50px; } 
.pdt60 { padding: 60px 0; } 
.orh { overflow: hidden; } 

.bg-f5 { background-color: #f5f5f5; } 
.bg-eb { background-color: #ebebeb; } 

.main { margin: 0 auto; font-size: 0; min-height: 450px; } 
.main.idx { position: relative; z-index: -1; } 

/* /全局 */

/* 通用 */
.tit-1 { font-weight: bold; font-size: 38px; color: #e6002d; position: relative; display: inline-block; } 
.tit-1:after { position: absolute; top: 50%; right: 0; margin-right: -90px; content: ''; width: 75px; height: 2px; background-color: #e6002d; } 

.tit-2 { font-weight: bold; margin: 0 auto; text-align: center; font-size: 50px; color: #009d5a; position: relative; } 
.tit-2 span { font-weight: bolder; position: absolute; z-index: -1; left: 0; right: 0; top: 50%; bottom: 0; margin-top: -53px; font-size: 80px; color: #383838; background-color: transparent; opacity: .05; filter: alpha(opacity=10); } 

/* 头部 */
.header { min-width: 1600px; background-color: white; box-shadow: 0 -5px 10px 10px rgba(0, 0, 0, .2); height: 100px; line-height: 100px; position: fixed; top: 0; left: 0; resize: 0; width: 100%; z-index: 9999999; } 
.header>.w1600 { background-color: white; } 
.header .logo { float: left; width: 200px; } 
.header .logo a { display: block; } 

.header .navcon { height: 100px; float: right; text-align: right !important; } 
.header .navcon .icon { padding: 30px 0; height: 40px; float: right; font-size: 0; line-height: normal; } 
.header .navcon .icon div { cursor: pointer; margin-left: 18px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; } 
.header .navcon .icon div img { width: 40px; height: 40px; } 
.header .navcon .icon div:hover { transform: scale(1.1); transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; } 

.nav { width: 1150px; font-size: 0; float: left; } 
.nav .el { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; z-index: 999; } 
.nav .el>a { font-weight: bold; display: block; height: 100%; padding: 0 28px; font-size: 17px; color: #000; } 
.nav .el:hover>a,.nav .el.on>a { color: #009d5a; } 

.subnav { display: none; position: absolute; height: 70px; line-height: 70px; width: auto; left:-50%; right: 0; top: 100px; font-size: 0; white-space: nowrap; } 
.subnav .e { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.subnav .e a { padding: 0 20px; display: block; height: 100%; text-align: center; font-size: 16px; color: #ffffff; } 
.subnav .e:hover,.subnav .e.on { background-color: #fff4f4; } 
.subnav .e:hover a,.subnav .e.on a { color: #e6002d; font-weight: bold; } 

.navbg { display:none; position: absolute; top: 100px; left: 0; right: 0; width: 100%; height: 70px; z-index: 99; background-color: rgba(0, 0, 0, 0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); } 

/* 底部 */
.footer { } 
.footer .f-top { padding: 40px 0; } 
.footer .f-top .fnav a:hover { color: #e6002d; } 
.footer .f-top .link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 220px; height: 45px; line-height: 45px; text-align: center; background-color: #e5f5ee; font-size: 18px; color: #009d5a; } 
.footer .f-top .link span { font-size: 23px; padding-right: 5px; color: #009d5a; vertical-align: -2px; } 
.footer .f-top .phoneimg { text-align: right; margin-bottom: 20px; } 
.footer .f-top .phone { font-size: 34px; color: #e6002d; text-align: right; margin-bottom: 20px; } 
.footer .f-top .ficon { font-size: 0; } 
.footer .f-top .ficon>* { margin-left:30px; vertical-align: middle; } 
.footer .f-top .fnav { margin: 20px 0; font-size:0; } 
.footer .f-top .fnav a { line-height: 20px; padding-left: 15px; margin-left: 15px; border-left: 2px solid #d1d1d1; font-size: 18px; color: #000000; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.footer .f-top .fnav a:first-child { border: none; vertical-align: middle; padding: 0; margin: 0; } 
.footer .f-top .ficon .cart { font-size: 55px; color: #e6002d; } 
.footer .f-top .ficon .arrow { font-size: 40px; color: #cccaca; } 
.footer .f-top .ficon a { transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.footer .f-top .ficon a:hover { transform:rotate(360deg); transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; } 
.footer .f-top .flogo { margin-bottom: 50px; width:220px; height:75px; } 

.footer .f-btm { line-height: 85px; border-top: 1px solid #e5e5e5; font-size: 0; } 
.footer .f-btm .fl,.footer .f-btm .fr { line-height: 85px; height: 85px; } 
.footer .f-btm .fl a { height: 20px; font-size: 18px; color: #878987; padding-left: 15px; margin-left: 15px; border-left: 2px solid #d1d1d1; } 
.footer .f-btm .fl a:first-child { border: none; padding: 0; margin: 0; } 
.footer .f-btm .fr span { font-size: 18px; color: #878987; height: 20px; padding-left: 15px; margin-left: 15px; border-left: 2px solid #d1d1d1; } 
.footer .f-btm .fr span:first-child { border: none; } 
.footer .f-btm .fr span a { font-size: 18px; color: #878987; } 
.footer .f-btm .police { background: url(../images/icon7.png) no-repeat 10px center; padding-left: 35px !important; } 
.footer .f-btm span a:hover ,.footer .f-btm a:hover { color: #009d5a; } 

.float { display: none; width: 46px; z-index: 99999; height: 46px; background-color: #009d5a; font-weight: bolder; cursor: pointer; font-size: 35px !important; text-align: center; line-height: 46px; border-radius: 100%; color: white; position: fixed; bottom:30px; right: 20px; } 
.float:hover { background-color: #f599ab; } 


/* 栏目图 */
.cateban { text-align: center; min-height: 200px; background-color: transparent; position: relative; z-index: 1; padding-top: 50px; } 
.cateban .poscon { border-bottom: 2px solid #eeeeee; position: absolute; left: 50%; bottom: 0; padding-left: 355px; margin-left: -800px; line-height: 70px; height: 70px; width: 1245px; background-color: white; } 
.cateban .poscon .con { float: left; font-size: 24px; color: #e6002d; font-weight: bold; } 
.cateban .poscon .con span { font-size: 16px; } 
.cateban .poscon .pos { font-size: 16px; color: #9e9e9e; float: right; background: url(../images/pos.png) no-repeat left center; padding-left: 30px; padding-right: 40px; } 
.cateban .poscon .pos a { font-size: 16px; color: #9e9e9e; } 
.cateban .poscon .pos a:hover { color: #009d5a; } 

/* 侧边导航 */
.leftmenu { position: fixed; left: 50%; margin-left: -760px; top: 407px; padding: 0 30px; padding-top: 165px; width: 200px; height: 455px; background: url(../images/leftmenu.png) no-repeat center; } 
.leftmenu div { text-align: right; } 
.leftmenu div a { display: block; font-size: 18px; color: #ddfff1; line-height: 60px; } 
.leftmenu div a span { display: inline-block; *display: inline; *zoom: 1; margin-right: 20px; width: 0; height: 1px; background-color: white; vertical-align: middle; transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; } 
.leftmenu div a:hover,.leftmenu div a.on { font-weight: bolder; } 
.leftmenu div a:hover span,.leftmenu div a.on span { width: 80px; transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; } 

/* 分页 */
.page { text-align: center; font-size: 0; padding: 55px 0; } 
.page a { width: 42px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; border: 1px solid #e6002d; border-radius: 100%; margin: 0 8px; color: #e6002d; display: inline-block; *display: inline; *zoom: 1; vertical-align:middle; } 
.page a.fnl { color: #cfcfcf; border: 1px solid #cfcfcf; font-size: 22px; } 
.page a:hover,.page a.on { background-color: #e6002d; color: white; } 
.page a.none { cursor: not-allowed; background-color: #eeeeee; color:gray; } 
/* 首页 */

.idx-ban { background-color: white; text-align: center; width: 100%; height: 800px; overflow: hidden; position: relative; } 
.idx-ban .bd { width: 100%; margin: 0 auto; } 
.idx-ban .bd ul { margin: 0 auto; } 
.idx-ban .bd ul li { height: 800px;overflow: hidden; } 
.idx-ban .bd ul li img{max-height: unset;max-width: unset;}
.idx-ban .hd { position: absolute; width: 100%; text-align: center; left: 0; bottom: 40px; } 
.idx-ban .hd li { background-color: white; border-radius: 100%; width: 13px; height: 13px; position: relative; margin: 0 18px; cursor: pointer; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.idx-ban .hd li:after { content: ''; display: none; width: 23px; height: 23px; border: 1px solid white; position: absolute; left: 50%; margin-left: -13px; top: 50%; margin-top: -13px; border-radius: 100%; } 
.idx-ban .hd li.on:after { display: block; } 

.idx-1 { padding: 60px 0; background-color: white; } 
.idx-1 .fl { width: 800px; } 
.idx-1 .fl .video { width: 800px; height: 470px; position: relative; } 
.idx-1 .fl .video video { width: 100%; height: 470px; } 
.idx-1 .fl .video .btn { z-index: 20; background: url(../images/play.png) no-repeat center; width: 80px; height: 80px; position: absolute; left: 50%; margin-left: -40px; top: 50%; margin-top: -40px; transition: .3s all linear; *display:none; display:none\0; } 
.idx-1 .fl .video .btn:hover { transform: rotate(360deg); transition: .3s all linear; cursor: pointer; } 
.idx-1 .fl .video img { display: block; z-index: 10; position: absolute; top: 0; left: 0; width: 800px; height: 470px; *display:none; display: none\0; } 
.idx-1 .icon { font-size: 0; white-space: nowrap; margin-top: 20px;width: 100%;overflow: hidden; } 
.idx-1 .icon>div { transition: .4s all ease; margin-right: 18px; text-align: center; width: 231px; height: 80px; line-height: 80px; background-color: #e6f2ed; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.idx-1 .icon>div a { display: block; font-size: 22px; color: #363636; transition: .4s all ease; } 
.idx-1 .icon>div .iconfont { color:#009d5a; font-size: 40px; vertical-align: -5px; margin-right: 15px; transition: .4s all ease; } 
.idx-1 .icon>div:first-child .iconfont { font-size: 30px; } 
.idx-1 .icon>div:hover { background-color: #009d5a; transition: .4s all ease; } 
.idx-1 .icon>div:hover .iconfont,.idx-1 .icon>div:hover a { color: white; transition: .4s all ease; } 
.idx-1 .fr { width: 733px; } 
.idx-1 .tit { margin-top: 20px; } 
.idx-1 .fr .con { margin: 20px 0; text-align:left; word-break:break-all; height: 235px; line-height: 40px; text-indent: 2em; font-size: 18px; color: #383838; } 

.idx-2 { padding: 70px 0 50px 0; height: 830px; background: url(../images/idx2bg.png) no-repeat top right; background-color: #f5f5f5; } 
.idx-2 .con { margin-top: 70px; } 
.idx-2 .fl { width: 885px; } 
.idx-2 .el { float: left; margin-bottom: 10px; margin-right: 40px; width: 400px; height: 340px; overflow: hidden; } 
.idx-2 .el a { display: block; padding: 40px; width: 320px; height: 260px; transition: .3s all linear; } 
.idx-2 .el a div { font-size: 18px; color: #ffffff; } 
.idx-2 .el a div span { display: block; } 
.idx-2 .el.el1 a { background: url(../images/idx21.jpg) no-repeat center; } 
.idx-2 .el.el2 a { background: url(../images/idx22.jpg) no-repeat center; } 
.idx-2 .el.el3 a { background: url(../images/idx23.jpg) no-repeat center; } 
.idx-2 .el.el4 a { background: url(../images/idx24.jpg) no-repeat center; } 
.idx-2 .el:hover a { transform: scale(1.05); transition: .3s all linear; } 

.idx-2 .fr { width: 705px; } 
.idx-2 .fr .tit-1 { margin-top: 20px; } 
.idx-2 .fr .tit { margin-top: 20px; } 
.idx-2 .fr .c { margin-top: 30px; line-height: 40px; font-size: 18px; color: #383838; } 
.idx-2 .fr .c strong { margin-top: 20px; display: block; font-size: 18px; color: #009d5a; } 
.idx-2 .fr .c img { margin: 0 auto; display: block; padding-top: 10px; text-align: center; } 
 
.idx-3 { font-size: 0; height: 830px; position: relative; overflow: hidden; } 
.idx-3 .bg { background-color: rgba(0, 0, 0, .4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 11; } 
.idx-3 .bd { position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } 
.idx-3 .bd div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.idx-3 .tit-2 { position: absolute; left: 0; width: 100%; top: 70px; color: white; z-index: 15; } 
.idx-3 .w1600 { white-space: nowrap; z-index: 20; position: relative; text-align: center; } 
.idx-3 .el { cursor:pointer; white-space: normal; border-right: 1px solid rgba(255, 255, 255, .2); *border-left:1px solid white; width: 289px; height: 830px; padding: 0 55px; display: inline-block; *display: inline; *zoom: 1; vertical-align:middle; *position: relative; } 
.idx-3 .el:first-child { border-left: 1px solid rgba(255, 255, 255, .2); } 
.idx-3 .el>div { display: table-cell; vertical-align: middle; width: 290px; height: 830px; *position: absolute; *top: 20%; *left:50%; *margin-left: -145px; } 
.idx-3 .el .tit { font-size: 75px; color: #ffffff; font-weight: bolder; text-align: center; } 
.idx-3 .el .tit span { display: none; font-size: 50px; transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; } 
.idx-3 .el .con { height: 0; display: none; overflow: hidden; margin-top: 40px; transition: .3s all linear; } 
.idx-3 .el .con .ti { margin-bottom: 25px; line-height: 30px; font-size: 16px; color: #ffffff; text-indent:2em; text-align:justify;} 
.idx-3 .el .con .e { line-height: 45px; } 
.idx-3 .el .con .e a { font-size: 18px; color: #ffffff; } 
.idx-3 .el .con .e a:hover { color: #f599ab; } 
.idx-3 .el .con .btn { transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; margin: 0 auto; margin-top: 30px; width: 130px; height: 40px; line-height: 40px; text-align: center; border:1px solid white; border-radius: 30px; } 
.idx-3 .el .con .btn a { display: block; font-size: 16px; color: #ffffff; } 
.idx-3 .el .con .btn:hover { width: 160px; background-color: #009d5a; transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; } 

.idx-3 .el.on { background-color: rgba(0, 0, 0, .2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); } 
.idx-3 .el.on .con { height:auto; display: block; transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; } 
.idx-3 .el.on .tit span { display: block; transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; } 

.idx-4 { background-color: #f5f5f5; padding: 70px 0; } 
.idx-4 .ban { margin-top: 40px; } 
.idx-4 .ban .hd { font-size: 0; text-align: center; } 
.idx-4 .ban .hd div { width: 200px; margin: 0 10px; background-color: white; height: 60px; line-height: 60px; cursor: pointer; font-size: 20px; color: #000000; text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.idx-4 .ban .hd div.on { background-color: #009d5a; color: white; } 
.idx-4 .ban .bd { margin-top: 60px; } 
.idx-4 .ban .el { overflow: hidden; font-size: 0; position: relative; } 
.idx-4 .ban .el .bd1 { font-size: 0; white-space: nowrap; } 
.idx-4 .ban .el .bd1 a>div { white-space:normal; display: inline-block; *display: inline; *zoom: 1; vertical-align:top; } 
.idx-4 .ban .el .bd1 .tit { white-space:normal; padding: 85px; padding-right: 165px; width: 530px; height: 310px; background-color: white; } 
.idx-4 .ban .el .bd1 .tit .t { height: 90px; font-size: 24px; color: #e6002d; line-height: 45px; font-weight: bolder; } 
.idx-4 .ban .el .bd1 .c { height: 140px; white-space:normal; height: 140px; font-size: 16px; color: #999999; line-height: 35px; margin-top: 25px; } 
.idx-4 .ban .el .bd1 .ti { font-size: 16px; color: #999999; margin-top: 30px; } 
.idx-4 .ban .el .bd1 .img { overflow: hidden; margin-left: -80px; width: 900px; margin-top: 65px; text-align: center; } 
.idx-4 .ban .el .bd1 .img img { width: 100%; height: 480px; background-color: black; transition: .3s all linear; } 
.idx-4 .ban .el .hd1 { position: absolute; top: 0; right: 0; } 
.idx-4 .ban .el .prev,.idx-4 .ban .el .next { margin:0 10px; font-size: 30px; color: #9a9a9a; cursor: pointer; width: 45px; height: 45px; text-align: center; line-height: 45px; border: 1px solid #959595; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.idx-4 .ban .el .hd1>div:hover { background-color: #009d5a; color: white; user-select: none; } 
.idx-4 .ban .el .bd1 div:hover img { transform: scale(1.1); transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; } 
.idx-4 .ban .el .bd1 div:hover .tit .t { color: #009944; } 

/* 内页 */

/* 领导关怀 */
.leader { width: 1245px; } 
.leader .el { margin-right: 35px; margin-bottom: 35px; float: left; width: 585px; height: 190px; background-color: #f5f5f5; font-size: 0; } 
.leader .el a>* { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } 
.leader .el .img { width: 240px; height: 100%; } 
.leader .el .img img { width: 100%; height: 100%; } 
.leader .el .con { padding:20px 25px; width: 290px; height: 150px; } 
.leader .el .con .tit { margin-bottom: 10px; font-size: 18px; color: #000000; height: 111px; line-height: 37px; } 
.leader .el .con .ti { font-size: 18px; color: #717171; } 
.leader .el:hover { background-color: #029e5c; } 
.leader .el:hover .tit,.leader .el:hover .ti { color: white; } 

/* 荣誉 */
.honor { width: 1240px; } 
.honor .el { cursor: pointer; float: left; width: 385px; margin-right: 25px; margin-bottom: 20px; text-align: center; } 
.honor .el .img { width: 100%; overflow: hidden; height: 280px; } 
.honor .el .img img { transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; height: 280px; } 
.honor .el.on img,.honor .el.on .img { height: 500px; } 
.honor .el .c { font-size: 18px; color: #000000; line-height: 60px; text-align: center; } 
.honor .el:hover img { transform: scale(1.1); transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; } 

/* 新闻 */
.news { } 
.news a { display: block; font-size: 0; } 
.news .bigel { width: 100%; height: 330px; white-space: nowrap; overflow: hidden; } 
.news .bigel a>div { white-space: normal; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.news .bigel .img { transition: .3s all ease; width: 520px; height: 330px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; } 
.news .bigel .con { background-color: #f9f8f8; padding: 40px; width: 600px; height: 250px; } 
.news .bigel .con .tit { height: 90px; font-size: 26px; color: #e6002d; font-weight: bolder; line-height: 45px; } 
.news .bigel .con .ti { font-size: 18px; color: #5c5c5c; margin: 15px 0; } 
.news .bigel .con .c { font-size: 16px; color: #999999; line-height: 35px; } 
.news .bigel:hover .con { background-color: #029e5b; } 
.news .bigel:hover .con .tit,.news .bigel:hover .con .ti ,.news .bigel:hover .con .c { color: white; } 
.news .bigel:hover .img { transform: scale(1.05); transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease; -o-transition: .3s all ease; } 


.news .el { margin-top: 30px; width: 100%; height: 130px; background-color: #f9f8f8; } 
.news .el a { padding: 35px; height: 60px; } 
.news .el a>* { white-space: normal; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.news .el a .ti { border-right: 1px solid #dcdcdc; padding-right: 35px; margin-right: 35px; font-size: 16px; color: #009d5a; text-align: center; } 
.news .el a .ti span { margin: 5px 0; display: block; font-size: 24px; } 
.news .el a .tit { width: 985px; } 
.news .el a .tit .t { font-size: 22px; margin-bottom: 10px; color: #242424; font-weight: bolder; } 
.news .el a .tit .c { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #999999; } 
.news .el:hover { background-color: #fff4f4; } 
.news .el:hover .ti,.news .el:hover .ti span,.news .el:hover .tit .t,.news .el:hover .tit .c { color: #009d5a !important; } 


/* 产品 */
.pros { width: 1240px; } 

.pros .el { margin-right: 30px; margin-bottom: 30px; float: left; width: 380px; height: 320px; } 
.pros .el a { display: block; width: 380px; height: 320px; } 
.pros .el .img { display: table-cell; overflow: hidden; width: 378px; text-align: center; height: 249px; border: 1px solid #e5e5e5; border-bottom: none; background-color: transparent; } 
.pros .el .img img { transition: .3s all linear; } 
.pros .el .img div { display: table-cell; vertical-align: middle; width: 378px; height: 249px; } 
.pros .el .tit { height: 70px; line-height: 70px; background-color: #fff5f5; font-size: 20px; color: #292929; text-align: center; } 
.pros .el:hover .img img { transform: scale(1.1); transition: .3s all linear; } 
.pros .el:hover .tit { background-color: #f5fff6; } 

/* 图片 */
.imglist { width: 1240px; } 
.imglist a { display: block; } 
.imglist .el { margin-right: 25px; margin-bottom: 30px; float: left; width: 385px; height: 325px; } 
.imglist .el .img { overflow: hidden; width: 385px; text-align: center; height: 270px; background-color: transparent; } 
.imglist .el .img img { display: block; width: 100%; height: 100%; transition: .3s all linear; } 
.imglist .el .tit { height: 55px; line-height: 55px; font-size: 18px; color: #000000; text-align: center; } 
.imglist .el:hover .img img { transform: scale(1.1); transition: .3s all linear; } 

.imgcon { margin-bottom: 30px; padding: 35px; background-color: #fef0f3; font-size: 18px; color: #383838; line-height: 40px; } 
.imgcon p { font-size: 18px; color: #383838; line-height: 40px; } 


/* 招聘 */
.recruit { } 
.recruit .el { margin-bottom: 30px; } 
.recruit .el .head { width:100%; height:80px; line-height: 80px; background:#f7f7f7; font-size: 0; } 
.recruit .el .head div { color:#606060; display: inline-block; *display: inline; *zoom: 1; font-size: 18px; } 
.recruit .el .head div span { font-weight:bold; } 
.recruit .el .head div.h1 { width:385px; margin-right: 20px; padding-left: 35px; } 
.recruit .el .head div.h2 { width: 300px; margin-right: 20px; } 
.recruit .el .head div.h3 { width: 320px; margin-right: 20px; } 
.recruit .el .head .btn { width:100px; text-align:center; background:#e0e0e0; color:#464545; cursor:pointer; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } 
.recruit .el .con { border: 1px solid #eeeeee; display:none; padding:35px; background-color: #ffffff; } 
.recruit .el .con p { font-size: 16px; color: #494949; line-height: 40px; } 
.recruit .el .con h1 { font-size: 18px; color: #009d5a; font-weight: bold; } 

.joincon { background-color: #fef0f3; padding: 35px; } 
.joincon .tit { font-size: 30px; color: #e6002d; font-weight: bolder; text-align: center; } 
.joincon .tip { font-size: 18px; color: #4f3b40; line-height: 40px; border-top: 1px solid #d9bfc5; padding-top: 20px; } 
.joincon .con { padding: 20px 0; font-size: 18px; color: #4f3b40; font-weight: bolder; line-height: 40px; } 

/* 联系 */
.contact { } 
.contact .cl { width: 1240px; } 
.contact .el { float: left; margin-right: 25px; margin-bottom: 25px; padding: 0 25px; width: 185px; height: 240px; background-color: #fafafa; text-align: center; } 
.contact .el>div { width: 170px; display: table-cell; vertical-align: middle; height: 240px; } 
.contact .el.el1 ,.contact .el.el1>div { width:540px; } 
.contact .el.el2 ,.contact .el.el2>div { width: 410px; } 
.contact .el img { display: block; margin: 0 auto; margin-bottom: 15px; } 
.contact .el>div>div { font-size: 24px; color: #292929; font-weight: bolder; margin-bottom: 10px; } 
.contact .el span { padding-top: 10px; font-size: 17px; color: #565656; } 
.contact .map { margin-bottom: 20px; } 

/* 文章 */
.article { } 
.article .title { font-size: 36px; color: #000000; font-weight: bolder; text-align: center; line-height: 55px; margin-bottom: 30px; } 
.article .msg { font-size: 18px; color: #5c5c5c; text-align: center; border-bottom: 1px solid #d2d2d2; padding-bottom: 25px; } 
.article .content { font-size: 18px; color: #383838; padding: 20px 0; line-height: 40px; } 
.article .content p { font-size: 18px; color: #383838; line-height: 40px; } 

/* 上下篇 */
.pan { padding: 0 50px; height: 80px; line-height: 80px; background-color: #f5f5f5; } 
.pan span { font-size: 18px; color: #999999; } 
.pan a { font-size: 18px; color: #333333; } 
.pan .fl ,.pan .fr { width: 450px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.pan a:hover { color:#009d5a; } 
.pan .back { float: left; margin: 0 40px; } 
.pan .back a { color: #e6002d; font-size: 18px; } 
.pan .back span { color: #e6002d; font-size: 20px; vertical-align:-1px; padding-right: 5px; } 
.pan .back:hover a,.pan .back:hover a span { color: #009d5a; } 

    

/*产品图片 */
.proimg { width: 100%; position: relative; } 
.proimg .hd { overflow: hidden; float: left; width: 935px; height: 660px; } 

.proimg .hd .area { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } 
.proimg .hd .el { height: 660px; text-align: center; flex-shrink: 0; position: relative; transition-property: transform; position: relative; } 
.proimg .hd .el div { position: absolute; left: 0; top: 0; width: 935px; height: 660px; display: table-cell; vertical-align:middle; } 
.proimg .next,.proimg .prev { user-select: none; color: white; font-size: 30px; cursor: pointer; margin: unset; position: absolute; right: 35px; top: unset; left: unset; width: 195px; height: 40px; line-height: 40px; text-align: center; background-color: #e6002d; } 
.proimg .next { bottom: 25px; } 
.proimg .prev { top: 25px; } 
.proimg .next:hover ,.proimg .prev:hover { background-color: #009d5a; } 

.proimg .bd { width: 195px; height: 490px; padding:85px 35px; overflow: hidden; background-color: #fef0f3; } 
.proimg .bd .tempWrap { overflow: hidden; float: right; width: 195px; height: 490px !important; } 
.proimg .bd .el { margin-bottom: 15px; } 
.proimg .bd .el .img { border: 2px solid transparent; text-align: center; width: 191px; overflow: hidden; height: 109px !important; background-color: transparent; background-color: white; } 
.proimg .bd .el .img img { width: auto; max-height: 110px; max-width: unset; vertical-align: middle; } 
.proimg .bd .el.on div { border: 2px solid #e6002d; } 
.proimg .bd .area { height: 490px; } 

.protit { margin-top: 40px; height: 55px; line-height: 55px; background-color: #f5f5f5; } 
.protit div { font-size: 22px; color: #ffffff; background-color: #009d5a; width: 175px; text-align: center; } 
.protit.mt30 { margin-bottom: 30px; } 



/* 表单 */
.msgimg { font-size: 45px; line-height: 130px; color: #f15500; font-weight: bolder; padding-left: 370px; height: 130px; margin-bottom: 20px; background: url(../images/msgimg.png) no-repeat center; } 
.msgtit { margin-bottom: 30px; line-height: 60px; border-bottom: 1px solid #eeeeee; } 
.msgtit div { font-size: 24px; color: #141414; font-weight: bolder; border-bottom: 2px solid #009d5a; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.msgcon { padding: 35px; background-color: #fafafa; font-size: 18px; color: #141414; } 
.msgcon p { font-size: 18px; color: #141414; line-height: 40px; } 
.msgcon strong { font-weight: bolder; color: #009d5a; } 


/* 咨询 */
.message { background: #f1fdf8; padding: 25px 30px; } 
.message input,.message textarea { font-size: 18px; color: #000; } 
.message input::placeholder,.message textarea::placeholder { color: #bfbebe; } 
.message .top { } 
.message .top input { width: 336px; padding:0 15px; height: 55px; line-height: 55px; margin-right:20px; outline: none; border: none; } 
.message .top input.last { margin-right: 0; } 

.message .mid { margin: 30px 0; } 
.message .mid textarea { width: 1100px; line-height: 30px; height: 105px; padding: 20px; resize: none; outline: none; border: none; } 
.message .mid textarea::-webkit-scrollbar { width: 10px; } 
.message .mid textarea::-webkit-scrollbar-track { background: #bfbebe; } 
.message .mid textarea::-webkit-scrollbar-thumb { background: #e6002d; } 

.message .btn { margin: 0 auto; margin-top: 35px; width: 275px; height: 60px; line-height: 60px; font-size: 26px; color: #fff; background-color: #009944; text-align: center; cursor: pointer; } 
.message .btn:hover { background-color: #e6002d; } 

.brandcon { background-color: #fff3f5; height: 450px; } 
.brandcon .img { float: left; width: 490px; height: 100%; } 
.brandcon .img img { width: 100%; height: 100%; } 
.brandcon .con { overflow: hidden; text-overflow: ellipsis; float: left; padding: 35px; width: 640px; font-size: 18px; color: #141414; line-height: 33px; } 

.brandteam { margin-bottom: 30px; width: 1230px; max-height: 780px; overflow-y: auto; } 
.brandteam::-webkit-scrollbar { width: 10px; } 
.brandteam::-webkit-scrollbar-track { background: #bfbebe; } 
.brandteam::-webkit-scrollbar-thumb { background: #039f5c; } 
.brandteam div { float: left; margin-bottom: 20px; width: 590px; height: 370px; margin-right: 20px; } 
.brandteam div img { width: 100%; height: 100%; } 


.brandarc { position: relative; } 
.brandarc .bd div { width: 352px; height: 400px; padding: 0 15px; background-color: #fafafa; border: 1px solid #dcdcdc; margin-right: 20px; text-align: center; } 
.brandarc .bd div span { display: table-cell; vertical-align: middle; width: 355px; height: 400px } 
.brandarc .prev,.brandarc .next { position: absolute; top: 180px; color: #969696; font-size: 40px; cursor: pointer; user-select: none; } 
.brandarc .prev { left: -8px; } .brandarc .next { right: -3px; } 
.brandarc .iconfont:hover { color: #039f5c; } 


#pictureViewer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000); z-index: 10000; } 
#pictureViewer > .content { border-radius: 10px; background-color: white; position: absolute; width: 900px; padding: 0 50px; padding-bottom: 60px; max-height: 660px; margin: auto; top: 0; right: 0; bottom: 0; left: 50%; margin-left: -500px; } 
#pictureViewer .title { font-weight: bolder; font-size: 36px; color: #000000; text-align: center; line-height: 100px; } 
#pictureViewer .close { position: absolute; top: 10px; right:10px; font-size: 50px; color: #a2a0a0; cursor: pointer; } 
#pictureViewer .close:hover { color:#009944; } 
#pictureViewer .prev,
#pictureViewer .next { user-select: none; z-index: 9999; position: absolute; font-size: black; font-size: 50px; left: 50%; top: 330px; cursor: pointer; } 
#pictureViewer .prev { margin-left: -500px; } 
#pictureViewer .next { margin-left: 460px; } 
#pictureViewer .prev:hover,
#pictureViewer .next:hover { color: #009944; } 

#pictureViewer .con { height: 570px; margin: 0 auto; width: 900px; display: table-cell; vertical-align: middle; text-align: center; } 
#pictureViewer .con img { height: 570px; } 
#pictureViewer .counter { left: 0; position: absolute; bottom: 0; height: 40px; line-height: 40px; width: 100%; text-align: center; color: #808080; font-size: 13px; } 
#pictureViewer .num { font-size: 30px; color: #e6002d; } 
#pictureViewer .total { font-size: 18px; color: #3d3c3c; } 


.qrcode img { width: 100px; height: 100px; } 


.coc-3 { padding: 40px 0; } 
.coc-3 .con { } 
.coc-3 .con .hd { width: 100%; position: relative; } 
.coc-3 .con .hd .yeardot { height: 109px; overflow: hidden; width: 1180px; *position: relative; } 
.coc-3 .con .hd ul { white-space: nowrap; font-size: 0; position: relative; margin: 0; padding: 0; transition: .3s all linear; } 
.coc-3 .con .hd ul li { border-bottom: 1px solid #ecf1f5; width: 170px; height: 70px; position: relative; font-size: 22px; cursor: pointer; color: #000000; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.coc-3 .con .hd ul li div { text-align: center; height: 52px; padding-bottom: 10px; } 
.coc-3 .con .hd ul li div>span { display:table-cell; vertical-align:bottom; width: 180px; height: 52px; text-align: center; } 
.coc-3 .con .hd ul li>span { display: block; position: absolute; bottom: -6px; left: 80px; margin: 0 auto; width: 12px; height: 12px; background-color: black; border-radius: 100%; background-size: 38px; } 
.coc-3 .con .hd ul li.on { color: #009d5a; text-align: center; } 
.coc-3 .con .hd ul li.on>span { background-color: #009d5a; } 
.coc-3 .con .hd .prev,.coc-3 .con .hd .next { user-select: none; background-color: #cccccc; width: 42px; height: 42px; border-radius: 100%; text-align: center; line-height: 42px; font-size: 20px; color:white; position: absolute; top: 47px; cursor: pointer; } 
.coc-3 .con .hd .prev { left: -15px; } 
.coc-3 .con .hd .next { right: -15px; } 
.coc-3 .con .hd .prev:hover,.coc-3 .con .hd .next:hover { background-color: #009d5a; } 

.coc-3 .con .bd { margin: 0 auto; margin-top: 40px; overflow: hidden; } 
.coc-3 .con .bd ul { } 
.coc-3 .con .bd ul li { } 
.coc-3 .con .bd ul li .el { float: left; min-height: 120px; display: block; margin-right: 50px; width: 305px; padding: 20px 30px; background: #f2f2f2; text-align: left; } 
.coc-3 .con .bd ul li .el div { font-size: 24px; color: #e6002d; text-align: left; font-weight: bolder; line-height: 40px; } 
.coc-3 .con .bd ul li .el p { font-size: 18px; color: #646665; line-height: 40px; display: inline; } 

.abt h1 { margin-bottom: 30px; font-size: 40px; color: #009d5a; display: inline-block; margin-right: 30px; *display: inline; *zoom: 1; vertical-align: middle; } 
.abt p { font-size: 18px; color: #383838; line-height: 45px; } 



.nodata { text-align: center; font-size: 28px; color: #009d5a; font-weight: bolder; } 




/* 营销网络 */
.market { padding: 50px 40px; border: 1px solid #eeeeee; } 
.market .hd { font-size: 0; margin-bottom: 60px; white-space: nowrap; } 
.market .hd .el { cursor: pointer; font-size: 40px; color: #7e7e7e; font-weight: bolder; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } 
.market .hd .el.on { color: #009d5a; } 
.market .hd .el span { font-size: 55px; vertical-align: -5px; width: 50px; margin-right: 15px; height: 50px; } 
.market .hd .el.el1 span { font-size: 70px; vertical-align: -10px; margin-right: 10px; } 
.market .hd .el.el1 { position: relative; padding: 0 187px; } 
.market .hd .el.el1:before { content: ''; width: 120px; height: 2px; background-color: #dcdcdc; position: absolute; top: 35px; left: 35px; } 
.market .hd .el.el1:after { content: ''; width: 120px; height: 2px; background-color: #dcdcdc; position: absolute; top: 35px; right: 35px; } 

.nodata { text-align: center; font-size: 28px; color: #009d5a; font-weight: bolder; }