*{ 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');font-weight: normal; font-style: normal;}
.ty_content,.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 50px auto 30px; text-align: center;line-height: 0;}
.more-title h5{ font-size: 40px; color: #333; line-height: 40px;}
.more-title h5 b{ font-weight: bold;}
.more-title h6{ margin-top: 15px; font-size: 18px; color: #666; line-height: 18px;}
.xzln1 .ff{ animation: lightSpeedIn 1s; -moz-animation: lightSpeedIn 1s; -webkit-animation: lightSpeedIn 1s; -o-animation: lightSpeedIn 1s; animation-play-state: paused;}
.xzln1 .on{ animation-play-state: running;}
.xzln2 .ff{ animation: rubberBand 1s; -moz-animation: rubberBand 1s; -webkit-animation: rubberBand 1s; -o-animation: rubberBand 1s; animation-play-state: paused;}
.xzln2 .on{ animation-play-state: running;}
.xzln3 .ff{ animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s; -o-animation: fadeInDown 1s; animation-play-state: paused;}
.xzln3 .on{ animation-play-state: running;}
.xzln4 .ff{ animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s; -o-animation: fadeInUp 1s; animation-play-state: paused;}
.xzln4 .on{ animation-play-state: running;}
.xzln5 .ff{ animation: fadeInLeft 1s; -moz-animation: fadeInLeft 1s; -webkit-animation: fadeInLeft 1s; -o-animation: fadeInLeft 1s; animation-play-state: paused;}
.xzln5 .on{ animation-play-state: running;}
.xzln6 .ff{ animation: fadeInRight 1s; -moz-animation: fadeInRight 1s; -webkit-animation: fadeInRight 1s; -o-animation: fadeInRight 1s; animation-play-state: paused;}
.xzln6 .on{ animation-play-state: running;}
@-webkit-keyframes bounce-up{ 25%{-webkit-transform: translateY(2px);}
	50%, 100%{-webkit-transform: translateY(0);}
	75%{-webkit-transform: translateY(-2px);}
	}
@keyframes bounce-up{ 25%{transform: translateY(2px);}
	50%, 100%{transform: translateY(0);}
	75%{transform: translateY(-2px);}
	}
@keyframes msClock{ 0%,90%,100%{ transform: rotate(0) scale(1);}
	20%,40%{ transform: rotate(-15deg) scale(1.1);}
	30%,50%{ transform: rotate(15deg) scale(1.1);}
	}

/*头部*/

.header{width: 100%;font-size: 0;}
.header .header-1{ background: #ff761a; height: 8px;}

/*标语*/

.header .header-2{ height: 165px; overflow: hidden; background: #333;}
.header .header-2 .ty_content>div{ display: inline-block; vertical-align: top;}
.header .header-2 .ty_content .logo{ width: 150px; margin-top: 20px;}
.header .header-2 .ty_content .text{ margin-top: 50px;}
.header .header-2 .ty_content .text p{ font-size: 30px; line-height: 30px; color: #fff;}
.header .header-2 .ty_content .text b{font-weight: bold; color: #ff761a;}
.header .header-2 .ty_content .text i{ margin-top: 20px; display: block; font-size: 18px; line-height: 18px; color: #fff;}
.header .header-2 .ty_content .phone{ float: right; margin-top: 40px;}
.header .header-2 .ty_content .phone>div{ display: inline-block; vertical-align: top;}
.header .header-2 .ty_content .phone .spic{ line-height: 0; margin-left: 15px;}
.header .header-2 .ty_content .phone .dh h6{ text-align: right; font-size: 26px; line-height: 26px; color: #fff; font-weight: bold;}

/*导航*/

.header .header-3{ background: #fff; height: 68px; line-height: 68px;}
.header .header-3 .ty_content{ padding: 0 40px;}
.header .header-3 .ty_content nav a{ position: relative; color: #333; font-size: 16px; display: inline-block; vertical-align: top; text-align: center; margin-right: 52px;}
.header .header-3 .ty_content nav a:before,.header .header-3 .ty_content nav a:after{ content: ""; position: absolute; right: 0; bottom: 0; background: #ff761a; width: 0; height: 3px; transition: all .3s; z-index: 1;}
.header .header-3 .ty_content nav a i{ position: relative; z-index: 2;}
.header .header-3 .ty_content nav .on:before,.header .header-3 .ty_content nav a:hover:before,.header .header-3 .ty_content nav .on:after,.header .header-3 .ty_content nav a:hover:after{ width: 50%;}
.header .header-3 .ty_content nav a:after{ left: 0;}
.header .header-3 .ty_content nav a:last-child{ margin-right: 0;}
.header .header-3 .ty_content nav .on,.header .header-3 .ty_content nav a:hover{ color: #ff761a;}
.header .header-3 .ty_content nav ul{ display: none; position: absolute; top: 68px; z-index: 999; width: 210%; left: -60%;}
.header .header-3 .ty_content nav ul li{ text-align: center; height: 58px; border-top: 1px solid #fff; line-height: 58px; font-size: 16px; color: #fff; background: #ff761a;}
.header .header-3 .ty_content nav ul li:hover{background: #fff;color: #333;}

/*轮播*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; 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: 12px; height: 12px; border: 1px solid #fff; border-radius: 50%; margin-right: 15px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #ff761a; border: 1px solid #ff761a;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}

/*搜索*/

.search{ font-size: 0; background: #fff; border-bottom: 1px solid #e5e5e5; height: 70px; line-height: 70px; overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #333; font-weight: bold; font-size: 14px;}
.search-keywords a:hover{ color: #ff761a;}
.search-keywords a,.search-keywords i{ color: #666; font-size: 14px;}
.search-keywords i{ margin: 0 5px;}
.search-form{ float: right;}
#searchForm{ margin: 20px 0 0 0; background: url(../images/search.png)no-repeat; width: 239px; height: 31px; display: inline-block; vertical-align: top;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #999;}
#searchForm .search-input{ height: 31px; line-height: 31px; width: 87%;}
.search-form #s_btn{ width: 31px; height: 31px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #999;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #999;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #999;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #999;}

/*jjfa*/

.jjfa .nr .hd{ width: 470px;}
.jjfa .nr .hd h6{ line-height: 0;margin-bottom: 35px;}
.jjfa .nr .hd ul li{ margin-bottom: 15px; float: left; width: 220px; height: 70px; padding: 10px; background: #fff; border: 1px solid #dcdcdc; border-top-left-radius: 35px; border-bottom-left-radius: 35px; font-size: 0;}
.jjfa .nr .hd ul li>div{ display: inline-block; vertical-align: middle;}
.jjfa .nr .hd ul li .icon{ margin-right: 15px; width: 50px; height: 50px; border-radius: 50%; background: #333; text-align: center; line-height: 50px;}
.jjfa .nr .hd ul li .icon img{ vertical-align: middle;}
.jjfa .nr .hd ul li .icon .yc{ display: none;}
.jjfa .nr .hd ul li.on .icon .xs{ display: none;}
.jjfa .nr .hd ul li.on .icon .yc{ display: inline-block;}
.jjfa .nr .hd ul li .p{ color: #333; font-size: 20px;}
.jjfa .nr .hd ul li.on .p{ color: #fff;}
.jjfa .nr .hd ul li.on{ background: #ff761a; border: 1px solid #ff761a;}
.jjfa .nr .hd ul li.on .icon{ background: #fff;}
.jjfa .nr .hd ul li:nth-child(2n){ margin-left: 30px; text-align: right; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 35px; border-bottom-right-radius: 35px;}
.jjfa .nr .hd ul li:nth-child(2n) .icon{ margin-left: 15px; margin-right: 0;}
.jjfa{ background: url(../images/casebg.png)no-repeat center; width: 100%; height: 550px; padding-top: 50px;}
.jjfa .nr .bd{ width: 680px; height: 450px; overflow: hidden;}
.jjfa .nr .bd ul li{ width: 680px; height: 450px; overflow: hidden; position: relative;}
.jjfa .nr .bd ul li .pic img{ width: 100%; transition: all .3s;}
.jjfa .nr .bd ul li:hover .pic img{ transform: scale(1.1, 1.1);}
.jjfa .nr .bd ul li .text{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; background-color: rgba(0, 0, 0, 0.502); height: 130px; padding: 20px 20px 0 25px;}
.jjfa .nr .bd ul li .text .mc{ font-size: 18px; color: #fff; line-height: 18px;}
.jjfa .nr .bd ul li .text dd{ width: 72px; height: 1px; background-color: rgb(210, 210, 210); margin: 15px 0 10px;}
.jjfa .nr .bd ul li .text p{ font-size: 14px; color: #fff; line-height: 24px;}

/*product*/

.product .morehd{ margin-bottom: 30px; width: 100%; height: 62px; line-height: 60px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.product .morehd .fxc{ background: #f5f5f5; font-size: 0; border: 1px solid #dcdcdc; border-top: none;}
.product .morehd .fxc h3{ display: inline-block; vertical-align: top; position: relative;}
.product .morehd .fxc h3:first-child{ width: 186px;}
.product .morehd .fxc h3 .qf{ display: block; padding: 0 24px; font-size: 16px; color: #333;}
.product .morehd .fxc h3:hover{ background: #ff761a;}
.product .morehd .fxc h3:hover .qf{ color: #fff;}
.product .morehd .fxc h3 i{ margin: -2px 0 0 8px; background: url(../images/proicon1.png)no-repeat; width: 14px; height: 8px; display: inline-block; vertical-align: middle;}
.product .morehd .fxc h3:hover i{ background: url(../images/proicon2.png)no-repeat;}
.product .morehd .fxc ul{ position: absolute; left: 0; top: 62px; z-index: 1; background-color: rgba(51, 51, 51, 0.8); width: 100%; padding: 20px 0 20px 8px; display: none;}
.product .morehd .fxc ul:first-child{ padding: 20px 0 20px 25px;}
.product .morehd .fxc ul:first-child+ul+ul+ul+ul+ul{ padding: 20px 0 20px 25px;}
.product .morehd .fxc ul li{ line-height: 14px; margin-bottom: 20px;}
.product .morehd .fxc ul li:last-child{ margin-bottom: 0;}
.product .morehd .fxc ul li a{ display: inline-block; line-height: 14px; font-size: 14px; color: #fff;}
.product .morehd .fxc ul li a:hover{ color: #ff761a;}
.product .morehd .fxc h3:hover ul{ display: block;}
.product .cplist ul li{ float: left; width: 380px; text-align: center; margin: 0 30px 30px 0;}
.product .cplist ul li:nth-child(3n){ margin-right: 0;}
.product .cplist ul li .pic{ width: 380px; height: 276px; overflow: hidden;}
.product .cplist ul li .pic img{ width: 100%; transition: all .3s;}
.product .cplist ul li .mc{ width: 380px; height: 50px; line-height: 50px; color: #333; font-size: 16px; border-bottom: 2px solid #333; overflow: hidden;}
.product .cplist ul li:hover .pic img{ transform: scale(1.1, 1.1);}
.product .cplist ul li:hover .mc{ color: #ff761a; border-bottom: 2px solid #ff761a;}

/*sbanner*/

.sbanner{ background: url(../images/sbanner.png)no-repeat center; width: 100%; height: 340px; overflow: hidden; margin-top: 50px;}
.sbanner .text .by{ text-align: right; font-size: 32px; color: #fff;line-height: 32px; padding: 50px 0 30px;}
.sbanner .text .by b{ font-weight: bold; color: #ff761a; font-size: 36px;}
.sbanner .text ul li{ float: left; text-align: center; margin-right: 15px; background: url(../images/xtbqq.png)no-repeat; font-size: 26px; color: #fff; padding-top: 25px; width: 90px; height: 90px; overflow: hidden; -webkit-animation: bounce-up 1.3s linear infinite; animation: bounce-up 1.3s linear infinite;margin-right: 20px;}
.sbanner .text ul li:last-child{ margin-right: 0;}
.sbanner .text .list{ margin-bottom: 35px; overflow: hidden;}
.sbanner .text .rx p{ font-size: 16px; color: #fff; line-height: 16px; text-align: right; margin-bottom: 10px;}
.sbanner .text .rx h6{ font-size: 28px; color: #fff; line-height: 28px; font-family: arial;}
.sbanner .text .icon{ margin: 10px 0 0 10px; animation: msClock 1.2s linear infinite; animation: msClock 1.2s linear infinite;}

/*case*/

.case .nr{ position: relative; height: 374px; overflow: hidden;}
.case .nr .xz{ width: 610px; position: absolute; right: 0; top: 0; z-index: 2;}
.case .nr .xz .by{ line-height: 0;}
.case .nr .xz .an .btn{ margin-top: 10px; display: inline-block; vertical-align: top; width: 32px; height: 32px;}
.case .nr .xz .an .prev{ margin-right: 15px; background: url(../images/btn1.png)no-repeat center;}
.case .nr .xz .an .next{ background: url(../images/btn2.png)no-repeat center;}
.case .nr .xz .an .prev:hover{ background: url(../images/btn3.png)no-repeat center;}
.case .nr .xz .an .next:hover{ background: url(../images/btn4.png)no-repeat center;}
.case .nr .bd .pic{ width: 560px; height: 374px; overflow: hidden;}
.case .nr .bd .pic img{ width: 100%; transition: all .3s;}
.case .nr .bd .pic:hover img{ transform: scale(1.1);}
.case .nr .bd .text{ padding-top: 85px; margin-left: 30px; width: 610px;height: 374px; overflow: hidden;}
.case .nr .bd .text h3{ color: #000; font-size: 18px; line-height: 18px;}
.case .nr .bd .text .hr{ background-color: rgb(199, 199, 199); display: inline-block; vertical-align: top; width: 50px; height: 2px; margin: 20px 0 10px;}
.case .nr .bd .text dd{ height: 195px;}
.case .nr .bd .text p{ margin-bottom: 5px; color: #666; font-size: 16px; line-height: 30px;}
.case .nr .bd .text p i{ color: #000;}
.case .nr .bd .text .morea{ position: relative; display: block; transition: all .3s; background-color: rgb(51, 51, 51); width: 150px; height: 44px; line-height: 44px; text-align: center; border-radius: 22px; color: #fff; font-size: 16px;}
.case .nr .bd .text .morea:hover{ border-radius: 0; background: #ff761a;}

/*advantage*/

.advantage ul li .pic{ line-height: 0; width: 530px; position: relative; z-index: 5;}
.advantage ul .li1 .pic img{ margin-left: -81px;}
.advantage ul .li2 .pic img{ margin-left: -350px;}
.advantage ul .li2 .by{ text-align: right; margin-right: 60px;}
.advantage ul li{ margin-bottom: 65px;}
.advantage ul .li2 .text .icon img{ float: right;}
.advantage ul .li2 dl dd{ text-align: right; margin-right: 30px;}
.advantage ul li .text{ position: relative; font-size: 0; width: 670px;}
.advantage ul li .text dl .wb{ position: relative; z-index: 2;}
.advantage ul .li1 .text dl .by{ padding-left: 30px;}
.advantage ul li .text dl dt .icon{ line-height: 0; overflow: hidden;}
.advantage ul li .text dl dt p{ color: #333; font-size: 26px; line-height: 26px; margin: 35px 0 20px;}
.advantage ul li .text dl dd{ position: relative; color: #666; font-size: 16px; line-height: 30px;}
.advantage ul .li1 .text dl dd{ padding-left: 30px; margin-bottom: 10px;}
.advantage ul .li1 .text dl dd i{ display: inline-block; vertical-align: top; width: 521px;}
.advantage ul .li2 .text dl dd i{ display: inline-block; vertical-align: top; width: 523px;}
.advantage ul .li1 .text dd:before{ content: ""; background: #ff761a; width: 7px; height: 7px; border-radius: 50%; display: inline-block; vertical-align: top; margin: 10px 10px 0 0;}
.advantage ul li .text .bs{ content: ""; position: absolute; left: 0; background: #f5f5f5; top: 25px; width: 670px; height: 385px; z-index: 1;}
.advantage ul .li2 .text dd:after{ content: ""; background: #ff761a; width: 7px; height: 7px; border-radius: 50%; display: inline-block; vertical-align: top; margin: 10px 0 0 10px;}

/*hzlc*/

.hzlc .left{ width: 640px;}
.hzlc .left .hd ul li{ margin: 0 20px 20px 0; float: left; border: 2px solid #fff; padding-top: 30px; width: 106px; height: 146px; text-align: center;}
.hzlc .left .hd ul li.on{ border: 2px solid #ff761a;}
.hzlc .left .hd ul li .icon{ line-height: 0;}
.hzlc .left .hd ul li .icon .yc{ display: none;}
.hzlc .left .hd ul li.on .icon .xs{ display: none;}
.hzlc .left .hd ul li.on .icon .yc{ display: inline-block;}
.hzlc .left .hd ul li p{ margin: 20px 0; color: #333; font-size: 16px; line-height: 16px;}
.hzlc .left .hd ul li.on p{ color: #ff761a;}
.hzlc .left .hd ul li .hr{ width: 39px; height: 2px; background: #333; display: inline-block; vertical-align: top;}
.hzlc .left .hd ul li.on .hr{ background: #ff761a;}
.hzlc .left .hd ul li:nth-child(5n){ margin-right: 0;}
.hzlc .right{ padding-left: 30px; position: relative; width: 560px;}
.hzlc .right:before{ content: ""; position: absolute; left: 0; background: #f5f5f5; top: 120px; width: 920px; height: 350px; z-index: 1;}
.hzlc .right .pic{ position: relative; z-index: 2; width: 530px; height: 370px; overflow: hidden;}
.hzlc .right .pic img{ width: 100%; transition: all .3s;}
.hzlc .right .pic:hover img{ transform: scale(1.1);}
.hzlc .right .rx{ position: relative; z-index: 5; margin-top: 20px;}
.hzlc .right .rx p{ font-size: 16px; color: #333; line-height: 16px; margin-bottom: 10px;}
.hzlc .right .rx h6{ font-size: 28px; color: #333; line-height: 28px; font-family: arial;}
.hzlc .right .icon{ margin: 10px 10px 0 0; animation: msClock 1.2s linear infinite; animation: msClock 1.2s linear infinite;}

/*about*/

.about .pic{ position: relative; width: 549px;height: 395px; overflow: hidden;}
.about .pic img{ width: 100%;transition: all .8s;}
.about .pic:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); transform: skewx(-25deg);}
.about .pic:hover:after{left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}
.about .pic:hover img{ transform: scale(1.1);}
.about .text{ margin-left: 31px; padding-top: 40px; width: 620px; height: 396px; background: url(../images/aboutr.png)no-repeat; overflow: hidden;}
.about .text dt{ font-size: 24px; color: #333; line-height: 24px;}
.about .text dl{ height: 240px; overflow: hidden;}
.about .text dd{ text-align: justify; padding-right: 30px; color: #666; font-size: 16px; line-height: 30px;}
.about .text .morea{ position: relative; display: block; transition: all .3s; background-color: rgb(51, 51, 51); width: 150px; height: 44px; line-height: 44px; text-align: center; border-radius: 22px; color: #fff; font-size: 16px;}
.about .text .morea:hover{ border-radius: 0; background: #ff761a;}

/*qysl*/

.qysl{ font-size: 0; width: 100%; height: 374px; overflow: hidden; background: #f7f7f7; margin: 30px 0 0; padding-top: 40px; margin-top: 30px;}
.qysl .nr .hd ul li{ display: inline-block; vertical-align: top; width: 190px; height: 50px; line-height: 50px; color: #333; font-size: 18px; text-align: center; cursor: default;}
.qysl .nr .hd ul li.on{ color: #fff;}
.qysl .nr .hd ul li:first-child+li{ background: url(../images/qyxchd2.png)no-repeat; margin-left: -10px;}
.qysl .nr .hd ul li:first-child{ text-align: left; padding-left: 25px; background: url(../images/qyxchd1.png)no-repeat;}
.qysl .nr .hd ul li:first-child.on{ background: url(../images/qyxchd1s.png)no-repeat;}
.qysl .nr .hd ul li:first-child+li.on{ background: url(../images/qyxchd2s.png)no-repeat;}
.qysl .nr .bdnr{ margin: 15px 0 0;}
.qysl .nr .bdnr .bd{ position: relative;}
.qysl .nr .bdnr .bd ul li{ width: 284px; margin-right: 20px; display: inline-block; vertical-align: top; text-align: center;}
.qysl .nr .bdnr .bd ul li .pic{ width: 284px; height: 200px; overflow: hidden;}
.qysl .nr .bdnr .bd ul li .mc{ color: #333; font-size: 16px; line-height: 16px; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #dcdcdc;}
.qysl .nr .bdnr .bd ul li .pic img{ width: 100%;transition: all .8s;}
.qysl .nr .bdnr .bd ul li:hover .pic img{ transform: scale(1.1, 1.1);}
.qysl .nr .bdnr .bd ul li:hover .mc{ color: #ff761a;}
.qysl .nr .bdnr .bd .morea{ position: absolute; right: 0; top: -45px; z-index: 10; font-size: 14px; line-height: 14px;}
.qysl .nr .bdnr .bd .morea a{ display: block; color: #999;}
.qysl .nr .bdnr .bd .morea a:hover{ color: #ff761a;}

/*new*/

.new{ padding: 30px 0 0; font-size: 0;}
.new .nr>div{ float: left;}
.new .nr .newlist{ border-top: none;}
.new .nr .newlist1{ width: 700px; height: 480px;}
.new .nr .newlist2{ width: 470px; height: 586px; margin-left: 30px;}
.new .nr .newlist1 .top{ background: url(../images/newlist1bg.png)no-repeat;}
.new .nr .newlist2 .top{ background: url(../images/newlist2bg.png)no-repeat;}
.new .nr .newlist2 .top ul li.on:after{ width: 100%!important;}
.new .nr .newlist .top ul li:first-child+li{ margin-left: 16px;}
.new .nr .newlist1 ul li{ cursor: pointer;}
.new .nr .newlist .top{ height: 55px; line-height: 55px; border-bottom: 1px solid #dcdcdc; padding-left: 20px;}
.new .nr .newlist .top ul li{ color: #333; font-size: 18px; position: relative; float: left; margin-right: 21px;}
.new .nr .newlist .top ul li:after{ position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; content: ""; background: #ff761a; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s;}
.new .nr .newlist .top ul li.on:after{ width: 100%; left: 0;}
.new .nr .newlist .top ul a{ float: right; color: #666; font-size: 14px; margin: 0 20px 0 0;}
.new .nr .newlist .bj{ padding: 20px 20px 0 20px; background: #fff; height: 531px; border: 1px solid #dcdcdc; border-top: none; overflow: hidden;}
.new .nr .newlist .bd .pic{ width: 314px; height: 200px; overflow: hidden;}
.new .nr .newlist .bd .newjs>div{ display: inline-block; vertical-align: top;height: 200px; overflow: hidden;}
.new .nr .newlist .bd .pic img{ width: 100%; transition: all .3s;}
.new .nr .newlist .bd .pic:hover img{ transform: scale(1.1);}
.new .nr .newlist .bd .js{ width: 329px; margin-left: 15px;}
.new .nr .newlist .bd .js h3{ line-height: 16px;}
.new .nr .newlist .bd .js h3 a{ color: #333; font-size: 16px; line-height: 16px;}
.new .nr .newlist .bd .js p{ height: 112px; overflow: hidden; color: #888; font-size: 14px; line-height: 26px; margin: 10px 0 25px;}
.new .nr .newlist .bd .js p:hover{ text-decoration: underline;}
.new .nr .newlist .bd .js .more{ transition: all .3s; width: 100px; height: 30px; border-radius: 15px; background: #ff761a; text-align: center; line-height: 30px; color: #fff; font-size: 14px; display: inline-block; vertical-align: top;}
.new .nr .newlist .bd .js .more:hover{ border-radius: 0;}
.new .nr .newlist .bd .list{ margin: 25px 0 0; overflow: hidden;}
.new .nr .newlist .bd .list dl{ float: left; width: 100%; padding-right: 25px;}
.new .nr .newlist .bd .list dl dd{ margin-bottom: 18px; display: inline-block; vertical-align: top; width: 50%;}
.new .nr .newlist .bd .list dl dd a:before{ content: ">"; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}
.new .nr .newlist .bd .list dl dd i{ color: #999; font-size: 14px; float: right;}
.new .nr .newlist .bd .list dl dd a:hover:before{ background: url(../images/newicon2.png)no-repeat;}
.new .nr .newlist .bd .list dl dd a:hover,.new .nr .newlist .bd .js h3 a:hover,.new .nr .newlist .top ul a:hover{ color: #ff761a;}
.new .nr .newlist .bd .list dl dd a{ color: #333; font-size: 14px;}
.new .nr .newlist2 .listbd{ height: 531px; overflow: hidden;background: #fff;border: 1px solid #dcdcdc;border-top: none;}
.new .nr .newlist2 .listbd ul li{ height: 102px!important; padding: 15px 20px 0 20px; margin-bottom: 5px;}
.new .nr .newlist2 .listbd ul li:hover{ background: #333333;}
.new .nr .newlist2 .listbd ul li .wen{ margin-bottom: 10px;}
.new .nr .newlist2 .listbd ul li .wen a{ color: #333; font-size: 16px;}
.new .nr .newlist2 .listbd ul li .wen a:before{ content: "Q"; background: #ff761a;}
.new .nr .newlist2 .listbd ul li .da a:before{ content: "A"; background: #999;}
.new .nr .newlist2 .listbd ul li:hover .wen a:before{ background: #fff; color: #ff761a;}
.new .nr .newlist2 .listbd ul li:hover .da a:before{ color: #fff;}
.new .nr .newlist2 .listbd ul li:hover .da a i{ color: #fff;}
.new .nr .newlist2 .listbd ul li:hover .wen a{ color: #fff;}
.new .nr .newlist2 .listbd ul li .wen a:before,.new .nr .newlist2 .listbd ul li .da a:before{ border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; font-size: 14px; display: inline-block; vertical-align: top; margin: 1px 7px 0 0;}
.new .nr .newlist2 .listbd ul li .da a i{ color: #888; font-size: 14px; display: inline-block; vertical-align: top; line-height: 22px; width: 395px;}

/*尾部*/

.foot{ margin-top: 50px; font-size: 0; background: #333;}
.foot nav{ background: #ff761a; width: 100%; height: 60px; line-height: 60px;}
.foot nav ul{ width: 1200px; margin: 0 auto; padding: 0 40px;}
.foot nav ul a{ position: relative; color: #fff; font-size: 16px; display: inline-block; vertical-align: top; margin-right: 52px;}
.foot nav ul a:before,.foot nav ul a:after{ content: ""; position: absolute; right: 0; bottom: 0; background: #fff; width: 0; height: 3px; transition: all .3s; z-index: 1;}
.foot nav ul a:hover:before,.foot nav ul a:hover:after{ width: 50%;}
.foot nav ul a:after{ left: 0;}
.foot nav ul a:last-child{ margin-right: 0;}
.foot .footnr .link{ padding: 30px 0;}
.foot .footnr .link a,.foot .footnr .link i{ display: inline-block; vertical-align: top; color: #ccc; font-size: 14px;}
.foot .footnr .link a:first-child:hover{ color: #ccc;}
.foot .footnr .link a:hover{ color: #ff761a;}
.foot .footnr .content{ border-top: 1px solid #434343; padding-bottom: 50px;}
.foot .footnr .content .left ul li{ margin-bottom: 20px; line-height: 16px; color: #ccc; font-size: 16px;}
.foot .footnr .content .left{ padding-top: 40px; width: 440px;}
.foot .footnr .content .zb{ padding-top: 40px;}
.foot .footnr .content .zb dd{ display: inline-block; vertical-align: top; line-height: 0;}
.foot .footnr .content .right>div{ display: inline-block; vertical-align: top;}
.foot .footnr .content .right .dh{ text-align: right; margin-top: 40px;}
.foot .footnr .content .right .dh p{ color: #fff; font-size: 16px; line-height: 16px;}
.foot .footnr .content .right .dh h6{ text-align: right; font-size: 26px; line-height: 26px; color: #ff761a;}
.foot .footnr .content .right .xx{ width: 1px; height: 88px; background: #434343; display: inline-block; vertical-align: top;}
.foot .footnr .content .right .bz{ text-align: center; margin-left: 15px;}
.foot .footnr .content .right .icon img{ animation: msClock 1.2s linear infinite; animation: msClock 1.2s linear infinite;}
.foot .bottom{ text-align: center; color: #7c7c7c; font-size: 14px; width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #434343;}
.foot .bottom a{ color: #7c7c7c; font-size: 14px;}
.foot .bottom a:hover{ color: #ff761a;}