*{ 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('/Public/fonts/Kozuka Gothic Pr6N-Bold.ttf');font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 75px auto 60px; text-align: center;}
.more-title h3{ color: #333; font-size: 32px; line-height: 32px;font-weight: bold;}
.more-title h3 b{ color: #ff6e09; font-weight: bold;}
.more-title h4{ color: #666; font-size: 20px; line-height: 20px;margin-top: 13px;}

/*header*/

.header{ width: 100%; font-size: 0;}
.header .header_slogan{ width: 100%; height: 37px; line-height: 37px; background: url(/Public/images/headtopbg.png)no-repeat center; overflow: hidden;}
.header .header_slogan .right{ width: 245px; text-align: center;}
.header .header_slogan .right a{ display: inline-block; vertical-align: top;color: #fff; font-size: 14px;}
.header .header_slogan .right i{ margin: 0 12px; display: inline-block; vertical-align: top;color: #fff; font-size: 14px;}
.header .header_slogan .right a:hover{ text-decoration: underline;}
.header .header_mid .nr{ height: 98px;}
.header .header_mid .logo{ position: relative; padding-left: 10px; width: 235px;margin-right: 25px;}
.header .header_mid .logo:before{ content: ""; position: absolute; right: 0; top: 10px; background-color: rgb(191, 191, 191); width: 1px; height: 58px;}
.header .header_mid .text h3{ font-weight: bold; color: #333; font-size: 24px; line-height: 24px; margin: 10px 0;}
.header .header_mid .text h4{ color: #ff6700; font-size: 22px; line-height: 22px;}
.header .header_mid .right{ margin-top: 15px;}
.header .header_mid .right p img{ vertical-align: middle; margin-right: 10px; animation: msClock 1s linear infinite;}
.header .header_mid .right p{ font-weight: bold; color: #333; font-size: 24px; line-height: 24px;}
.header .header_mid .right i{ margin-top: 10px; display: block; background: url(/Public/images/headtxt.png)no-repeat; width: 223px; height: 23px;}
.header .nav{ width: 100%; height: 52px; line-height: 52px; border-top: 1px solid #bfbfbf;}
.header .nav .nav-content nav .xz{ width: 136px; height: 52px; position: relative; display: inline-block; vertical-align: top; text-align: center;}
.header .nav .nav-content nav .xz+.xz{ margin-left:75px;}
.header .nav .nav-content nav .xz a{ display: block; height: inherit; color: #333; font-size: 16px;}
.header .nav .nav-content nav .xz.on,.header .nav .nav-content nav .xz:hover{ background: #ff6700;}
.header .nav .nav-content nav .xz.on a,.header .nav .nav-content nav .xz:hover a{color: #fff;}
.header .nav .nav-content nav .xz ul{ display: none; padding: 5px 0; text-align: center; position: absolute; z-index: 2; background: #f5f5f5; width: 220px; left: 50%; margin-left: -110px; top: 51px;}
.header .nav .nav-content nav .xz ul li{ font-size: 16px; color: #222;}
.header .nav .nav-content nav .xz ul li:hover{ color: #ff6700;}
@media only screen and (max-width: 1200px){.header .header_slogan .right{width: 260px;}
	}
@media only screen and (max-width: 1200px){.header .header_mid .right{margin-right: 30px;}
	}
@media only screen and (max-width: 1200px){.header .nav .nav-content nav .xz+.xz{ margin-left: 14px;}
	}

/*banner*/

.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: 50px; 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: #ff6700; 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*/

.search{ font-size: 0; width: 100%; height: 70px; line-height: 70px; border-bottom: 1px solid #999; overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span img{ vertical-align: middle;margin: -2px 5px 0 0;}
.search-keywords span{ color: #333; font-size: 14px;}
.search-keywords a{ color: #c1c1c1; font-size: 14px;}
.search-keywords a:hover{ color: #ff6700;}
.search-keywords i{ margin: 0 15px;color: #c1c1c1; font-size: 14px;}
.search-form{ float: right;}
#searchForm{ margin-top: 25px; background: url(/Public/images/search.png)no-repeat; width: 211px; height: 21px; display: inline-block; vertical-align: top; text-indent: 10px;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: rgba(153, 153, 153, 0.471);}
#searchForm .search-input{ height: 21px; line-height: 21px; width: 85%;}
.search-form #s_btn{ width: 21px; height: 21px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{ color: rgba(153, 153, 153, 0.471);}
#searchForm .search-input:-moz-placeholder{ color: rgba(153, 153, 153, 0.471);}
#searchForm .search-input::-moz-placeholder{ color: rgba(153, 153, 153, 0.471);}
#searchForm .search-input:-ms-input-placeholder{ color: rgba(153, 153, 153, 0.471);}
@media only screen and (max-width: 1200px){.search .search-content{ padding: 0 2%;}
	}

/*product*/

.product .more-title h4{ background: url(/Public/images/cptitle.png)no-repeat center;}
.product .nr .outBox{ font-size: 0; position: relative; overflow: hidden; margin-bottom: 35px;}
.product .nr .outBox .list{ float: left;}
.product .nr .outBox .list h3{ position: relative; z-index: 6; display: inline-block; vertical-align: top; width: 181px; height: 101px; background: #333; text-align: center;}
.product .nr .outBox .list h3 em{ display: block; height: 60px; line-height: 60px;}
.product .nr .outBox .list h3 em img{ vertical-align: middle;}
.product .nr .outBox .list h3 i{ display: block; color: #fff; font-size: 20px;}
.product .nr .outBox .list h3:hover,.product .nr .outBox .list h3.on{ background: #ff6700;}
.product .nr .outBox .list .inBox{ padding: 20px 20px 0 15px; width: 595px; display: inline-block; vertical-align: top; border: 3px solid #ccc; border-left: 0; height: 101px;}
.product .nr .outBox .list .inBox li{ display: inline-block; vertical-align: top;margin-right: 85px;}
.product .nr .outBox .list .inBox li:last-child{ margin-right: 0;}
.product .nr .outBox .list .inBox li a{ display: block; color: #333; font-size: 18px; background: url(/Public/images/cpicon4.png)no-repeat left center; line-height: 18px; padding-left: 10px;}
.product .nr .outBox .list .inBox li:hover a{ color: #ff8a18; background: url(/Public/images/cpicon4s.png)no-repeat left center;}
.product .nr .outBox .list .inBox ol{ margin-bottom: 8px; padding-left: 10px;}
.product .nr .outBox .list .inBox dl{ border-top: 2px solid rgb(227, 227, 227); padding-top: 16px; padding-left: 10px;}
.product .nr .outBox .list .inBox dl dd{ width: 180px; margin-bottom: 20px; line-height: 14px; display: inline-block; vertical-align: top;}
.product .nr .outBox .list .inBox dl dd a{ display: block; color: #999; font-size: 14px; line-height: 14px; background: url(/Public/images/cpicon5.png)no-repeat left center; padding-left: 8px;}
.product .nr .outBox .list .inBox dl dd:hover a{ color: #ff8a18; background: url(/Public/images/cpicon5s.png)no-repeat left center;}
.product .nr .outBox h3:first-child{ margin-right: 626px;}
.product .nr .outBox h3.more{ margin-left: 31px;}
.product .nr .outBox .bd{ position: absolute; left: 0; top: 0; width: 100%; z-index: 1;}
.product .nr .outBox .bd .inBox:first-child{ margin-left: 181px;}
.product .nr .outBox .bd .inBox:first-child+.inBox{ margin-left: 215px; border: 3px solid #ccc; border-right: 0;}
.product .nr .recommend{ height: 728px; overflow: hidden;}
.product .nr .recommend ul li{ float: left; width: 385px; overflow: hidden; text-align: center; margin: 0 22px 30px 0;}
.product .nr .recommend ul li:nth-child(3n){ margin-right: 0;}
.product .nr .recommend ul li .pic{ width: 100%; height: 289px; overflow: hidden;}
.product .nr .recommend ul li .pic img{ width: 100%; transition: all .8s ease;}
.product .nr .recommend ul li:hover img{ transform: scale(1.1);}
.product .nr .recommend ul li .title{ position: relative; margin-top: 10px; width: 100%; height: 50px; line-height: 50px; overflow: hidden; background: #333;}
.product .nr .recommend ul li .title i{ position: relative; color: #fff; font-size: 16px; z-index: 6;}
.product .nr .recommend ul li .title:before{ content: ''; display: block; width: 101%; height: 100px; background: #ff6700; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(0) scaleX(0); transform: translateX(0) scaleX(0); opacity: 0; z-index: 1; transition: all .5s ease;}
.product .nr .recommend ul li:hover .title:before{ opacity: 1; transform: translateX(-50%) scaleX(1);}
@media only screen and (max-width: 1200px){.product .nr .recommend ul li{ width: 380px;}
	}

/*application*/

.application{ background: url(/Public/images/hyyybg.png)no-repeat center; font-size: 0; width: 100%; height: 725px; overflow: hidden; margin-top: 80px; padding-top: 35px;}
.application .more-title h4{ background: url(/Public/images/hytitle.png)no-repeat center;}
.application .nr{ position: relative; width: 1200px; height: 513px; padding: 38px 20px 0 30px; background-color: rgb(245, 245, 245); box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.34);}
.application .hd{ position: absolute; left: 30px; top: 38px; width:600px; z-index: 6;}
.application .hd ul li{ border: 5px solid rgb(220, 220, 220); cursor: pointer; text-align: center; margin: 0 8px 15px 0; width: 105px; height: 102px; display: inline-block; vertical-align: top;}
.application .hd ul li:nth-child(5n){ margin-right: 0;}
.application .hd ul li .kk{ margin: 5px auto; width:90px; height: 82px; border: 0.5px solid rgba(255, 255, 255, 0.4);}
.application .hd ul li p{ color: #333; font-size: 16px; line-height: 16px;}
.application .hd ul li.on{ background: #ff6700; border: 5px solid #ff6700;}
.application .hd ul li.on p{ color: #fff;}
.application .hd ul li .icon{ height: 57px; padding-top: 5px;}
.application .hd ul li.on .icon .xs{ display: none;}
.application .hd ul li .icon .yc{ display: none;}
.application .hd ul li.on .icon .yc{ display: inline-block;}
.application .bd ul li>div{ display: inline-block; vertical-align: top; height: 437px; overflow: hidden;}
.application .bd ul li .text{ width: 540px; margin-right: 20px; padding-top: 245px;}
.application .bd ul li .text dt p{ margin-bottom: 12px; color: #333; font-size: 24px; line-height: 24px;}
.application .bd ul li .text dt i{ display: block; color: #999; font-size: 14px; line-height: 14px;}
.application .bd ul li .text dt i:after{ content: ''; display: block; width: 38px; transition: all .5s; height: 3px; background-color: rgb(255, 103, 0); margin-bottom: 12px; margin: 12px 0;}
.application .bd ul li .text dd{ margin-bottom: 20px; color: #666; font-size: 16px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.application .bd ul li .text a{ display: inline-block; font-size: 14px; color: #666;}
.application .bd ul li .text a:before{ content: url(/Public/images/hyicons.png); width: 22px; height: 22px; display: inline-block; vertical-align: middle;}
.application .bd ul li .text a em{ margin: 0 6px 0 -15px; display: inline-block; vertical-align: middle; background-color: rgb(102, 102, 102); width: 46px; height: 2px;}
.application .bd ul li .text a:hover{ color: #ff6700;}
.application .bd ul li .text dt:hover i:after{ width: 120px;}
.application .bd ul li .video{ width: 590px;}
.videos{ display: none; position: fixed; left: 50%; top: 50%; margin-left: -25%; margin-top: -210px; z-index: 100; width: 50%; height: 450px;}
.vclose{ position: absolute; right: 2%; top: 5%; border-radius: 100%; cursor: pointer;}
.videos iframe{ width: 100%; height: 100%;background: #000;}

/*advantage*/

.advantage .more-title h4{ background: url(/Public/images/ystitle.png)no-repeat center;}
.advantage .nr ul li{ position: relative; height: 480px;}
.advantage .nr ul li+li{ margin-top: 20px;}
.advantage .nr ul li .pic{ line-height: 0;}
.advantage .nr ul .lis .pic img{ margin-left: -50px;}
.advantage .nr ul .lix .pic img{ margin-right: -50px;}
.advantage .nr ul .lis .text{ position: absolute; right: -50px; bottom: 0; width: 849px; height: 480px; z-index: 1;}
.advantage .nr ul .lis .text dl{ background: url(/Public/images/yszg1.png)no-repeat center; height: 265px; padding: 38px 180px 0 90px;}
.advantage .nr ul .lix .text{ position: absolute; left: -50px; bottom: 0; width: 849px; height: 480px; z-index: 1;}
.advantage .nr ul .lix .text dl{ padding: 38px 180px 0 90px; background: url(/Public/images/yszg2.png)no-repeat center; height: 265px;}
.advantage .nr ul li .text em{ display: block; height: 215px;}
.advantage .nr ul .lis em{ text-align: right; padding-right: 130px;}
.advantage .nr ul .lix em{ padding-left: 90px;}
.advantage .nr ul li dt p img{ vertical-align: middle;}
.advantage .nr ul li .text dt p{ color: #fff; font-size: 24px; line-height: 24px;}
.advantage .nr ul .lis .text dt i{ display: inline-block; color: #fff; font-size: 16px; padding: 0 15px; line-height: 28px; background: #ff6700; margin: 14px 0 20px;}
.advantage .nr ul .lix .text dt i{ display: inline-block; color: #fff; font-size: 16px; padding: 0 15px; line-height: 28px; background: #333; margin: 14px 0 20px;}
.advantage .nr ul li .text dd{ color: #fff; font-size: 16px; margin-bottom: 18px;}

/*model1*/

.model1{ margin-top: 70px; font-size: 0; background: url(/Public/images/model1bg.png)no-repeat center; width: 100%; height: 695px; overflow: hidden;}
.model1 dt{ text-align: right;}
.model1 dt i{ display: inline-block; vertical-align: top; background-color: rgb(255, 255, 255); width: 92px; height: 3px; margin: 50px auto 0;}
.model1 dt p{ margin: 10px 0; color: #ff6700; font-size: 34px; line-height: 34px; font-weight: bold;}
.model1 dt em{ display: block; color: #fff; font-size: 18px; line-height: 18px;}
.model1 .nr{ position: relative; width: 1200px; height: 570px; padding-top: 80px;}
.model1 .nr:before{ content: ""; background: url(/Public/images/model1txt.png)no-repeat; width: 1167px; height: 401px; position: absolute; left: 20px; top: -10px;}
.model1 .nr .hd{ position: relative; z-index: 6; background: url(/Public/images/modellist.png)no-repeat 11px 70px; width: 100%; height: 300px;}
.model1 .nr .hd ul li{ display: inline-block; vertical-align: top; cursor: pointer; text-align: center; position: relative;}
.model1 .nr .hd ul li p{ color: #fff; font-size: 18px; line-height: 18px;}
.model1 .nr .hd ul li dd{ color: #fff; font-size: 18px; line-height: 24px; margin-top: 6px;}
.model1 .nr .hd ul li .icon{ margin: 0 auto; overflow: hidden; position: relative; width: 17px; height: 17px;}
.model1 .nr .hd ul li .icon:before{ content: ""; position: absolute; left: 0; top: 0; transition: all .5s ease; background: url(/Public/images/model1icon.png)no-repeat; width: 17px; height: 17px;}
.model1 .nr .hd ul li .icon:after{ content: ""; position: absolute; left: 0; top: 0; opacity: 0; transform: scale(0); transition: all .5s ease; background: url(/Public/images/model1icons.png)no-repeat; width: 17px; height: 17px;}
.model1 .nr .hd ul li.on .icon:before{ opacity: 0; transform: scale(0);}
.model1 .nr .hd ul li.on .icon:after{ opacity: 1; transform: scale(1);}
.model1 .nr .hd ul .lis .icon{ margin-top: 15px;}
.model1 .nr .hd ul .lix .icon{ margin-bottom: 15px;}
.model1 .nr .hd ul li:first-child{ margin-left: 13px;}
.model1 .nr .hd ul li:nth-child(2){ margin: 65px 0 0 39px;}
.model1 .nr .hd ul li:nth-child(3){ margin: 27px 0 0 5px;}
.model1 .nr .hd ul li:nth-child(4){ margin: 86px 0 0 21px;}
.model1 .nr .hd ul li:nth-child(5){ margin: 58px 0 0 29px;}
.model1 .nr .hd ul li:nth-child(6){ margin: 124px 0 0 34px;}
.model1 .nr .hd ul li:nth-child(7){margin: 70px 0 0 21px;}
.model1 .nr .hd ul li:nth-child(8){margin: 157px 0 0 26px;}
.model1 .nr .hd ul li:nth-child(9){margin: 123px 0 0 -6px;}
.model1 .nr .hd ul li:nth-child(10){margin: 185px 0 0 43px;}
.model1 .nr .hd ul li:nth-child(11){margin: 159px 0 0 6px;}
.model1 .nr .hd ul li:nth-child(12){margin: 137px 0 0 70px;}
.model1 .nr .bd{ position: absolute; left: 0; top: 0; height: 500px;}
.model1 .nr .bd ul li:first-child{ margin-left: -105px; margin-top: 200px;}
.model1 .nr .bd ul li:nth-child(2){margin: -105px 0 0 7px;}
.model1 .nr .bd ul li:nth-child(3){margin: 250px 0 0 83px;}
.model1 .nr .bd ul li:nth-child(4){margin: -86px 0 0 175px;}
.model1 .nr .bd ul li:nth-child(5){margin: 285px 0 0 278px;}
.model1 .nr .bd ul li:nth-child(6){margin: -56px 0 0 384px;}
.model1 .nr .bd ul li:nth-child(7){margin: 315px 0 0 477px;}
.model1 .nr .bd ul li:nth-child(8){margin: -35px 0 0 573px;}
.model1 .nr .bd ul li:nth-child(9){margin: 340px 0 0 641px;}
.model1 .nr .bd ul li:nth-child(10){margin: 20px 0 0 756px;}
.model1 .nr .bd ul li:nth-child(11){margin: 340px 0 0 834px;}
.model1 .nr .bd ul li:nth-child(12){margin: 4px 0 0 976px;}

/*case*/

.case{ font-size: 0; height: 962px; overflow: hidden;}
.case .more-title h4{ background: url(/Public/images/casetitle.png)no-repeat center;}
.case .nr ul li{ display: inline-block; vertical-align: top; width: 385px; margin: 0 22px 58px 0;}
.case .nr ul li:nth-child(3n){ margin-right: 0;}
.case .nr ul li .pic{ width: 100%; position: relative; height: 310px; overflow: hidden;}
.case .nr ul li .title{ text-align: center; width: 100%; height: 42px; line-height: 42px; color: #333; font-size: 16px; background: #e3e3e3; overflow: hidden;}
.case .nr ul li .pic img{ width: 100%;transition: all .5s ease;}
.case .nr ul li .text{ position: absolute; left: 0; top: 0; opacity: 0; transition: all .5s ease; transform: scaleY(0.5); width: 100%; height: 50%; z-index: 1; background: url(/Public/images/casezg.png)repeat;}
.case .nr ul li .text p{ margin: 16px auto; display: block; text-align: center; background: url(/Public/images/caseicons.png)no-repeat center; width: 90%; height: 90%; border: 1px solid #fff; line-height: 345px;}
.case .nr ul li .text i{ display: block; font-size: 20px;font-family: "Arial"; color: rgb(255, 255, 255); word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.case .nr ul li:hover .pic img{ transform: scale(1.1);}
.case .nr ul li:hover .text{ height: 100%; opacity: 1; transform: scaleY(1);}
@media only screen and (max-width: 1200px){ .case .nr ul li{ width: 380px;}
	}

/*about*/

.about{ margin-top: 115px; width: 100%; background: #f5f5f5; padding: 80px 0 70px;}
.about .nr1 .text{ width:736px; font-size: 0;}
.about .nr1 .text dt{ line-height: 0; margin-bottom: 40px;}
.about .nr1 .text .txt{ color: #666; font-size: 16px; line-height: 24px;}
.about .nr1 .text .more{ margin-top: 20px; width: 149px; height: 53px; line-height: 53px; transition: all .6s; text-align: center; border: 1px solid rgb(153, 153, 153); display: block; font-size: 16px;}
.about .nr1 .text .more:hover{ background: #ff6700;border: 1px solid #ff6700; color: #fff;}
.about .nr1 .text dl{ margin: 65px 0;}
.about .nr1 .text dl dd{ display: inline-block; vertical-align: top; margin-right:30px;}
.about .nr1 .text dl dd:last-child{ margin-right: 0;}
.about .nr1 .text dl dd i{ display: block; color: #ff6700; font-size: 30px; line-height: 30px; font-weight: bold;}
.about .nr1 .text dl dd b{ margin-top: 35px; display: block; color: #333; font-size: 14px; line-height: 24px;}
.about .nr1 .text .navlist ol{ cursor: pointer; width: 144px; display: inline-block; vertical-align: top; text-align: center; border-right: 1px solid #ddd;}
.about .nr1 .text .navlist ol:first-child{ width: 100px;}
.about .nr1 .text .navlist ol:last-child{ width: 140px; margin-right: 0; border-right: none;}
.about .nr1 .text .navlist ol em{ display: block; height: 50px;}
.about .nr1 .text .navlist ol em img{ animation: jumps 2s linear infinite;}
.about .nr1 .text .navlist ol p{ font-size: 14px; line-height: 14px; color: #666;}
.about .nr1 .text .navlist ol:hover p{ color: #ff6700;}
.about .nr1 .right{ position: relative; width:435px;}
.about .nr1 .right:before{ content: ""; position: absolute; right: -460px; top: 0; width: 765px; height: 648px; background: #ff6700;}
.about .nr1 .right a{ position: relative; z-index: 1; display: inline-block; vertical-align: top; margin: 23px 0;}
.about .nr1 .right a img{ width: 813px; height: 600px;}
.about .nr2{ width: 1300px; margin: 38px auto 0;}
.about .nr2 .hd em{ display: inline-block; vertical-align: middle; cursor: pointer; width: 145px; height: 34px; text-align: center; line-height: 34px; color: #fff; font-size: 20px; background: #ff6700;}
.about .nr2 .hd em:hover{ text-decoration: underline;}
.about .nr2 .hd i{ width: 1055px; height: 1px; background: #999; display: inline-block; vertical-align: middle;}
.about .nr2 .btn{ display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; width: 25px; height: 55px; line-height: 55px; background: #ddd;}
.about .nr2 .btn:hover{ background: #ff6700;}
.about .nr2 .btn img{ vertical-align: middle;}
.about .nr2 .bd{ margin-top: 35px; display: inline-block; vertical-align: middle; height: 273px; overflow: hidden;}
.about .nr2 .bd ul li{ display: inline-block; vertical-align: top; padding: 8px; margin-right: 15px; border: 1px solid #e0e0e0; width: 188px!important; height: 273px; position: relative;}
.about .nr2 .bd ul li .pic{ width: 170px; height: 255px; overflow: hidden;}
.about .nr2 .bd ul li .pic img{ width: 100%;}
@media only screen and (max-width: 1200px){.about .nr1 .text{ padding-left: 10px;}
	}
@media only screen and (max-width: 1200px){ .about .nr1 .text dl dd{ margin-right: 47px;}
	}
@media only screen and (max-width: 1200px){ .about .nr1 .text .navlist ol{ width: 135px;}
	}
@media only screen and (max-width: 1200px){ .about .nr2{ width: 1200px;}
	}
@media only screen and (max-width: 1200px){ .about .nr2 .bd{ width: 1084px;}
	}

/*new*/

.newtab>div{ float: left; width: 570px; height: 480px; overflow: hidden;}
.new .newtab .hd{ overflow: hidden; border-bottom: 1px solid rgba(52, 52, 52, 0.102); margin-bottom: 22px; padding-bottom: 5px;}
.new .newtab .hd ul li{ float: left; font-size: 18px; color: #222;cursor: pointer;}
.new .newtab .hd ul dd{ float: left; font-size: 18px; color: #222; margin: 0 20px;}
.new .newtab .hd ul li.on{ font-weight: bold; color: #ff6700;}
.new .newtab .hd ul li i img{ transition: all .3s ease-in; width: 0; height: 19px;}
.new .newtab .hd ul li.on i img{ width: 19px;}
.new .newtab .hd ul li i,.new .newtab .right .top i{ display: inline-block; vertical-align: top; width: 19px; height: 19px; margin: 3px 10px 0 0;}
.new .newtab .bd .tjnew{ height: 132px; overflow: hidden;}
.new .newtab .bd .tjnew>div{ float: left; height: 132px; overflow: hidden;}
.new .newtab .bd .tjnew .pic{ width: 224px;}
.new .newtab .bd .tjnew .text{ margin-left: 25px; width: 321px;}
.new .newtab .bd .tjnew .text dt{ border-bottom: 1px solid rgba(52, 52, 52, 0.102); padding-bottom: 10px; margin-bottom: 10px;}
.new .newtab .bd .tjnew .text dt a{ color: #222; font-size: 16px;}
.new .newtab .bd .tjnew .text dt b{ color: #999; font-size: 14px;}
.new .newtab .bd .tjnew .text p{ color: #666; font-size: 14px; height: 50px; overflow: hidden;}
.new .newtab .bd dl dd{ margin-top: 24px; padding-bottom: 5px; border-bottom: 1px solid rgba(52, 52, 52, 0.102); overflow: hidden;}
.new .newtab .bd dl dd a{ color: #333; font-size: 16px;}
.new .newtab .bd dl dd span{ float: right; color: #999; font-size: 14px;}
.new .newtab .bd dl dd a:hover i,.new .newtab .bd .tjnew .text dt a:hover{ color: #ff6700;}
.new .newtab .right .top{ cursor: pointer; font-size: 18px; font-weight: bold; color: #ff6700; overflow: hidden; border-bottom: 1px solid rgba(52, 52, 52, 0.102); margin-bottom: 15px; padding-bottom: 5px;}
.new .newtab .right .newlist ul li{ margin-bottom: 20px; background-color: #f5f5f5; padding: 20px; width: 567px; height: 123px; overflow: hidden;}
.new .newtab .right .newlist ul li>div{ float: left; height: 83px; overflow: hidden;}
.new .newtab .right .newlist ul li .date{ text-align: center; padding-top: 15px; background-color: #fff; width: 83px; height: 83px; margin-right: 15px;}
.new .newtab .right .newlist ul li .date b{ color: #333; font-size: 28px; line-height: 28px; font-weight: bold;}
.new .newtab .right .newlist ul li .date b:after{ content: ""; display: block; margin: 5px auto; background-color: rgb(210, 210, 210); width: 28px; height: 1px;}
.new .newtab .right .newlist ul li .date i{ display: block; color: #333; font-size: 14px;}
.new .newtab .right .newlist ul li:hover .date b,.new .newtab .right .newlist ul li:hover .date i{ color: #fff;}
.new .newtab .right .newlist ul li:hover .date b:after{ background: #fff;}
.new .newtab .right .newlist ul li:hover{ background: #333;}
.new .newtab .right .newlist ul li:hover .date{ color: #fff; background: #ff6700;}
.new .newtab .right .newlist ul li .text{ width: 425px;}
.new .newtab .right .newlist ul li .text a{ color: #0c0c0c; font-size: 16px;}
.new .newtab .right .newlist ul li:hover .text a{ text-decoration: underline; color: #fff; font-weight: bold;}
.new .newtab .right .newlist ul li:hover .text p{ color: rgba(255, 255, 255, 0.702);}
.new .newtab .right .newlist ul li .text p{ color: #666; font-size: 14px; margin-top: 10px;}
.new .latest_news{ margin-top: 50px; background: url(/Public/images/newbg.png)no-repeat center; width: 100%; height: 590px; overflow: hidden; padding-top: 60px;}
.new .latest_news .nr{ position: relative; padding-top: 60px; background: #fff; height: 358px;}
.new .latest_news .nr:before{ content: ""; position: absolute; left: -360px; top: 0; width: 360px; height: 358px; background: #fff;}
.new .latest_news .bttop{ margin-bottom: 10px; color: rgba(51, 51, 51, 0.659); font-size: 16px;}
.new .latest_news .bttop img{ vertical-align: middle;}
.new .latest_news .bttop i{ color: #ff6700; font-size: 26px;}
.new .latest_news ul{ width: 810px; height: 239px; overflow: hidden;}
.new .latest_news ul li a{ color: #333; font-size: 16px;}
.new .latest_news ul li a:hover{ color: #ff6700; font-weight: bold;}
.new .latest_news ul li{ float: left; width: 376px; padding-bottom: 5px; margin-right: 58px; margin-bottom: 22px; border-bottom: 1px solid rgba(52, 52, 52, 0.102);}
.new .latest_news ul li:nth-child(2n){ margin-right: 0;}
.new .latest_news .pic{ width: 327px; height: 239px; overflow: hidden; margin-left: 30px;}
.new .latest_news .pic img{ width: 100%;}

/*foot*/

.foot{ font-size: 0; background: #333; overflow: hidden;}
.foot .nav{ border-bottom: 1px solid #ff6700; padding: 13px 0;}
.foot .nav nav{ padding: 0 10px;}
.foot .nav nav a{ display: inline-block; vertical-align: middle; overflow: hidden; line-height: 16px; color: #fff; font-size: 16px; margin-right: 88px;}
.foot .nav nav a i{ position: relative; display: inline-block; color: #fff; font-size: 16px; line-height: 16px; transition: all ease-out .3s;}
.foot .nav nav a i:after{ position: absolute; left: 0; width: 100%; color: #ff6700; content: attr(data-title); transform: translateY(100%); top: 100%;transition: all ease-out .3s;}
.foot .nav nav a:hover i:after{ transform: translateY(0);}
.foot .nav nav a:hover i{ transform: translateY(-100%);}
.foot .nav nav a:last-child{ margin-right: 0;}
.foot .content{ padding-top: 40px; height: 230px; overflow: hidden;}
.foot .content .wechat{ margin: 0 20px 0 0; width: 114px; text-align: center;}
.foot .content .wechat span{ display: block; position: relative; width: 114px; height: 114px; overflow: hidden;}
.foot .content .wechat span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(/Public/images/light.png)no-repeat center; animation: light 4s linear infinite;}
.foot .content .wechat p{ color: #fff; font-size: 14px; line-height: 14px; margin-top: 5px;}
.foot .content .left{ width: 223px; margin-top: 5px;}
.foot .content .left p{ margin: 3px auto 0; width: 221px; height: 23px; line-height: 23px; background: #ff6700; color: #fff; font-size: 14px; text-align: center;}
.foot .content .text{ margin-top: 17px;}
.foot .content .text ul{ display: inline-block; vertical-align: top;}
.foot .content .text ul:first-child{ margin-right: 115px;}
.foot .content .text ul:first-child li i{ letter-spacing: 3.8px;}
.foot .content .text ul:first-child+ul li i{ letter-spacing: 1.5px;}
.foot .content .text ul li{ color: #fff; font-size: 16px;}
.foot .content .text ul li{ margin-bottom: 5px;}
.foot .bottom{ color: #fff; font-size: 14px; height: 38px; line-height: 38px; background: #ff6700;overflow: hidden;}
.foot .bottom ol a{ color: #fff; font-size: 14px;}
.foot .bottom dl a{ display: inline-block; vertical-align: middle; color: #fff; font-size: 14px;}
.foot .bottom dl li:first-child{ color: #fff; font-size: 14px; width: 135px; margin-right: 0; letter-spacing: 1px;}
.foot .bottom dl li:last-child{ margin-right: 0;}
.foot .bottom dl li{ display: inline-block; vertical-align: top; margin-right: 40px;}
.foot .bottom li:hover a,.foot .bottom ol a:hover{ color: #fff; text-decoration: underline;}
@media only screen and (max-width: 1200px){ .foot .content .text{ padding-right: 20px;}
	}
@media only screen and (max-width: 1200px){ .foot .bottom .fr{ padding-right: 20px;}
	}
<!--0.00021195411682129-->