*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/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;}
@font-face { font-family: 'impact'; src: url('../fonts/impact.ttf'); src: url('../fonts/impact.ttf'); format('embedded-opentype'), url('../fonts/impact.ttf'); format('woff'), url('../fonts/impact.ttf'); format('truetype'), url('../fonts/impact.ttf'); format('svg'); font-weight: normal; font-style: normal;}
.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 30px; text-align: center;line-height: 0;}
.more-title img{ vertical-align: top;}

/*header*/

.header{ width: 100%;}

/*header h_nr_1*/

.header .h_nr_1{ background: #f5f5f5; height: 36px; line-height: 36px;font-size: 0;}
.header .header_top .left,.header .header_top .right a,.header .header_top .right i{ color: #666; font-size: 14px;}
.header .header_top .right i{ display: inline-block; vertical-align: top; margin: 0 5px 0;}
.header .header_top .right a:hover{ color: #0e4bc6;}

/*header h_nr_2*/

.header .h_nr_2{ padding: 25px 0; font-size: 0; background: url(../images/headtextbg.png)no-repeat 0 -35px; background: url(../images/headtextbg.png)\9 no-repeat 0 -35px; height: 144px; background-size: 100% 177px;}
.header .h_nr_2 .zb>div{ display: inline-block; vertical-align: top;}
.header .h_nr_2 .zb .left{width: 115px;}
.header .h_nr_2 .zb .left img{ vertical-align: top;}
.header .h_nr_2 .zb .wb p{ font-size: 22px; line-height: 22px; color: #333;}
.header .h_nr_2 .zb .wb p b{ color: #ff8a00; font-weight: bold; font-size: 26px; line-height: 26px;}
.header .h_nr_2 .zb .wb .hr{ display: inline-block; vertical-align: top; width: 280px; height: 1px; background: #ccc; margin: 8px 0;}
.header .h_nr_2 .zb .wb i{ font-weight: bold; margin-top: 10px; display: block; font-size: 28px; line-height: 28px; color: #0e4bc6;}
.header .h_nr_2 .right{ margin-top: 5px; float: right; text-align: right;}
.header .h_nr_2 .right .lx-ph{ margin: 0 0 0 10px;line-height: 0;}
.header .h_nr_2 .right>div{ display: inline-block; vertical-align: top;}
.header .h_nr_2 .right>div p{ margin: 20px 0 0; color: #ff8a00; font-size: 16px;line-height: 16px;}
.header .h_nr_2 .right>div b{ display: block; font-size: 26px; color: #0e4bc6; font-weight: bold; line-height: 26px; margin: 5px 0 0 0;}

/*.header .nav*/

.header .nav{ width: 100%; height: 60px; background: #0e4bc6; line-height: 60px; margin-top: -3px;}
.header .nav .nav-content ul li{ float: left; position: relative; width: 10.42%; text-align: center;}
.header .nav .nav-content ul li:before{ content: ""; height: 15px; width: 1px; background: #fff; position: absolute; right: 0; top: 23px; z-index: 1;}
.header .nav .nav-content ul li.on,.header .nav .nav-content ul li:hover{ background: #ff8a00;}
.header .nav .nav-content ul li.on:before,.header .nav .nav-content ul li:hover:before{ display: none;}
.header .nav .nav-content ul li a{ color: #fff; font-size: 16px; display: block;}
.header .nav .nav-content ul .tsli:before{ display: none;}
.header .nav .nav-content ul li:first-child+li{ width: 14%;}
.header .nav .nav-content ul li:first-child+li+li+li{ width: 13%;}

/*首页banner*/

.banner-index{ font-size: 0;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 10px; overflow: hidden; position: absolute; left: 47%; bottom: 50px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 10px; height: 10px; background: #0e4bc6; margin-right: 10px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #ff8a00}
.banner-index .slideBox .bd img{ width: 100%;}

/*search*/

.search{ width: 100%; position: relative; background: #f5f5f5; font-size: 0;}
.search-content{height: 65px; line-height: 65px;}
.search-keywords{ display: inline-block;}
.search-keywords span img{ vertical-align: middle; margin: -3px 5px 0 0;}
.search-keywords span{color: #666; font-size: 14px;font-weight: bold;}
.search-keywords a,.search-keywords i{ color: #666; font-size: 14px;}
.search-keywords i{ margin: 0 5px 0;}
.search-keywords a:hover{ color: #0e4bc6; text-decoration: underline;}
#searchForm{ background: url(../images/search.png)no-repeat; background: url(../images/search.png)\9 no-repeat; width: 311px; height: 32px;}
.search-form{ float: right; margin: 15px 0 0 0;}
#searchForm .search-input{ vertical-align: top; line-height: 32px; background: none; border: none; height: 32px; color: #ccc; outline: none; width: 83%; text-indent: 10px;}
.search-form #s_btn{ background: none; width: 50px; height: 32px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; float: right;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #ccc;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #ccc;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #ccc;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #ccc;}

/*product*/

.product{ margin: 60px 0 0;}
.product .pro-left{ width: 260px;}
.product .pro-left .kk{ border: 1px solid #bdbdbd; background: #f5f5f5; padding: 30px 10px 5px;}
.product .pro-left .kk .top{ background: url(../images/probyx.png)no-repeat; width: 224px; height: 89px; padding: 0 0 0 35px; margin-bottom: 25px;}
.product .pro-left .kk .top h6{ color: #333; font-weight: bold; font-size: 26px; line-height: 26px;}
.product .pro-left .kk .top b{ font-weight: bold; color: #0e4bc6;}
.product .pro-left .kk .sideMenu h3{ background: url(../images/projxpng.png)no-repeat; margin: 20px auto 0; width: 230px; height: 50px; line-height: 50px; padding: 0 0 0 10px;}
.product .pro-left .kk .sideMenu h3 a{ color: #fff; font-size: 18px; line-height: 18px;}
.product .pro-left .kk .sideMenu h3 i{ background: url(../images/proicon.png)no-repeat; width: 18px; height: 18px; margin: 15px 20px 0 0;}
.product .pro-left .kk .sideMenu ul{ width: 230px; margin: 0 auto;}
.product .pro-left .kk .sideMenu ul li{ padding: 0 0 0px 10px; border-bottom: 1px dashed #ccc; margin: 8px 0 0;}
.product .pro-left .kk .sideMenu ul li a{ color: #333; font-size: 16px;}
.product .right{ width: 914px;margin-left: 26px;}
.product .right .pic1{ overflow: hidden; height: 150px;}
.product .right .pic img{ width: 100%;}
.product .right .tjproductlist{ overflow: hidden; position: relative;}
.product .right .tjproductlist1{ margin: 20px 0; padding: 18px 0 18px 26px;}
.product .right .tjproductlist1:before{ content: ""; width: 107px; height: 275px; background: #f5f5f5; position: absolute; left: 0; top: 0; z-index: 1;}
.product .right .tjproductlist dl dd{ float: left; position: relative; display: inline; width: 266px; height: 240px; overflow: hidden; z-index: 10;}
.product .right .tjproductlist dl dd .js{ position: absolute; left: 0; top: -240px; z-index: 5; text-align: center; background-color: rgba(51, 51, 51, 0.702); width: 100%; height: 100%; padding: 0 20px 0;}
.product .right .tjproductlist dl dd .js p{ line-height: 0; padding: 28px 0 19px; color: #ff8a00;}
.product .right .tjproductlist dl dd .js h4{ font-size: 18px; line-height: 18px; color: #ff8a00;}
.product .right .tjproductlist dl dd .js h6{ font-size: 14px; line-height: 28px; color: #fff; margin: 10px 0 0; text-align: left;}
.product .right .tjproductlist dl dd:hover .js{ top: 0; transition-duration: 300ms;}
.product .right .tjproductlist1 dl li{ height: 240px; overflow: hidden;}
.product .right .tjproductlist1 dl dd:first-child{ margin-right: 11px;}
.product .right .tjproductlist dl li{ width: 345px!important; float: left;}
.product .right .tjproductlist dl li .top{ text-align: center; height: 51px; font-size: 20px; line-height: 51px; color: #fff; background: #0e4bc6;}
.product .right .tjproductlist dl li .text{ height: 100%; padding: 10px 5px 0 17px; font-size: 14px; line-height: 28px; color: #666; background: #f1f1f1;}
.product .right .tjproductlist dl li .text a:hover{color: #ff8a00;}
.product .right .tjproductlist2{ height: 523px; overflow: hidden; margin: 18px 0 0; padding: 18px 26px 0 0;}
.product .right .tjproductlist2 li{ height: 438px;}
.product .right .tjproductlist2 ol{ width: 543px!important;}
.product .right .tjproductlist2:before{ content: ""; width: 107px; height: 526px; background: #f5f5f5; position: absolute; right: 0; top: 0; z-index: 1;}
.product .right .tjproductlist2 li .text{ height: 100%; padding: 10px 10px 0!important;}
.product .right .tjproductlist2 ol dd{ margin: 0 11px 10px 0;}
.product .right .tjproductlist2 ol dd:nth-child(2n){ margin: 0 0 10px 0;}

/*sbanner1*/

.sbanner1{ margin: 70px 0 0; background: url(../images/sbanner1.png)no-repeat center; background: url(../images/sbanner1.png)\9 no-repeat center; width: 100%; height: 320px; padding: 30px 0 0; text-align: center;}
.sbanner1 .nr .text{ text-align: left; display: inline-block; vertical-align: top; background: url(../images/smbanerpic.png)no-repeat; width: 680px; height: 251px; padding: 182px 0 0 215px;}
.sbanner1 .nr .text p{ color: #fff;}
.sbanner1 .nr .text p i{ display: inline-block; vertical-align: middle; font-size: 18px; line-height: 18px;}
.sbanner1 .nr .text p b{ display: inline-block; vertical-align: middle; font-weight: bold; font-size: 22px; line-height: 30px;}

/*con1*/

.kj_con{ height: 366px; overflow: hidden;}
.kj_con ul{ border: 1px solid #ccc; box-sizing: border-box; box-sizing: content-box; background: #f5f5f5;}
.kj_con ul li{ float: left; position: relative; display: inline;}
.kj_con ul li:nth-child(5n){ margin-right: -2px;}
.kj_con ul li a{ display: block; width: 240px; height: 182px; overflow: hidden;}
.kj_con ul li a i{ display: block; width: 53px; margin: 0 auto 8px; padding-top: 25px; line-height: 0;}
.kj_con ul li a em{ display: block; font-size: 18px; color: #0e4bc6; line-height: 18px; text-align: center; font-family: arial;}
.kj_con ul li a span{ text-align: center; display: block; color: #333; line-height: 28px; font-size: 16px; width: 100%; margin: 0 auto;}
.kj_con ul .kj_li02{ background: url(../images/kjpic1.png) no-repeat; width: 240px; height: 182px;}
.kj_con ul .kj_li03{ background: url(../images/kjpic2.png) no-repeat;}
.kj_con ul .kj_li04{ background: url(../images/kjpic3.png) no-repeat;}
.kj_con ul .kj_li05{ background: url(../images/kjpic4.png) no-repeat;}
.kj_con ul .kj_li06{ background: url(../images/kjpic5.png) no-repeat;}
.kj_con ul .kj_li02 a em{ color: #ff8a00;}
.kj_con ul .kj_li02 a span{ color: #fff;}
.kj_con ul li .rx_p{ position: absolute; top: 0; left: 0; display: none;}
.kj_con ul li .rx_p img{ width: 100%;}

/*con2*/

.con2{ background: #f5f5f5; width: 100%; height: 662px; margin: 60px 0 0; padding: 55px 0 0;}
.con2 ul li{ float: left; background: #fff; width: 395px; height: 466px; overflow: hidden; display: inline; padding: 10px 0 0;}
.con2 ul li .text{ width: 382px; margin: 0 auto;}
.con2 ul li:first-child+li{ margin: 0 7px;}
.con2 ul li .top{ font-size: 0; line-height: 50px;}
.con2 ul li .top>div{ display: inline-block; vertical-align: top; height: 50px; color: #fff; background: #0e4bc6;}
.con2 ul li .top .icon{ width: 60px; text-align: center; background: #ff8a00;}
.con2 ul li .top .icon img{ vertical-align: middle;}
.con2 ul li .top .more{ font-size: 18px; width: 322px; padding: 0 5px 0;}
.con2 ul li .top .more a{ font-family: arial; font-size: 14px; color: #fff;}
.con2 ul li .pic{ line-height: 0; overflow: hidden; margin: 10px 0 15px; height: 146px;}
.con2 ul li .pic img{ width: 100%;}
.con2 ul li .pic:hover img{ transform: scale(1.1, 1.1);}
.con2 ul li .list_vice{ margin: 18px 0 0;}
.con2 ul li .list_vice dl dd{ padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.con2 ul li .list_vice dl dd a i{ font-size: 14px; color: #333;}
.con2 ul li .list_vice dl dd a i:before{ content: ""; background: url(../images/xqq.png)no-repeat; width: 7px; height: 6px; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0;}
.con2 ul li .list_vice dl dd a:hover i{ color: #0e4bc6;}
.con2 ul li .list_vice dl dd a:hover i:before{ background: url(../images/xqq2.png)no-repeat;}

/*con3*/

.con3 .nr{ width: 1200px; background: url(../images/videozx.png)no-repeat; height: 609px; padding: 28px 0 0;}
.con3 .nr .videotab .bd{ line-height: 0; width: 551px; height: 460px; margin: 70px 26px 0 0;}
.con3 .nr .videotab .bd>div a:hover{color: #ff8a00!important;}
.con3 .nr .videotab .hd ul li>div{ display: inline-block; vertical-align: top; height: 167px; overflow: hidden;}
.con3 .nr .videotab .hd ul li{ font-size: 0; height: 167px; overflow: hidden; margin-bottom: 26px;}
.con3 .nr .videotab .hd ul li .video{ font-size: 0; width: 223px;}
.con3 .nr .videotab .hd ul li .video img{ width: 100%;}
.con3 .nr .videotab .hd ul li .text{ width: 374px; padding: 30px 20px 0;}
.con3 .nr .videotab .hd ul li .text h2{ font-weight: bold; color: #0e4bc6; font-size: 16px; line-height: 16px;}
.con3 .nr .videotab .hd ul li .text p{ color: #666; font-size: 14px; line-height: 26px; margin: 10px 0 0;}
.con3 .nr .videotab .hd ul li .text a{ color: #666; font-size: 14px;}
.con3 .nr .videotab .hd ul li .text a:hover{ color: #0e4bc6;}

/*about*/

.about{ width: 100%; height: 590px; margin: 60px 0 0; padding: 25px 0 0; position: relative; background: url(../images/aboutbg.png)no-repeat center; background: url(../images/aboutbg.png)\9 no-repeat center;}
.about .nr{ background: url(../images/aboutbk.png)no-repeat center; background: url(../images/aboutbk.png)\9 no-repeat center; height: 503px;}
.about .nr .left{ line-height: 0; overflow: hidden; width: 500px; height: 380px; margin: 81px 0 0 100px;}
.about .nr .left img,.about .nr .right ol li .pic img{ width: 100%;}
.about .nr .left:hover img{ transform: scale(1.1, 1.1);}
.about .nr .right dt{ color: #0e4bc6; font-weight: bold; font-size: 28px; line-height: 28px; margin-bottom: 20px;}
.about .nr .right dd{ color: #333; line-height: 32px; font-size: 14px; text-indent: 20px; margin-bottom: 15px; height: 160px; overflow: hidden;}
.about .nr .right{ width: 560px; margin: 50px 10px 0 0; overflow: hidden;}
.about .nr .right ol li{ float: left; display: inline; margin-right: 10px;}
.about .nr .right ol li .pic{ width: 132px!important; height: 185px; overflow: hidden;}
.about .nr .right .more{ background: url(../images/aboutmore.png)no-repeat; width: 175px; height: 50px; margin: 18px 0 0 66px;}
.about .nr .right .more a{ display: block; color: #fff; height: 100%;}
.about .nr .right .honor{ height: 185px!important; overflow: hidden;}

/*new*/

.new{ margin: 55px auto 0;}
.new .nr>div{ width: 592px; height: 619px; background: #f1f1f1; overflow: hidden; padding: 10px 15px 0; font-size: 0;}
.new .newtytop{ height: 35px; line-height: 35px; border-bottom: 1px dashed #c0c0c0; margin-bottom: 20px;}
.new .newtytop .zz{ position: relative; font-size: 24px; color: #0e4bc6; line-height: 24px;}
.new .newtytop .zz:before{ content: ""; position: absolute; left: 0; bottom: -11px; width: 129px; height: 1px; background: #0e4bc6;}
.new .newtytop .more a{ color: #999; font-size: 14px; font-family: arial;}
.new .newtytop .more a:hover{ color: #0e4bc6;}
.new .newbpic{ width: 100%; height: 279px; overflow: hidden; line-height: 0; margin-bottom: 15px;}
.new .newbpic img{ width: 100%;}
.new .newbpic:hover img{ transform: scale(1.1, 1.1);}
.new .firstnew{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; height: 114px; overflow: hidden;}
.new .firstnew p a:hover,.new .firstnew p a:hover i{ color: #0e4bc6;}
.new .firstnew p{ margin-bottom: 5px;}
.new .firstnew p a{ color: #333; font-size: 16px;}
.new .firstnew p a i{ float: right; color: #666; font-size: 14px;}
.new .firstnew dd{ color: #999; font-size: 14px; line-height: 23px; height: 69px;}
.new .firstnew dd:hover{ text-decoration: underline;}
.new .newlist ul li a:before{ content: ""; background: url(../images/round.png)no-repeat; width: 7px; height: 7px; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0;}
.new .newlist ul li a{ color: #666; font-size: 14px;}
.new .newlist ul li a:hover{ color: #0e4bc6;}
.new .newlist ul li a b{ float: right;}
.new .newlist ul li{ margin-bottom: 12px;}

/*foot*/

.contact_link{ background: url(../images/link.png)no-repeat; height: 103px; line-height: 103px; padding-left: 160px; margin: 55px auto 60px;}
.contact_link dl dd{ float: left; margin-right: 30px;}
.contact_link dl dd a{ color: #ff8a00; font-size: 16px;}
.contact_link dl dd a:hover{ color: #ff8a00;}
.contact_link dl .more{ float: right; width: 43px; height: 43px; background: none; border-radius: 50%; margin: 30px 29px 0 0;}

/*foot content*/

.foot{ background: #0e4bc6;}
.foot .footnav{ overflow: hidden; border-bottom: 1px solid #fff; height: 60px; line-height: 60px;}
.foot .footnav ul{ margin: 0 45px 0;}
.foot .footnav ul li{ float: left; margin-right: 60px;}
.foot .footnav ul li a{ color: #fff; font-size: 16px;}
.foot .content{ padding: 30px 0 40px 38px; overflow: hidden; font-size: 0;}
.foot .content .left dd,.foot .content .left dd p{ display: inline-block; vertical-align: top;}
.foot .content .left dd+dd{ margin-left: 25px;}
.foot .content .left dd p{ width: 14px; color: #fff; font-size: 14px; line-height: 15px; margin: 25px 0 0 8px;}
.foot .content .left{ width: 36%; font-size: 0;}
.foot .content .right{ width: 64%;}
.foot .content .right ul{ width: 43%; display: inline-block; vertical-align: top; padding-left: 55px;}
.foot .content .right ul li{ line-height: 40px;}
.foot .content .right ul:first-child{ width: 57%; padding: 0 60px 0 55px; border-left: 1px solid #fff; border-right: 1px solid #fff; height: 160px;}
.foot .content .right ul li img{ vertical-align: middle; display: inline-block;}
.foot .content .right ul li i{ color: #fff; font-size: 14px; vertical-align: middle; display: inline-block;}
.foot .bottom{ width: 100%; height: 40px; line-height: 40px; background: #053eb2;}
.foot .bottom .db{ text-align: center; color: #fff; font-size: 14px;}
.foot .bottom .db a{ color: #fff; font-size: 14px;}
.foot .footnav ul li a:hover,.foot .bottom .db a:hover{ color: #ff8a00;}