*{ 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: 60px auto 50px; text-align: center;line-height: 0;}

/*header*/

.header{ width: 100%; font-size: 0;}
.header .h_nr_1{ width: inherit; height: 38px; line-height: 38px; background: #eee;}
.header .header_top .header_left,.header .header_top .header_right a,.header .header_top .header_right i{ display: inline-block; vertical-align: middle; font-size: 14px; color: #999;}
.header .header_top .header_right i{ margin: 0 10px 0;}
.header .header_top .header_right a:hover{ color: #0067d0;}
.header .header_top .header_right a img{ vertical-align: middle; margin-right: 5px;}
.header .h_nr_2{ width: inherit; padding: 10px 0 0; height: 125px;}
.header .h_nr_2 .zb>div{ display: inline-block; vertical-align: top;}
.header .h_nr_2 .left{ width: 140px; margin-left: -12px;}
.header .h_nr_2 .zb .wb{ position: relative; padding-top: 24px;}
.header .h_nr_2 .zb .wb p{ margin-bottom: 10px; text-transform: uppercase; color: #2251b2; font-size: 24px; line-height: 24px;font-weight: bold;}
.header .h_nr_2 .zb .wb i{ font-weight: bold;color: #47ab25;}
.header .h_nr_2 .zb .wb dl dd img{ vertical-align: middle; margin: -2px 5px 0 0;}
.header .h_nr_2 .zb .wb dl dd{ display: inline-block; vertical-align: top; font-size: 16px; color: #666;}
.header .h_nr_2 .zb .wb dl dd:first-child+dd{ margin: 0 20px 0 15px;}
.header .h_nr_2 .right{ margin: 18px 0 0;}
.header .h_nr_2 .right > div{ display: inline-block; vertical-align: top;}
.header .h_nr_2 .right > div span{ display: block; color: #666; font-size: 16px; line-height: 16px; margin-bottom: 5px;}
.header .h_nr_2 .right > div p{ color: #2251b2; font-size: 21px; line-height: 25px;font-weight: bold;}
.header .h_nr_2 .right > div p i{ display: inline-block; vertical-align: middle; color: #2251b2; font-size: 14px;}

/*header nav*/

.header .nav{ width: 100%; background: #fff; height: 66px; border-top: 1px solid #d8d8d8; overflow: hidden;}
.header .nav .nav-content ul li{ display: inline-block; vertical-align: top; text-align: center; position: relative; margin-right: 73px;}
.header .nav .nav-content ul li a{ color: #333; font-size: 16px; position: relative; display: block; padding: 15px 0 0; height: 66px;}
.header .nav .nav-content ul li a i{ margin-top: 8px; display: block; line-height: 1px; color: #999; font-size: 12px;font-family: arial;}
.header .nav .nav-content ul li b{ position: absolute; left: 0; top: 0; z-index: 5; background: #47ab25; width: 100%; height: 2px; visibility: hidden;}
.header .nav .nav-content ul li a:before{ content: ""; background: url(../images/navhr.png)no-repeat; width: 12px; height: 5px; position: absolute; left: 40%; top: 2px; z-index: 6; visibility: hidden;}
.header .nav .nav-content ul .ts1 a:before{ left: 45%;}
.header .nav .nav-content ul .ts2 a:before{ left: 46%;}
.header .nav .nav-content ul li.on a:before,.header .nav .nav-content ul li:hover a:before{ visibility: visible;}
.header .nav .nav-content ul li.on b,.header .nav .nav-content ul li:hover b{ visibility: visible;}
.header .nav .nav-content ul li.on a,.header .nav .nav-content ul li:hover a{ color: #47ab25;}
.header .nav .nav-content ul li:hover i,.header .nav .nav-content ul li.on a i{ color: #47ab25;}
.header .nav .nav-content ul .tsli{ margin-right: 0;}

/*首页banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 10px; overflow: hidden; position: absolute; left: 45%; bottom: 40px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; background: #2251b2; width: 40px; height: 10px; margin-right: 15px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #47ab25;}
.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 10px 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{ height: 906px; overflow: hidden;}
.product .pro-left{ width: 285px; margin-top: 19px;}
.product .pro-left .pg{ background: url(../images/protop.png)no-repeat; width: 124px; height: 27px; margin: 0 auto 8px;}
.product .pro-left .kk{ border-radius: 10px; background: #47ab25;}
.product .pro-left .top{ padding-top: 20px; height: 90px; overflow: hidden; text-align: center;}
.product .pro-left .top h3{ font-size: 24px; color: #fff; line-height: 24px;font-weight: bold;}
.product .pro-left .top b{ text-transform: uppercase; display: block; font-family: arial; font-size: 14px; color: #269500; line-height: 14px; margin-top: 10px;}
.product .pro-left .kk .sideMenu{ background: #fff; margin: 0 10px; padding: 10px 0 10px;}
.product .pro-left .kk .sideMenu h6{ margin: 30px auto 30px; margin-bottom: 30px; width: 241px; height: 39px; border: 1px solid rgb(153, 153, 153); background-color: rgb(255, 255, 255); line-height: 39px;}
.product .pro-left .kk .sideMenu h6 a{ padding-left: 70px; display: block; background: url(../images/proicon1.png)no-repeat 30px center; font-size: 18px; color: #666;}
.product .pro-left .kk .sideMenu h6:hover a{ background: url(../images/proicon2.png)no-repeat 30px center #47ab25; color: #fff; border: 1px outset rgba(153, 153, 153, 0);}
.product .pro-left .bottom{ width: 100%; height: 125px; overflow: hidden; padding: 4px 0 0 25px;}
.product .pro-left .bottom b{ margin: 0 0 10px 0; display: block; font-size: 16px; color: #fff;line-height: 16px;}
.product .pro-left .bottom p{ margin-bottom: 5px; font-size: 18px; color: #fff;line-height: 18px;}
.product .pro-left .bottom i{ font-size: 14px; color: #fff; display: inline-block; vertical-align: middle;}

/*product right*/

.product .right{ width: 895px; font-size: 0; margin-left: 20px;}
.product .right ul li{ display: inline-block; vertical-align: top; width: 285px; margin: 0 20px 20px 0; text-align: center;}
.product .right ul li .pic{ width: 285px; height: 196px; border: 1px solid #ccc; overflow: hidden;}
.product .right ul li .pic img{ width: 100%;}
.product .right ul li:hover .pic img{transform: scale(1.1, 1.1);}
.product .right ul li .mc{ width: 100%; height: 35px; line-height: 35px; font-size: 16px; color: #666; background: #d8d8d8;}
.product .right ul li:hover .mc{ background: #47ab25; color: #fff;}
.product .right ul li:nth-child(3n){ margin-right: 0;}

/*gylc*/

.gylc .nr{ position: relative;overflow: hidden; font-size: 0;}
.gylc .nr .hd ul li{ margin-right: 20px; width: 102px; height: 180px; overflow: hidden; position: relative; cursor: default; float: left; background: url(../images/con1kk.png)no-repeat;}
.gylc .nr .hd ul li.on{ background: url(../images/con1kkon.png)no-repeat;}
.gylc .nr .hd ul li.on .bt .xs{ display: none;}
.gylc .nr .hd ul li.on .bt .yc{ display: block;}
.gylc .nr .hd ul li .bt .yc{ display: none;}
.gylc .nr .hd ul li.on .by i{ color: #fff;}
.gylc .nr .hd ul li .bt{ position: absolute; left: 24px; top: 43px;}
.gylc .nr .hd ul li .by{ position: relative; z-index: 10; margin: 65px 0 0 25px;}
.gylc .nr .hd ul li .by i{ width: 22px; display: inline-block; vertical-align: top; font-weight: bold; font-size: 22px; color: #333; line-height: 27px;}
.gylc .nr .hd ul li .by i:first-child{ margin-right: 10px;}
.gylc .nr .hd ul .tsli .by i{ line-height: 26px;}
.gylc .nr .hd ul .tslio{ margin-right: 0;}
.gylc .nr .bd{ padding: 30px 10px 0 20px; margin-top: 33px; height: 136px; background: url(../images/con1textbg.png)no-repeat;}
.gylc .nr .bd ul li{ position: relative; display: none;}
.gylc .nr .bd ul li:first-child{ display: block;}
.gylc .nr .bd ul li:before{ position: absolute; content: ""; top: -52px; width: 27px; height: 22px; background: url(../images/con1jt.png)no-repeat;}
.gylc .nr .bd ul .li1:before{ left: 17px;}
.gylc .nr .bd ul .li2:before{ left: 140px;}
.gylc .nr .bd ul .li3:before{ left: 265px;}
.gylc .nr .bd ul .li4:before{ left: 383px;}
.gylc .nr .bd ul .li5:before{ left: 508px;}
.gylc .nr .bd ul .li6:before{ left: 627px;}
.gylc .nr .bd ul .li7:before{ left: 755px;}
.gylc .nr .bd ul .li8:before{ left: 873px;}
.gylc .nr .bd ul .li9:before{ left: 996px;}
.gylc .nr .bd ul .li10:before{ left: 1117px;}
.gylc .nr .bd ul li>div{ display: inline-block; vertical-align: top;}
.gylc .nr .bd ul li .text{ width: 680px; margin-top: -10px;}
.gylc .nr .bd ul li .text dt{ font-weight: bold; font-size: 24px; color: #fff; line-height: 24px;}
.gylc .nr .bd ul li .text p{ margin: 5px 0; text-transform: uppercase; font-family: arial; font-size: 14px; color: #8edb74; line-height: 14px;}
.gylc .nr .bd ul li .text dd{ font-size: 16px; color: #fff; line-height: 28px;}
.gylc .nr .bd ul li .rxdh>div{ display: inline-block; vertical-align: top;}
.gylc .nr .bd ul li .rxdh .dh{ line-height: 0; margin: 25px 12px 0 0;}
.gylc .nr .bd ul li .rxdh .rx span{ margin-bottom: 5px; display: block; font-size: 16px; color: #fff; line-height: 16px;}
.gylc .nr .bd ul li .rxdh .rx p{ font-size: 20px; color: #fff; line-height: 20px;}
.gylc .nr .bd ul li .rxdh .rx i{ font-size: 14px; color: #fff;}
.gylc .nr .bd ul li .rxdh{ margin-top: 5px;}

/*case*/

.case .nr{ position: relative; height: 542px; overflow: hidden; font-size: 0;}
.case .nr .hd .top{ line-height: 0; margin-bottom: 20px;}
.case .nr .hd li{ overflow: hidden; margin-bottom: 10px; cursor: pointer; background: url(../images/casekk1.png)no-repeat; width: 261px; height: 63px; line-height: 63px; padding-left: 28px;}
.case .nr .hd li p{ margin: 15px 0 5px; color: #2251b2; font-size: 18px; line-height: 18px;}
.case .nr .hd li i{ display: block; text-transform: uppercase; font-family: arial; color: #ccc; font-size: 12px; line-height: 12px;}
.case .nr .hd li.on{ background: url(../images/casekk2.png)no-repeat;}
.case .nr .hd li.on p{ color: #fff;}
.case .nr .hd li.on i{ color: #8edb74;}
.case .nr .hd li>div{ display: inline-block; vertical-align: top;}
.case .nr .hd li .icon{ margin-right: 10px;}
.case .nr .hd li .icon img{ vertical-align: middle;}
.case .nr .hd li .icon .yc{ display: none;}
.case .nr .hd li.on .icon .xs{ display: none;}
.case .nr .hd li.on .icon .yc{ display: inline-block;}
.case .nr .bd{ width: 908px; margin-top: 47px;height: 409px; overflow: hidden;}
.case .nr .bd .bigbox{ width: 617px; height: 409px; overflow: hidden;}
.case .nr .bd ul li .pic img{ width: 100%;}
.case .nr .bd dl{ width: 267px; height: 409px; overflow: hidden; margin-left: 24px;}
.case .nr .bd dl dd{ height: 195px; overflow: hidden;}
.case .nr .bd dl dd+dd{ margin-top: 19px;}
.case .nr .bd ul li .pic:hover img{ transform: scale(1.1);}
.case .nr .rxdh{ padding: 50px 0 0 60px; position: absolute; right: 0; bottom: 0; z-index: 10; width: 908px; height: 86px; background: url(../images/caserx.png)no-repeat;}
.case .nr .rxdh p{ display: inline-block; vertical-align: top; color: #2251b2; font-size: 20px; font-weight: bold;}
.case .nr .rxdh p i{ font-size: 14px;}

/*ys*/

.ys{ font-size: 0; background: url(../images/ysbg.png)no-repeat center; background: url(../images/ysbg.png)\9 no-repeat center; width: 100%; height: 1011px; overflow: hidden;}
.ys .nr{ overflow: hidden;position: relative;}
.ys .nr ul li dt .by p{ font-weight: bold; color: #2251b2; font-size: 26px; line-height: 26px; margin-bottom: 10px;}
.ys .nr ul li dt .by b{ color: #47ab25; font-size: 18px; line-height: 18px;}
.ys .nr ul li .text{ position: relative; width: 560px; margin-left: 83px;}
.ys .nr ul li .text a{ margin: 25px 0 0 10px; background: url(../images/ysmore.png)no-repeat; width: 111px; height: 46px; text-align: center; display: inline-block; vertical-align: top; color: #999; font-size: 14px; line-height: 37px;}
.ys .nr ul li .text dd:before{ content: ""; background: url(../images/ysicon2.png)no-repeat; width: 7px; height: 7px; display: inline-block; vertical-align: top; margin: 7px 0 0 0; position: relative; z-index: 15;}
.ys .nr ul li .text:before{ content: ""; position: absolute; left: 3px; top: 11px; width: 1px; height: 175px; background: #999;}
.ys .nr ul li dt{ height: 78px;}
.ys .nr ul li dt>div{ display: inline-block; vertical-align: top;}
.ys .nr ul li dt .icon{ background: url(../images/ysbtbg2.png)no-repeat; width: 111px; height: 138px; text-align: center; color: #fff; font-size: 19px; font-weight: bold; padding: 15px 0 0; margin-left: -18px;}
.ys .nr ul li dt .by{ margin-left: -5px;}
.ys .nr ul li dt .icon p{ color: #fff; font-size: 34px; line-height: 34px;}
.ys .nr ul li .pic{ line-height: 0;}
.ys .nr ul .li1 .pic{ margin-right: 85px;}
.ys .nr ul .li2 .pic{ margin-left: 85px;}
.ys .nr ul li .text dd{ margin-bottom: 5px;}
.ys .nr ul li .text dd i{ margin-left: 5px; color: #666; font-size: 16px; line-height: 26px; display: inline-block; vertical-align: top; width: 540px;}
.ys .nr ul .li2 .text{ width: 506px;}
.ys .nr ul .li2 .text dd i{ width: 494px;}
.ys .nr ul .li3 .text dd i{ width: 510px;}

/*dzlc*/

.dzlc{ height: 535px; overflow: hidden;}
.dzlc .nr{ background: url(../images/lcbg.png)no-repeat 70px 60px; font-size: 0;}
.dzlc .nr li{ width: 188px; display: inline-block; vertical-align: top; text-align: center; margin-right: 37px;}
.dzlc .nr .tsli1{ margin-right: 70px; margin-bottom: 45px;}
.dzlc .nr .tsli2{ margin-right: 80px;}
.dzlc .nr .tsli3{ margin-left: 36px;}
.dzlc .nr .tsli{ margin-right: 0;}
.dzlc .nr .tsli .xz{ float: right;}
.dzlc .nr li>div{ height: 130px; line-height: 130px;}
.dzlc .nr li .mr{ background: url(../images/lckk1.png)no-repeat; width: 131px;}
.dzlc .nr li img{ vertical-align: middle; -webkit-transition: all 0.8s ease forwards; -moz-transition: all 0.8s ease forwards; -ms-transition: all 0.8s ease forwards; transition: all 0.8s ease forwards;}
.dzlc .nr li .ho img{ margin-left: -13px; margin-top: 9px;}
.dzlc .nr li:hover .mr{ display: none;}
.dzlc .nr li:hover .ho{ display: block; margin-right: -9px;}
.dzlc .nr li .ho{ width: 144px; display: none; background: url(../images/lckk2.png)no-repeat;}
.dzlc .nr .ho:hover img{ transition: all .9s; -webkit-transform: rotatex(360deg); -moz-transform: rotatey(360deg); -ms-transform: rotatey(360deg); transform: rotatey(360deg);}
.dzlc .nr li p{ margin: 8px 0 0; line-height: 18px; color: #333; font-size: 18px;}

/*feedbackzx*/

.feedbackzx{ background: url(../images/feedbackbg.png)no-repeat center; width: 1215px; height: 382px; margin: 55px auto 0; padding: 25px 0 0; overflow: hidden;}
.feedbackzx .left{ padding: 15px 75px 0; width: 612px;}
.feedbackzx .left h5{ margin: 0 0 5px 0; color: #2251b2; line-height: 26px; font-size: 26px; font-weight: bold;}
.feedbackzx .left h6{ margin: 0 0 25px 0; line-height: 16px; color: #47ab25; font-size: 16px;}
.feedbackzx .left form .inputlist span,.feedbackzx .left form .inputlist span b{ display: inline-block; vertical-align: middle;}
.feedbackzx .left form .inputlist{ margin: 0 0 12px 0;}
.feedbackzx .left form .inputlist span{ color: #666; font-size: 18px;}
.feedbackzx .left form .inputlist b{ color: #666; font-size: 20px; margin: 5px 5px 0 0;}
.feedbackzx .left form .inputlist input{ width: 270px; height: 45px; border: 1px solid #e4e4e4; line-height: 45px; background: none;}
.feedbackzx .left form #msgLeft_Btn{ background: url(../images/feedbackmore.png)no-repeat; width: 111px; height: 50px; text-align: center; line-height: 45px; color: #fff; font-size: 16px; margin-right: 15px; cursor: pointer;}
.feedbackzx .left form .rxdh{ color: #333; font-size: 16px;}
.feedbackzx .left form .rxdh p{ color: #333; font-size: 18px; font-weight: bold; line-height: 18px; margin: 5px 0 0 0;}
.feedbackzx .left form .sub{ margin: 20px 0 0 0; font-size: 0;}
.feedbackzx .left form .sub>div{ display: inline-block; vertical-align: middle;}
.feedbackzx .right{ width: 500px; margin: 25px 0 0 70px;}
.feedbackzx .right h5{ color: #2251b2; font-size: 24px; line-height: 24px;font-weight: bold; margin-bottom: 5px;}
.feedbackzx .right h6{ text-transform: uppercase; font-size: 14px; color: #999;line-height: 14px;}
.feedbackzx .right dt{ border-bottom: 1px dashed #ccc; margin-bottom: 15px; padding-bottom: 10px;}
.feedbackzx .right dl dd{ float: left; width: 149px; height: 90px; margin: 0 20px 15px 0; border: 1px solid #ccc; overflow: hidden;}
.feedbackzx .right dl dd img{ width: 100%;}
.feedbackzx .right dl dd:hover img{ transform: scale(1.1, 1.1);}
.feedbackzx .right .bd,.feedbackzx .right .bd .tempWrap{ width: 500px!important; overflow: hidden;}
.feedbackzx .right dl dd:nth-child(3n){ margin-right: 0;}

/*about*/

.about{ margin: 55px 0 0;}
.about .nr .top{ height: 120px;}
.about .nr .top .t_z{ margin: -8px 90px 0 95px;}
.about .nr .top .t_r{ width: 889px;}
.about .nr .top .t_r dt{ color: #1359bd; font-size: 18px; line-height: 18px; font-weight: bold; margin: 10px 0 15px;}
.about .nr .top .t_r dd{ color: #666; font-size: 14px; line-height: 24px;}
.about .nr .bt{ line-height: 0;}
.about .nr .bottom{ position: relative; height: 246px; overflow: hidden;}
.about .nr .bottom .hover_time{ width: 100%;}
.about .nr .bottom:hover .hover_time{ transform: scale(1.1);}
.about .nr .bottom .more{ width: 185px; height: 246px; background: url(../images/aboutleft.png)no-repeat; position: absolute; left: 55px; top: 0; z-index: 10;}
.about .nr .bottom .more>a{ margin: 160px 0 0 15px; width: 130px; height: 39px; display: block; background: url(../images/aboutmore.png)no-repeat;}

/*qysl*/

.qysl{margin-top: 50px;}
.qysl .slideGroup .parHd{height: 35px;background: url(../images/qyxctop.png)no-repeat 150px 0;}
.qysl .slideGroup .parHd ul li{float: left;font-size: 16px;}
.qysl .qysl_left{width: 150px;height: 35px;}
.qysl .qysl_right{width: 150px;height: 35px;}
.qysl .parHd ul li:hover .qysl_img1{display: none;}
.qysl .parHd ul li.on .qysl_img1{display: none;}
.qysl .parHd ul li:hover .qysl_img2{display: inline-block;}
.qysl .parHd ul li.on .qysl_img2{display: inline-block;}
.qysl .parBd .slideBox{width: 1200px;height: 200px;overflow: hidden;margin-top: 20px;}
.qysl .parBd .slideBox ul li{ float: left; width: 285px;height: 200px;margin-right: 15px;overflow: hidden;}
.qysl .parBd .slideBox ul li:hover img{transform: scale(1.1, 1.1);}
.qysl .more{ font-family: arial; margin: 5px 10px 0 0; color: #999; font-size: 18px; text-transform: uppercase;}
.qysl .more img{ vertical-align: middle; margin: -2px 0 0 5px;}
.qysl .more:hover{ color: #2251b2;}

/*new*/

.new{ padding: 50px 0 0; font-size: 0;height: 539px; overflow: hidden;}
.new .left{ width: 720px;}
.new .left .hd ul{ height: 60px; border-bottom: 1px solid #cacaca;}
.new .left .hd ul li{ float: left; position: relative; width: 175px; margin-right: 140px;cursor: default;}
.new .left .hd ul li:before,.new .right .top .zz:before{ content: ""; width: 100%; height: 1px; background: #2251b2; position: absolute; left: 0; bottom: -27px; visibility: hidden; z-index: 15;}
.new .left .hd ul li.on:before{ visibility: visible;}
.new .left .hd ul li>div,.new .right .top .zz>div{ display: inline-block; vertical-align: top;}
.new .right .top .zz:before{ bottom: -25px; width: 138px;}
.new .left .hd ul li .icon{ position: relative; width: 31px; height: 33px;margin: 0 8px 0 0;}
.new .left .hd ul li .icon img{ position: absolute; left: 0; top: 0;}
.new .left .hd ul li .icon .img2{ visibility: hidden;}
.new .left .hd ul li.on .icon .img1{ visibility: hidden;}
.new .left .hd ul li.on .icon .img2{ visibility: visible;}
.new .left .hd ul li .text p,.new .right .top .zz .text p{ color: #666; font-size: 20px; line-height: 21px; font-weight: bold;}
.new .left .hd ul li .text b,.new .right .top .zz .text b{ color: #aaa; font-size: 12px; text-transform: uppercase; line-height: 12px;}
.new .left .hd ul li.on .text p{ color: #2251b2;}
.new .left .bd{height: 429px; overflow: hidden;}
.new .left .bd ul li .js{ padding: 30px 0 20px 0; border-bottom: 1px solid #f0f0f0;}
.new .left .bd ul li .js>div{ display: inline-block; vertical-align: top; height: 180px; overflow: hidden;}
.new .left .bd ul li .js .pic{ width: 320px; height: 180px; border: 1px solid #ccc; overflow: hidden; margin-right: 27px;}
.new .left .bd ul li .js .pic img{ width: 100%;}
.new .left .bd ul li .js .wb{ width: 349px;}
.new .left .bd ul li .js .wb p a{ color: #333; font-size: 18px; line-height: 18px;font-weight: bold;}
.new .left .bd ul li .js .wb dd{ margin: 15px 0 0; height: 90px; color: #666; font-size: 14px; line-height: 22px;}
.new .left .bd ul li .js .wb .more{ background: url(../images/newmore.png)no-repeat; width: 135px; height: 81px; line-height: 40px; text-align: center; display: inline-block; vertical-align: top; color: #fff; font-size: 14px;}
.new .left .bd ul li .js .wb .more:hover{ background: url(../images/newmore.png)no-repeat;}
.new .left .bd ul li .newlist dd{ width: 350px; float: left; border-bottom: 1px dashed #f0f0f0; padding: 0 0 10px 0; margin: 10px 20px 0 0;}
.new .left .bd ul li .newlist dd:nth-child(2n){ margin-right: 0;}
.new .left .bd ul li .newlist dd>div{ display: inline-block; vertical-align: middle;}
.new .left .bd ul li .newlist dd .date b{ color: #666; font-size: 24px; line-height: 24px; display: block; margin: 0 0 5px 0;}
.new .left .bd ul li .newlist dd .date i{ color: #636363; font-size: 16px; line-height: 16px;}
.new .left .bd ul li .newlist dd .date{ border-right: 1px solid #868686; padding-right: 20px; margin-right: 17px;}
.new .left .bd ul li .newlist dd .information a{ color: #333; font-size: 14px; line-height: 22px;}
.new .left .bd ul li .js .wb p a:hover,.new .left .bd ul li .newlist dd .information a:hover{ color: #2251b2;}
.new .xian{ margin: 30px 36px 0;}
.new .right{ width: 390px;}
.new .right .top{ height: 60px; border-bottom: 1px solid #cacaca;}
.new .right .top .zz{ position: relative;}
.new .right .top .zz:before{ visibility: visible;}
.new .right .top .zz .icon{ width: 35px; height: 35px; margin-right: 4px;}
.new .right .top .zz .text p{ color: #2251b2;}
.new .right .top .yy a{ margin: 10px 0 0; display: inline-block; vertical-align: middle; background: url(../images/more1.png)no-repeat; width: 53px; height: 15px;}
.new .right .lbnew{ margin: 10px 0 0 0; overflow: hidden; height: 395px;}
.new .right .lbnew ul li .question{ background: url(../images/newkk.png)no-repeat; width: 390px; height: 51px; line-height: 45px; padding: 0 0 0 20px; margin: 0 0 5px 0;}
.new .right .lbnew ul li{ margin-bottom: 15px;height: 122px!important;}
.new .right .lbnew ul li .question a{ color: #181617; font-size: 14px;}
.new .right .lbnew ul li .reply{ color: #999; font-size: 14px; line-height: 22px;}
.new .right .lbnew ul li .question a:hover{ color: #2251b2;}
.new .right .lbnew ul li .reply:hover{ text-decoration: underline;}

/*foot*/

.foot{ font-size: 0; background: #2251b2; margin: 60px 0 0;}
.foot .nav ul li{ display: inline-block; vertical-align: top; margin-right: 99px;}
.foot .nav ul .tsli{ margin-right: 0;}
.foot .nav{ position: relative; height: 47px; line-height: 47px;}
.foot .nav ul li a{ font-size: 14px; color: #fff;}
.foot .nav ul li a:hover,.foot .content .frilist dd a:hover,.foot .bottom .db a:hover{ color: #6cd228;}
.foot .nav:before{ position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 2px; background: url(../images/foothr.png)no-repeat;}
.foot .content{padding: 50px 0 40px;overflow: hidden;}
.foot .content .left{ margin-right: 125px;}
.foot .content dl dt{ font-weight: bold; font-size: 20px; line-height: 21px; color: #fff; margin-bottom: 10px;}
.foot .content .frilist{ width: 160px; margin-left: 35px;}
.foot .content .frilist dd a{ font-size: 14px; color: #fff;line-height: 14px;display: block; margin-bottom: 15px;}
.foot .content .frilist dd{ width: 50%; display: inline-block;vertical-align: top;}
.foot .content dl dd img{ vertical-align: middle; margin-right: 10px;}
.foot .content dl dd i{ display: inline-block; vertical-align: middle;}
.foot .content dl dd{ margin-bottom: 10px; font-size: 14px; color: #fff;}
.foot .content .right{ width: 111px; height: 111px;}
.foot .content .right img{ width: 100%;}
.foot .bottom{ position: relative; width: 100%; height: 45px; line-height: 45px;}
.foot .bottom:before{ position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 2px; background: url(../images/foothr.png)no-repeat;}
.foot .bottom .db{ text-align: center; color: #fff; font-size: 14px;}
.foot .bottom .db a{ color: #fff; font-size: 14px;}