*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face { font-family: 'impact'; src: url('../fonts/impact.ttf'); src: url('../fonts/impact.ttf'); format('embedded-opentype'), url('../fonts/impact.ttf'); format('woff'), url('../fonts/impact.ttf'); format('truetype'), url('../fonts/impact.ttf'); format('svg'); font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 0 auto; text-align: center;}
.more-title p{ font-size: 32px; color: #333;}

/*header*/

.header{ width: 100%;background: #fff;}

/*header h_nr_1*/

.header .h_nr_1{ width: inherit; background: #f7f7f7;}
.header .header_top{ height: 38px; line-height: 38px;position: relative;}
.header .header_top .header_left,.header .header_top .header_right a,.header .header_top .header_right i{ font-size: 14px; color: #666;}
.header .header_top .header_left b{ font-weight: bold;}
.header .header_top .logo{ position: absolute; left: 550px; bottom: -116px; background: url(../images/logobg.png)no-repeat; width: 188px; height: 116px; text-align: center; z-index: 15; padding: 8px 0 0;}
.header .header_top .header_right a{position: relative;}
.header .header_top .header_right .wechat img{ z-index: 15;position: absolute; left: 36px; top: 30px; height: 73px; width: 0; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; visibility: hidden;}
.header .header_top .header_right .wechat:hover img{ width: 73px; left: 0; visibility: visible;}
.header .header_top .header_right i{ margin: 0 7px 0 10px;}
.header .header_top .header_right a+a+a+a{ margin-right: 0;}
.header .header_top .header_right a:hover{ color: #ff461d;}

/*header h-nr-2*/

.header .h_nr_2{ width: inherit; padding: 40px 0 10px;}
.header .h_nr_2 .zb{ position: relative;}
.header .h_nr_2 .zb .wb{ display: inline-block; vertical-align: middle; letter-spacing: 1px; position: relative; text-align: left; margin: 0 0 0 0;}
.header .h_nr_2 .zb .wb p{ font-size: 28px; line-height: 35px;
 background-image: linear-gradient(to left, #ff461d, #ff461d); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.header .h_nr_2 .zb .wb p b{ font-weight: bold;}
.header .h_nr_2 .zb .wb p i{ font-size: 23px;color: #333;}
.header .h_nr_2 .right{ float: right;}
.header .h_nr_2 .right .lx-ph{ position: relative; width: 54px; height: 76px; margin-top: 15px; animation: msClock 1.2s linear infinite; animation: msClock 1.2s linear infinite;}
@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 .h_nr_2 .right .lx-ph img{ width: 54px; height: 76px;}
.header .h_nr_2 .right>div{ display: inline-block; vertical-align: top; text-align: left;}
.header .h_nr_2 .right>div p{ font-size: 14px;color: #666;}
.header .h_nr_2 .right .dz-rx{ margin: 0 12px 0 7px; line-height: 25px;}
.header .h_nr_2 .right>div p+p{ background-image: linear-gradient(to left, #ff461d, #ff461d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 26px; font-family: impact;}

/*.header .nav*/

.header .nav{ background: url(../images/navbg.png)no-repeat; background: url(../images/navbg.png)\9 no-repeat; width: 100%; height: 68px; position: relative; z-index: 12;}
.header .nav .nav-content ul li{ float: left; position: relative; width: 133px; height: 68px; text-align: center; margin-right: 19px;}
.header .nav .nav-content ul li p{ height: 68px; position: relative;}
.header .nav .nav-content ul li p i{ width: 100%; height: 100%; position: absolute; left: 0; top: -6px; z-index: 11; transform: scale(0);}
.header .nav .nav-content ul li p b{ position: relative; z-index: 12; margin-left: 20px;}
.header .nav .nav-content ul li:first-child+li+li+li+li+li+li+li{ margin-right: 0;}
.header .nav .nav-content ul li.on a b,.header .nav .nav-content ul li:hover a b{ color: #333;}
.header .nav .nav-content ul li a{ color: #fff; font-size: 16px; position: relative; display: block; height: 68px; line-height: 68px;}
.header .nav .nav-content ul li.on p i,.header .nav .nav-content ul li:hover p i{transform: scale(1, 1);transition-duration: 300ms;}
.header .nav .nav-content ul li:after{ content: "/"; position: absolute; right: -24px; bottom: 24px; color: #ff8064; font-size: 16px;}
.header .nav .nav-content ul .tsli:after{ display: none;}

/*首页banner*/

.banner-index{ font-size: 0;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 47%; bottom: 50px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 30px; height: 6px; background: #ff8064; margin-right: 10px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #ff441a;}
.banner-index .slideBox .bd img{ width: 100%;}

/*search*/

.search{ width: 100%; position: relative; background: url(../images/searchbg.png)no-repeat; background: url(../images/searchbg.png)\9 no-repeat; background-size: cover; height: 66px;}
.search-content{height: 66px; line-height: 66px;}
.search-keywords{ display: inline-block;}
.search-keywords span img{ vertical-align: middle; margin: -5px 10px 0 0;}
.search-keywords span{color: #333; font-size: 15px; margin-right: 7px;}
.search-keywords a{ color: #666; font-size: 14px;margin-right: 25px;}
.search-keywords a:hover{ color: #ff441a; text-decoration: underline;}
#searchForm{ background: url(../images/search.png)no-repeat; background: url(../images/search.png)\9 no-repeat; width: 287px; height: 40px; vertical-align: middle; display: inline-block;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; line-height: 40px; background: none; border: none; height: 40px; margin: 0 0 0 0; color: #999; outline: none; width: 80%; text-indent: 20px;}
.search-form #s_btn{ margin-right: 25px; background: none; width: 30px; height: 40px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; display: inline-block; vertical-align: top; float: right;}
#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{ padding: 60px 0 0;}
.product .pro-left{ width: 280px; margin-right: 29px;}
.product .pro-left .top{ z-index: 15; background: url(../images/prot.png)no-repeat; width: 280px; height: 127px; text-align: center; padding: 30px 0 0; position: relative;}
.product .pro-left .top b{ font-size: 36px; color: #fff; line-height: 36px;}
.product .pro-left .top p{ font-size: 12px; color: #fff; opacity: 0.5; text-transform: uppercase; letter-spacing: 3px; margin: 5px 0 0;}
.product .pro-left .top hr{ width: 50px; height: 3px; background: #fff; outline: none; border: none; display: inline-block;}
.product .pro-left .sideMenu{ background: url(../images/prol.png)repeat-y; width: 280px; margin-top: -30px; padding: 45px 0 15px 0; position: relative;}
.product .pro-left .sideMenu .proqp{ position: absolute; left: 0; top: 0;}
.product .pro-left .sideMenu h6{ position: relative; z-index: 12; width: 274px; height: 58px; line-height: 58px; background: #ff461d; margin-left: 6px; padding: 0 40px 0; margin-bottom: 15px;}
.product .pro-left .sideMenu h6 a{ font-size: 18px; color: #fff;}
.product .pro-left .sideMenu h6:first-child i{ float: right; background: url(../images/jts.png)no-repeat; width: 22px; height: 12px; margin: 22px 0 0;}
.product .pro-left .sideMenu h6 i{ float: right; background: url(../images/jtx.png)no-repeat; width: 22px; height: 12px; margin: 22px 0 0;}
.product .pro-left .sideMenu ul li{ position: relative; padding-left: 65px; margin-bottom: 25px;}
.product .pro-left .sideMenu ul li a{ font-size: 16px; color: #333; position: relative;}
.product .pro-left .sideMenu ul li a:before{ content: ""; width: 8px; height: 48px; background: #ff461d; position: absolute; left: -65px; top: -14px; visibility: hidden;}
.product .pro-left .sideMenu ul li a:hover{ color: #ff461d;}
.product .pro-left .sideMenu ul li a:hover:before{ visibility: visible;}
.product .pro-left .bottom{ background: url(../images/prod.png)no-repeat; height: 156px; padding: 30px 0 0 30px;margin-top: -15px;}
.product .pro-left .bottom p{ font-size: 14px; color: #333; margin-bottom: 5px;}
.product .pro-left .bottom i{ font-size: 18px; display: inline-block; vertical-align: middle;}
.product .pro-left .bottom dd{ font-size: 34px; color: #ff441a; font-family: impact; line-height: 38px;}
.product .right{ width: 891px;}
.product .right .bd{ background: url(../images/pror.png)no-repeat; width: 891px; height: 550px; overflow: hidden;margin-bottom: 25px;}
.product .right .bd .logo{ padding: 35px 0 0 75px;}
.product .right .bd .logo>div{ display: inline-block; vertical-align: middle;}
.product .right .bd .logo .by p{ font-size: 30px; color: #333;}
.product .right .bd .logo .by b{ font-size: 14px; color: #666;}
.product .right .bd ul li{ overflow: hidden; padding: 15px 0 0 50px;}
.product .right .bd ul li .pic{ float: left; width: 381px; height: 320px; margin: 35px 0 0;}
.product .right .bd ul li .pic img{ width: 100%;}
.product .right .bd ul li .js{ float: right; margin-right: 35px; width: 335px;}
.product .right .bd ul li .js dl{ margin-bottom: 20px;}
.product .right .bd ul li .js dt{ font-size: 18px; color: #333; margin-bottom: 20px;}
.product .right .bd ul li .js dd{ font-size: 14px; color: #666; line-height: 24px; margin-left: 24px;}
.product .right .hd ul li{ overflow: hidden; width: 280px;height: 260px;border: 1px solid #dcdcdc;position: relative;float: left;}
.product .right .hd ul li .photo{ width: 280px; height: 220px; overflow: hidden;}
.product .right .hd ul li .photo img{ width: 100%;}
.product .right .hd ul li .mc{ position: absolute; left: 0; bottom: 0; background: url(../images/promc.png)no-repeat; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #333; font-size: 14px;}
.product .right .hd ul li.on{ border: 1px solid #ff461d;}
.product .right .hd ul li:first-child+li{ margin: 0 25px;}

/*four_ys*/

.fourysbg{ background: url(../images/fourysbg.png)no-repeat center; background: url(../images/fourysbg.png)\9 no-repeat center; width: 100%; background-size: cover; height: 378px; margin-top: -340px;}
.four_ys .more-title{ background: url(../images/fourystitlebg.png)no-repeat center 19px; text-align: center; height: 87px;}
.four_ys .more-title p{ font-size: 32px; color: #333; margin-bottom: 11px;}
.four_ys .more-title p i{ font-weight: bold;}
.four_ys .more-title b{ font-size: 16px; color: #666;}
.four_ys{ padding: 60px 0 0;}
.four_ys .nr{ height: 510px; position: relative;}
.four_ys .pic{ position: absolute; background: url(../images/fouryspic.png)no-repeat; width: 605px; height: 481px; left: 282px; top: 0; padding-left: 57px;}
.four_ys .pic .img{ width: 320px; height: 400px; margin: 47px auto 0; overflow: hidden;}
.four_ys .pic .img:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.four_ys .nr ul li dt>div{ display: inline-block; vertical-align: middle;}
.four_ys .nr ul li dt .bt{ color: #ff441a; font-size: 48px; font-family: 草檀斋毛泽东字体; border-bottom: 2px solid #ff441a; line-height: 45px;}
.four_ys .nr ul li dt .by{ color: #333; font-size: 24px;}
.four_ys .nr ul li dd{ line-height: 28px; color: #333; font-size: 16px; width: 320px; margin: 10px 0 0;}
.four_ys .nr ul:first-child li{ margin-top: 58px;}
.four_ys .nr ul:first-child+ul li{ margin-top: 58px;}
.four_ys .nr ul:first-child+ul li dt{ text-align: right;}
.four_ys .nr ul:first-child+ul li dd{ width: 350px;text-align: right;}

/*smallbanner1*/

.smallbanner1{ background: url(../images/smbanner.png)no-repeat; background: url(../images/smbanner.png)\9 no-repeat; height: 300px; background-size: cover; width: 100%; margin-top: -45px;}
.smallbanner1 .nr{ position: relative;}
.smallbanner1 .nr .pic{ position: absolute; right: 320px; bottom: -3px;}
.smallbanner1 .nr .left{ width: 620px; padding: 45px 0 0 0;}
.smallbanner1 .nr .left p{ text-align: center; font-size: 28px; color: #fff; margin-bottom: 45px; line-height: 31px;}
.smallbanner1 .nr .left dd{ margin-bottom: 30px; font-size: 20px; color: #ffe6e0;}
.smallbanner1 .nr .left dd b{ color: #fff;}
.smallbanner1 .nr .left b{ font-weight: bold;}
.smallbanner1 .nr .right{ width: 249px; background: url(../images/phonerx.png)no-repeat; height: 284px;}
.smallbanner1 .nr .right .js{ margin: 100px 0 0; padding: 40px 0 0 25px;}
.smallbanner1 .nr .right .js dt{ font-size: 16px; color: #333; line-height: 16px; margin-bottom: 11px;}
.smallbanner1 .nr .right .js dd{ font-size: 32px; color: #ff441a; font-family: impact; line-height: 38px; text-shadow: 2px 4px 0px #fff;}

/*ys*/

.ysbg{ margin: -66px 0 0; padding: 140px 0 0; background: url(../images/ysbg.png)no-repeat center; background: url(../images/ysbg.png)\9 no-repeat center; width: 100%; height: 1446px; background-size: cover;}
.ys{ position: relative;}
.ys .wb{ width: 565px;}
.ys .wb dl dt>div{ display: inline-block; vertical-align: middle;}
.ys .wb dl dt .by p{ color: #333; font-size: 24px;}
.ys .wb dl dt .by b{ font-weight: bold;}
.ys .wb dl dt .by hr{ width: 46px; height: 2px; background: #ff441a; border: none; outline: none; margin: 8px 0 0;}
.ys .wb dl .js dd:first-child{ margin-top: -20px;}
.ys .wb dl dd{ color: #666; font-size: 16px; line-height: 28px;margin-bottom: 10px;padding-left: 112px;}
.ys .wb dl dd:before{ content: ""; background: url(../images/icon1.png)no-repeat; width: 8px; height: 7px; display: inline-block; vertical-align: middle; margin: -3px 10px 0 0;}

/*team*/

.team{ padding: 60px 0 0;}
.team .more-title{ background: url(../images/teamtitlebg.png)no-repeat center 19px; text-align: center; height: 87px;}
.team .more-title p{ font-size: 32px; color: #333; margin-bottom: 11px;}
.team .more-title b{ font-size: 18px; color: #666;font-weight: bold;}
.team .nr{ padding: 50px 0 0;}
.team .nr ul li{ float: left; position: relative; width: 220px;height: 340px;margin-right: 25px;}
.team .nr ul li .pic{ width: 200px; height: 200px; overflow: hidden;}
.team .nr ul li .pic img{ width: 100%;}
.team .nr ul li .js{ overflow: hidden; margin-top: -80px; position: relative;z-index: 15;}
.team .nr ul li .text dt{ font-size: 20px; color: #333;}
.team .nr ul li .text dt p{ font-size: 16px; color: #333;letter-spacing: -1px;}
.team .nr ul li dd{ font-size: 14px; color: #666; line-height: 20px; width: 200px; text-align: left;}
.team .nr ul li .text .hr{ text-align: right;}
.team .nr ul li .text hr{ width: 30px; height: 1px; border: none; outline: none; background: #c8c8c8; display: inline-block; vertical-align: top; margin: 10px 0 15px;}
.team .nr ul li .more{ width: 19px; height: 19px; overflow: hidden; float: right; margin: 2px 21px 0 0;}
.team .nr ul li .morea{ width: 19px; height: 19px; display: block;}
.team .nr ul li .text{ position: relative; z-index: 12; padding: 30px 27px 0 15px; text-align: right; width: 217px;}
.team .nr ul li .jsbg1{ position: absolute; left: -12px; bottom: 0; background: url(../images/teambg1.png)no-repeat; width: 220px; height: 210px;}
.team .nr ul li .jsbg2{ position: absolute; left: -24px; bottom: -23px; background: url(../images/teambg2.png)no-repeat; width: 264px; height: 252px;visibility: hidden;}
.team .nr ul li.on .js dt,.team .nr ul li.on .js dt p,.team .nr ul li.on .js dd{ color: #fff;}
.team .nr ul li.on .js hr{ background: #fff;}
.team .nr ul li.on .jsbg2{ visibility: visible;}

/*smallbanner2*/

.smallbanner2{ background: url(../images/smbanner2.png)no-repeat; background: url(../images/smbanner2.png)\9 no-repeat; width: 100%;height: 304px; background-size: cover; margin: 60px 0 0 0;}
.smallbanner2 .nr{ padding: 35px 0 0;}
.smallbanner2 .nr .top{ width: 590px;}
.smallbanner2 .nr dt{ text-align: center; font-size: 28px; color: #fff; font-weight: bold; margin-bottom: 20px; line-height: 31px;}
.smallbanner2 .nr dd{ width: 485px; font-size: 22px; text-align: center; color: #fff; line-height: 36px; margin: 0 auto;}
.smallbanner2 .nr .js{ background: url(../images/kk.png)no-repeat; width: 643px; height: 88px; margin: 22px 0 0 0; padding: 10px 0 0 25px; position: relative;}
.smallbanner2 .nr .js .more{ width: 110px; height: 38px; background: none; text-align: center; line-height: 38px; color: #333; font-size: 18px; display: inline-block; vertical-align: top; position: absolute; right: 28px; top: 23px; z-index: 12;}
.smallbanner2 .nr .js p{ font-size: 16px; color: #fff;}
.smallbanner2 .nr .js .rx{ font-size: 34px; font-family: impact; color: #fff;}

/*case*/

.case{ padding: 50px 0 0;}
.case .more-title{ margin-bottom: 40px;}
.case .nr{ position: relative;}
.case .nr .hd{ width: 610px; position: absolute; right: 0; top: 0; margin: 0 30px; text-align: right;}
.case .nr .hd ul li{ width: 160px; height: 68px; overflow: hidden; border: 2px solid #dcdcdc; display: inline-block; vertical-align: top;cursor: pointer;}
.case .nr .hd ul li:first-child+li{ margin: 0 61px;}
.case .nr .bd ul li .left{ background: url(../images/caselbg.png)no-repeat; width: 510px; height: 410px; overflow: hidden;}
.case .nr .bd ul li .left .photo{ width: 500px; height: 400px; overflow: hidden; margin: 10px 0 0 10px;}
.case .nr .bd ul li .left .photo:hover img,.case .nr .bd ul li .right .pic>dd:hover img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.case .nr .bd ul li .right{ padding: 90px 0 0; width: 668px;}
.case .nr .bd ul li .right dt p{ font-size: 18px; color: #333; margin-bottom: 10px; line-height: 18px;}
.case .nr .bd ul li .right dt b{ font-size: 14px; color: #666; line-height: 24px; text-indent: 25px; display: block; height: 142px;}
.case .nr .bd ul li .right .pic>dd{ display: inline-block; vertical-align: top; width: 210px; height: 150px; overflow: hidden;}
.case .nr .bd ul li .right .pic>dd:first-child+dd{ margin: 0 15px;}
.case .nr .bd ul li{ overflow: hidden;}
.case .nr .hd ul li.on{ border: 2px solid #ff441a;}

/*about*/

.aboutbox{ position: relative; padding: 50px 0 0; height: 788px;}
.aboutbg{ left: 0; bottom: 0; position: absolute; background: url(../images/aboutbg.png)no-repeat center; background: url(../images/aboutbg.png)\9 no-repeat center; background-size: cover; width: 100%; height: 449px;}
.about{ padding: 40px 0 0; position: relative;}
.about .factory{ position: absolute; left: 0; top: 171px; background: url(../images/companyfactory.png)no-repeat; width: 1027px; height: 509px;}
.about .left{ background: url(../images/aboutleft.png)no-repeat 0 20px; width: 900px; height: 195px;}
.about .left .top .zz{ font-size: 28px; color: #333; margin: 0 0 0 35px;}
.about .left .top .yy{ margin-right: 67px;}
.about .left .top .yy a{ width: 120px; height: 38px; background: #ff441a; text-align: center; line-height: 38px; color: #fff; font-size: 16px; display: inline-block; vertical-align: top;}
.about .left .top .yy a:hover{ box-shadow: 0 0 10px 1px #888;}
.about .left .js p{ font-size: 14px; color: #666; line-height: 26px; width: 840px;}
.about .left .js{ margin-left: 35px;}
.about .left .js hr{ width: 50px; height: 2px; background: #ff441a; border: none; outline: none; margin: 5px 0 10px;}
.about .right{ background: url(../images/aboutright.png)no-repeat; width: 200px; height: 640px;position: relative;z-index: 12;}
.about .right .logo{ text-align: center; padding: 13px 0 0;}
.about .right .by{ text-align: center; padding: 50px 0 50px;}
.about .right dl{ text-align: center;}
.about .right dl dd a{ width: 160px; height: 38px; background: none; text-align: center; line-height: 38px; border: 1px solid #fff; color: #fff; font-size: 16px; display: inline-block; vertical-align: top;}
.about .right dl dd a:hover{ background: #fff; color: #333;}
.about .right dl dd{ margin-bottom: 37px;}

/*honor*/

.honor{ padding: 25px 0 0;}
.honor .nr{ position: relative;}
.honor .nr .bd{ margin: 0 50px; overflow: hidden;}
.honor .nr .bd ul li .pic{ width: 261px; height: 202px; overflow: hidden;}
.honor .nr .bd ul li{ float: left; width: 261px; margin-right: 19px;}
.honor .nr .bd ul li .pic img{ width: 100%; vertical-align: middle;}
.honor .nr .btn{ position: absolute; width: 30px; height: 50px; z-index: 12; top: 85px; cursor: pointer;}
.honor .nr .prev{ left: 0;}
.honor .nr .next{ right: 0;}

/*company_photo*/

.company_photo{ padding: 60px 0 0;}
.company_photo .more-title{ margin-bottom: 40px;}
.company_photo .more-title{ background: url(../images/company_phototitlebg.png)no-repeat center 19px; text-align: center; height: 87px;}
.company_photo .more-title p{ font-size: 32px; color: #333; margin-bottom: 11px;}
.company_photo .more-title b{ font-size: 16px; color: #666;}
.company_photo .nr{ position: relative;}
.company_photo .nr .bd{ margin: 0 50px; overflow: hidden;}
.company_photo .nr .bd ul li .pic{ width: 255px; height: 195px; overflow: hidden;}
.company_photo .nr .bd ul li{ float: left; width: 255px; margin-right: 25px;}
.company_photo .nr .bd ul li .pic img{ width: 100%; vertical-align: middle;}
.company_photo .nr .bd ul li p{ width: 100%; height: 40px; line-height: 40px; text-align: center; color: #333; font-size: 16px; background: #eee;}
.company_photo .nr .bd ul li:hover p{ background: #ff441a; color: #fff;}
.company_photo .nr .btn{ position: absolute; width: 30px; height: 50px; z-index: 12; top: 85px; cursor: pointer;}
.company_photo .nr .prev{ left: 0;}
.company_photo .nr .next{ right: 0;}

/*new*/

.newbg{ padding: 60px 0 0; background: url(../images/newbg.png)no-repeat; background: url(../images/newbg.png)\9 no-repeat; height: 690px; background-size: cover;}
.new .nr>div{ float: left;}
.new .nr .newlist{ border: 1px solid #dcdcdc;}
.new .nr .newlist1{ width: 699px; height: 570px;}
.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{ width: 470px;height: 570px;margin-left: 31px;}
.new .nr .newlist2 .top ul li.on:after{ width: 56%!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: #ff441a; -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 0 0 20px; background: #fff; height: 513px;}
.new .nr .newlist .bd .pic{ width: 314px; height: 200px; line-height: 0;}
.new .nr .newlist .bd .newjs>div{ display: inline-block; vertical-align: top;}
.new .nr .newlist .bd .pic img{ width: 314px; height: 200px;}
.new .nr .newlist .bd .js{ width: 335px; margin-left: 16px;}
.new .nr .newlist .bd .js h6 a{ color: #333; font-size: 16px;}
.new .nr .newlist .bd .js p{ color: #888; font-size: 14px; line-height: 26px; margin: 20px 0 25px;}
.new .nr .newlist .bd .js .more{ width: 100px; height: 30px; background: #ff441a; text-align: center; line-height: 30px; color: #fff; font-size: 14px; display: inline-block; vertical-align: top;}
.new .nr .newlist .bd .js .more:hover{ box-shadow: 0 0 10px 1px #888;}
.new .nr .newlist .bd .list{ margin: 30px 0 0; overflow: hidden;}
.new .nr .newlist .bd .list dl{ float: left; width: 50%;}
.new .nr .newlist .bd .list dl dd{ margin-bottom: 16px;}
.new .nr .newlist .bd .list dl dd a:before{ content: "→"; color: #333; font-size: 14px; display: inline-block; vertical-align: top; margin: 0 6px 0 0;}
.new .nr .newlist .bd .list dl dd a:hover:before{ color: #ff441a;}
.new .nr .newlist .bd .list dl dd a:hover,.new .nr .newlist .bd .js h6 a:hover,.new .nr .newlist .top ul a:hover{ color: #ff441a;}
.new .nr .newlist .bd .list dl dd a{ color: #333; font-size: 14px;}
.new .nr .newlist2 .listbd{ height: 513px; overflow: hidden;background: #fff;}
.new .nr .newlist2 .listbd ul li{ height: 102px!important; padding: 15px 25px 0 20px;}
.new .nr .newlist2 .listbd ul li:hover{ background: #ff441a;}
.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: "问"; background: #ff441a;}
.new .nr .newlist2 .listbd ul li .da a:before{ content: "答"; background: #999;}
.new .nr .newlist2 .listbd ul li:hover .wen a:before{ background: #fff; color: #ff441a;}
.new .nr .newlist2 .listbd ul li:hover .da a:before{ color: #fff;}
.new .nr .newlist2 .listbd ul li:hover .da a i{ color: #f3eade;}
.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{ width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; color: #fff; font-size: 14px; display: inline-block; vertical-align: top; margin: 1px 6px 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: 390px;}

/*friklist*/

.friklist .top{ margin-bottom: 15px;}
.friklist ul li{ display: inline-block; vertical-align: top; margin-right: 49px; position: relative;}
.friklist ul li a{ color: #666; font-size: 16px;}
.friklist ul li a:hover{ color: #ff441a;}
.friklist ul li:first-child+li+li+li+li+li+li+li+li+li{ margin-right: 0;}

/*foot*/

.foot{ width: 100%;margin: 50px 0 0;}

/*foot nav*/

.foot .nav{ background: url(../images/navbg.png)no-repeat; background: url(../images/navbg.png)\9 no-repeat; width: 100%; height: 68px; position: relative; z-index: 12;}
.foot .nav .nav-content ul li{ float: left; position: relative; width: 133px; height: 68px; text-align: center; margin-right: 19px;}
.foot .nav .nav-content ul li p{ height: 68px; position: relative;}
.foot .nav .nav-content ul li p i{ width: 100%; height: 100%; position: absolute; left: 0; top: -6px; z-index: 11; transform: scale(0);}
.foot .nav .nav-content ul li p b{ position: relative; z-index: 12; margin-left: 20px;}
.foot .nav .nav-content ul li:first-child+li+li+li+li+li+li+li{ margin-right: 0;}
.foot .nav .nav-content ul li.on a b,.foot .nav .nav-content ul li:hover a b{ color: #333;}
.foot .nav .nav-content ul li a{ color: #fff; font-size: 16px; position: relative; display: block; height: 68px; line-height: 68px;}
.foot .nav .nav-content ul li.on p i,.foot .nav .nav-content ul li:hover p i{transform: scale(1, 1);transition-duration: 300ms;}
.foot .nav .nav-content ul li:after{ content: "/"; position: absolute; right: -24px; bottom: 24px; color: #ff8064; font-size: 16px;}
.foot .nav .nav-content ul .tsli:after{ display: none;}
.foot .footbg{ background: #e1e1e1; width: 100%; height: 245px;}
.foot .content{ padding: 60px 0 0;}
.foot .content>div{ float: left;}
.foot .content .left{ width: 190px; height: 107px;}
.foot .content .right{ width: 385px; height: 119px; text-align: right;}
.foot .content .right dd{ display: inline-block; vertical-align: top; text-align: center;}
.foot .content .right dd p{ color: #666; font-size: 14px; line-height: 14px; margin: 6px 0 0;}
.foot .content .right dd+dd{ margin-left: 37px;}
.foot .content .zb{width: 625px;padding: 10px 0 0;}
.foot .content .zb dd div>.icon{ width: 14px; height: 14px; margin-right: 7px;}
.foot .content .zb dd div>div{ display: inline-block; vertical-align: middle;}
.foot .content .zb dd .wa{ color: #333; font-size: 14px;}
.foot .content .zb dd>div{ margin-bottom: 10px;}
.foot .content .zb dd{ display: inline-block; vertical-align: top;}
.foot .footdb{ width: 100%; background: #939393; height: 50px; line-height: 50px;}
.foot .footdb .bottom,.foot .footdb .bottom a{ text-align: center; font-size: 14px; color: #eee;}
.foot .footdb .bottom a:hover,.foot .content ul li a:hover{ color: #ff441a;}

/*btn_top*/

#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}