*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px 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;}
::-webkit-scrollbar{ width: 8px; height: 8px; background-color: #F5F5F5;}
::-webkit-scrollbar-track{ border-radius: 10px; background-color: #E2E2E2;}
::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555;}
.row{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rows{ word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.clearfix:after,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face{ font-family: 'PINGFANG REGULAR';src: url('../fonts/PINGFANG REGULAR.TTF');font-weight: normal; font-style: normal;}
.tywidth{ width: 1360px; margin: 0 auto;}

/*header*/

.header{ width: 100%; font-size: 0;}
.header .header_slogan{ height: 46px; line-height: 46px; background: url(../images/headtopbg.png)no-repeat center; overflow: hidden;}
.header .header_slogan .topic{ padding-left: 10px; color: #f1f1f1; font-size: 14px;}
.header .header_slogan .right a{ display: inline-block; vertical-align: top;color: #333; font-size: 14px;}
.header .header_slogan .right i{ margin: 0 15px; display: inline-block; vertical-align: top;color: #333; font-size: 14px;}
.header .header_slogan .right a:hover{ text-decoration: underline;}
.header .header_mid .nr{ background: url(../images/headnrbg.png)no-repeat center; height: 160px;}
.header .header_mid .logo{ position: relative; padding-top: 10px; width: 189px; margin-right: 40px;}
.header .header_mid .logo:before{ content: url(../images/headhr.png); position: absolute; right: 0; top: 10px; width: 1px; height: 133px;}
.header .header_mid .text h3{ font-weight: bold; color: #102c49; font-size: 28px; line-height: 28px; margin: 50px 0 20px;}
.header .header_mid .text h3 b{ color: #e7a415; font-weight: bold;}
.header .header_mid .text h4{ color: #263850; font-size: 18px; line-height: 18px;}
.header .header_mid .right{ margin-top: 60px; background: url(../images/phone.png)no-repeat; padding-left: 60px; height: 50px;}
.header .header_mid .right p{ font-size: 16px; line-height: 16px; color: #666; margin-bottom: 5px;}
.header .header_mid .right i{ display: block; font-size: 28px; line-height: 28px; color: #e7a415; font-weight: bold;}
.header .nav{ width: 100%; background: #f5f5f5; height: 56px; line-height: 56px;}
.header .nav .nav-content nav .xz{ position: relative; display: inline-block; vertical-align: top; text-align: center;}
.header .nav .nav-content nav em{ font-size: 14px; color: #cdcdcd; display: inline-block; vertical-align: middle; margin: 0 29px;}
.header .nav .nav-content nav em:nth-child(2){ margin: 0 27px 0 30px;}
.header .nav .nav-content nav .xz a{ display: block; height: inherit; color: #102c49; font-size: 18px;}
.header .nav .nav-content nav .xz.on a,.header .nav .nav-content nav .xz:hover a{ font-weight: bold;color: #e7a415;}
.header .nav .nav-content nav .xz:after{ content: ''; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; background: url(../images/headnavon.png) no-repeat center; z-index: 1; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; opacity: 0;}
.header .nav .nav-content nav .xz.on:after,.header .nav .nav-content nav .xz:hover:after{ bottom: 5px; height: 6px; opacity: 1;}
.header .nav .nav-content nav .xz ul{ position: absolute; top: 100%; left: 50%; z-index: 20; height: 0px; visibility: hidden; width: 130px; min-width: 100%; transform: translateX(-50%);}
.header .nav .nav-content nav .xz:hover ul{ height: auto; visibility: visible;}
.header .nav .nav-content nav .xz ul li{ display: block; opacity: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.35); background: #102540; position: relative;}
.header .nav .nav-content nav .xz ul li i{ height: 40px; line-height: 40px; font-size: 14px; display: block; color: #FFF; padding: 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.header .nav .nav-content nav .xz ul li{ opacity: 0; transform: rotateY(90deg); transition: .5s;}
.header .nav .nav-content nav .xz ul li i:hover{ color: #FFF;}
.header .nav .nav-content nav .xz ul li:hover{ background: #e7a414;}
.header .nav .nav-content nav .xz ul li i{ background: -webkit-linear-gradient(left, #e7a414, #e7a414) no-repeat; background: linear-gradient(to right, #e7a414, #e7a414) no-repeat; background-size: 0% 100%; -webkit-transition: all .5s; transition: all .5s;}
.header .nav .nav-content nav .xz ul li i:hover{ background: -webkit-linear-gradient(left, #e7a414, #e7a414) no-repeat; background: linear-gradient(to right, #e7a414, #e7a414) no-repeat; background-size: 100% 100%;}
.header .nav .nav-content nav .xz:hover ul li{ opacity: 1; transform: rotateY(0);}
.header .nav .nav-content nav .xz:hover ul li:nth-child(1){ transition-delay: 50ms;}
.header .nav .nav-content nav .xz:hover ul li:nth-child(2){ transition-delay: 100ms;}
.header .nav .nav-content nav .xz:hover ul li:nth-child(3){ transition-delay: 150ms;}
.header .nav .nav-content nav .xz:hover ul li:nth-child(4){ transition-delay: 200ms;}
.header .nav .nav-content nav .xz:hover ul li:nth-child(5){ transition-delay: 250ms;}
.header .nav .nav-content nav .xz:hover ul li:nth-child(6){ transition-delay: 300ms;}
.header .nav .nav-content nav .xz:hover ul li:nth-child(7){ transition-delay: 350ms;}
.header .nav .nav-content nav .xz:hover ul li:nth-child(8){ transition-delay: 400ms;}
.header .nav .nav-content nav .xz:hover ul li:nth-child(9){ transition-delay: 450ms;}
.header .nav .nav-content nav .xz:hover ul li:nth-child(10){ transition-delay: 500ms;}
.header .nav .nav-content nav .xz ul li:nth-child(1){ transition-delay: 500ms;}
.header .nav .nav-content nav .xz ul li:nth-child(2){ transition-delay: 450ms;}
.header .nav .nav-content nav .xz ul li:nth-child(3){ transition-delay: 400ms;}
.header .nav .nav-content nav .xz ul li:nth-child(4){ transition-delay: 350ms;}
.header .nav .nav-content nav .xz ul li:nth-child(5){ transition-delay: 300ms;}
.header .nav .nav-content nav .xz ul li:nth-child(6){ transition-delay: 250ms;}
.header .nav .nav-content nav .xz ul li:nth-child(7){ transition-delay: 200ms;}
.header .nav .nav-content nav .xz ul li:nth-child(8){ transition-delay: 150ms;}
.header .nav .nav-content nav .xz ul li:nth-child(9){ transition-delay: 100ms;}
.header .nav .nav-content nav .xz ul li:nth-child(10){ transition-delay: 50ms;}
.header .nav .nav-content nav .xz ul li:last-child{ border-bottom: none;}

/*banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.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%;}
.slideBox .hd{ position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); font-size: 0;}
.slideBox .hd ul li{ float: left; position: relative; width: 10px; height: 10px; background: #102c49; margin-right: 10px; cursor: pointer; border-radius: 100%; transition: all .3s;}
.slideBox .hd ul li.on{ border-radius: 5px; width: 37px;}

/*search*/

.search{ font-size: 0; height: 90px; line-height: 90px; border-bottom: 1px solid #ddd; overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #102540; font-size: 15px; font-weight: bold; margin-right: 15px;}
.search-keywords a{ color: #666; font-size: 14px;}
.search-keywords a:hover{ color: #102c49;}
.search-keywords i{ margin: 0 15px;}
.search-form{ float: right;}
#searchForm{ margin-top: 35px; background: url(../images/search.png)no-repeat; width: 171px; height: 28px; 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: 28px; line-height: 28px; width: 82%;}
.search-form #s_btn{ width: 28px; height: 28px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{ color: #999;}
#searchForm .search-input:-moz-placeholder{ color: #999;}
#searchForm .search-input::-moz-placeholder{ color: #999;}
#searchForm .search-input:-ms-input-placeholder{ color: #999;}

/*product*/

.product{ margin-top: 60px;}
.product .topics .left dt{ background: url(../images/cpbt.png)no-repeat; width: 209px; height: 17px;}
.product .topics .left dd{ font-size: 30px; line-height: 30px;}
.product .topics .left dd em{ width: 143px;}
.product .topics .txt{ margin-top: 35px; color: #666; font-size: 16px; line-height: 16px;}
.product .topics .txt i{ color: #999; font-size: 12px; text-transform: uppercase;}
.product .bottom .pro-left{ width: 320px;}
.product .bottom .pro-left .sideMenu h3, .product .bottom .pro-left .sideMenu .more{ color: #666; font-size: 18px; padding-left: 40px; height: 60px; line-height: 60px; cursor: pointer; background: url(../images/cptb1.png)no-repeat 10px center; margin-bottom: 2px; margin-top: 4px;}
.product .bottom .pro-left .sideMenu ol{ border-bottom: 1px solid #ddd;}
.product .bottom .pro-left .sideMenu h3.on{ box-shadow: 6px 7px 5.58px 0.42px rgba(0, 0, 0, 0.16); background-color: rgb(16, 37, 64); color: #fff; height: 55px; line-height: 55px; padding: 0; padding-left: 40px;}
.product .bottom .pro-left .sideMenu ul{ padding-left: 40px; display: none; margin-top: 25px;}
.product .bottom .pro-left .sideMenu ul li{ color: #333; font-size: 16px; cursor: pointer; margin-bottom: 20px; margin-top: 13px;}
.product .bottom .pro-left .sideMenu ul li:before{ content: ""; display: inline-block; vertical-align: middle; width: 13px; height: 3px; background-color: rgb(51, 51, 51); margin: -2px 5px 0 0;}
.product .bottom .pro-left .sideMenu ul li:hover{ color: #263850;}
.product .bottom .pro-left .sideMenu ul dl{ padding-left: 25px;}
.product .bottom .pro-left .sideMenu ul dl dd{ color: #666; font-size: 15px; margin-bottom: 5px; cursor: pointer;}

/*.product .bottom .pro-left .sideMenu ul li:first-child{ margin: 20px 0;}*/

.product .bottom .pro-left .sideMenu ul li:last-child{ margin-bottom: 25px;}
.product .bottom .pro-left .sideMenu ul dl dd:before{ content: ""; display: inline-block; vertical-align: middle; width: 6px; height: 1px; background-color: #666; margin: -2px 5px 0 0;}
.product .bottom .pro-left .sideMenu .more{ display: block; border-bottom: 1px solid #ddd;}
.product .bottom .right{ width: 1010px; margin-left: 30px; font-size: 0;}
.product .bottom .right dd{ display: inline-block; vertical-align: top; float: left; width: 320px; margin: 0 25px 55px 0; overflow: hidden; position: relative; -webkit-transition: all .3s linear; transition: all .3s linear;}
.product .bottom .right dd:nth-child(3n){ margin-right: 0;}
.product .bottom .right dd .pic{ width: 100%; height: 260px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 9px; border: 1px solid #dddddd; border-radius: 10px;}
.product .bottom .right dd .pic img{ width: 100%; height: 100%; transition: all 0.5s; transform: scale(1); border-radius: 10px;}
.product .bottom .right dd:hover .pic{ border: 1px solid #e7a415;}
.product .bottom .right dd .title{ height: 50px; -webkit-transition: all .3s linear; transition: all .3s linear; background: url(../images/cpjt.png) no-repeat 276px; padding-right: 50px; padding-left: 5px; border-bottom: 1px solid #ddd;}
.product .bottom .right dd .title h6{ height: 50px; line-height: 50px; font-size: 16px;}
.product .bottom .right dd .title h6 a{ color: #666; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 15px; background: url(../images/cpqq.png) no-repeat 0;}
.product .bottom .right dd:hover .title{ background: url(../images/cpjts.png) no-repeat 281px;}
.product .bottom .right dd .title h6 a:hover{ padding-left: 20px;}
.product .bottom .right dd:hover .title h6 a{ background: url(../images/cpqqs.png) no-repeat 0;}

/*model1*/

.model1{ margin-top: 25px; background: url(../images/model1bg.png)no-repeat center; width: 100%; height: 711px; overflow: hidden; padding-top: 35px;}
.model1 .model1title{ width: 1360px; text-align: center; margin: 0 auto 25px;letter-spacing: 2px;}
.model1 .model1title h3{ color: #fff; font-size: 30px; line-height: 30px; font-weight: bold;}
.model1 .model1title h3 b{ color: #e7a415;font-weight: bold;}
.model1 .model1title h3:after{ content: ""; margin: 8px auto; display: block; background-color: rgb(255, 255, 255); width: 100px; height: 1px;}
.model1 .model1title h4{ color: #fff; font-size: 18px; line-height: 18px;}
.model1 .nr{ background: #fff; padding: 28px 26px; height: 542px; overflow: hidden;}
.model1 .nr>div{ float: left; width: 665px; height: 485px; overflow: hidden; position: relative;}
.model1 .nr .right{ margin-left: 20px; width: 623px; font-size: 0;}
.model1 .nr .right dd{ display: inline-block; vertical-align: top; position: relative; width: 302px; height: 233px; overflow: hidden;}
.model1 .nr .right dd:nth-child(2n){ margin: 0 0 19px 19px;}
.model1 .nr .right .pic img{ width: 100%; transition: all .3s ease-in;}
.model1 .nr .right dd:hover .pic img{ transform: scale(1.1);}
.model1 .nr .title{ position: absolute; left: 0; bottom: 0; background: #666; width: 100%; height: 28px; line-height: 28px; text-align: center; color: #fff; font-size: 16px;}
.model1 .nr .left .title{ height: 40px; line-height: 40px;}
@media only screen and (max-width: 1360px){ .model1 .model1title{ width: 1200px;}
	}
.topics dt{ color: #263850; font-size: 30px; font-weight: bold; margin-bottom: 28px; line-height: 30px;}
.topics dt b{ color: #e7a415; font-weight: bold;}
.topics dd{ color: #333; font-size: 18px; line-height: 18px;}
.topics em{ width: 246px; height: 1px; background-color: rgb(153, 153, 153); display: inline-block; vertical-align: middle; margin-left: 15px;}

/*model2*/

.model2{ margin-top: 70px;}
.model2 .nr .top .right{ width: 650px; position: relative;}
.model2 .nr .top .right .btn{cursor: pointer; position: absolute; right: 0; width: 40px; height: 40px; border-radius: 6px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.model2 .nr .top .right .btn.prev{ background: url(../images/model2btn1.png)no-repeat center #e7a415; top: 0;}
.model2 .nr .top .right .btn.next{ background: url(../images/model2btn2.png)no-repeat center #102c49; top: 45px;}
.model2 .nr .top .right .btn:hover{ border-radius: 50%;}
.model2 .nr .top .right .bd{ width: 600px; overflow: hidden;}
.model2 .nr .top .right ul li h3{ color: #333; font-size: 16px; line-height: 16px;}
.model2 .nr .top .right ul li h3 span{ text-transform: uppercase; color: #999; font-size: 14px; line-height: 14px;}
.model2 .nr .top .right ul li em{ width: 118px; height: 1px; background-color: rgb(153, 153, 153); display: block; margin: 12px 0 20px;}
.model2 .nr .top .right ul li h4{ color: #666; font-size: 14px; line-height: 14px;}
.model2 .nr .bottom{ margin-top: 55px; position: relative;}
.model2 .nr .bottom .ts{ position: absolute; top: 0; right: -271px;}
@media only screen and (max-width: 1360px){ .model2 .nr .top .right{ margin-right: 17px;}
	}

/*advantage*/

.advantage{ width: 100%; height: 755px; background: url(../images/ys_bg1.png) no-repeat center top; margin-top: 70px;}
.advantage_p{ width: 1360px; height: 755px; margin: 0 auto; position: relative;}
.advantage_t2{ position: absolute; left: 0px; top: 55px; width: 390px; height: 700px; background: url(../images/ys_bg2.png) no-repeat center;}
.a_yscent{ padding-left: 85px; padding-top: 131px;}
.a_ys h3{ width: 35px; height: 2px; background: #8892a0; margin-top: 21px;}
.a_ys h4{ line-height: 36px; font-size: 17px; color: #fff; text-transform: uppercase; padding: 45px 0 0 0; font-weight: 100;}
.a_ys h5{ line-height: 1; font-size: 30px; color: #fff; font-weight: bold; padding-top: 15px;}
.a_ys h6{ line-height: 24px; font-size: 12px; color: rgba(255, 255, 255, 0.8); padding: 20px 0 0 0;}
.advantage_p .advantage_cent{ margin-left: 390px; height: 680px; overflow: hidden; display: block; position: relative;}
.advantage_p .ys_aaa{ width: 970px; height: 410px; overflow: hidden; padding-top: 75px;margin-left: -75px;}
.advantage_p .ys_bbb{width: 640px;height: 160px;margin-top: 80px;margin-left: 100px;}
.youshi_pro_1_l{ width: 547px; height: 335px; overflow: hidden; border-radius: 0 0 23px 0;}
.youshi_pro_1_l img{ width: 547px; height: 335px; transition: all 0.5s; transform: scale(1);}
.youshi_pro_2a{ position: relative;}
.youshi_pro_2shu{ display: inline-block; vertical-align: top; font-weight: bold; line-height: 28px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.youshi_pro_2shu i{ display: block; font-size: 30px; float: left; color: #333333;}
.youshi_pro_2shu span{ display: block; font-size: 28px; float: left; color: #102c49; margin-left: 12px; position: relative; z-index: 5; font-weight: bold;}
.youshi_pro_2_1{line-height: 20px;padding-top: 20px;color: #666666;font-size: 16px;}
.youshi_pro_2_1 p{ margin-top: 10px; padding-top: 5px; border-top: 1px solid #ddd;}
.youshi_pro_l{ background: url(../images/ys_l.png) no-repeat center; display: block; width: 50px; height: 50px; cursor: pointer; position: absolute; left: 25px; bottom: 0px; z-index: 10; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.youshi_pro_l:hover{ left: 20px;}
.youshi_pro_r{ background: url(../images/ys_r.png) no-repeat center; display: block; width: 50px; height: 50px; cursor: pointer; position: absolute; right: 25px; bottom: 0px; z-index: 10; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.youshi_pro_r:hover{ right: 20px;}
.ys_telaa{ height: 30px; line-height: 30px; margin-top: 60px; background: url(../images/ys_tel.png) no-repeat 0px; padding-left: 39px; font-size: 24px; color: #fff;}
.ys_tel{ width: 150px; height: 40px; margin-top: 32px; margin-left: 32px;}
.ys_tel span{ width: 150px; height: 40px; line-height: 40px; display: block; font-size: 16px;}
.ys_tel span a{ color: #fff; display: block; background: url(../images/ys_qq.png) no-repeat 33px #e7a414; padding-left: 62px; border-radius: 5px;}
.ys_tel span a:hover{ background: url(../images/ys_qq.png) no-repeat 33px; border: 1px solid #e7a414; color: #e7a414;}
.youshi_txt{ width: 400px; height: 174px; position: absolute; right: 52px; top: 106px; line-height: 1; z-index: 3;}
.youshi_txt h4{ font-size: 16px; color: #333333; line-height: 36px; padding-top: 17px;}
.youshi_txt h5{ font-size: 12px; color: #666; padding-top: 14px; line-height: 18px;}
.youshi_en2{ width: 180px; height: 50px; background: url(../images/ys_line2.png) no-repeat center #e7a414; position: absolute; top: 552px; right: 0px; z-index: 3; border-radius: 0 10px;}

/*case*/

.case{ margin-top: 70px;}
.case .nr{ position: relative; height: 570px;}
.case .topics .more{ margin-top: 30px; color: #666; font-size: 16px;}
.case .topics .more span{ width: 40px; height: 1px; background-color: rgb(153, 153, 153); display: inline-block; vertical-align: middle; margin-right: 15px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.case .topics .more:hover{ color: #e7a415;}
.case .topics .more:hover span{ margin-right: 10px;}
.case .bottom{ position: absolute; left: 0; bottom: 0; width: 1580px;margin: 0 auto;}
.case .bottom ul li{ position: relative; width: 353px; margin-right: 56px; overflow: hidden; float: left; padding: 25px 0 0 33px;}
.case .bottom ul li .en{ width: 12px; line-height: 1; height: 200px; font-size: 12px; color: #102c49; position: absolute; left: 0; top: 0; text-transform: uppercase; font-family: Arial; writing-mode: horizontal-tb; writing-mode: vertical-lr;}
.case .bottom ul li .en i{ margin-bottom: 10px;}
.case .bottom ul li:last-child{ margin-right: 0;}
.case .bottom ul li .pic{ width: 320px; height: 260px; overflow: hidden; line-height: 260px; border: 1px solid rgb(220, 220, 220); border-radius: 9px; text-align: center;}
.case .bottom ul li .pic img{ vertical-align: middle; border-radius: 11px; width: 300px; height: 242px;transition: all .6s ease;}
.case .bottom ul li:hover .pic{ border: 1px solid #e7a415;}
.case .bottom ul li .text{ padding-left: 30px; padding-bottom: 40px; position: relative;}
.case .bottom ul li .text em{ display: block; width: 290px; height: 2px; background-color: rgb(51, 51, 51); margin: 24px auto 20px;}
.case .bottom ul li:hover .text em{ background: #e7a415;}
.case .bottom ul li .text dt{ color: #333; font-size: 16px; line-height: 16px;margin-bottom: 10px;}
.case .bottom ul li .text p{ color: #666; font-size: 14px; height: 38px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 20px;}
.case .bottom ul li .text i{ position: absolute; right: 0; bottom: 0; color: #333; font-size: 30px; font-family: arial;}
.case .bottom ul li:hover .text i{ color: #e7a415;}
.case .bottom ul li:hover .pic img{ transform: scale(1.1);}

/*about*/

.about{ margin-top: 70px; width: 100%; height: 696px; padding-top: 65px; background: url(../images/aboutbg.png)no-repeat center;}
.about .nr .text{ width: 580px; padding: 50px 0 0 5px;}
.about .nr .text dt em{ display: block; line-height: 0;}
.about .nr .text dt i{ display: block; color: #333; font-size: 26px; line-height: 26px; font-weight: bold; margin: 15px 0 25px;}
.about .nr .text dd{ color: #666; font-size: 16px; line-height: 26px;}
.about .nr .text dt+dd+dd{ text-indent: 35px;margin-top: 35px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.about .nr .text .more{ margin-top: 70px; display: block; width: 70px; height: 46px; border-radius: 5px; transition: all .3s ease-out; background: url(../images/abouts.png)no-repeat center #e7a415;}
.about .nr .text .more:hover{ border-radius: 0; background: url(../images/abouts.png)no-repeat center #102c49;}
.about .nr .right{ width: 765px; position: relative;}
.about .nr .right .pic{ width: 734px; height: 549px; overflow: hidden; border-radius: 14px; float: right; margin-right: 5px;}
.about .nr .right .pic img{ width: 100%; transition: all .5s ease-in;}
.about .nr .right .pic:hover img{ transform: scale(1.1);}
.about .nr .right .spic{ position: absolute; left: -10px; bottom: 3px; z-index: 1; line-height: 0;}

/*new*/

.new{ margin-top: 80px;}
.new .topics .left dt{ background: url(../images/newbt.png)no-repeat; width: 209px; height: 17px;}
.new .topics .left dd{ font-size: 30px; line-height: 30px;}
.new .topics .left dd em{ width: 143px;}
.new .hd{ overflow: hidden; margin-top: 5px;}
.new .hd ul li{ float: left; cursor: pointer; transition: all .3s ease-out; width: 140px; height: 45px; line-height: 45px; text-align: center; border-radius: 5px; background: #666; font-size: 18px; color: #fff;}
.new .hd ul li.on{ background: #e7a415;}
.new .hd ul li+li{ margin-left: 10px;}
.new .bd{ margin-top: 60px; font-size: 0;}
.new .bd ul li>div{ display: inline-block; vertical-align: top;}
.new .bd ul li .newleft{ width: 780px; margin-right: 65px;}
.new .bd ul li .newleft .newtop>div{ display: inline-block; vertical-align: top; height: 280px; overflow: hidden;margin-bottom: 50px;}
.new .bd ul li .newleft .newtop .pic{ width: 398px; border-top-left-radius: 13px; border-bottom-left-radius: 13px;}
.new .bd ul li .newleft .newtop .pic img{ width: 100%; transition: all .5s ease-in;}
.new .bd ul li .newleft .newtop .pic:hover img{ transform: scale(1.1);}
.new .bd ul li .newleft .newtop .text{ background: url(../images/newr.png)no-repeat; width: 382px; padding: 50px 30px 0 38px;}
.new .bd ul li .newleft .newtop .text dt{ -webkit-transition: all .3s ease-out; transition: all .3s ease-out; color: #fff; font-size: 16px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.new .bd ul li .newleft .newtop .text em{ display: block; margin: 20px 0 25px; width: 30px; height: 1px; background: #fff;}
.new .bd ul li .newleft .newtop .text dd{ line-height: 26px; color: #fff; font-size: 14px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.new .bd ul li .newleft .newtop .text b{ display: block; margin-top: 50px; color: #fff; font-size: 14px;}
.new .bd ul li .newleft .newbottom dd{ width: 355px; display: inline-block; vertical-align: top; margin-right: 70px;}
.new .bd ul li .newleft .newbottom dd:first-child{ margin-bottom: 40px;}
.new .bd ul li .newleft .newbottom dd:nth-child(2n){ margin-right: 0;}
.new .bd ul li .newleft .newbottom dd h3{ -webkit-transition: all .3s ease-out; transition: all .3s ease-out; color: #061e38; font-size: 16px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.new .bd ul li .newleft .newbottom dd h3:hover,.new .bd ul li .newleft .newtop .text dt:hover,.new .bd ul li .newright dd .data h3:hover{ color: #e7a415; padding-left: 5px;}
.new .bd ul li .newleft .newbottom dd:hover h3,.new .bd ul li .newleft .newbottom dd:hover p,.new .bd ul li .newright dd .data:hover h3{ color: #e7a415;}
.new .bd ul li .newleft .newbottom dd h4,.new .bd ul li .newright dd .data h4{ margin: 20px 0 25px; line-height: 26px; color: #666; font-size: 14px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.new .bd ul li .newleft .newbottom dd p{ -webkit-transition: all .3s ease-out; transition: all .3s ease-out; color: #333; font-size: 14px;}
.new .bd ul li .newright{ width: 515px;padding-top: 10px;height: 615px;overflow: hidden;}
.new .bd ul li .newright dd a div{ display: inline-block; vertical-align: top; width: 415px;}
.new .bd ul li .newright dd{ margin-bottom: 73px;}
.new .bd ul li .newright dd .date{ margin-right: 15px; width: 85px; padding-top: 5px; height: 99px; border-right: 1px solid rgb(221, 221, 221);}
.new .bd ul li .newright dd .date p{ color: #333; font-size: 48px; line-height: 48px;}
.new .bd ul li .newright dd .date b{ display: block; color: #666; font-size: 14px; line-height: 14px; margin-top: 5px;}
.new .bd ul li .newright dd .data h3{ color: #333; font-size: 14px; line-height: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 15px; border-bottom: 1px solid #ddd; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.new .bd ul li .newright dd .data h4{ margin: 15px 0 0;}

/*foot*/

.foot{ position: relative; font-size: 0; margin-top: 65px;}
.foot .links{ margin: 25px auto;}
.foot .links i{ display: inline-block; vertical-align: top; background: url(../images/links.png)no-repeat; width: 117px; margin: 0 60px 0 0; height: 34px;}
.foot .links li{ display: inline-block; vertical-align: top; line-height: 16px; margin: 15px 90px 0 0;}
.foot .links li:last-child{ margin-right: 0;}
.foot .links li a{ display: block; color: #666; font-size: 16px;}
.foot .links li:hover a{ color: #e7a415;}
.foot .footbg{ background: url(../images/footbg.png)no-repeat center; width: 100%; height: 426px; overflow: hidden; padding-top: 70px;}
.foot .nav{ width: 310px;}
.foot .nav li{ height: 14px; line-height: 14px; margin-bottom: 15px;}
.foot .nav a{ padding-left: 35px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background: url(../images/footicons.png)no-repeat 10px center; display: inline-block; color: #fff; font-size: 14px;}
.foot .nav li a:hover{ background: url(../images/footicons.png)no-repeat 15px center; color: #e7a415;}
.foot .content{ height: 302px; overflow: hidden;}
.foot .contact{ border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); height: 255px; padding: 0 65px 0 80px;}
.foot .contact dt{ color: #f3f8fd; font-size: 18px; line-height: 18px; margin-bottom: 30px;}
.foot .contact ul dl dd{ width: 200px; margin-bottom: 20px; display: inline-block; vertical-align: top;}
.foot .contact ul dl:last-child dd{ width: 300px;}
.foot .contact ul dl dd .icon{ line-height: 0; display: inline-block; vertical-align: top;}
.foot .contact ul dl dd .icon img{ animation: jumps 2s linear infinite;}
.foot .contact ul dl dd .txt{ margin: 5px 0 0 13px; display: inline-block; vertical-align: top;}
.foot .contact ul dl dd .txt p{ color: #ccc; font-size: 14px; line-height: 14px; margin-bottom: 12px;}
.foot .contact ul dl dd .txt i{ display: block; color: #fff; font-size: 14px; line-height: 14px;}
.foot .wechat{ margin-right: 28px;}
.foot .wechat li{ display: inline-block; vertical-align: top; text-align: center;}
.foot .wechat li span{ display: block; background: url(../images/wechatkk.png)no-repeat; width: 182px; height: 182px; line-height: 182px; overflow: hidden; position: relative;}
.foot .wechat li span img{ vertical-align: middle;}
.foot .wechat li p{ color: #fff; font-size: 16px; line-height: 16px; margin-top: 30px;}
.foot .content .wechat li.ts span:after{ content: ""; display: block; position: absolute; left: 10px; top: 0; width: 165px; height: 26px; background: url(../images/light.png)repeat center; animation: light 4s linear infinite;}
.foot:before{ content: ""; position: absolute; width: 100%; height: 1px; background-color: rgb(204, 204, 204); left: 0; top: 430px; z-index: 1;}
.foot .bottom,.foot .bottom a{ color: #fff; font-size: 14px; height: 54px; line-height: 54px; text-align: center; overflow: hidden;}
.foot .bottom a:hover{ color: #e7a415; text-decoration: underline;}