*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.hover_time{ -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 55px auto; text-align: center;}
.more-title h3{ font-weight: bold; margin-bottom: 10px;color: #333;font-size: 20px;line-height: 20px;}
.more-title h4{ font-size: 16px;line-height: 16px;color: #999;font-family: arial;text-transform: uppercase;}

/*header*/

.header{ width: 100%; font-size: 0;}
.header .h_nr_1{ width: inherit; position: relative; height: 39px; line-height: 39px;}
.header .h_nr_1:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(../images/headtop.png)no-repeat center; height: 3px; width: 100%;}
.header .header_top .header_left,.header .header_top .header_right a,.header .header_top .header_right img{ display: inline-block; vertical-align: middle; font-size: 14px; color: #999;}
.header .header_top .header_right img{ margin-right: 5px; margin-top: -4px;}
.header .header_top .header_right a{ margin-right: 35px;}
.header .header_top .header_right a:hover{ color: #3f9f1c;}
.header .h_nr_2{ width: inherit; padding-top: 20px; height: 125px; overflow: hidden;}
.header .h_nr_2 .zb>div{ display: inline-block; vertical-align: top;}
.header .h_nr_2 .left{ width: 205px;}
.header .h_nr_2 .zb .wb{ position: relative; padding-left: 25px;}
.header .h_nr_2 .zb .wb:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/headhr.png)no-repeat;width: 1px; height: 83px;}
.header .h_nr_2 .zb .wb p{ font-weight: bold; margin: 15px 0 10px; color: #3f9f1c; font-size: 24px; line-height: 24px;}
.header .h_nr_2 .zb .wb dd{ letter-spacing: 0.5px; font-size: 20px; color: #f3a31b;line-height: 20px;}
.header .h_nr_2 .right{ margin: -5px 0 0;}
.header .h_nr_2 .right>div{ display: inline-block; vertical-align: top;}
.header .h_nr_2 .right .dzrx{ color: #666; margin-right: 40px;}
.header .h_nr_2 .right .dzrx p{ margin: 5px 0 9px; font-size: 18px; line-height: 18px;}
.header .h_nr_2 .right .dzrx i{ display: block; font-weight: bold; font-size: 24px; margin: 0 0 2px 0; color: #3f9f1c; line-height: 24px;}

/*header nav*/

.header .nav{ width: 100%; background: #3f9f1c; height: 58px;}
.header .nav .nav-content ul li:first-child{ width: 132px;}
.header .nav .nav-content ul li{ height: 40px; border-radius: 5px; margin: 9px 0; display: inline-block; vertical-align: middle; text-align: center; position: relative;}
.header .nav .nav-content ul li i{ display: inline-block; vertical-align: middle;}
.header .nav .nav-content ul li a{ padding: 7px 10px; color: #fff; font-size: 16px; position: relative; height: 40px; display: block;}
.header .nav .nav-content ul li img{ display: none;}
.header .nav .nav-content ul li.on img,.header .nav .nav-content ul li:hover img{ display: inline-block; vertical-align: middle; margin-right: 8px;}
.header .nav .nav-content ul li.on,.header .nav .nav-content ul li:hover{ background-color: rgb(243, 163, 27); box-shadow: inset 0px 2px 7px 0px rgba(7, 0, 2, 0.26);}
.header .nav .nav-content ul .tsli{ margin-right: 0;}
.header .nav .nav-content ul dd{ display: inline-block; vertical-align: middle; background: url(../images/navhr.png)no-repeat; width: 2px; height: 37px; margin: 0 17px;}
.header .nav .nav-content ul .navsub{ position: absolute; left: 0; top: 40px; z-index: 6; width: 100%; opacity: 0;}
.header .nav .nav-content ul li:hover .navsub{ opacity: 1; transition: all .5s;}
.header .nav .nav-content ul .navsub ol{ display: block; background-color: rgb(243, 163, 27); box-shadow: inset 0px 2px 7px 0px rgba(7, 0, 2, 0.26); border-radius: 5px;}
.header .nav .nav-content ul .navsub ol a{ font-size: 14px; color: #fff;}
.header .nav .nav-content ul .navsub ol a i{ border-bottom: none;font-weight: bold;}

/*首页banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 14px; overflow: hidden; position: absolute; left: 48%; bottom: 35px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; background: #fff; width: 14px; height: 14px; border: 1px solid #fff; border-radius: 50%; margin-right: 15px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #3f9f1c; border: 1px solid #3f9f1c;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}

/*search*/

.search{ background-color: rgb(255, 255, 255); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); font-size: 0; width: 100%; line-height: 70px; height: 70px;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{color: #333; font-size: 14px;}
.search-keywords a,.search-keywords i{ color: #999; font-size: 14px;}
.search-keywords i{ margin: 0 5px 0;}
.search-keywords a:hover{ color: #47ab25; text-decoration: underline;}
.search-form{ float: right;}
#searchForm{ background: url(../images/search.png)no-repeat; width: 350px; height: 35px; display: inline-block; vertical-align: top; margin: 18px 0 0 0;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #bbb;}
#searchForm .search-input{ height: 35px; line-height: 35px; text-indent: 10px; width: 90%;}
.search-form #s_btn{ width: 35px; height: 35px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #bbb;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #bbb;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #bbb;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #bbb;}

/*product*/

.product{ padding: 60px 0 0 0;}
.product .pro-left{ width: 272px;}
.product .pro-left .kk{ background: #f2f2f2; border: 1px solid #e8e8e8; overflow: hidden;}
.product .pro-left .kk .top{ background: url(../images/protop.png)no-repeat; width: 100%; height: 109px; text-align: right; padding: 32px 60px 0 0;}
.product .pro-left .kk .top h3{ color: #fff; font-size: 36px; line-height: 36px;}
.product .pro-left .kk .top b{ display: block; margin: 10px 0 0; color: #097500; font-size: 12px; line-height: 12px; text-transform: uppercase; font-family: arial;}
.product .pro-left .sideMenu{ padding: 27px 20px 0;}
.product .pro-left .sideMenu h6{ position: relative; width: 100%; padding-bottom: 11px; margin-bottom: 15px;}
.product .pro-left .sideMenu h6:before{ position: absolute; left: 0; bottom: 0; content: ""; background: url(../images/prohr.png)no-repeat; width: 100%; height: 2px;}
.product .pro-left .sideMenu h6 a{ color: #3f9f1c; font-size: 18px;}
.product .pro-left .sideMenu ul li dd{ line-height: 14px; margin-bottom: 10px;}
.product .pro-left .sideMenu ul li dd a{ display: block; color: #666; font-size: 14px;}
.product .pro-left .sideMenu ul li dd a:hover{ color: #3f9f1c;}
.product .pro-left .sideMenu ul li dd a b{ margin: 0 10px 0 0;}
.product .right{ margin-left: 18px; width: 910px; height: 756px; overflow: hidden;}
.product .right .more{ width: 100%; background: url(../images/prortop.png)no-repeat; height: 33px; margin-bottom: 20px;}
.product .right .more a{ float: right; display: inline-block; vertical-align: top; width: 60px; height: 20px;}
.product .right ul li:nth-child(3n){ margin-right: 0;}
.product .right ul li{ float: left; width: 290px; text-align: center; margin: 0 20px 20px 0;}
.product .right ul li .pic{ width: 100%; height: 186px; overflow: hidden; border: 1px solid #d8d8d8;}
.product .right ul li .pic img{ width: 100%;}
.product .right ul li .mc{ background: #d8d8d8; color: #666; font-size: 16px; height: 35px; line-height: 35px;}
.product .right ul li:hover .pic img{ transform: scale(1.1, 1.1);}
.product .right ul li:hover .mc{ background: #3f9f1c; color: #fff;}

/*yycj*/

.yycj{ height: 773px; overflow: hidden;}
.yycj .nr li{ float: left; position: relative; width: 585px; height: 288px; overflow: hidden; margin: 0 30px 30px 0; text-align: center;}
.yycj .nr li .pic{ width: 585px; height: 288px; overflow: hidden;}
.yycj .nr li:nth-child(2n){ margin-right: 0;}
.yycj .nr li .pic img{ width: 100%;}
.yycj .nr li .pic:hover img{ transform: scale(1.1);}
.yycj .nr li .mc{ position: absolute; left: 0; top: -288px; transition: all .3s; z-index: 1; background: url(../images/caseyyc.png)no-repeat center; width: 585px; height: 288px; overflow: hidden; padding-top: 113px;}
.yycj .nr li .mc p{ margin-bottom: 10px; color: #fff; font-size: 24px; line-height: 24px;}
.yycj .nr li:hover .mc{ top: 0;}

/*con1*/

.con1 .bd{ width: 636px; height: 396px; overflow: hidden;}
.con1 .bd img{ width: 100%;}
.con1 .hd ul li{ margin-bottom: 20px; background-color: rgb(255, 255, 255); width: 529px; height: 118px;}
.con1 .hd ul li>div{ display: inline-block; vertical-align: top;}
.con1 .hd ul li .bt{ margin: 8px 0; background: url(../images/con1hd1.png)no-repeat; width: 102px; height: 102px; text-align: center; line-height: 102px; color: #fff; font-size: 48px;}
.con1 .hd ul li .by{ margin-left: 15px; margin-top: 18px;}
.con1 .hd ul li .by dt{ color: #333; margin-bottom: 10px; line-height: 22px; font-weight: bold; font-size: 22px;}
.con1 .hd ul li .by dd{ line-height: 26px; color: #666; font-size: 16px;}
.con1 .hd ul li.on{ box-shadow: 0px 2px 16px 0px rgba(8, 1, 3, 0.16);}
.con1 .hd ul li.on .bt{ transform: rotateY(360deg); background: url(../images/con1hd2.png)no-repeat; transition: all .5s;}
.con1 .hd ul li.on .by dt{ color: #3f9f1c;}

/*sbanner*/

.sbanner{ margin-top: 60px; background: url(../images/sbanner.png)no-repeat center; background: url(../images/sbanner.png)\9 no-repeat center; width: 100%; height: 360px; overflow: hidden;}
.sbanner .font{ height: 170px; padding: 110px 0 0 70px; background: url(../images/sbannrfont.png)no-repeat left;}
.sbanner .font p{ margin-bottom: 15px; color: #333; font-size: 18px; line-height: 18px;}
.sbanner .font dt{ color: #333; font-size: 24px; line-height: 24px;}
.sbanner .font dt i{ font-weight: bold; color: #3f9f1c; font-size: 36px;}

/*ys*/

.card-area{margin: 0 auto 0;height: 476px;width: 100%;position: relative;}
.card-area .card-item{ list-style: none;overflow: hidden; z-index: 4; transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s; position: relative; float: left;width: 16.0839%; height: 476px; background-color: transparent; background-color: rgb(255, 255, 255); box-shadow: 3.536px 3.536px 5px 0px rgba(0, 0, 0, 0.1);}
.card-area li{ margin-right: 10px;}
.card-area li:last-child{ margin-right: 0;}
.card-area .card-item .card{transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;width: 100%;height: 100%;text-align: center;background: #fff;}
.card-area .card-item .card .card-content.content-first{transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s; z-index: 3;opacity: 1;filter: alpha(opacity=100);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s; z-index: 2;opacity: 0;filter: alpha(opacity=0);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0));line-height: 2}
.card-area .card-item .card .card-content.content-second li{float: left;width: 50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position: absolute;left: 0;right: 0;z-index: 1}
.card-area .card-item .card .card-title{transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;height: 300px;line-height: 26px;font-size: 14px;top: 0;background: none;}
.card-area .card-item .card .card-title .content{position: absolute;top: 0;width: 100%;z-index: 10;opacity: 0.7;height: 300px;overflow: hidden;}
.card-area .card-item .card .card-title .short-info{color: #8dbbdc;font-size: 14px;margin-top: 0;margin-bottom: 20px}
.card-area .card-item .card .card-title .zq-product-img{width: 40px;height: 40px;margin: 10px auto;position: relative}
.card-area .card-item .card .card-title .zq-product-img img{position: absolute;left: 0;width: 100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index: 1;opacity: 1; filter: alpha(opacity=100);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index: 2;opacity: 0; filter: alpha(opacity=0);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s}
.card-area .card-item .card .card-content{height: 176px; position: absolute; top: 300px;}
.card-area .card-item .card .card-content.content-first .content-first-list{ width: 100%; max-width: 193px; text-align: center; font-size: 16px; color: #3f9f1c; margin: 35px 0 0 0;}
.card-area .card-item .card .hr{ display: inline-block; vertical-align: top; background-color: rgb(0, 96, 183); width: 31px; height: 2px; margin: 20px 0;}
.card-area .card-item .card .hr2{ margin: 15px 0 15px;}
.card-area .card-item .card .card-content.content-second{ width: 90%; left: 30px; font-size: 14px; color: #666; text-align: left; padding-top: 25px;}
.card-area .card-item.active{ z-index: 6; background-color: rgb(255, 255, 255); box-shadow: 3.536px 3.536px 5px 0px rgba(0, 0, 0, 0.1); width: 49.167%; height: 476px;}
.card-area .card-item.active .card .card-title{border: none}
.card-area .card-item.active .card .card-title .short-info{color: #9ed8f5}
.card-area .card-item.active .card .card-content.content-first{transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s; z-index: 2;opacity: 0;filter: alpha(opacity=0);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s; z-index: 3;opacity: 1;filter: alpha(opacity=100);-ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .content img{display: block; background: #fff;}
.card-area .edfw1{ margin-bottom: 20px; color: #3f9f1c; font-size: 16px; line-height: 19px; display: block;}
.card-area .edfw2{ line-height: 28px; color: #666; font-size: 16px; display: block;}
.card-area .asdfesz img{ vertical-align: middle; margin: -4px 0 0 15px;}
.card-area .card-item.active .card .card-content.content-second p{ color: #3f9f1c; font-size: 18px; line-height: 18px; font-weight: bold;}
.card-area .card-item.active .card .card-content.content-second dt{ color: #333; font-size: 24px; line-height: 24px; margin: 18px 0 15px;}
.card-area .card-item.active .card .card-content.content-second a{ background: url(../images/ysicon.png)no-repeat left center; padding-left: 18px; color: #666; font-size: 14px; display: block; line-height: 28px;}
.card-area .card-item.active .card .content{ opacity: 1;}

/*scslzx*/

.scslzx{ height: 635px;}
.scslzx .nr{ position: relative; height: 487px;}
.poster-main{ position: relative;margin: 0 auto;}
.poster-main a,.poster-main img{ display: block; width: 100%; height: 100%;}
.poster-main img{ width: 100%; height: 100%;}
.poster-main .poster-list{ width: 1200px; height: 487px;position: relative;z-index: 1;}
.poster-main .poster-list .poster-item{ position: absolute; left: 0; top: 0;}
.poster-main .poster-btn{ position: absolute; top: 204px; cursor: pointer; width: 24px!important;height: 66px!important;}
.poster-main .poster-prev-btn{ left: -54px; background: url(../images/btn1.png) no-repeat;}
.poster-main .poster-next-btn{ right: -54px; background: url(../images/btn2.png) no-repeat;}
.poster-main .poster-item-title{ position: absolute; left: 0; bottom: -30px; color: #666; font-size: 18px; line-height: 18px; width: 100%; text-align: center;}
.poster-main .poster-item-title a:hover{ color: #3f9f1c;}
.poster-main .poster-item-title a{ display: inline;}

/*about*/

.about{ margin-top: 60px; background: url(../images/aboutbg.png)no-repeat center top; background: url(../images/aboutbg.png)no-repeat center top; width: 100%; height: 908px; overflow: hidden;}
.aboutnr{ height: 420px; overflow: hidden; padding-top: 40px;}
.about .aboutnr .nr .js{ margin-right: 30px; width: 607px; height: 285px; overflow: hidden;}
.about .aboutnr .nr .js dt{ margin: 0 0 8px; line-height: 0;}
.about .aboutnr .nr .js dd{ font-size: 16px; color: #333; line-height: 30px; width: 607px; text-align: justify;}
.about .aboutnr .nr .js .morea{ margin-top: 40px; display: block; background: url(../images/aboutmore.png)no-repeat; width: 136px; height: 46px;}
.about .aboutnr .nr .pic{ width: 519px; height: 285px; overflow: hidden;}
.about .aboutnr .nr .pic img{ width: 100%;}
.about .aboutnr .nr .pic:hover img{ transform: scale(1.1);}
.qysl{ background: url(../images/qyxcbg.png)no-repeat; font-size: 0; width: 1244px; height: 498px; overflow: hidden; margin: -10px auto 0;}
.qysl .nr{ width: 1160px; margin: 0 auto;}
.qysl .nr .bdnr .bd ul li{ width: 176px; margin-right: 35px; display: inline-block; vertical-align: top; text-align: center;}
.qysl .nr .bdnr .bd ul li .pic{ width: 176px; height: 254px; overflow: hidden;}
.qysl .nr .bdnr .bd ul li .mc{ color: #666; font-size: 16px; line-height: 16px; margin-top: 10px;}
.qysl .nr .bdnr .bd ul li .pic img{ width: 100%;}
.qysl .nr .bdnr .bd ul li:hover .mc{ color: #3f9f1c;}
.qysl .nr .bdnr .bd{ position: relative; margin: 0 30px;}
.qysl .nr .bdnr .bd .btn{ display: inline-block; vertical-align: middle; width: 15px; height: 44px; cursor: pointer;}
.qysl .nr .bdnr .bd .tempWrap,.qysl .nr .bdnr .bd ul{ width: 1025px; height: 280px; margin: 0 20px; overflow: hidden; display: inline-block; vertical-align: middle;}
.qysl .nr .bdnr .bd .tempWrap{ width: 1025px!important;}

/*new*/

.new{ height: 490px; border-bottom: solid 1px #ccc; font-size: 14px;}
.new .top{height: 48px;border-bottom: solid 1px #ccc;}
.new .top ul li{ height: 48px; line-height: 48px; cursor: default; float: left;width: 132px;font-size: 22px;color: #333;text-align: center;margin-right: 20px;}
.new .top ul .on{border-bottom: solid 4px #3f9f1c;}
.new .top a{color: #666;float: right;margin-top: 15px;}
.new .nr{height: 409px;margin-top: 32px;}
.new .nr ul li .left{width: 650px;float: left;}
.new .nr ul li .left .xq{width: 650px;height: 180px;background: #eee;padding: 13px;margin-bottom: 20px;}
.new .nr ul li .left .xq .img{width: 220px;height: 154px;float: left;overflow: hidden;}
.new .nr ul li .left .xq .img img{width: 100%;}
.new .nr ul li .left .xq .wz{width: 370px;height: 154px;float: right;}
.new .nr ul li .left .xq .wz a{font-size: 18px;color: #333;display: block;}
.new .nr ul li .left .xq .wz i{font-size: 14px;color: #a9a9a9;display: block; margin: 15px 0 10px;}
.new .nr ul li .left .xq .wz p{font-size: 14px;color: #666;line-height: 24px;}
.new .nr ul li .left .xq:hover{background: #3f9f1c;}
.new .nr ul li .left .xq .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.new .nr ul li .left .xq:hover .wz a{color: #fff;}
.new .nr ul li .left .xq:hover .wz i{color: #fff;}
.new .nr ul li .left .xq:hover .wz p{color: #fff;}
.new .nr ul li .right{width: 500px;float: right;}
.new .nr ul li .right .list{width: 500px;height: 37px;border-bottom: solid 1px #ccc;margin-bottom: 15px;}
.new .nr ul li .right .list:nth-child(8n){ margin-bottom: 0px;border: none;}
.new .nr ul li .right .list a{color: #333;}
.new .nr ul li .right .list a span{color: #c2c2c2;margin-right: 15px;}
.new .nr ul li .right .list a i{float: right;}
.new .nr ul li .right .list:hover a,.new .top a:hover{color: #3f9f1c;}
.new .nr ul li .right .list:hover a span{color: #3f9f1c;}

/*question*/

.question{ position: relative; font-size: 0;}
.question>div{ display: inline-block; vertical-align: top; height: 104px; overflow: hidden;}
.question .left{ width: 190px; background: url(../images/wdbj.png)no-repeat; height: 104px; overflow: hidden;}
.question .left .top{ padding-top: 15px; width: 172px; height: 104px; text-align: center;}
.question .left h3{ font-size: 22px; color: #333; line-height: 22px;}
.question .left p{ margin: 10px 0 0;font-size: 14px; color: #999; line-height: 14px;}
.question .btn{ position: absolute; background: #a2a2a2; width: 80px; height: 25px; text-align: center; line-height: 25px; cursor: pointer; bottom: 0;}
.question .btn:hover{ background: #3f9f1c;}
.question .btn img{ vertical-align: middle;}
.question .prev:hover img{ transform: translate(-10px, 0); transition-duration: 300ms;}
.question .next:hover img{ transform: translate(10px, 0); transition-duration: 300ms;}
.question .prev{ left: 0;}
.question .next{ left: 80px;}
.question .bd{ margin-left: 36px; width: 974px;}
.question .bd ul li{ display: inline-block; vertical-align: top; border: 1px solid rgb(220, 220, 220); width: 468px!important; height: 104px; padding: 15px 20px 0; margin-right: 37px;}
.question .bd ul li .dd .wen{ margin-bottom: 10px;}
.question .bd ul li:hover{ background: #f7f7f7;}
.question .bd ul li .dd a:hover i{ text-decoration: underline;}
.question .bd ul li .dd .da{ height: 42px; overflow: hidden;}
.question .bd ul li .da a:before,.question .bd ul li .wen a:before{ width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.question .bd ul li .wen a:before{ margin-top: -3px; content: url(../images/wenicon.png);}
.question .bd ul li .da a:before{ content: url(../images/daicon.png);}
.question .bd ul li .wen a{ font-size: 16px; color: #333;}
.question .bd ul li .da a i{ font-size: 14px; color: #888; text-align: justify; display: inline-block; vertical-align: top; width: 395px;}

/*foot*/

.foot{ font-size: 0; margin-top: 60px; background: #3f9f1c; width: 100%; overflow: hidden;}
.foot .nav-content ul li{ display: inline-block;vertical-align: top; line-height: 16px; margin-right: 63px;}
.foot .nav-content{ padding: 15px 10px; position: relative;}
.foot .nav-content:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(../images/navdhr.png)no-repeat center; height: 2px; width: 100%;}
.foot .nav-content ul li a{ display: block; font-size: 16px; color: #fff;}
.foot .nav-content ul li:hover a,.foot .bottom .db a:hover{ text-decoration: underline;}
.foot .nav-content .tsli{ margin-right: 0;}
.foot .content{ padding: 25px 10px 0; height: 252px; overflow: hidden;}
.foot .content .left{ width: 275px;}
.foot .content>div dt{ padding: 5px 0 15px;}
.foot .content>div dt p{ font-weight: bold; line-height: 20px; font-size: 20px; color: #fff;}
.foot .content>div dt b{ text-transform: uppercase; margin-top: 7px; display: block; line-height: 14px; font-size: 14px; color: #d9d9d9;}
.foot .content .left dl li{ float: left; width: 50%;}
.foot .content .left dl li dd{ line-height: 14px; font-size: 14px; margin-bottom: 15px;}
.foot .content .left dl li dd a{ display: block; color: #eee;}
.foot .content .left dl li dd a:hover{ color: #fff;}
.foot .content .zb{ padding-left: 90px; width: 490px; position: relative; height: 197px;}
.foot .content .zb:before{ content: ""; position: absolute; left: 0; top: 0; background: url(../images/foothr.png)no-repeat center; width: 2px; height: 198px; z-index: 1;}
.foot .content .zb:after{ content: ""; position: absolute; right: 0; top: 0; background: url(../images/foothr.png)no-repeat center; width: 2px; height: 198px; z-index: 1;}
.foot .content .zb ul li{ line-height: 14px; font-size: 14px; margin-bottom: 10px; color: #fffefe;}
.foot .content .right dl img{ display: inline-block;vertical-align: top;}
.foot .content .right dl img+img{ margin-left: 40px;}
.foot .bottom .db{ position: relative; padding: 15px 0 18px; text-align: center; color: #fff; font-size: 14px;}
.foot .bottom .db:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/navdhr.png)no-repeat center; height: 2px; width: 100%;}
.foot .bottom .db a{ color: #fff;}
