*{ 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,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face{ font-family: 'Kozuka Gothic Pr6N-Bold';src: url('../fonts/Kozuka Gothic Pr6N-Bold.ttf');font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 60px auto 35px;text-align: center;}
.more-title h5{ font-size: 36px; line-height: 36px; color: #333; font-weight: bold; margin-bottom: 10px;}
.more-title h6{ font-size: 18px; color: #333; line-height: 18px;}
@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*/

.header{ width: 100%; font-size: 0;}
.header .header_slogan{ padding: 0 55px 0 60px; position: relative; height: 144px;}
.header .header_slogan .logo{ width: 108px; padding-top: 15px;}
.header .header_slogan .text{ padding-top: 50px;}
.header .header_slogan .text h3{ color: #c81500; font-size: 24px;line-height: 24px; font-weight: bold; margin-bottom: 10px;}
.header .header_slogan .text p{ color: #333; line-height: 16px;font-size: 16px;}
.header .nav{ margin-left: 150px; padding-top: 55px;}
.header .nav .nav-content nav .xz{ height: 38px; line-height: 38px; border-radius: 19px; position: relative; display: inline-block; vertical-align: top; text-align: center;}
.header .nav .nav-content nav .xz i{ padding: 0 20px; position: relative; z-index: 1; color: #333; font-size: 16px;}
.header .nav .nav-content nav .xz.on,.header .nav .nav-content nav .xz:hover{ background: #c81500;}
.header .nav .nav-content nav .xz.on i,.header .nav .nav-content nav .xz:hover i{ color: #fff;}
.header .nav .nav-content nav .xz ul{ display: none; position: absolute; left: 50%; top: 38px; z-index: 999; transform: translateX(-50%); width: 140px; background-color: rgba(255, 255, 255, 0.902); border: 1px solid #eee; padding: 15px 0;}
.header .nav .nav-content nav .xz ul li{ font-size: 16px; color: #666; line-height: 16px; margin-top: 15px;}
.header .nav .nav-content nav .xz ul li:first-child{ margin-top: 0;}
.header .nav .nav-content nav .xz ul li:hover{ color: #c81500;}
.header .header_slogan .right{ margin-top: 60px;}
.header .header_slogan .right>div{ display: inline-block; vertical-align: top;}
.header .header_slogan .right .phone{ margin-right: 7px; line-height: 0;}
.header .header_slogan .right .rx h3{ color: #333; font-size: 20px;line-height: 20px;}

/*轮播*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 10px; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); bottom: 25px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; position: relative; width: 10px; height: 10px; background: #c81500; margin-right: 10px; cursor: pointer; border-radius: 100%; transition: all .3s;}
.slideBox .hd ul li.on{ border-radius: 5px; width: 37px;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.banner img{ width: 100%;}

/*搜索*/

.search{ height: 70px; line-height: 70px; border-bottom: 1px solid rgb(229, 229, 229);}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span,.search-keywords a,.search-keywords i{ display: inline-block; vertical-align: middle; color: #666; font-size: 14px;}
.search-keywords span{ font-weight: bold; color: #333;}
.search-keywords i{ color: #333; margin: 0 10px;}
.search-keywords a:hover{ color: #c81500;}
.search-form{ float: right;}
#searchForm{ margin-top: 15px; background: url(../images/search.png)no-repeat; width: 290px; height: 40px; 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{ text-indent: 25px; height: 40px; line-height: 40px; width: 83%;}
.search-form #s_btn{ width: 40px; height: 40px; 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;}

/*product*/

.product{ background: url(../images/cpbg.png)no-repeat center -70px; width: 100%; height: 1070px; overflow: hidden; padding-top: 60px;}
.product .nr .pro-left{ width: 270px; background: #c81500; padding-bottom: 20px; margin-right: 25px;}
.product .nr .pro-left .top{ background: #333; height: 134px; overflow: hidden; padding: 23px 0 0 13px; font-size: 0;}
.product .nr .pro-left .top>div{ display: inline-block; vertical-align: middle;}
.product .nr .pro-left .top .icon{ line-height: 0; margin-right: 5px;}
.product .nr .pro-left .top dt{ font-weight: bold; color: #fff; font-size: 24px;}
.product .nr .pro-left .top dd{ color: #fff; font-size: 28px;}
.product .nr .pro-left .top dd:before{ content: ""; display: inline-block; vertical-align: middle; width: 23px; height: 1px; background-color: rgb(255, 255, 255);}
.product .nr .pro-left .top dd:after{ content: ""; display: inline-block; vertical-align: middle; width: 23px; height: 1px; background-color: rgb(255, 255, 255);}
.product .nr .pro-left .bottom{ font-size: 0; padding-left: 27px;}
.product .nr .pro-left .bottom>div{ display: inline-block; vertical-align: top;}
.product .nr .pro-left .bottom .icon{ line-height: 0; margin-right: 15px;}
.product .nr .pro-left .bottom h4{ margin: 25px 0 10px; color: #fff; font-size: 16px; line-height: 16px;}
.product .nr .pro-left .bottom h5{ font-weight: bold; color: #fff; font-size: 26px; line-height: 26px; font-family: arial;}
.product .nr .right{ width: 905px;}
.product .nr .right ul li{ float: left; width: 290px; margin: 0 17px 20px 0; text-align: center;}
.product .nr .right ul li:nth-child(3n){ margin-right: 0;}
.product .nr .right ul li .pic{ width: 290px; height: 229px; overflow: hidden;}
.product .nr .right ul li .pic img{ width: 100%; transition: all .5s;}
.product .nr .right ul li .title{ background: #fff;border-top: 1px solid #eee; width: 290px; height: 42px; line-height: 42px; color: #333; font-size: 16px; overflow: hidden;}
.product .nr .right ul li:hover .pic img{ transform: scale(1.1);}
.product .nr .right ul li:hover .pic img{ transform: scale(1.1);}
.product .nr .right ul li:hover .title{ background: #c81500; color: #fff;}
.product .nr .pro-left .sideMenu{ width: 254px; background: #fff; margin: -30px auto 0; border-radius: 5px; padding: 25px 0 26px 28px;}
.product .nr .pro-left .sideMenu h3{ margin-top: 28px;}
.product .nr .pro-left .sideMenu .h3s:first-child{ margin-top: 0!important;}
.product .nr .pro-left .sideMenu h3 a{ color: #333; font-size: 18px; background: url(../images/cpicon1.png)no-repeat left center; padding-left: 40px;}
.product .nr .pro-left .sideMenu ul{ margin: 20px 0 25px;}
.product .nr .pro-left .sideMenu ul li{ margin-bottom: 10px;}
.product .nr .pro-left .sideMenu ul li a{ color: #666; font-size: 16px; background: url(../images/cpicon2.png)no-repeat 10px center; padding-left: 40px;}
.product .nr .pro-left .sideMenu ul li:hover a{ color: #c81500;}

/*model1*/

.model1{ padding-top: 70px; background: url(../images/modelbg.png)no-repeat center; width: 100%; height: 607px; overflow: hidden; font-size: 0;}
.model1 .nr ul li{ display: inline-block; vertical-align: top; text-align: center; margin-right: 13px; width: 290px;}
.model1 .nr ul li:last-child{margin-right: 0;}
.model1 .nr ul li .pic{ width: 290px; height: 350px; overflow: hidden;}
.model1 .nr ul li .pic img{ width: 100%; transition: all .5s;}
.model1 .nr ul li .title{ background: #eaeaea; position: relative; z-index: 1; width: 260px; height: 54px; padding-top: 8px; margin: -27px auto 0; overflow: hidden;}
.model1 .nr ul li .title i{ display: block; color: #333; font-size: 18px;}
.model1 .nr ul li .title i:after{ content: ""; display: block; margin: 5px auto 0; width: 40px; height: 1px; background: #333;}
.model1 .nr ul li:hover .pic img{ transform: scale(1.1);}
.model1 .nr ul li:hover .title{ background: #c81500;}
.model1 .nr ul li:hover .title i{ color: #fff;}
.model1 .nr ul li:hover .title i:after{ background: #fff;}

/*advantage*/

.advantage .nr ul li{ margin-bottom: 55px;}
.advantage .nr ul .hr{ width: 580px;}
.advantage .nr ul .li1 .hr img{ margin-left: -361px;}
.advantage .nr ul .li2 .hr img{ margin-right: -361px;}
.advantage .nr ul .li2 .by{ margin-right: 40px; margin-left: 0; text-align: right;}
.advantage .nr ul .by{ margin-left: 40px; width: 580px; color: #333; font-size: 32px; line-height: 32px; font-weight: bold;}
.advantage .nr ul li .nrs{ margin-bottom: 50px;}
.advantage .nr ul li .nrs>div,.advantage .nr ul li .nrx>div{ float: left;}
.advantage .nr ul .text{ width: 580px;}
.advantage .nr ul .li1 .text{ text-align: right;}
.advantage .nr ul .text dt{ color: #333; font-size: 26px; line-height: 26px; margin-bottom: 15px;}
.advantage .nr ul li p{ line-height: 30px; margin-bottom: 10px; color: #666; font-size: 16px;}
.advantage .nr ul .li1 p{ padding-right: 19px; position: relative;}
.advantage .nr ul .li2 p{ padding-left: 19px; position: relative;}
.advantage .nr ul .li2 p:before{ content: ""; position: absolute; left: 0; top: 11px; display: inline-block; vertical-align: top; width: 7px; height: 7px; border-radius: 50%; background: #c81500;}
.advantage .nr ul .li1 p:after{ content: ""; position: absolute; right: 0; top: 11px; display: inline-block; vertical-align: top; width: 7px; height: 7px; border-radius: 50%; background: #c81500;}
.advantage .nr ul li .nrx .pic{ margin-left: 40px; width: 580px; height: 320px;}
.advantage .nr ul li dl{ overflow: hidden; text-align: center;}
.advantage .nr ul li dl dd{ float: left; color: #333; font-size: 20px; margin-right: 68px;}
.advantage .nr ul li dl dd i{ color: #c81500; font-size: 36px; font-weight: bold;}
.advantage .nr ul li dl dd b{ display: block; color: #666; font-size: 18px; line-height: 18px;}
.advantage .nr ul li dl dd:last-child{ margin-right: 0;}
.advantage .nr ul li .wb{ height: 205px;}
.advantage .nr ul .li2 dl dd{ margin-right: 102px;}
.advantage .nr ul .li3 dl dd{ margin-right: 119px;}
.advantage .nr ul .li2 .pic{ margin-left: 0!important; margin-right: 40px;}
.advantage .nr ul .li2 .pic img{ margin-left: -361px;}

/*model2*/

.model2{ background: url(../images/modelbg2.png)no-repeat center; width: 100%; height: 540px; overflow: hidden; padding-top: 60px; margin-top: 60px;}
.model2 .pic{ width: 620px; height: 420px; overflow: hidden;}
.model2 .pic img{ width: 100%;transition: all .8s;}
.model2 .pic:hover img{ transform: scale(1.1);}
.model2 .text{ width: 500px; margin-left: 45px;}
.model2 .text dt b{ color: #c81500; font-size: 32px; line-height: 32px; font-weight: bold; display: block;}
.model2 .text dt i{ color: #fff; font-size: 26px; line-height: 26px; display: block; margin: 17px 0 30px 0;}
.model2 .text dl dd{ cursor: default; text-align: center; float: left; margin: 0 35px 27px 0; width: 206px; color: #fff; font-size: 18px; height: 50px; line-height: 50px; background: #c81500;}
.model2 .text dl{ height: 253px; overflow: hidden;}
.model2 .text dl dd:hover{ background: #666;}
.model2 .text .rx{ padding-left: 50px; background: url(../images/tel.png)no-repeat left center; color: #fff; font-size: 16px;}
.model2 .text .rx p{ font-weight: bold; font-family: arial; font-size: 26px;}

/*power*/

.shd{ background: url(../images/modelbg3.png)no-repeat center; width: 100%; height: 1406px; overflow: hidden; padding-top: 60px;}
.power .nr .li{ position: relative; overflow: hidden;}
.power .nr>div{ float: left;height: 471px;overflow: hidden;}
.power .nr .left{ width: 500px; margin-right: 15px;}
.power .nr .li1 .pic{ width: 500px; height: 471px;}
.power .nr .li .pic{ overflow: hidden;}
.power .nr .pic img{ width: 100%;transition: all .8s;}
.power .nr .li:hover .pic img{ transform: scale(1.1);}
.power .nr .mc{ position: absolute; left: 0; bottom: 0; opacity: 0; transition: all .8s; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; text-align: center;}
.power .nr .mc p{ height: 100%; color: #fff; font-size: 24px; background: url(../images/qyxcicon.png)no-repeat center 45px;}
.power .nr .li1 .mc{ padding-top: 200px;}
.power .nr .li2 .mc{ padding-top: 80px;}
.power .nr .li2 dd{ float: left; width: 335px; height: 228px;}
.power .nr .li2 dd+dd{ margin-left: 15px;}
.power .nr .li3{ margin-top: 14px;}
.power .nr .li3 dd{ float: left; width: 218px; height: 228px;}
.power .nr .li3 dd:first-child+dd{ margin: 0 15px;}
.power .nr .li3 .mc{ padding-top: 80px;}
.power .nr .li:hover .mc{ opacity: 1;}

/*case*/

.case{ font-size: 0;}
.case .hd{ height: 105px; background: #fff;}
.case .hd ul li{ display: inline-block; vertical-align: top; width: 199px; padding-top: 20px; height: 112px; cursor: pointer;}
.case .hd ul li .icon{ margin: 0 auto; height: 36px; text-align: center; line-height: 36px;}
.case .hd ul li .icon img{ vertical-align: middle;}
.case .hd ul li.on,.case .hd ul .more:hover{ background: url(../images/casehdon.png)no-repeat;}
.case .hd ul li .icon .yc{ display: none;}
.case .hd ul li.on .icon .xs,.case .hd ul .more:hover .icon .xs{ display: none;}
.case .hd ul li.on .icon .yc,.case .hd ul .more:hover .icon .yc{ display: inline-block;}
.case .hd ul li p{ margin-top: 15px; line-height: 18px; text-align: center; color: #333; font-size: 18px;}
.case .hd ul li.on p,.case .hd ul .more:hover p{ color: #fff;}
.case .bd{ margin-top: 30px; height: 420px;overflow: hidden;}
.case .bd ul .first,.case .bd ul .last{ display: inline-block; vertical-align: top; width: 600px; height: 420px; overflow: hidden;}
.case .bd ul .last{ margin-left: 20px; width: 580px;}
.case .bd ul dd .img img{ width: 100%;transition: all .8s;}
.case .bd ul dd:hover .img img{ transform: scale(1.1);}
.case .bd ul .last dd{ display: inline-block; vertical-align: top; position: relative; width: 280px; height: 220px; overflow: hidden; text-align: center;}
.case .bd ul .last .text{ height: 200px; overflow: hidden;}
.case .bd ul .last ol dd+dd{ margin-left: 20px;}
.case .bd ul .last dd .mc{ color: #fff; font-size: 16px; position: absolute; left: 0; bottom: 0; width: 100%; height: 38px; line-height: 38px; background-color: rgba(51, 51, 51, 0.902);}
.case .bd ul .last dd:hover .mc{ background: #c81500;}
.case .bd ul .last .text dt{ color: #333; font-size: 26px; line-height: 26px; font-weight: bold; margin-bottom: 15px;}
.case .bd ul .last .text p{ color: #333; font-size: 16px; line-height: 28px;}
.case .bd ul .last .text .more a{ margin-top: 15px; display: inline-block; vertical-align: top; border-radius: 19px; width: 110px; height: 38px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; overflow: hidden; transition: all .5s; background: #333;}
.case .bd ul .last .text .more .morea{ background: #c81500;margin-left: 20px;}
.case .bd ul .last .text .more a:hover{ background: #c81500;}
.case .bd ul .last .text .more .morea:hover{ background: #666;}

/*about*/

.about{ padding-top: 60px; background: url(../images/aboutbg.png)no-repeat center; height: 540px; overflow: hidden;}
.about .text{ background: url(../images/aboutleft.png)no-repeat; width: 600px; height: 420px; overflow: hidden; padding: 40px 30px 0 40px;}
.about .text dt{ color: #fff; font-size: 26px; line-height: 26px;}
.about .text dt:after{ content: ""; display: block; width: 60px; height: 2px; margin: 30px 0 20px 0; background: #c81500;}
.about .text dd{ color: #fff; font-size: 16px; line-height: 30px; overflow: hidden;}
.about .text .morea{ margin: 35px 0 0 0; display: inline-block; vertical-align: top; border-radius: 19px; width: 110px; height: 38px; line-height: 38px; font-size: 16px; color: #fff; background: #c81500; text-align: center; overflow: hidden; transition: all .5s;}
.about .text .morea:hover{ border-radius: 0; background: #666;}
.about .pic{ width: 600px; height: 420px; overflow: hidden;}
.about .pic img{ width: 100%;transition: all .8s;}
.about .pic:hover img{ transform: scale(1.1);}

/*new*/

.new{ margin: 50px auto 0; height: 664px; overflow: hidden;}
.new>div{ float: left; width: 355px;}
.new>div:first-child+div{ margin: 0 36px;}
.new .new_list .list_top{ background: url(../images/newtopbg.png)no-repeat; width: 355px; height: 45px; line-height: 45px; overflow: hidden; padding: 0 15px 0;}
.new .new_list_last{ width: 417px;}
.new .new_list_last .list_top{ background: url(../images/newtopbg2.png)no-repeat; width: 417px;}
.new .new_list .list_top .zz img{ display: inline-block; vertical-align: middle;display: none;}
.new .new_list .list_top .zz i{ display: inline-block; vertical-align: middle; color: #fff; font-size: 18px;}
.new .new_list .list_top .yy{ color: #999; font-size: 18px; text-transform: uppercase;}
.new .new_list .list_nr .list_pic{ margin-bottom: 15px; width: 354px; height: 168px; overflow: hidden;}
.new .new_list .list_nr .list_pic img{ width: 100%;}
.new .new_list .list_top .yy:hover{ color: #c81500;}
.new .new_list .list_nr{ margin: 15px 0 0;}
.new .new_list .list_nr .list_vice dl dd a{ color: #666; font-size: 14px; line-height: 24px;}
.new .new_list .list_nr .list_vice dl dd a:hover{ color: #c81500;}
.new .new_list .list_nr .list_vice dl dd a span{ float: right;color: #999899;}
.new .new_list_last .new_lb{ height: 654px;overflow: hidden;}
.new .new_list .list_nr .list_vice dl dd{ border-bottom: 1px dashed #e8e8e8; margin-bottom: 6px; padding-bottom: 4.5px;}
.new .new_list_last .new_lb ul li{ padding-bottom: 10px; border-bottom: 1px dashed #e8e8e8; margin: 0 0 12px 0; height: 92px!important;}
.new .new_list_last .new_lb ul li .wen a{ color: #666; font-size: 14px;}
.new .new_list_last .new_lb ul li .wen{ margin-bottom: 7px;}
.new .new_list_last .new_lb ul li .wen:before,.new .new_list_last .new_lb ul li .da:before{ content: ""; width: 26px; height: 26px; display: inline-block; vertical-align: top; margin: 0 7px 0 0;}
.new .new_list_last .new_lb ul li .wen:before{ background: url(../images/wen.png)no-repeat;}
.new .new_list_last .new_lb ul li .da:before{ background: url(../images/da.png)no-repeat;}
.new .new_list_last .new_lb ul li .da a{ color: #666; font-size: 14px; display: inline-block; vertical-align: top; width: 360px; line-height: 24px;}
.new .new_list_last .new_lb ul li .wen a:hover{ color: #c81500;}
.new .new_list_last .new_lb ul li .da a:hover{ text-decoration: underline;}

/*尾部*/

.foot{ margin-top: 50px; font-size: 0; background: #333;}
.foot nav{ background: #c81500; width: 100%; height: 60px; line-height: 60px;}
.foot nav ul{ padding: 0 90px;}
.foot nav ul a{ position: relative; color: #fff; font-size: 16px; display: inline-block; vertical-align: top; margin-right: 56px;}
.foot nav ul a:after{ content: ""; position: absolute; left: 0; bottom: 0; background: #fff; width: 0; height: 3px; transition: all .3s; opacity: 0; z-index: 1;}
.foot nav ul a:hover:after{ opacity: 1; width: 100%;}
.foot nav ul a:last-child{ margin-right: 0;}
.foot .footnr .link{ padding: 30px 0;}
.foot .footnr .link li,.foot .footnr .link li a,.foot .footnr .link i{ display: inline-block; vertical-align: top; color: #ccc; font-size: 14px;}
.foot .footnr .link li:first-child:hover{ text-decoration: none;}
.foot .footnr .link li:hover a{ text-decoration: underline;}
.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: 500px;}
.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{ font-weight: bold; text-align: right; font-size: 26px; line-height: 26px; color: #c81500;}
.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: #c81500;}