*{ 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: 'TEB';
src: url('/fonts/TRUMPGOTHICEAST_BOLD.eot');
src: url('/fonts/TRUMPGOTHICEAST_BOLD.woff') format('woff'), url('/fonts/TRUMPGOTHICEAST_BOLD.ttf') format('truetype'), url('/fonts/TRUMPGOTHICEAST_BOLD.svg') format('svg');
font-weight: normal;
font-style: normal;
}


#jz{ margin: 0 auto 40px;width: 640px;}


@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 50px; text-align: center;line-height: 0;}
.more-title h5{ font-size: 34px; color: #333; line-height: 40px;}
.more-title h5 b{ font-weight:400; color:#333333;}
.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: #0178ef; height: 8px;}

/*标语*/

.header .header-2{ height: 165px; overflow: hidden; background: #e8e8e8;}
.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: #333;}
.header .header-2 .ty_content .text b{font-weight: bold; color: #e62129;}
.header .header-2 .ty_content .text i{ margin-top: 20px; display: block; font-size: 19px; line-height: 18px; color: #555;}
.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 { padding-top:5px; }

.header .header-2 .ty_content .phone .dh h6{ text-align: right; font-size: 34px; line-height: 36px; color: #444; font-weight:450; font-family: 'TEB';}


/*导航*/
.header .header-3{ background: #fff; height: 68px; line-height: 68px;}
.header .header-3 .ty_content{ padding: 0 0px;}
.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: 77px;}


.header .header-3 .ty_content nav a:last-child{ margin-right:0px;}


.header .header-3 .ty_content nav a:before,.header .header-3 .ty_content nav a:after{ content: ""; position: absolute; right: 0; bottom: 0; background: #0178ef; 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: #0178ef;}
.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: 48px; border-top: 1px solid #fff; line-height: 48px; font-size: 16px; color: #fff; background: #0178ef;}
.header .header-3 .ty_content nav ul li:hover{background: #fff;color: #333;}

/*banner*/

.banner{width: 100%;line-height: 0;}
.banner img{ width: 100%;}

/*轮播*/

.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: 15px; 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: #0178ef; border: 1px solid #0178ef;}
.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;}


.keyword { border:1px #ccc solid; padding:5px; height:30px; line-height:30px; vertical-align:middle }

.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: #0178ef;}
.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(/img/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: 50px; height: 24px; vertical-align:middle; 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: #0178ef; border: 1px solid #0178ef;}
.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(/img/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 .qf{ display: block; padding: 0 42px; font-size: 16px; color: #333;}
.product .morehd .fxc h3:hover{ background: #0178ef;}
.product .morehd .fxc h3:hover .qf{ color: #fff;}
.product .morehd .fxc h3 i{ margin: -2px 0 0 8px; background: url(/img/proicon1.png)no-repeat; width: 14px; height: 8px; display: inline-block; vertical-align: middle;}
.product .morehd .fxc h3:hover i{ background: url(/img/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: #0178ef;}
.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; height:280px;}
.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: #0178ef; border-bottom: 2px solid #0178ef;}

/*sbanner*/

.sbanner{  width: 100%; height:auto; overflow: hidden; margin-top: 50px;}


.sbanner img { width:100%;}


.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: #0178ef; font-size: 36px;}
.sbanner .text ul li{ float: left; text-align: center; margin-right: 15px; background: url(/img/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; margin:60px auto;}

.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(/img/btn1.png)no-repeat center;}
.case .nr .xz .an .next{ background: url(/img/btn2.png)no-repeat center;}
.case .nr .xz .an .prev:hover{ background: url(/img/btn3.png)no-repeat center;}
.case .nr .xz .an .next:hover{ background: url(/img/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: #0178ef;}

/*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: #0178ef; 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: #0178ef; 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 #0178ef;}
.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: #0178ef;}
.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: #0178ef;}
.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: 32px; color: #333; line-height: 28px; font-family: 'TEB';}
.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(/img/aboutr.png)no-repeat; overflow: hidden;}
.about .text dt{ font-size: 24px; color: #333; line-height: 24px;}
.about .text dl{ height: 240px; overflow: hidden; margin-top:15px;}
.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: #0178ef;}

/*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(/img/qyxchd2.png)no-repeat; margin-left: -10px;}
.qysl .nr .hd ul li:first-child{ text-align: left; padding-left: 25px; background: url(/img/qyxchd1.png)no-repeat;}
.qysl .nr .hd ul li:first-child.on{ background: url(/img/qyxchd1s.png)no-repeat;}
.qysl .nr .hd ul li:first-child+li.on{ background: url(/img/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: #0178ef;}
.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: #0178ef;}

/*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(/img/newlist1bg.png)no-repeat;}
.new .nr .newlist2 .top{ background: url(/img/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: #0178ef; -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;   white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.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: #0178ef; 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; line-height:22px; display: inline-block; vertical-align: top; width: 49%; margin-right:2%; overflow:hidden; 
   white-space:nowrap; 
    text-overflow: ellipsis;
	
	}
	
	.new .nr .newlist .bd .list dl dd:nth-child(2n) { margin-right:0px;}
	
.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(/img/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: #0178ef;}
.new .nr .newlist .bd .list dl dd a{ color: #333; font-size: 15px; width:100%;   }
.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{ color:#444}


.listbd ul li:hover {  background:#f5f5f5 }

.new .nr .newlist2 .listbd ul li .wen{ margin-bottom: 10px; overflow:hidden; 
   white-space:nowrap; 
    text-overflow: ellipsis;}
.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: #0178ef;}
.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: #0178ef;}
.new .nr .newlist2 .listbd ul li:hover .da a:before{ color: #fff;}
.new .nr .newlist2 .listbd ul li:hover .da a i{ color: #444;}
.new .nr .newlist2 .listbd ul li:hover .wen a{ color: #444; }

.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: #717171;}
.foot nav{ background: #0178ef; 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: 65px;}
.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 span{ float:left; display: inline-block; }

.foot .footnr .link a,.foot .footnr .link i{ display: inline-block; vertical-align: top; color: #fff; font-size: 14px; margin-right:20px;}
.foot .footnr .link a:first-child:hover{ color: #ccc;}
.foot .footnr .link a:hover{ color: #ccc; }
.foot .footnr .content{ border-top: 1px solid #a4a4a4; padding-bottom: 50px;}
.foot .footnr .content .left ul li{ margin-bottom: 20px; line-height: 16px; color: #fff; font-size: 16px;}
.foot .footnr .content .left{ padding-top: 40px; width: 440px;}
.foot .footnr .content .zb{ padding-top: 40px; padding-left:20px;}



.foot .footnr .content .zb dd{ display: inline-block; vertical-align: top; line-height: 0;}

.foot .footnr .content .zb dd:first-child{ margin-right:20px}

.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: 32px; font-weight:450; line-height: 26px; padding-top:20px; color: #fff; font-family: 'TEB';}
.foot .footnr .content .right .xx{ width: 1px; height: 88px; background: #a4a4a4; 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: #e0e0e0; font-size: 14px; width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #a4a4a4;}
.foot .bottom a{ color: #e0e0e0; font-size: 14px;}
.foot .bottom a:hover{ color: #999;}


@media only screen and (max-width: 440px) {


.ty_content,.tywidth{ width: 100%; margin: 0 auto;}


.header{width: 100%;font-size: 0;}
.header .header-1{ background: #0178ef; height: 2px;}
/*标语*/
.header .header-2{ height: 80px; overflow: hidden; background: #e8e8e8;}
.header .header-2 .ty_content>div{ display: inline-block; vertical-align: top;}
.header .header-2 .ty_content .logo{ width:60px; margin-top: 10px; margin-left:10px;}

.header .header-2 .ty_content .logo img{  width:100%}

.header .header-2 .ty_content .text{ margin-top: 20px; margin-left:20px; }
.header .header-2 .ty_content .text p{ font-size: 17px; line-height: 20px; color: #333;}
.header .header-2 .ty_content .text b{font-weight: bold; color: #e62129;}
.header .header-2 .ty_content .text i{ margin-top: 5px; display: block; font-size: 14px; line-height: 18px; color: #555;}
.header .header-2 .ty_content .phone{ float: right; margin-top: 40px; display:none}
.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 { padding-top:5px; }
.header .header-2 .ty_content .phone .dh h6{ text-align: right; font-size: 26px; line-height: 36px; color: #444; font-weight: bold;}



/*导航*/
.header .header-3{ background: #0178ef; height: 82px; width:100%; line-height: 40px;}
.header .header-3 .ty_content{ padding: 0 0px;}

.header .header-3 .ty_content nav a{ width:25%; float:left;   color: #333; font-size: 15px; vertical-align: top;  margin-right: 0px;}


.header .header-3 .ty_content nav a:nth-child(1) { display:none;  }


.header .header-3 .ty_content nav a:nth-child(2),.header .header-3 .ty_content nav a:nth-child(3),.header .header-3 .ty_content nav a:nth-child(4),.header .header-3 .ty_content nav a:nth-child(5) { border-bottom:1px #fff solid;  }

.header .header-3 .ty_content nav a:before,.header .header-3 .ty_content nav a:after{ content: ""; position: absolute; right: 0; bottom: 0; background: #0178ef; width: 0; height: 3px; transition: all .3s; z-index: 1; color:#fff}
.header .header-3 .ty_content nav a i{ position: relative; z-index: 2; color:#fff}
.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: #0178ef;}
.header .header-3 .ty_content nav ul{ display: none; position: absolute; top: 68px; z-index: 999; width: 0%; left: 0%;}
.header .header-3 .ty_content nav ul li{ text-align: center; display: none; height: 48px; border-top: 1px solid #fff; line-height: 48px; font-size: 16px; color: #fff; background: #0178ef;}
.header .header-3 .ty_content nav ul li:hover{background: #fff;color: #333;}

.banner{width: 100%; line-height: 0; height:200px;}
.banner img{ height:200px; width:1129px; margin-left:-45%;}

/*搜索*/

.search{ font-size: 0; background: #fff; border-bottom: 1px solid #e5e5e5; padding:0px 10px; height: 50px; line-height: 50px; 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: #0178ef;}
.search-keywords a,.search-keywords i{ color: #666; font-size: 14px;}
.search-keywords i{ margin: 0 5px;}
.search-form{ float: right; display:none}
#searchForm{ margin: 20px 0 0 0; background: url(/img/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;}
	
	
	
	
	
	.more-title{ width: 100%; margin: 30px auto 30px; text-align: center;line-height: 0;}
.more-title h5{ font-size: 24px; 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;}


.jjfa .nr .hd{ width:100%}


	
	.jjfa{ background: url(/img/casebg.png)no-repeat center; width: 100%; height: 550px; padding-top: 30px;}
.jjfa .nr .bd{ width: 100%; height: 320px; overflow: hidden;}
.jjfa .nr .bd ul li{ width: 100%;  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; top:160px; 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;}
	
	.jjfa .nr .hd ul li{ margin-bottom: 15px; float: left; width: 48.5%; 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: 15px;}
.jjfa .nr .hd ul li.on .p{ color: #fff;}
.jjfa .nr .hd ul li.on{ background: #0178ef; border: 1px solid #0178ef;}
.jjfa .nr .hd ul li.on .icon{ background: #fff;}
.jjfa .nr .hd ul li:nth-child(2n){ margin-left: 10px; 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;}








.product .morehd{ margin-bottom: 30px; width: 100%;  line-height: 40px; 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 .qf{ display: block; padding: 0 14px; font-size: 14px; color: #333;}





.product .morehd .fxc h3:hover{ background: #0178ef;}
.product .morehd .fxc h3:hover .qf{ color: #fff;}
.product .morehd .fxc h3 i{ margin: -2px 0 0 8px; background: url(/img/proicon1.png)no-repeat; width: 14px; height: 8px; display: inline-block; vertical-align: middle;}
.product .morehd .fxc h3:hover i{ background: url(/img/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: #0178ef;}
.product .morehd .fxc h3:hover ul{ display: block;}
.product .cplist ul li{ float: left; width: 48%; text-align: center; margin:1%;}
.product .cplist ul li:nth-child(3n){ margin-right: 0;}
.product .cplist ul li .pic{ width:100%; height: 180px; overflow: hidden;}
.product .cplist ul li .pic img{ width: 100%; transition: all .3s; height:180px;}
.product .cplist ul li .mc{ width: 100%; height: 40px; line-height: 40px; color: #333; font-size: 14px; 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: #0178ef; border-bottom: 2px solid #0178ef;}


.sbanner{  width: 100%; height: 150px; overflow: hidden; margin-top: 30px;}


.sbanner img { width:847px; height:150px; margin-left:-155px;}

.case .nr{ position: relative; height: 230px; overflow: hidden; margin:30px auto;}

.case .nr .xz{ width: 100%; position: absolute; right: 0; top: 0; z-index: 2;}
.case .nr .xz .by{ line-height: 0; display:none}
.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(/img/btn1.png)no-repeat center;}
.case .nr .xz .an .next{ background: url(/img/btn2.png)no-repeat center;}
.case .nr .xz .an .prev:hover{ background: url(/img/btn3.png)no-repeat center;}
.case .nr .xz .an .next:hover{ background: url(/img/btn4.png)no-repeat center;}
.case .nr .bd .pic{ width: 100%; height:400px; 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:20px; top:20px;  margin-left: 0px; width:100%; background-color: rgb(6,100, 200, 0.2); height:240px; overflow: hidden; position:absolute; bottom:0;}

.case .nr .bd .text h3{ color: #fff; 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: 70px; width:370px; overflow:hidden;    word-wrap: break-word}
.case .nr .bd .text p{  margin-bottom: 5px; color: #fff; word-wrap: break-word; font-size: 14px; line-height:24px; }
.case .nr .bd .text p i{ color: #000; display:none}
.case .nr .bd .text .morea{ position: relative; display: block; margin-top:20px; transition: all .3s; background-color: rgb(255, 255, 255); width: 100px; height: 30px; line-height: 30px; text-align: center; border-radius: 20px; color: #333; font-size: 14px;}
.case .nr .bd .text .morea:hover{ border-radius: 0; background: #0178ef;}


.advantage { display:none}

.hzlc .left{ width: 100%;}
.hzlc .left .hd ul li{ margin: 0px; float: left; border: 2px solid #fff; padding-top: 15px; width: 25%; height: 126px; text-align: center;}

.hzlc .left .hd ul li.on{ border: 2px solid #0178ef;}
.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: #0178ef;}
.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: #0178ef;}
.hzlc .left .hd ul li:nth-child(5n){ margin-right: 0;}

.hzlc .right{ padding-left: 30px; position: relative; width: 560px; display:none}
.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 .pic{ position: relative; width:100%;height: 350px; 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:15px; padding-top: 40px; width: 100%; height: 396px;  overflow: hidden;}
.about .text dt{ font-size: 24px; color: #333; line-height: 24px;}
.about .text dl{ height: 240px; overflow: hidden; margin-top:10px;}
.about .text dd{ text-align: justify; padding-right: 15px; color: #666; font-size: 15px; width:96%; 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: #0178ef;}

.qysl { display:none}




/*new*/

.new{ padding: 30px 0 0; font-size: 0; height:auto; }
.new .nr>div{ float: left;}
.new .nr .newlist{ border-top: none;}
.new .nr .newlist1{ width: 100%; height:auto; overflow:hidden; }

.new .nr .newlist .bj {
  padding: 20px 20px 0 20px;
  background: #fff;
  height: 690px;
  border: 1px solid #dcdcdc;
  border-top: none;
  overflow: hidden;
}

.new .nr .newlist2{ width: 100%; height: 0px; margin-left: 30px; display:none}
.new .nr .newlist1 .top{ background: url(/img/newlist1bg.png)no-repeat;}
.new .nr .newlist2 .top{ background: url(/img/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: #0178ef; -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;  border: 0px solid #dcdcdc; border-top: none; overflow: hidden;}
.new .nr .newlist .bd .pic{ width:100%; height: 200px; overflow: hidden;}
.new .nr .newlist .bd .newjs>div{ display: inline-block; vertical-align: top;height:170px; 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: 100%; margin-left:0px; margin-top: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: 60px; 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: #0178ef; 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: 0px 0 0; height:auto;}
.new .nr .newlist .bd .list dl{ float: left; width: 100%; padding-right: 25px;}
.new .nr .newlist .bd .list dl dd{ margin-bottom: 10px; display: inline-block; vertical-align: top; width: 100%; font-size:16px;}



.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(/img/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: #0178ef;}
.new .nr .newlist .bd .list dl dd a{ color: #333; font-size: 16px;}
.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: #0178ef;}
.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: #0178ef;}
.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: 20px; font-size: 0; background: #717171; }
.foot nav{ background: #0178ef; width: 100%; height: 60px; line-height: 60px; display:none}
.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: 65px;}
.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: 10px; display:none; }

.foot .footnr .link span{ float:left; display: inline-block; }
.foot .footnr .link a,.foot .footnr .link i{ display: inline-block; vertical-align: top; color: #fff; font-size: 14px; margin-right:20px;}
.foot .footnr .link a:first-child:hover{ color: #ccc;}
.foot .footnr .link a:hover{ color: #ccc; }
.foot .footnr .content{ border-top: 1px solid #777; padding-bottom: 30px; }

.foot .footnr .content .left ul li{ margin-bottom: 20px; line-height: 16px; text-align:center; color: #fff; font-size: 16px;}

.foot .footnr .content .left{ padding:20px 10px 0px 10px; width:100%;  }

.foot .footnr .content .zb{ padding-top: 20px; padding-left:80px;}

.foot .footnr .content .right { display:none;}

.foot .footnr .content .zb dd{ display: inline-block; vertical-align: top; line-height: 0;}
.foot .footnr .content .zb dd:first-child{ margin-right:20px}
.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; padding-top:20px; color: #fff;}
.foot .footnr .content .right .xx{ width: 1px; height: 88px; background: #a4a4a4; 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: #e0e0e0; display:none; font-size: 14px; width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #a4a4a4;}
.foot .bottom a{ color: #e0e0e0; font-size: 14px;}
.foot .bottom a:hover{ color: #999;}

.foot .bottom i,.foot .bottom span{ display:none}




.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: 42%; bottom: 15px; 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: #0668c8; border: 1px solid #0668c8;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
#jz {
  margin: 0 auto 40px;
  width: 100%;
}
	}

@media only screen and (max-width: 414px) {
.product .morehd .fxc h3 .qf{ display: block; padding: 0 12px; font-size: 14px; color: #333;}

}


@media only screen and (max-width: 390px) {
.product .morehd .fxc h3 .qf{ display: block; padding: 0 9px; font-size: 14px; color: #333;}

}


@media only screen and (max-width: 388px) {
.product .morehd .fxc h3 .qf{ display: block; padding: 0 7px; font-size: 14px; color: #333;}

}

@media only screen and (max-width: 375px) {
.product .morehd .fxc h3 .qf{ display: block; padding: 0 7px; font-size: 14px; color: #333;}

}