/* 格林泰科en 2025.08.14 */
@charset "utf-8";


.cm{color: #2778be;}
.cm2{color: #38bab1;}
.jianbian{background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8)); background-image: linear-gradient(to right, #255ba9, #1fb4b8);}
.inbanner{width: 100%; height: 960px; position: relative; overflow: hidden;}
.inbanner > img{position: relative; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0;}
.inbanner .cer{position: relative; height: 100%;}
@media screen and (max-width: 1023px){.inbanner{height: 720px;}}
@media screen and (max-width: 750px){.inbanner{height: 480px;}}
.inbanner2{width: 100%; height: 580px; position: relative; overflow: hidden;}
.inbanner2 > img{position: relative; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0;}
/*匠心住宿2关于 设计施工流程标题*/
.cate1{text-align: center; position: relative; padding-bottom: 36px;}
.cate1:after{content: ''; position: absolute; left: 50%; bottom: 0; z-index: 0; width: 50px; height: 1px; margin-left: -25px; background-color: #fff;}
.cate1 .en{font-size: 24px; color: #e6462e; line-height: 24px; font-family: arial; text-transform: uppercase; font-weight: bold; letter-spacing: 3px;}
.cate1 .cn{font-size: 18px; color: #fff; line-height: 30px; margin-top: 8px; width: 100%; position: relative; overflow: hidden; height: 30px;}
.cate1 .cn:before{content: ''; position: absolute; left: 0; top: 50%; z-index: 0; width: 50%; height: 1px; background-color: rgba(255, 255, 255, 0.1); margin-left: -74px;}
.cate1 .cn:after{content: ''; position: absolute; right: 0; top: 50%; z-index: 0; width: 50%; height: 1px; background-color: rgba(255, 255, 255, 0.1); margin-right: -74px;}
/*匠心住宿10联系 banner标题*/
.ibcatein2{position: absolute; width: 100%; left: 0; bottom: 50%; z-index: 1; color: #fff; text-align: center; overflow: hidden; margin-bottom: 5.4%;}
.ibcatein2 .cn{font-size: 24px; line-height: 40px; height: 40px; margin-top: 30px; background: url('../images/line2.png') center no-repeat;}
.ibcatein2 .cn span{padding-left: 8px; letter-spacing: 8px;}
.ibcatein2 .en{font-size: 0;}
.ibcatein2 img{max-width: 90%;}
.ibbg{-webkit-animation: pagebgfd 6s linear infinite alternate; animation: pagebgfd 6s linear infinite alternate;}
@-webkit-keyframes pagebgfd{0%{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} 100%{opacity: 1; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}}
@keyframes pagebgfd{0%{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1);} 100%{opacity: 1; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}}
/*远见2关于我们 合作单位*/
.borderwan{position: relative;}
.borderwan i.ii1,
.borderwan i.ii2,
.borderwan i.ii3,
.borderwan i.ii4{position: absolute; z-index: 5; background-color: #cfd1f8; -webkit-transition: 0.5s; transition: 0.5s;}
.borderwan i.ii1{left: 0; top: 0; width: 0; height: 1px;}
.borderwan i.ii2{right: 0; top: 0; width: 1px; height: 0;}
.borderwan i.ii3{right: 0; bottom: 0; width: 0; height: 1px;}
.borderwan i.ii4{left: 0; bottom: 0; width: 1px; height: 0;}
.borderwan:hover i.ii1,
.borderwan:hover i.ii3{width: 100%;}
.borderwan:hover i.ii2,
.borderwan:hover i.ii4{height: 100%;}
.btt1 img,
.btt2 img,
.btt3 img{-webkit-animation: move ease-in-out 2s infinite; animation: move ease-in-out 2s infinite;}
@-webkit-keyframes move{0%{-webkit-transform: translateY(0); transform: translateY(0);} 50%{-webkit-transform: translateY(5px); transform: translateY(5px);} 100%{-webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes move{0%{-webkit-transform: translateY(0); transform: translateY(0);} 50%{-webkit-transform: translateY(5px); transform: translateY(5px);} 100%{-webkit-transform: translateY(0); transform: translateY(0);}}
@-webkit-keyframes move2{0%{-webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg);} 50%{-webkit-transform: translateX(10px) rotate(360deg); transform: translateX(10px) rotate(360deg);} 100%{-webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg);}}
@keyframes move2{0%{-webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg);} 50%{-webkit-transform: translateX(10px) rotate(360deg); transform: translateX(10px) rotate(360deg);} 100%{-webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg);}}
.greybg{background-color: #bdbbbc;}
.greybg2{background-color: #918f8f;}
.js-qiecon2{display: none;}
.js-qiecon2.on{display: block;}
.js-qiecon{position: absolute; left: 200%; top: 0; z-index: -20; opacity: 0; width: 100%;}
.js-qiecon.on{position: static; left: 0; top: 0; z-index: 1; opacity: 1;}
.pianyi{padding-top: 80px; margin-top: -80px;}
.js-qiecon-wrap1,
.js-qiecon-wrap2,
.js-qiecon-wrap3{position: relative; width: 100%; overflow: hidden;}
.lefthalf{float: left; width: 50%; height: 100%; position: relative; overflow: hidden;}
.righthalf{float: right; width: 50%; height: 100%; position: relative; overflow: hidden;}
.txtEff label{display: inline-block;}
@media screen and (max-width: 640px){.pianyi{padding-top: 60px; margin-top: -60px;}}
/*美达康 面包屑*/
.baninfo{height: 70px; position: relative; z-index: 2; background-color: #f1f1f1;}
.baninfo .cer8{height: 100%;}
.erji{float: left; font-size: 0; white-space: nowrap; text-align: center; padding: 17px 0; max-width: 100%; line-height: 36px; height: 36px;}
.erji a{display: inline-block; padding: 0 8px; height: 100%; margin-left: 26px; border-radius: 18px; color: #333; font-size: 16px; line-height: 36px; vertical-align: top; background-color: #f1f1f1;}
.erji a:first-child{margin-left: 0;}
.erji a:after{content: ''; position: absolute; left: 100%; bottom: 0; z-index: 0; display: none; width: 0; height: 1px; background-color: #009de2; -webkit-transition: 0.3s; transition: 0.3s;}
.erji a:hover{background-color: #fff; color: #2778be;}
.erji a.on{background-color: #2778be; color: #fff; font-weight: bold;}
.erji a:hover:after{left: 0; width: 100%; -webkit-transition: width 0.3s; transition: width 0.3s;}
.tree{float: right; height: 100%; font-size: 14px; line-height: 70px; color: #666; padding-left: 30px; background: url('../images/point1.png') 0 no-repeat;}
.tree a{display: inline-block; height: 100%; color: #666; vertical-align: middle;}
.tree a:hover,
.tree a.leaf{color: #2778be;}
.tree i{display: inline-block; width: 28px; height: 100%; vertical-align: middle; text-align: center;}
@media screen and (max-width: 1280px){.tree{display: none;} .erji{float: none; overflow: auto;}}
/*宝创8产品详情 */
.berji{font-size: 0; width: 100%; text-align: center; margin-top: 30px;}
.berji a{display: inline-block; width: 100px; height: 34px; font-size: 18px; color: #fff; line-height: 34px; position: relative; overflow: hidden; background-color: #2778be; margin: 0 5px; border-radius: 4px;}
.berji a:before{content: ''; position: absolute; right: 0; top: 20px; z-index: 0; width: 1px; height: 30px; display: none;}
.berji a:after{content: ''; position: absolute; left: 50%; bottom: 0px; z-index: 0; margin-left: 0; width: 0; height: 4px; background-color: #0076cd; display: none; -webkit-transition: 0.3s; transition: 0.3s;}
.berji a.on:after,
.berji a:hover:after{margin-left: -40px;}
.berji a.on,
.berji a:hover{background-color: #41a5b3;}
/*海创1首页按钮*/
a.seemore{display: block; width: 164px; height: 50px; margin: 0 auto; overflow: hidden; position: relative; font-size: 0; color: #fff; line-height: 50px; text-align: center; border-radius: 25px;}
a.seemore:before{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; border: 2px solid #ffd04f; border-radius: 25px;}
a.seemore span{position: relative; z-index: 2; display: inline-block; padding-right: 40px; font-size: 16px; background: url('../images/jtr1.png') right no-repeat; letter-spacing: 2px;}
a.seemore:after{content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#005ffb), to(#0292fd)); background-image: linear-gradient(to right, #005ffb, #0292fd); -webkit-transition: 0.3s; transition: 0.3s;}
a.seemore:hover:after{height: 0;}
a.seemore:hover{background-color: #fff; color: #005ffb;}
a.seemore:hover span{background-image: url('../images/jtr1h.png');}
a.seemore2{display: block; width: 172px; height: 42px; margin: 0 auto; overflow: hidden; position: relative; font-size: 16px; color: #1e64c6; line-height: 42px; text-align: center; border: 2px solid #fff; border-radius: 23px; background-color: #fff;}
a.seemore2 span{position: relative; z-index: 2; display: inline-block; padding-right: 40px; background: url('../images/jtr1h.png') right no-repeat;}
.jello-h:hover{-webkit-animation: jello 1s 0s infinite; animation: jello 1s 0s infinite;}
.rubberBand-h:hover{-webkit-animation: rubberBand 1s 0s 1; animation: rubberBand 1s 0s 1;}
/*美达康1首页按钮*/
a.seemore3{display: block; width: 160px; height: 50px; overflow: hidden; position: relative; font-size: 0; color: #116bb4; line-height: 50px; text-align: center; background-color: #fff; margin-top: 60px; margin-left: 34px;}
a.seemore3:before{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; border: 1px solid #116bb4;}
a.seemore3 span{position: relative; z-index: 2; display: inline-block; font-size: 16px; letter-spacing: 2px;}
a.seemore3:after{content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 0; background-color: #116bb4; -webkit-transition: 0.3s; transition: 0.3s;}
a.seemore3:hover:after{height: 100%;}
a.seemore3:hover{background-color: #116bb4; color: #fff;}
/*远见8产品详情 */
.outnavbg{width: 100%; height: 60px; background-color: #f8f8f8; overflow: hidden; position: relative; z-index: 5; display: none;}
.outnav7{height: 60px; padding: 0; position: relative; z-index: 1; overflow: hidden; text-align: center;}
.outnav7 .nav-left,
.outnav7 .nav-right{width: 40px; height: 100%; cursor: pointer; position: absolute; top: 0; z-index: 2; background-position: center; background-repeat: no-repeat; display: none; -webkit-transition: 0.3s; transition: 0.3s; background-color: #e7e7e7;}
.outnav7 .nav-left{left: 0; background-image: url('../images/lt1.png');}
.outnav7 .nav-right{right: 0; background-image: url('../images/gt1.png');}
.outnav7 .nav-left:hover{background-color: #0061ae;}
.outnav7 .nav-right:hover{background-color: #0061ae;}
.outnav7 #wrapper77{width: 100%; height: 100%; position: relative;}
.outnav7.on{padding: 0 40px;}
.outnav7.on .nav-left,
.outnav7.on .nav-right{display: block;}
.nav7{width: 100%; height: 100%; font-size: 0; white-space: nowrap;}
.nav7 li{display: inline-block; height: 100%; overflow: hidden; padding: 0 10px;}
.nav7.fen2 li{width: 50%;}
.nav7.fen3 li{width: 33.3%;}
.nav7.fen4 li{width: 25%;}
.nav7.fen5 li{width: 20%;}
.nav7 li a{display: block; position: relative; color: #666; line-height: 60px; font-size: 16px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.nav7 li a:before{content: ''; position: absolute; left: 0; top: 50%; z-index: 0; width: 1px; height: 14px; background-color: #333; margin-top: -7px;}
.nav7 li:first-child a:before{display: none;}
.nav7 li a:after{content: ''; position: absolute; left: 50%; bottom: 0; z-index: 1; display: none; width: 0; height: 2px; margin-left: 0; -webkit-transition: 0.3s; transition: 0.3s; background-color: #fff;}
.nav7 li:hover a{color: #fff; background-color: #21a39a;}
.nav7 li:hover a:after{width: 108px; margin-left: -54px;}
.nav7 li.on a{color: #fff; background-color: #21a39a;}
.nav7 li.on a:after{width: 108px; margin-left: -54px;}
.sanji{padding: 0 20px; font-size: 0; display: none;}
.sanji a{display: inline-block; position: relative; margin: 5px 10px; text-align: center; padding: 0 10px; height: 44px; background-color: #fff; border: 1px solid #2778be; font-size: 18px; color: #2778be; line-height: 44px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sanji a:hover,
.sanji a.on{background-color: #2778be; color: #fff;}
@media screen and (max-width: 900px){.outnavbg{display: block; margin-bottom: 40px;} .sanji{display: block; margin-bottom: 40px;}}
.ibcate{position: absolute; width: 100%; left: 0; bottom: 50%; z-index: 1; color: #fff; text-align: center; overflow: hidden; margin-bottom: -90px;}
.ibcate .cn{font-size: 36px; line-height: 56px; font-weight: bold; letter-spacing: 2px; text-indent: 2px;}
.ibcate .en{font-size: 54px; line-height: 70px; font-weight: bold; font-family: 'helvetica'; text-transform: uppercase; word-break: normal;}
.ibcate .hx{width: 40px; height: 3px; background-color: #fff; margin: 10px auto;}
.mouse{width: 50px; height: 50px; margin-top: 123px; margin-left: -25px; position: absolute; left: 50%; top: 50%; z-index: 2; /*font-size: 16px; line-height: 28px; color: #fff; text-align: center;*/ background: url('../images/jtd-ib.png') center 0 no-repeat;}
@media screen and (max-width: 750px){.ibcate{margin-bottom: -50px;} .ibcate .en{font-size: 32px; line-height: 60px;} .ibcate .hx{margin: 0 auto;}}
.ibcate2{position: absolute; left: 50%; top: 50%; z-index: 2; overflow: hidden; margin-top: -32px; margin-left: -800px;}
.ibcate2 .cn{font-size: 42px; line-height: 60px; color: #fff; font-weight: bold;}
.ibcate2 .en{font-size: 20px; line-height: 26px; color: rgba(255, 255, 255, 0.4); text-transform: capitalize;}
.mouse2{width: 50px; height: 50px; margin-top: 102px; margin-left: -800px; position: absolute; left: 50%; top: 50%; z-index: 2; background: url('../images/jtd-ib.png') center 0 no-repeat;}
.tree2{position: absolute; left: 50%; top: 132px; z-index: 2; margin-left: -800px; font-size: 14px; line-height: 30px; color: #fff; padding-left: 26px; background: url('../images/point1h.png') 0 6px no-repeat;}
.tree2 a{display: inline-block; height: 30px; color: #fff; vertical-align: middle;}
.tree2 a:hover,
.tree2 a.leaf{text-decoration: underline;}
.tree2 i{display: inline-block; width: 26px; height: 30px; vertical-align: middle; text-align: center;}
@media screen and (max-width: 1640px){.tree2{left: 10%; margin-left: 0;} .mouse2{left: 10%; margin-left: 0;} .ibcate2{left: 10%; margin-left: 0;}}
@media screen and (max-width: 1023px){.tree2{left: 5%; width: 90%;} .mouse2{left: 5%;} .ibcate2{left: 5%;}}
@media screen and (max-width: 750px){.ibcate2 .cn{font-size: 30px; line-height: 50px;}}
.baninfo3{padding: 25px 40px; background-color: #fff;}
.tree3{font-size: 14px; line-height: 30px; color: #666; padding-left: 30px; background: url('../images/point1.png') 0 6px no-repeat;}
.tree3 a{display: inline-block; height: 30px; color: #666; vertical-align: middle;}
.tree3 a:hover,
.tree a.leaf{color: #2778be;}
.tree3 i{display: inline-block; width: 26px; height: 30px; vertical-align: middle; text-align: center;}
@media screen and (max-width: 1000px){.baninfo3{padding: 25px 30px;}}
.lianxi{padding: 100px 0 72px;}
.lxlist{width: 100%; font-size: 0; text-align: center;}
.lxlist li{display: inline-block; width: 346px; max-width: 25%; position: relative;}
.lxlist li a{display: block;}
.lxlist .pic{width: 80px; height: 80px; margin: 0 auto 18px;}
.lxlist .p1,
.lxlist .p2{border-radius: 50%; overflow: hidden;}
.lxlist .p1{width: 76px; height: 76px; border: 2px solid #ddd; background-color: #fff;}
.lxlist .p2{width: 80px; height: 80px; background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8)); background-image: linear-gradient(to right, #255ba9, #1fb4b8);}
.lxlist .pic .fig{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.lxlist .i1 .p1 .fig{background: url('../images/lx1.png') center no-repeat;}
.lxlist .i1 .p2 .fig{background: url('../images/lx1h.png') center no-repeat;}
.lxlist .i2 .p1 .fig{background: url('../images/lx2.png') center no-repeat;}
.lxlist .i2 .p2 .fig{background: url('../images/lx2h.png') center no-repeat;}
.lxlist .i3 .p1 .fig{background: url('../images/lx3.png') center no-repeat;}
.lxlist .i3 .p2 .fig{background: url('../images/lx3h.png') center no-repeat;}
.lxlist .i4 .p1 .fig{background: url('../images/lx4.png') center no-repeat;}
.lxlist .i4 .p2 .fig{background: url('../images/lx4h.png') center no-repeat;}
.rollover{-webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; overflow: visible!important; -webkit-transition: .6s; transition: .6s;}
.rollover .p1,
.rollover .p2{position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.rollover .p2{-webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
li:hover .rollover{-webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.lxlist li h3{font-size: 18px; color: #333; line-height: 30px; font-weight: bold; height: 30px; position: relative; overflow: hidden; -webkit-transition: .5s; transition: .5s;}
.lxlist li .hx{width: 20px; height: 2px; background-color: #bfbfbf; margin: 25px auto; -webkit-transition: .5s; transition: .5s;}
.lxlist li .txt{font-size: 16px; color: #666; line-height: 26px; margin: 9px auto 0; height: 52px; overflow: hidden; padding: 0 10px; -webkit-transition: .5s; transition: .5s;}
.lxlist li .txt span{display: inline-block;}
.lxlist li:hover h3{color: #1373c0;}
.lxlist li:hover .txt{color: #1373c0;}
.lxlist li:hover .hx{background-color: #1373c0;}
#map{width: 100%; height: 600px;}
@media screen and (max-width: 960px){.lianxi{padding-top: 70px; padding-bottom: 40px;} .lxlist li{width: 50%; max-width: none; margin-bottom: 30px;} .lxlist li .hx{margin: 15px auto;}}
.lian2{padding: 120px 0 130px; background: url('../images/formbg.jpg') center no-repeat; background-size: cover;}
.lxout{padding: 115px 110px; overflow: hidden; background-color: #fff;}
.lxleft{float: left; width: 370px;}
.lxright{float: right; width: 830px;}
.lxleft .intro{font-size: 14px; line-height: 26px; color: #666;}
.cate8{color: #000;}
.cate8 .cn{font-size: 20px; line-height: 26px; margin-bottom: 16px;}
.cate8 .en{font-size: 32px; line-height: 36px; color: #1373c0; font-weight: bold; word-break: normal;}
.lxleft .hx{width: 30px; height: 3px; background-color: #1373c0; margin: 25px 0;}
.lxway{margin-top: 42px;}
.lxway p{font-size: 16px; line-height: 26px; color: #666; margin-bottom: 10px;}
.lxway div{font-size: 24px; line-height: 26px; color: #1373c0; font-weight: bold;}
.lxway div a{color: #1373c0;}
@media screen and (max-width: 1520px){.lxout{padding: 115px 70px;} .lxright{width: 700px;}}
@media screen and (max-width: 1300px){.lxout{padding: 80px 50px;} .lxright{width: 60%;}}
@media screen and (max-width: 1200px){.lxout{padding: 70px 40px;} .lxright{width: 50%;}}
@media screen and (max-width: 1100px){.lian2{padding: 100px 0;} .lxleft{float: none; width: 100%; margin-bottom: 60px;} .lxright{float: none; width: 100%;} .lxway{margin-top: 22px;}}
@media screen and (max-width: 750px){.lian2{padding: 80px 0;} .lxout{padding: 60px 30px;}}
.liuyan{color: #666; font-size: 0; padding-bottom: 1px;}
.liuyan .hang{float: left; width: 48.5%; height: 50px; line-height: 50px; margin-bottom: 20px;}
.liuyan .hang.long{width: 100%;}
.liuyan .hang.first{margin-right: 3%;}
.liuyan .hang.fat{width: 100%; height: auto;}
.liuyan p{height: 100%; position: relative;}
.liuyan label{position: absolute; left: 0; top: 0; z-index: 1; width: 28px; height: 50px; font-size: 14px; line-height: 48px; color: #f70d0d; text-align: right; pointer-events: none;}
.liuyan .fat label{top: 14px; line-height: 28px;}
.liuyan input[type=text]{width: 100%; height: 50px; border: 1px solid #ddd; border-radius: 4px; line-height: 48px; text-indent: 30px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.liuyan textarea{padding: 13px 30px; height: 140px; border: 1px solid #ddd; border-radius: 4px; resize: none; vertical-align: top; width: 100%; line-height: 28px; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.liuyan input[type=text]:focus,
.liuyan textarea:focus{border-color: #1fb4b8;}
.liuyan input[type=text],
.liuyan textarea{-webkit-transition: 0.3s; transition: 0.3s;}
.liuyan i.v{display: inline-block; width: 100%; height: 100%; vertical-align: top;}
.liuyan .hang2{height: 50px; line-height: 50px; margin-bottom: 20px;}
.liuyan .hang2 > div{float: left; height: 100%; position: relative;}
.liuyan .hang2 i.v{width: 200px;}
.liuyan .verifyImg{width: 118px; height: 48px; cursor: pointer; vertical-align: top; border: 1px solid #ddd; border-radius: 4px; margin-left: 20px;}
.liuyan .yzmchange{display: inline-block; vertical-align: top; width: 70px; background: url('../images/change.png') center no-repeat;}
.liuyan input#tj{float: right; width: 160px; height: 50px; font-size: 18px; line-height: 50px; color: #fff; border-radius: 4px; transition: 0.3s; -webkit-transition: 0.3s; background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8)); background-image: linear-gradient(to right, #255ba9, #1fb4b8);}
.liuyan input#tj:hover{opacity: 0.8;}
@media screen and (max-width: 750px){.liuyan .hang{float: none; width: auto; margin-left: 0;} .liuyan .hang.first{margin-right: 0;} .liuyan .hang2{height: auto;} .liuyan .hang2 > div{float: none;} .liuyan .verifyImg{float: right; margin-left: 0;} .liuyan .yzmchange{float: right;} .liuyan input#tj{width: 100%; margin-top: 20px;}}
@media screen and (max-width: 550px){.liuyan .hang2 i.v{width: 170px;} .liuyan .verifyImg{width: 100px;} .liuyan .yzmchange{width: 60px;}}
.huobanmain{padding: 120px 0 60px;}
.huobanmain h2.btitle{font-size: 40px; color: #333; line-height: 58px; font-weight: bold; text-align: center; height: 58px; overflow: hidden;}
.huocon{margin: 24px auto 0; font-size: 16px; color: #555; line-height: 36px; max-width: 1280px; text-align: center;}
.huocon img{max-width: 100%;}
.kehulist{overflow: hidden; margin: 90px 0 72px; border-top: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2;}
.kehulist li{float: left; width: 20%; text-align: center;}
.kehulist li a{display: block; background-color: #fff; overflow: hidden; border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;}
.kehulist .pic{width: 100%; height: 138px; overflow: hidden; font-size: 0; line-height: 138px;}
.kehulist img{max-width: 90%; max-height: 90%; -webkit-transition: 0.3s; transition: 0.3s;}
.kehulist li:hover img{-webkit-transform: scale(1.04, 1.04); transform: scale(1.04, 1.04);}
.huotip{font-size: 18px; color: #666; line-height: 38px; text-align: center; position: relative; height: 38px;}
.huotip span{display: inline-block; vertical-align: top; letter-spacing: 1px; padding: 0 26px;}
.huotip i{display: inline-block; width: 40px; height: 1px; vertical-align: middle; background-color: #666;}
@media screen and (max-width: 1280px){.kehulist li{width: 25%;}}
@media screen and (max-width: 960px){.huobanmain{padding: 100px 0 60px;} .huobanmain h2.btitle{font-size: 32px;} .kehulist li{width: 33.33%;} .huocon{line-height: 30px;}}
@media screen and (max-width: 640px){.huobanmain{padding: 80px 0 60px;} .kehulist li{width: 50%;}}
.guolist2{overflow: hidden; font-size: 0; text-align: center; margin-top: 52px;}
.guolist2 li{display: inline-block; width: 320px; max-width: 25%;}
.guolist2 li a{display: block;}
.guolist2 .pic{height: 64px; line-height: 64px;}
.guolist2 .pic img{max-width: 100%; max-height: 100%;}
.guolist2 h3{font-size: 42px; color: #1373c0; height: 64px; line-height: 64px; -webkit-transition: 0.3s; transition: 0.3s;}
.guolist2 .txt{font-size: 16px; color: #444; line-height: 22px; height: 44px;}
@media screen and (max-width: 1023px){.guolist2 li{width: 50%; max-width: none; margin-top: 20px;}}
@media screen and (max-width: 750px){.guolist2 h3{font-size: 30px;}}
.rongyumain{padding: 100px 0 90px;}
.rongyumain h2.btitle{font-size: 36px; color: #333; line-height: 54px; font-weight: bold; text-align: center; height: 54px; overflow: hidden;}
.rongyumain .intro{margin: 20px auto 0; font-size: 16px; color: #555; line-height: 32px; max-width: 1200px; text-align: center;}
.rylist{overflow: hidden; padding: 0 0 50px; max-width: 1500px; margin: 60px auto 0;}
.rylist li{float: left; width: 33.33%; margin-bottom: 50px;}
.rylist li .lin{padding: 0 30px;}
.rylist li a{display: block; position: relative; border: 1px solid #e7e7e7;}
.rylist li .pic{width: 100%; height: 310px; overflow: hidden; position: relative; font-size: 0; text-align: center; line-height: 310px;}
.rylist li img{max-width: 90%; max-height: 95%;}
.rylist li h3{padding: 0 30px; position: relative; overflow: hidden;}
.rylist li h3 span{position: relative; z-index: 3; display: block; height: 40px; overflow: hidden; font-size: 16px; color: #333; line-height: 40px; white-space: nowrap; padding: 15px 30px 15px 0; background: url('../images/glass2.png') right no-repeat; border-top: 1px solid #ebebeb;}
.rylist li h3:before{content: ''; position: absolute; left: 100%; bottom: 0; z-index: 0; width: 0; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8)); background-image: linear-gradient(to right, #255ba9, #1fb4b8);}
.rylist li h3 span,
.rylist li h3:before{-webkit-transition: .5s; transition: .5s;}
.rylist li:hover h3 span{color: #fff; background-image: url('../images/glass2h.png'); border-top-color: transparent;}
.rylist li:hover h3:before{width: 100%; left: 0; -webkit-transition: width .5s; transition: width .5s;}
@media screen and (max-width: 1440px){.rylist{padding: 0 0 40px;} .rylist li .lin{padding: 0 20px;}}
@media screen and (max-width: 1100px){.rylist{padding: 0 0 30px;} .rylist li .lin{padding: 0 15px;} .rylist li{width: 50%;} .rylist li h3{padding: 0 20px;}}
@media screen and (max-width: 640px){.rongyumain{padding: 80px 0 80px;} .rylist li{width: 100%;}}
.cate4{color: #333; text-align: center;}
.cate4 .cn{font-size: 32px; line-height: 48px;}
.cate4 .en{font-size: 42px; line-height: 68px; font-family: 'Century'; word-break: normal;}
.helplist{padding: 70px 0 40px;}
.helplist li{margin-bottom: 40px; border-radius: 42px 42px 0 0;}
.helpone{cursor: pointer; position: relative; background-color: #fff; border-radius: 42px; min-height: 84px; padding-left: 112px; padding-right: 124px; -webkit-box-shadow: 0 6px 30px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 6px 30px 2px rgba(0, 0, 0, 0.05);}
.helpone h3{font-size: 22px; color: #333; line-height: 40px; overflow: hidden; font-weight: bold; position: relative; padding: 22px 0;}
.helpone label{position: absolute; left: 50px; top: 0; z-index: 0; display: block; width: 37px; height: 84px; line-height: 84px; background: url('../images/wen1.png') center no-repeat; font-size: 20px; color: #fff; text-align: center;}
.helpone i{position: absolute; right: 66px; top: 0; z-index: 1; width: 36px; height: 84px; background: url('../images/jtd-faq.png') center no-repeat;}
.helplist li.on{background-color: #f0f9fe;}
.helplist li.on .helpone i{background-image: url('../images/jtu-faq.png');}
.helplist li.on .helpone{background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8)); background-image: linear-gradient(to right, #255ba9, #1fb4b8);}
.helplist li:hover .helpone h3{color: #1373c0;}
.helplist li.on .helpone h3{color: #fff;}
.helplist li.on .helpone label{color: #1373c0; background-image: url('../images/wen1h.png');}
.helpone,
.helpone h3,
.helpone i,
.helpone label{-webkit-transition: 0.6s; transition: 0.6s;}
.helpcon{display: none; padding: 48px 124px 66px 112px; text-align: justify; background-color: #f0f9fe;}
.helpconin{color: #333; line-height: 34px; font-size: 16px;}
.helpcon h4{font-size: 18px;}
@media screen and (max-width: 1240px){.helpone{padding-left: 80px; padding-right: 80px;} .helpone i{right: 24px;} .helpone label{left: 24px;} .helpcon{padding: 48px 80px 60px;}}
@media screen and (max-width: 1023px){.helpcon{padding: 40px 50px;}}
@media screen and (max-width: 750px){.helpone{padding-left: 60px; padding-right: 60px;} .helpone i{right: 12px;} .helpone label{left: 12px;} .helpcon{padding: 40px;}}
@media screen and (max-width: 640px){.cate4 .en{font-size: 30px; line-height: 56px;} .helpcon{padding: 40px 30px;} .helpone{min-height: 64px; border-radius: 32px;} .helpone h3{padding: 15px 0; line-height: 34px;} .helpone h3, .helpone label{font-size: 18px;} .helpone label{height: 64px; line-height: 64px;} .helpone i{height: 64px;}}
/*新闻详情*/
.greybgnews{background-color: #f8fafb; padding: 50px 0 80px;}
.main{position: relative; padding-right: 480px;}
.mainleft{width: 100%; min-height: 800px;}
.mainright{width: 440px; position: absolute; top: 0; right: 0; z-index: 1;}
.mainright .sidebox{padding: 40px 40px 16px; width: auto; background-color: #fff;}
.mainright .sidebox .title{height: 40px; font-weight: bold; margin-bottom: 20px; font-size: 26px; line-height: 40px; color: #1373c0;}
.relnewslist li{border-bottom: 1px solid #e7e7e7;}
.relnewslist li a{display: block;}
.relnewslist .pic{width: 100%; height: 222px; position: relative; overflow: hidden;}
.relnewslist .pic img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.5s; transition: 0.5s;}
.relnewslist li:hover img{-webkit-transform: scale(1.04); transform: scale(1.04);}
.relnewslist .wz{padding: 20px 0;}
.relnewslist h3{font-size: 18px; color: #333; line-height: 36px; font-weight: bold; height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: 0.3s; transition: 0.3s;}
.relnewslist .date{color: #666; font-size: 12px; line-height: 28px; height: 28px;}
.relnewslist li:hover h3{color: #1373c0;}
.atc{padding: 40px 70px 70px; background-color: #fff;}
.atc-h{border-bottom: 1px solid #e7e7e7; padding-bottom: 20px; position: relative;}
.atc-h h1{font-size: 32px; color: #333; line-height: 46px; font-weight: bold; margin-bottom: 24px;}
.atc-date{font-size: 14px; color: #888; line-height: 30px;}
.atc-date span{display: inline-block; margin-right: 48px;}
.atc-con{padding: 44px 0 76px; font-size: 16px; line-height: 28px; color: #555; text-align: justify;}
.atc-con img{max-width: 100%;}
.videowrap{width: 1440px; position: relative; text-align: center; margin: 50px auto; overflow: hidden;}
.video{width: 100%; height: 612px;}
@media screen and (max-width: 1440px){.atc{padding: 40px 50px 60px;} .main{padding-right: 400px;} .mainright{width: 370px;} .videowrap{width: 100%; padding-bottom: 42.5%; height: 0;} .video{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}}
@media screen and (max-width: 1300px){.main{padding-right: 0;} .mainleft{min-height: 0;} .mainright{display: none;}}
@media screen and (max-width: 1023px){.greybgnews{padding: 60px 0 80px; background-color: #fff;} .atc{padding: 0 30px;}}
@media screen and (max-width: 960px){.atc-con{padding-bottom: 60px;} .atc-date span{margin-right: 24px;}}
@media screen and (max-width: 750px){.atc{padding: 0 0;} .atc-h h1{font-size: 26px; margin-bottom: 0;}}
.atc-pn{position: relative; padding-top: 26px; padding-right: 160px; border-top: 1px solid #ddd;}
.atc-pn a{display: block; overflow: hidden; font-size: 14px; color: #666; line-height: 34px; margin-top: 10px;}
.atc-pn a:hover{color: #2778be;}
.atc-pn a label{display: inline-block; border: 1px solid #ccc; width: 98px; height: 32px; text-align: center; font-size: 14px; line-height: 32px; margin-right: 15px; -webkit-transition: 0.3s; transition: 0.3s;}
.atc-pn a:hover label{border-color: #2778be;}
.atc-pn a.ret{font-size: 14px; color: #fff; line-height: 34px; text-align: center; background-color: #2778be; width: 110px; height: 34px; position: absolute; right: 0; bottom: 0; z-index: 1; margin-top: 0;}
.atc-pn a.ret:hover{opacity: 0.8;}
@media screen and (max-width: 960px){.atc-pn{padding-right: 0;} .atc-pn a.ret{position: static; width: 200px; height: 50px; line-height: 50px; border-radius: 5px; display: block; margin: 40px auto 0; font-size: 18px;}}
.zhaopinout{padding: 110px 0 100px;}
.cate7{position: relative; padding-top: 80px; padding-bottom: 22px; font-weight: bold; text-align: center;}
.cate7 .en{font-size: 140px; color: rgba(70, 70, 70, 0.06); line-height: 152px; text-transform: uppercase; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; font-family: "Times New Roman";}
.cate7 .cn{font-size: 32px; color: #333; line-height: 50px; position: relative; z-index: 2;}
.cate7:after{content: ''; position: absolute; left: 50%; bottom: 0; z-index: 0; width: 30px; height: 3px; margin-left: -15px; background-color: #1373c0;}
.zpintro{font-size: 16px; color: #666; line-height: 34px; text-align: center; max-width: 920px; margin: 24px auto 0;}
.zpintro span{display: block;}
@media screen and (max-width: 1023px){.cate7 .en{font-size: 100px; line-height: 120px;} .zhaopinout{padding: 90px 0 90px;}}
@media screen and (max-width: 920px){.zpintro span{display: inline;}}
@media screen and (max-width: 750px){.cate7 .en{font-size: 70px; line-height: 100px;} .zhaopinout{padding: 70px 0 80px;}}
.rec-head{height: 70px; background-color: #f5f5f5; overflow: hidden; padding: 0 110px; margin-top: 82px;}
.rec-head .th{float: left; padding: 10px 0; width: 20%; height: 50px; overflow: hidden; font-size: 18px; color: #333; line-height: 50px; text-align: center; font-weight: bold;}
.rec-head .th.zhiwei{text-align: left;}
.reclist{background-color: #fff;}
.rec-hand{height: 70px; background-color: #fff; overflow: hidden; padding: 0 110px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.rec-hand .td{float: left; padding: 10px 0; width: 20%; height: 50px; overflow: hidden; font-size: 16px; color: #555; line-height: 50px; text-align: center;}
.rec-hand .td.zhiwei{text-align: left;}
.reclist li:nth-child(even) .rec-hand{background-color: #f5f5f5;}
.reclist li.on .rec-hand{background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8)); background-image: linear-gradient(to right, #255ba9, #1fb4b8);}
.reclist li.on .rec-hand .td{color: #fff;}
.reclist li:hover .rec-hand{background-color: rgba(32, 180, 184, 0.2);}
.rec-hand,
.reclist .td{-webkit-transition: 0.6s; transition: 0.6s;}
.reclist .rec-con{display: none;}
.reclist .rec-txt{font-size: 16px; color: #777; line-height: 30px; padding: 40px 110px 60px; border: 1px solid #1373c0; background-color: #f5f5f5;}
.reclist .rec-txt .email{display: inline-block; color: #1373c0; text-decoration: underline;}
.reclist .rec-txt h3{font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px;}
@media screen and (max-width: 1500px){.rec-head, .rec-hand{padding: 0 80px;} .reclist .rec-txt{padding: 40px 80px 60px;}}
@media screen and (max-width: 1200px){.rec-head, .rec-hand{padding: 0 60px;} .reclist .rec-txt{padding: 40px 60px 60px;}}
@media screen and (max-width: 1023px){.rec-head, .rec-hand{padding: 0 40px;} .reclist .rec-txt{padding: 40px 40px 60px;}}
@media screen and (max-width: 1023px){.rec-head .th, .rec-hand .td{width: 22%;} .rec-head .th.zhiwei, .rec-hand .td.zhiwei{width: 34%;} .rec-head .th.bumen, .rec-hand .td.bumen{display: none;}}
@media screen and (max-width: 750px){.rec-head .th.addr, .rec-hand .td.addr{display: none;} .rec-head .th{width: 30%;} .rec-head .th.zhiwei{width: 40%;} .rec-hand .td{width: 30%;} .rec-hand .td.zhiwei{width: 40%;} .rec-head, .rec-hand{padding: 0 20px;} .reclist .rec-txt{padding: 40px 20px 50px;}}
@media screen and (max-width: 660px){.rec-head .th.renshu, .rec-hand .td.renshu{display: none;} .rec-head .th{width: 40%;} .rec-head .th.zhiwei{width: 60%;} .rec-hand .td{width: 40%;} .rec-hand .td.zhiwei{width: 60%;}}
.downmain{padding: 114px 0 100px; background: url('../images/downbg.jpg') bottom no-repeat;}
@media screen and (max-width: 1200px){.downmain{padding: 90px 0 90px;}}
@media screen and (max-width: 750px){.downmain{padding: 70px 0 80px;}}
.downlist{overflow: hidden; margin-top: 113px; margin-left: -40px; margin-right: -40px; padding-bottom: 56px;}
.downlist li{float: left; width: 50%; position: relative; z-index: 5; margin-bottom: 24px;}
.downlist li .lin{padding: 0 40px;}
.downlist li .inner{display: block; padding-left: 40px; padding-right: 140px; position: relative; height: 58px; line-height: 58px; overflow: hidden; border: 1px solid #1373c0; border-radius: 30px; -webkit-transition: 0.5s; transition: 0.5s;}
.downlist li span.info{width: 100%; font-size: 20px; color: #1373c0; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; z-index: 0; display: block;}
.downlist li a.icn{position: absolute; right: 6px; top: 5px; z-index: 3; opacity: 0; border-radius: 50%; font-size: 0; width: 48px; height: 48px; background: #ffffff url('../images/dl.png') center no-repeat; cursor: pointer;}
.downlist li span.down{position: absolute; right: 0; top: 0; z-index: 4; width: 128px; height: 100%; opacity: 1; font-size: 16px; color: #1373c0; text-align: center; border-left: 1px solid #1373c0;}
.downlist li span.down a{color: #1373c0;}
.downlist li span.info,
.downlist li span.icn{-webkit-transition: 0.5s; transition: 0.5s;}
.downlist li:hover span.info{color: #fff;}
.downlist li:hover span.down{border-left-width: 0;}
.downlist li:hover span.down a{color: #fff; text-decoration: underline;}
.downlist li:hover .inner{border-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8)); background-image: linear-gradient(to right, #255ba9, #1fb4b8);}
@media screen and (max-width: 1200px){.downlist{margin-top: 80px; margin-left: -20px; margin-right: -20px;} .downlist li .lin{padding: 0 20px;}}
@media screen and (max-width: 1023px){.downlist{margin-left: 0; margin-right: 0;} .downlist li{float: none; width: 100%;} .downlist li .lin{padding: 0 0;}}
@media screen and (max-width: 750px){.downlist{margin-top: 70px; padding-bottom: 46px;} .downlist li .inner{padding-left: 20px; padding-right: 100px;} .downlist li span.info{font-size: 16px;} .downlist li span.down{width: 90px; font-size: 12px;}}
.shoucemain{padding: 114px 0 130px; background: url('../images/shoucebg.jpg') bottom no-repeat;}
@media screen and (max-width: 1200px){.shoucemain{padding: 90px 0 110px;}}
@media screen and (max-width: 750px){.shoucemain{padding: 70px 0 90px;}}
.sw41out{position: relative; max-width: 1600px; margin: 60px auto 0; padding-bottom: 88px;}
#sw41{padding-top: 22px; height: 370px;}
#sw41 .swiper-slide{width: 320px;}
#sw41 .swiper-slide .slideinner{display: block; width: 100%;}
#sw41 .swiper-slide .pic{width: 230px; height: 310px; position: relative; background-color: #fff; font-size: 0; text-align: center; line-height: 310px; margin: 0 auto; -webkit-box-shadow: 0 6px 20px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 20px 1px rgba(0, 0, 0, 0.2);}
#sw41 .swiper-slide img{max-width: 100%; max-height: 100%;}
#sw41 .swiper-slide .cov{position: absolute; left: 50%; top: 50%; z-index: 10; width: 0; height: 0; overflow: hidden; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(37, 91, 169, 0.9)), to(rgba(65, 165, 179, 0.9))); background-image: linear-gradient(to top, rgba(37, 91, 169, 0.9), rgba(65, 165, 179, 0.9)); -webkit-transition: 0.4s; transition: 0.4s;}
#sw41 .swiper-slide a.btn2{display: block; width: 118px; height: 34px; background-color: transparent; border: 1px solid #fff; font-size: 16px; color: #fff; line-height: 34px; text-align: center; border-radius: 18px; margin: 20px auto 0;}
#sw41 .swiper-slide a.btn2:first-child{margin-top: 108px;}
#sw41 .swiper-slide a.btn2:hover{background-color: #fff; color: #255ba9;}
#sw41 .swiper-slide:hover .cov{width: 100%; height: 100%; left: 0; top: 0;}
#sw41 h3{font-size: 16px; color: #333; line-height: 30px; height: 30px; overflow: hidden; margin-top: 30px; text-align: center; font-weight: bold; -webkit-transition: 0.4s; transition: 0.4s;}
#sw41 .swiper-slide:hover h3{color: #2778be;}
#sw41 .swiper-slide-active h3{color: #2778be;}
.sw41out .sw-next,
.sw41out .sw-prev{position: absolute; top: 50%; width: 30px; height: 72px; z-index: 10; cursor: pointer; font-size: 0; text-align: center; margin-top: -36px;}
.sw41out .sw-prev{left: 0; background: rgba(0, 0, 0, 0.2) url('../images/lt6.png') center no-repeat;}
.sw41out .sw-next{right: 0; background: rgba(0, 0, 0, 0.2) url('../images/gt6.png') center no-repeat;}
.sw41out .sw-prev:hover,
.sw41out .sw-next:hover{background-color: rgba(0, 0, 0, 0.7);}
.sw41out .swiper-pagination{width: 100%; bottom: 0; font-size: 0;}
.sw41out .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 7px; opacity: 1; background-color: rgba(0, 0, 0, 0.2); outline: 0 none; -webkit-transition: 0.4s; transition: 0.4s;}
.sw41out .swiper-pagination-bullet-active{background-color: #2778be;}
/*.sw41out .swiper-pagination{bottom:0; font-size: 0; line-height: 44px;}
.sw41out .swiper-pagination:before{content: ''; position: absolute; left: 50%; top:50%; z-index: 0; width: 70px; height: 1px; background-color: rgba(255,255,255,0.4); margin-left: -35px;}
.sw41out .swiper-pagination span{display: inline-block; padding: 0 8px; font-size: 22px; vertical-align: top;}
.sw41out .swiper-pagination-current{color: #333;}
.sw41out .swiper-pagination-total{color: #7b7b7b; margin-left: 90px;}*/
.sw41out .swiper-scrollbar{position: absolute; left: 0; bottom: 30px; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.1);}
.sw41out .swiper-scrollbar-drag{background-color: #fff;}
@media screen and (max-width: 1200px){#sw41 .swiper-slide{width: 290px;}}
@media screen and (max-width: 1023px){#sw41 .swiper-slide{width: 260px;}}
.greybgnews2{background-color: #f3f4f5; padding: 110px 0 90px;}
.newslist{padding: 0 0 10px; margin: 0 -40px; overflow: hidden;}
.newslist li{float: left; width: 33.33%; margin-bottom: 80px;}
.newslist li .lin{padding: 0 40px;}
.newslist li a{display: block; position: relative;}
.newslist .pic{width: 100%; height: 0; padding-bottom: 62%; overflow: hidden; position: relative;}
.newslist img{-o-object-fit: cover; object-fit: cover;}
.newslist li .wz{padding: 40px; background-color: #fff; position: relative;}
.newslist li .wz:before{content: ''; position: absolute; left: 0; bottom: 0; z-index: 0; width: 0; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8)); background-image: linear-gradient(to right, #255ba9, #1fb4b8);}
.newslist li h3{font-size: 22px; color: #222; line-height: 40px; font-weight: bold; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newslist li .txt{font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden; margin: 17px 0;}
.newslist li label{display: block; font-size: 16px; color: #666; line-height: 22px; cursor: pointer; height: 22px; font-family: 'Century';}
.newslist h3,
.newslist .txt,
.newslist label{position: relative; z-index: 2;}
.newslist .date{width: 96px; position: absolute; right: 0px; top: 0; z-index: 5; opacity: 0; padding: 14px 0 22px; background: url('../images/datebg.png') center no-repeat;}
.newslist .date span{display: block; text-indent: 30px; font-family: 'arial'; color: #fff;}
.newslist .date .day{font-size: 40px; line-height: 40px; height: 40px;}
.newslist .date .year{font-size: 12px; line-height: 16px; height: 16px;}
.newslist li:hover .wz:before{width: 100%;}
.newslist li:hover h3{color: #fff;}
.newslist li:hover .txt{color: #fff;}
.newslist li:hover label{color: #fff;}
.newslist li:hover .date{opacity: 1;}
.newslist h3,
.newslist .date,
.newslist .txt,
.newslist label,
.newslist .wz:before{-webkit-transition: .5s; transition: .5s;}
@media screen and (max-width: 1400px){.newslist{margin: 0 -25px;} .newslist li .lin{padding: 0 25px;} .newslist li .wz{padding: 30px;}}
@media screen and (max-width: 1200px){.newslist{margin: 0 -20px;} .newslist li .lin{padding: 0 20px;}}
@media screen and (max-width: 1023px){.newslist li{width: 50%;} .newslist li{margin-bottom: 70px;} .greybgnews2{padding: 90px 0 80px;}}
@media screen and (max-width: 750px){.newslist{margin: 0 -15px;} .newslist li .lin{padding: 0 15px;} .newslist li{margin-bottom: 50px;} .greybgnews2{padding: 70px 0 70px;}}
@media screen and (max-width: 640px){.newslist{margin: 0 0;} .newslist li{width: 100%;} .newslist li .lin{padding: 0 0;}}
.hotone{padding: 182px 0 100px; background: #1fb4b8 url('../images/hotbg.jpg') bottom no-repeat;}
.swhotout{position: relative; max-width: 1600px; margin: 0 auto; padding-bottom: 54px;}
.swhotout:before{content: ''; position: absolute; left: -24px; top: -38px; z-index: 0; width: 249px; height: 143px; background: url('../images/dianzhen.png') center no-repeat;}
#swhot{height: 392px; overflow: hidden; z-index: 2;}
#swhot .swiper-slide{overflow: hidden;}
#swhot .swiper-slide a{display: block; width: 100%; height: 100%; overflow: hidden;}
#swhot .wz{float: left; width: 35%; height: 100%; padding-top: 40px; margin-left: 10%; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;}
#swhot .pic{float: left; width: 40%; height: 100%; position: relative; padding-left: 20px; padding-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#swhot .pic img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: .4s; transition: .4s; -webkit-box-shadow: -20px -20px 0 0 rgba(255, 255, 255, 0.1); box-shadow: -20px -20px 0 0 rgba(255, 255, 255, 0.1);}
#swhot .pic img:hover{-webkit-transform: scale(1.02); transform: scale(1.02);}
#swhot h3{font-size: 28px; color: #fff; line-height: 42px; height: 84px; font-weight: bold; overflow: hidden;}
#swhot .txt{font-size: 16px; color: #fff; line-height: 28px; height: 84px; overflow: hidden; margin-top: 38px;}
#swhot label{font-size: 16px; color: #fff; line-height: 28px; height: 28px; overflow: hidden; margin-top: 40px; display: block; cursor: pointer; position: relative; padding-bottom: 34px; background: url('../images/jtr-n.png') left bottom no-repeat;}
#swhot .date{width: 76px; position: absolute; right: 0px; top: 40px; z-index: 5; padding: 16px 0 18px; background-color: #38bab1; border-radius: 10px;}
#swhot .date span{display: block; text-align: center; font-family: 'arial'; color: #fff;}
#swhot .date .day{font-size: 40px; line-height: 40px; height: 40px;}
#swhot .date .year{font-size: 12px; line-height: 16px; height: 16px;}
.swhotout .swiper-pagination{left: 10px; bottom: 0; font-size: 0;}
.swhotout .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 10px; opacity: 1; background-color: rgba(255, 255, 255, 0.4); outline: 0 none; -webkit-transition: 0.4s; transition: 0.4s;}
.swhotout .swiper-pagination-bullet-active{background-color: #fff;}
@media screen and (max-width: 1200px){#swhot .pic{width: 45%;} #swhot .wz{width: 40%; margin-left: 5%;}}
@media screen and (max-width: 1000px){.hotone{padding: 130px 0 100px;} #swhot .pic{width: 50%;} #swhot .wz{width: 45%;} #swhot .date{display: none;}}
@media screen and (max-width: 900px){#swhot{height: auto;} #swhot .pic{float: none; width: 100%; height: auto; text-align: center; padding-left: 0; padding-top: 0;} #swhot .pic img{-webkit-box-shadow: none; box-shadow: none; width: auto; height: 370px; max-width: 100%;} #swhot .wz{float: none; width: 100%; padding: 40px 2% 0; margin-left: 0;} #swhot label{margin-top: 20px;} #swhot h3{font-size: 20px; line-height: 32px; height: 32px;} .swhotout .swiper-pagination{width: 100%;} .hotone{padding: 100px 0 100px;}}
@media screen and (max-width: 640px){#swhot .pic img{height: 300px;}}
.fazhanmain{position: relative; padding: 140px 0 87px; background: url('../images/fazhanbg.jpg') center / cover no-repeat;}
.fazhanmain:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background: url('../images/sun.png') right top no-repeat; content: "";}
.fazhanmain .cer8{position: relative; z-index: 2;}
@media screen and (max-width: 1200px){.fazhanmain{padding: 110px 0 80px;}}
@media screen and (max-width: 750px){.fazhanmain{padding: 80px 0 80px;}}
.cate53{color: #fff; text-align: center;}
.cate53 .cn{font-size: 32px; line-height: 48px; font-weight: bold; margin-top: 10px;}
.cate53 .en{font-size: 42px; line-height: 52px; font-family: 'Century'; word-break: normal;}
@media screen and (max-width: 750px){.cate53 .en{font-size: 32px; line-height: 42px;} .cate53 .cn{font-size: 26px; margin-top: 0;}}
.pig{width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.15); border-radius: 50%; opacity: 0; position: absolute; left: 100%; top: 100%; z-index: 10; margin-left: -30px; margin-top: -30px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity 0.4s linear, -webkit-transform 0.5s ease-in-out; transition: opacity 0.4s linear, -webkit-transform 0.5s ease-in-out; transition: opacity 0.4s linear, transform 0.5s ease-in-out; transition: opacity 0.4s linear, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;}
.pig.show{opacity: 1;}
.pig:active,
.pig.active{-webkit-transform: scale(1.1); transform: scale(1.1);}
.pig s{width: 6px; height: 12px; cursor: pointer; position: absolute; margin-top: -6px; top: 50%; z-index: 2; background-color: transparent; background-position: center; background-repeat: no-repeat; -webkit-transition: 0.3s; transition: 0.3s;}
.pig s.i1{left: 20px; background-image: url('../images/sjl-pig.png');}
.pig s.i2{right: 20px; background-image: url('../images/sjr-pig.png');}
.pig:active s.i1,
.pig.active s.i1{left: 14px;}
.pig:active s.i2,
.pig.active s.i2{right: 14px;}
.repeated-zhezhe{position: relative; z-index: 2; width: 100%; height: 137px; opacity: 0.3; -webkit-animation: marquee 16s linear infinite; animation: marquee 16s linear infinite; font-size: 0; margin-top: 70px; background: url('../images/dna.png') 0 repeat-x;}
@-webkit-keyframes marquee{0%{background-position: 0 50%;} 100%{background-position: -355px 50%;}}
@keyframes marquee{0%{background-position: 0 50%;} 100%{background-position: -355px 50%;}}
.sw53out{margin-top: 120px;}
#sw53{height: 328px;}
#sw53 .swiper-slide{width: 420px;}
#sw53 .slideinner{position: relative; width: 100%; height: 100%;}
.fittuwen3{display: block; padding-left: 44px; padding-right: 80px; height: 100%; color: #fff; background: url('../images/sx1-fz.png') 4px 28px no-repeat; position: relative;}
.fittuwen3 i{position: absolute; left: 0; top: 23px; z-index: 1; border-radius: 5px; width: 9px; height: 9px; background-color: #fff; -webkit-transition: 1s; transition: 1s; -webkit-box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.15); box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.15);}
.swiper-slide:hover .fittuwen3 i{-webkit-transform: scale(1.2) rotateY(360deg); transform: scale(1.2) rotateY(360deg);}
.fittuwen3 dt{font-size: 24px; line-height: 54px; height: 54px; overflow: hidden; margin-bottom: 24px;}
.fittuwen3 dt em{font-size: 52px; font-family: "Times New Roman"; font-style: normal; font-weight: bold; margin-right: 6px;}
.fittuwen3 .txt{font-size: 16px; line-height: 28px; height: 244px; overflow: auto;}
.fittuwen3 .txt dd + dd{margin-top: 18px;}
.fittuwen3 .txt dd span{display: block;}
@media screen and (max-height: 1200px){.sw53out{margin-top: 80px;}}
.wenhuasec{overflow: hidden; width: 100%; position: relative; height: 760px; background-color: #fff;}
.secbg{position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.secbg21{background-image: url('../images/whbg1.jpg');}
.secbg22{background-image: url('../images/whbg2.jpg'); background-position: right;}
.secwz{display: -webkit-box; display: -ms-flexbox; display: flex; width: 480px; height: 100%; color: #fff; position: absolute; right: 50%; top: 0; z-index: 2; margin-right: -800px;}
.secwz.odd{left: 50%; margin-left: -800px; right: auto; margin-right: auto;}
.secwz .inner{margin: auto 0; width: 100%;}
.secwz h3{font-size: 42px; line-height: 52px; font-family: "Century"; text-transform: uppercase;}
.secwz h3 span{display: block;}
.secwz h4{font-size: 32px; line-height: 44px; font-weight: bold; margin-top: 10px;}
.secwz .hx{width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.2); margin: 28px 0 34px;}
.secwz .txt{font-size: 20px; line-height: 34px; max-height: 204px; overflow: hidden;}
@media screen and (max-width: 1630px){.secwz{right: 10%; margin-right: 0;} .secwz.odd{left: 10%; margin-left: 0; right: auto; margin-right: auto;}}
@media screen and (max-width: 1023px){.secwz{right: 5%;} .secwz.odd{left: 5%;}}
@media screen and (max-width: 750px){.secwz h3{font-size: 32px; line-height: 44px;} .secwz h4{font-size: 22px; line-height: 36px;} .secwz .txt{font-size: 18px; line-height: 30px;}}
@media screen and (max-width: 600px){.secwz{width: 400px;}}
.fysout{padding: 128px 20px 126px; background: url('../images/whbg3.jpg') center no-repeat;}
.fyslist{position: relative; width: 100%; height: 666px;}
.fyslist .quan1{position: absolute; left: 50%; top: 50%; z-index: 10; width: 220px; height: 220px; background: url('../images/core.png') center no-repeat; margin-left: -110px; margin-top: -110px; /*animation: rotate360 8s linear 0s infinite;*/ pointer-events: none; border-radius: 50%;}
.fyslist .quan2{position: absolute; left: 50%; top: 0; z-index: 0; width: 560px; height: 100%; background: url('../images/handball.png') center no-repeat; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.fyslist li{position: absolute; z-index: 3; width: 520px;}
.fyslist li .hx{position: relative; width: 100%; height: 1px; margin: 29px 0;}
.fyslist li .hx:before{content: ''; position: absolute; top: -5px; z-index: 0; width: 12px; height: 12px; border-radius: 50%;}
.fyslist li .hx:after{content: ''; position: absolute; top: 0; z-index: 0; width: 0; height: 0; border-bottom: 1px dashed; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s;}
.fyslist li.on .hx:after{opacity: 1; width: 166px;}
.fyslist li h3{font-size: 20px; color: #222; line-height: 20px; font-weight: bold; overflow: hidden; padding: 5px 20px;}
.fyslist li .txt{font-size: 16px; color: #444; line-height: 30px; height: 90px; padding: 0 20px;}
.fyslist li p{max-width: 352px; max-height: 90px; overflow: hidden;}
.fyslist li a{position: absolute; right: -55px; bottom: 24px; z-index: 1; width: 120px; height: 40px; border-radius: 20px; background-color: #44bffe; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s;}
.fyslist li:hover a{opacity: 1;}
.fyslist li.i2,
.fyslist li.i3{left: 0; text-align: right;}
.fyslist li.i1,
.fyslist li.i4{right: 0; text-align: left;}
.fyslist li.i1,
.fyslist li.i2{top: 77px;}
.fyslist li.i3,
.fyslist li.i4{bottom: 64px;}
.fyslist li.i1 .hx{background-color: #2ba2cd;}
.fyslist li.i2 .hx{background-color: #2778be;}
.fyslist li.i3 .hx{background-color: #80be5a;}
.fyslist li.i4 .hx{background-color: #22b6b1;}
.fyslist li.i1 .hx:before{background-color: #2ba2cd; left: 0;}
.fyslist li.i2 .hx:before{background-color: #2778be; right: 0;}
.fyslist li.i3 .hx:before{background-color: #80be5a; right: 0;}
.fyslist li.i4 .hx:before{background-color: #22b6b1; left: 0;}
.fyslist li.i1 .hx:after{border-color: #2ba2cd; right: 100%; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}
.fyslist li.i2 .hx:after{border-color: #2778be; left: 100%; -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.fyslist li.i3 .hx:after{border-color: #80be5a; left: 100%; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.fyslist li.i4 .hx:after{border-color: #22b6b1; right: 100%; -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}
.fyslist li.i1 p,
.fyslist li.i4 p{float: left;}
.fyslist li.i2 p,
.fyslist li.i3 p{float: right;}
/*.fyslist li.i1 .inner:before,.fyslist li.i3 .inner:before{right: -11px; background: url('../images/sjr-fys.png') center no-repeat;}
.fyslist li.i2 .inner:before,.fyslist li.i4 .inner:before{left: -11px; background: url('../images/sjl-fys.png') center no-repeat;}*/
.coretu{position: absolute; width: 380px; height: 380px; z-index: 2; background-color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; border-radius: 50%;}
.coretu dd{position: absolute; z-index: 3; width: 189px; height: 189px;}
.coretu dd .pic{position: absolute; z-index: 1; width: 100%; height: 100%; overflow: hidden; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s;}
.coretu dd.on .pic{opacity: 1; width: 239px; height: 239px;}
.coretu dd .pic img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.coretu dd .dot{width: 22px; height: 22px; position: absolute; z-index: 0; background: url('../images/dot-core.png') center no-repeat;}
.coretu dd.i1,
.coretu dd.i2{bottom: 50%; margin-bottom: 1px;}
.coretu dd.i3,
.coretu dd.i4{top: 50%; margin-top: 1px;}
.coretu dd.i2,
.coretu dd.i3{right: 50%; margin-right: 1px;}
.coretu dd.i1,
.coretu dd.i4{left: 50%; margin-left: 1px;}
.coretu dd.i1{background-color: #2ba2cd; border-top-right-radius: 100%;}
.coretu dd.i2{background-color: #2778be; border-top-left-radius: 100%;}
.coretu dd.i3{background-color: #80be5a; border-bottom-left-radius: 100%;}
.coretu dd.i4{background-color: #22b6b1; border-bottom-right-radius: 100%;}
.coretu dd.i1 .dot{left: 90px; bottom: 90px;}
.coretu dd.i2 .dot{right: 90px; bottom: 90px;}
.coretu dd.i3 .dot{right: 90px; top: 90px;}
.coretu dd.i4 .dot{left: 90px; top: 90px;}
.coretu dd.i1 .pic{left: 0; bottom: 0; border-top-right-radius: 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
.coretu dd.i2 .pic{right: 0; bottom: 0; border-top-left-radius: 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;}
.coretu dd.i3 .pic{right: 0; top: 0; border-bottom-left-radius: 100%; -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}
.coretu dd.i4 .pic{left: 0; top: 0; border-bottom-right-radius: 100%; -webkit-transform-origin: 0 0; transform-origin: 0 0;}
@media screen and (max-width: 1500px){.fyslist li{width: 420px;}}
@media screen and (max-width: 1300px){.fyslist li{width: 320px;} .fyslist li.on .hx:after{opacity: 1; width: 120px;}}
@media screen and (max-width: 1024px){.fyslist li.i1, .fyslist li.i2{top: -47px;} .fyslist li.i3, .fyslist li.i4{bottom: -60px;} .fyslist li .hx:after{display: none;} .fyslist li .hx{margin: 19px 0;}}
@media screen and (max-width: 700px){.fyslist li{width: 50%;} .fyslist li .txt{height: auto; min-height: 90px; padding: 0 10px;} .coretu dd.on .pic{width: 219px; height: 219px;}}
.chenjiumain{padding: 122px 0 125px; background: url('../images/chengjiubg.jpg') bottom no-repeat;}
@media screen and (max-width: 1024px){.chenjiumain{padding: 100px 0;}}
@media screen and (max-width: 750px){.chenjiumain{padding: 80px 0;}}
.ruzhumain{padding: 142px 0 168px; background: url('../images/ab3bg.jpg') bottom no-repeat;}
@media screen and (max-width: 1024px){.ruzhumain{padding: 110px 0 120px;}}
@media screen and (max-width: 750px){.ruzhumain{padding: 80px 0 90px;}}
.cate37{color: #333; text-align: center;}
.cate37 .cn{font-size: 32px; line-height: 48px; font-weight: bold; margin-top: 6px;}
.cate37 .en{font-size: 42px; line-height: 52px; font-family: 'Century'; word-break: normal;}
@media screen and (max-width: 750px){.cate37 .en{font-size: 36px;} .cate37 .cn{font-size: 26px; margin-top: 0;}}
.chengjiucon{font-size: 16px; line-height: 34px; color: #333; text-align: justify; margin-top: 50px;}
.chengjiucon .pic{width: 100%; text-align: center;}
.chengjiucon img{max-width: 100%;}
.ruzhucon{font-size: 16px; line-height: 34px; color: #333; text-align: justify; margin-top: 36px;}
.ruzhucon .pic{width: 100%; text-align: center; margin-top: 58px;}
.ruzhucon img{max-width: 100%;}
.abone{padding: 155px 0 140px;}
.abt{width: 100%; position: relative;}
.abt:before{position: absolute; right: -38px; top: -46px; z-index: 0; width: 249px; height: 143px; background: url('../images/dianzhen2.png') center no-repeat; content: "";}
.abtpicbg{width: 50%; height: 500px; position: absolute; right: 0; top: 0; z-index: 2; overflow: hidden; text-align: center;}
.abtpicbg img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0 60px;}
.abtother{width: 40%; float: left; position: relative; z-index: 1;}
.abcate1 .en{font-size: 42px; color: #255ba9; line-height: 50px; font-family: 'helvetica'; font-weight: bold;}
.abcate1 .en span{display: inline-block; background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#40a4b3)); background-image: linear-gradient(to right, #255ba9, #40a4b3); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.abcate1 .cn{font-size: 32px; color: #333; line-height: 42px; font-weight: bold; margin-top: 10px;}
.abtother .abtcon{font-size: 16px; color: #333; line-height: 34px; margin-top: 56px; overflow: auto; max-height: 400px;}
.abtother .abtcon img{display: none;}
@media screen and (max-width: 1400px){.abtother{width: 46%;} .abtother .abtcon{margin-top: 40px;}}
@media screen and (max-width: 1100px){.abtpicbg{position: relative; width: 100%; height: auto;} .abtpicbg img{width: auto; max-width: 100%; border-radius: 0 40px;} .abtother{float: none; width: 100%; margin-top: 50px;} .abcate1{text-align: center;} .abtother .abtcon{max-height:initial;}}
@media screen and (max-width: 750px){.abone{padding: 100px 0;} .abcate1 .en{font-size: 36px;} .abcate1 .cn{font-size: 26px;}}
.abtwo{padding-top: 110px; background: #ffffff url('../images/ab2bg.jpg') top no-repeat;}
.abcate2{text-align: center; color: #fff;}
.abcate2 .en{font-size: 42px; line-height: 46px; font-family: 'helvetica'; font-weight: bold;}
.abcate2 .cn{font-size: 36px; line-height: 42px; font-weight: bold; margin-top: 10px;}
.abtwo .intro{font-size: 16px; color: #fff; line-height: 34px; text-align: center; margin: 26px auto 36px; max-width: 1200px;}
.abtwo .pic{margin-top: 70px; text-align: center;}
.abtwo .pic img{width: 1100px; max-width: 100%; border: 10px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.guolist{overflow: hidden; font-size: 0; text-align: center;}
.guolist li{display: inline-block; width: 210px; max-width: 33.33%;}
.guolist li a{display: block;}
.guolist h3{font-size: 42px; color: #fff; height: 56px; line-height: 56px; -webkit-transition: 0.3s; transition: 0.3s;}
.guolist .txt{font-size: 14px; color: #fff; line-height: 22px;}
@media screen and (max-width: 750px){.abtwo{padding-top: 80px;} .abcate2 .en{font-size: 36px;} .abcate2 .cn{font-size: 26px;} .abtwo .pic img{border-width: 2px;} .guolist h3{font-size: 30px;}}
.abthree{padding: 132px 0 196px; background: #ffffff url('../images/ab3bg.jpg') bottom no-repeat;}
.abcate3{text-align: center;}
.abcate3 .en{font-size: 42px; color: #255ba9; line-height: 50px; font-family: 'helvetica'; font-weight: bold;}
.abcate3 .en span{display: inline-block; background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#40a4b3)); background-image: linear-gradient(to right, #255ba9, #40a4b3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; word-break: normal;}
.abcate3 .cn{font-size: 32px; color: #333; line-height: 42px; font-weight: bold; margin-top: 10px;}
.abthree .intro{font-size: 16px; color: #555; line-height: 34px; text-align: center; margin: 40px auto 90px; max-width: 1200px;}
.xinnian{width: 1100px; height: 500px; margin: 0 auto; position: relative;}
.xn2{position: absolute; width: 404px; height: 404px; z-index: 0; top: 50%; margin-top: -202px; left: 50%; margin-left: -202px; background: url('../images/net1.png') center no-repeat; background-size: 100% 100%; -webkit-animation: rotate360 20s linear 0s infinite; animation: rotate360 20s linear 0s infinite;}
.xn3{position: absolute; width: 200px; height: 200px; z-index: 1; top: 50%; margin-top: -100px; left: 50%; margin-left: -100px; background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#41a5b3)); background-image: linear-gradient(to right, #255ba9, #41a5b3); border-radius: 50%;}
.xn4{position: absolute; width: 150px; height: 68px; z-index: 2; top: 50%; margin-top: -34px; left: 50%; margin-left: -75px; font-size: 24px; color: #fff; line-height: 34px; text-align: center;}
.xinnian .info{position: absolute; z-index: 4; font-size: 0; color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex;}
.xinnian .info:before{content: ''; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat;}
.xinnian .info:hover:before{-webkit-animation: rotate-360 6s linear 0s infinite; animation: rotate-360 6s linear 0s infinite;}
.xinnian .info span{font-size: 18px; line-height: 22px; position: relative; z-index: 2; display: block; margin: auto;}
.xinnian .info.i4 span,
.xinnian .info.i6 span{font-size: 16px;}
.xinnian .info.i1,
.xinnian .info.i2,
.xinnian .info.i4,
.xinnian .info.i5{width: 106px; height: 106px;}
.xinnian .info.i6{width: 132px; height: 132px;}
.xinnian .info.i3{width: 128px; height: 128px;}
.xinnian .info.i1:before{background-image: url('../images/cake1.png');}
.xinnian .info.i2:before{background-image: url('../images/cake1.png');}
.xinnian .info.i4:before{background-image: url('../images/cake1.png');}
.xinnian .info.i5:before{background-image: url('../images/cake1.png');}
.xinnian .info.i6:before{background-image: url('../images/cake2.png');}
.xinnian .info.i3:before{background-image: url('../images/cake3.png');}
.xinnian .info.i1{right: 50%; bottom: 50%; margin-right: 260px; margin-bottom: 104px;}
.xinnian .info.i2{left: 50%; bottom: 50%; margin-left: 260px; margin-bottom: 104px;}
.xinnian .info.i3{right: 50%; top: 50%; margin-right: 300px; margin-top: -64px;}
.xinnian .info.i4{left: 50%; top: 50%; margin-left: 320px; margin-top: -53px;}
.xinnian .info.i5{right: 50%; top: 50%; margin-right: 260px; margin-top: 100px;}
.xinnian .info.i6{left: 50%; top: 50%; margin-left: 247px; margin-top: 87px;}
@media screen and (max-width: 1200px){.xinnian{width: 100%;}}
@media screen and (max-width: 900px){.abthree{padding: 100px 0 130px;} .abthree .intro{margin: 40px auto 50px;} .xinnian .info.i1{margin-right: 160px;} .xinnian .info.i2{margin-left: 160px;} .xinnian .info.i3{margin-right: 200px;} .xinnian .info.i4{margin-left: 220px;} .xinnian .info.i5{margin-right: 160px;} .xinnian .info.i6{margin-left: 147px;}}
@media screen and (max-width: 750px){.abcate3 .en{font-size: 36px;} .abcate3 .cn{font-size: 26px;}}
@media screen and (max-width: 690px){.abthree{padding: 100px 0 100px;} .xn2{width: 300px; height: 300px; margin-top: -150px; margin-left: -150px;} .xinnian .info.i1{margin-right: 100px;} .xinnian .info.i2{margin-left: 100px;} .xinnian .info.i3{margin-right: 140px;} .xinnian .info.i4{margin-left: 160px;} .xinnian .info.i5{margin-right: 100px;} .xinnian .info.i6{margin-left: 87px;}}
@media screen and (max-width: 560px){.xn3{width: 150px; height: 150px; margin-top: -75px; margin-left: -75px;} .xn4{font-size: 20px; width: 130px; margin-left: -65px;} .xinnian .info.i1{margin-right: 60px;} .xinnian .info.i2{margin-left: 60px;} .xinnian .info.i3{margin-right: 100px;} .xinnian .info.i4{margin-left: 120px;} .xinnian .info.i5{margin-right: 60px;} .xinnian .info.i6{margin-left: 27px;}}
.croone{background: url('../images/crobg.jpg') center / cover no-repeat; padding: 140px 0 100px; text-align: center;}
.croone h3{font-size: 36px; color: #fff; line-height: 40px; font-weight: bold; height: 40px; overflow: hidden; position: relative; padding-bottom: 20px;}
.croone h3:after{content: ''; position: absolute; left: 50%; bottom: 0; z-index: 0; width: 30px; height: 3px; margin-left: -15px; background-color: #fff;}
.croone .intro{font-size: 16px; color: #fff; line-height: 34px; max-width: 1200px; margin: 40px auto;}
.croone .morebtn{display: block; width: 32px; height: 32px; margin: 0 auto; background: url('../images/dgt1.png') center no-repeat;}
/*2cro分类*/
.croleilist{padding: 0 0 20px; margin: 0 -14px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.croleilist li{display: inline-block; width: 25%; margin-bottom: 28px;}
.croleilist li .lin{padding: 0 14px;}
.croleilist .wz{padding: 40px; position: relative; border-radius: 20px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-box-shadow: 0 6px 20px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 20px 1px rgba(0, 0, 0, 0.1); min-height: 300px;}
.croleilist h3{font-size: 26px; line-height: 40px; font-weight: bold; overflow: hidden;}
.croleilist h3 a{color: #1373c0;}
.croleilist h4{font-size: 12px; color: #999; line-height: 20px; height: 20px; overflow: hidden;}
.croleilist .crosec{margin-top: 24px; max-height: 228px; overflow: auto;}
.croleilist dd{font-size: 16px; padding: 5px 0;}
.croleilist dd a{padding-left: 28px; color: #333; line-height: 26px; display: block; position: relative;}
.croleilist dd a:before{content: ''; position: absolute; left: 0; top: 8px; z-index: 0; border-radius: 50%; width: 9px; height: 9px; background-color: transparent; -webkit-transition: .3s; transition: .3s; border: 1px solid #d4d4d4;}
.croleilist li:hover .wz{background-image: url('../images/crobg2.jpg');}
.croleilist li:hover h3 a,
.croleilist li:hover h4,
.croleilist li:hover dd,
.croleilist li:hover dd a{color: #fff;}
.croleilist li:hover dd a:hover:before{background-color: #fff;}
.croleilist h3,
.croleilist h4,
.croleilist dd{-webkit-transition: .3s; transition: .3s;}
@media screen and (max-width: 1640px){.croleilist h3{font-size: 22px;}}
@media screen and (max-width: 1500px){.croleilist .wz{padding: 30px;}}
@media screen and (max-width: 1400px){.croleilist li{width: 33.33%;}}
@media screen and (max-width: 1200px){.croleilist li .wz{padding: 24px 26px;} .croleilist dd a{padding-left: 20px;}}
@media screen and (max-width: 1023px){.croleilist li{width: 50%;}}
@media screen and (max-width: 750px){.croleilist{margin: 0 -10px;} .croleilist li .lin{padding: 0 10px;} .croleilist li .wz{padding: 24px 18px;} .croleilist h3{font-size: 20px;}}
@media screen and (max-width: 640px){.croleilist{margin: 0 0; overflow: visible; padding-bottom: 2px;} .croleilist li{width: 100%;} .croleilist li .lin{padding: 0 0;} .croleilist .crosec{height: auto;}}
.cromainout{position: relative; padding: 100px 0 120px;}
.cromainout .cer8{position: relative; z-index: 2;}
@media screen and (max-width: 1200px){.cromainout{padding: 80px 0 100px;}}
@media screen and (max-width: 1000px){.cromainout{padding: 60px 0 100px;}}
@media screen and (max-width: 900px){.cromainout{padding: 0 0 80px;}}
.cromainleft{float: left; width: 300px;}
.cromainright{float: right; width: 1180px; padding-left: 60px; border-left: 1px solid #e4e9ec;}
.sdnav{width: 100%;}
.sdnav dd{position: relative;}
.sdnav dd > a{display: block; font-size: 16px; color: #0061ae; line-height: 24px; font-weight: bold; padding: 15px 0; padding-left: 26px; border-bottom: 1px solid #e4e9ec; position: relative;}
.sdnav dd.on > a,
.sdnav dd.ac > a,
.sdnav dd:hover > a{color: #21a39a;}
.sdnav dd.on i,
.sdnav dd.ac i,
.sdnav dd:hover i{background-color: #21a39a;}
.sdnav dd i{position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 17px; height: 17px; display: block; cursor: pointer; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; background: #0061ae url('../images/gt-sdn.png') center no-repeat;}
.sdnav dd.on i,
.sdnav dd.ac i{-webkit-transform: rotate(90deg) translateX(-50%); transform: rotate(90deg) translateX(-50%);}
.sdnav dd s{position: absolute; z-index: 1; left: 4px; top: 9px; width: 12px; height: 2px; background-color: #fff; opacity: 1;}
.sdnav dd s:first-child{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.sdnav dd.ac s:first-child{-webkit-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);}
.sdnav dd s{-webkit-transition: 0.3s; transition: 0.3s;}
.leifour{display: none; padding-left: 27px; border-bottom: 1px solid #e4e9ec;}
.leifour li{line-height: 24px; overflow: hidden;}
.leifour li + li{border-top: 1px solid #ddd;}
.leifour li a{font-size: 15px; color: #0061ae; padding: 15px 0; display: block;}
.leifour li.on a,
.leifour li:hover a{color: #21a39a;}
.cropage{font-size: 16px; line-height: 32px; color: #333; text-align: justify; word-break:break-word !important;}
.cropage span,
.cropage em,
.cropage p,
.cropage strong{word-break:break-word !important;}
.cropage h3{font-size: 32px; color: #0061ae; line-height: 60px; font-weight: bold;}
.cropage h4{font-size: 20px; font-weight: bold; margin-bottom: 16px;}
.cropage img{max-width: 100%;}
.cropage em{color: #222; font-size: 20px;}
.cropage dd{padding-left: 20px; background: url('../images/dot-tech.png') 0 13px no-repeat;}
.cropage table{max-width: 100%;}
@media screen and (max-width: 1640px){.cromainright{width: 70%; padding-left: 40px;}}
@media screen and (max-width: 1440px){.cromainright{width: 65%;}}
@media screen and (max-width: 1200px){.cromainright{width: 60%;}}
@media screen and (max-width: 1023px){.cromainleft{width: 250px;}}
@media screen and (max-width: 900px){.cromainleft{display: none;} .cromainright{float: none; width: 100%; padding-left: 0; border-left: 0 none;} .cropage img{height: auto!important;}}
.techmainout{position: relative; padding: 0 0 20px; background-image: -webkit-gradient(linear, left top, left bottom, from(#41a5b3), to(#255ba9)); background-image: linear-gradient(to bottom, #41a5b3, #255ba9);}
.techmainout:before{content: ''; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background: url('../images/dot-tech2.png') center;}
.techmainout .cer5{position: relative; z-index: 10; top: -80px;}
.techmain{padding: 70px 80px 90px; background-color: #fff; border-top: 1px solid #e7e7e7;}
.techmainleft{float: left; width: 300px;}
.techmainright{float: right; width: 1020px; padding-left: 60px; border-left: 1px solid #e4e9ec;}
@media screen and (max-width: 1600px){.techmainout{padding-bottom: 0;} .techmainout .cer5{top: 0;} .techmainright{width: 70%; padding-left: 40px;}}
@media screen and (max-width: 1440px){.techmain{padding: 70px 40px 70px;} .techmainright{width: 65%;}}
@media screen and (max-width: 1200px){.techmainright{width: 60%;}}
@media screen and (max-width: 1023px){.techmainleft{width: 250px;} .techmain{padding: 70px 30px 70px;}}
@media screen and (max-width: 900px){.techmainleft{display: none;} .techmainright{float: none; width: 100%; padding-left: 0; border-left: 0 none;}}
.huanjinone{padding: 120px 0 100px; background: #ffffff url('../images/huanjinbg.jpg') bottom no-repeat;}
.cate34{text-align: center; color: #333;}
.cate34 .cn2{font-size: 28px; line-height: 46px;}
.cate34 .hx{width: 30px; height: 3px; margin: 14px auto; background-color: #2778be;}
.cate34 .cn{font-size: 36px; line-height: 52px; font-weight: bold;}
.huanjinone .intro{font-size: 16px; color: #555; line-height: 34px; text-align: center; margin: 40px auto 60px; max-width: 1200px;}
.huanjinone .morebtn{display: block; width: 30px; height: 30px; margin: 0 auto; background: url('../images/dgt2.png') center no-repeat;}
.guolist3{overflow: hidden; font-size: 0; text-align: center; margin-bottom: 52px;}
.guolist3 li{display: inline-block; width: 270px; max-width: 33.33%;}
.guolist3 li a{display: block; color: #2778be;}
.guolist3 h3{font-size: 42px; height: 44px; line-height: 44px; -webkit-transition: 0.3s; transition: 0.3s;}
.guolist3 .txt{font-size: 14px; line-height: 32px;}
@media screen and (max-width: 750px){.cate34 .cn2{font-size: 22px; line-height: 40px;} .cate34 .cn{font-size: 26px; line-height: 40px;} .guolist3 h3{font-size: 30px;}}
.huanjintwo{padding: 120px 0 100px;}
.fequip-swwrap{width: 100%; margin-top: 60px;}
.sw34{height: 675px;}
.sw34 .swiper-slide{width: 1200px; overflow: hidden;}
.sw34 .swiper-slide a{display: block; position: relative; width: 100%; height: 100%; text-align: center;}
.sw34 .pic{width: 100%; height: 100%; overflow: hidden; position: relative; font-size: 0;}
.sw34 .pic img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.sw34 .swiper-slide .cov{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: url('../images/jab1.png') bottom repeat-x; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s;}
.sw34 h3{font-size: 18px; color: #fff; line-height: 36px; height: 36px; overflow: hidden; position: absolute; left: 0; bottom: 40px; z-index: 5; width: 100%; text-align: center; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s;}
.sw34 .swiper-slide-active h3{opacity: 1;}
.sw34 .swiper-slide-active .cov{opacity: 1;}
.sw34 .sw-next,
.sw34 .sw-prev{position: absolute; top: 50%; width: 48px; height: 48px; z-index: 10; cursor: pointer; font-size: 0; text-align: center; margin-top: -24px; border-radius: 50%;}
.sw34 .sw-prev{left: 50%; background: rgba(0, 0, 0, 0) url('../images/lt-ev.png') center no-repeat; margin-left: -570px;}
.sw34 .sw-next{right: 50%; background: rgba(0, 0, 0, 0) url('../images/gt-ev.png') center no-repeat; margin-right: -570px;}
.sw34 .sw-prev:hover,
.sw34 .sw-next:hover{background-color: rgba(0, 0, 0, 0.2);}
.fequip-swwrap .sw34 .swiper-pagination{bottom: 30px; font-size: 0;}
.sw34 .swiper-pagination-bullet{width: 18px; height: 2px; margin: 0 3px; opacity: 1; background-color: rgba(255, 255, 255, 0.3); outline: 0 none; border-radius: 0; -webkit-transition: 0.4s; transition: 0.4s;}
.sw34 .swiper-pagination-bullet-active{background-color: #fff;}
.fequiplist{width: 800px; max-width: 100%; position: relative; margin: 48px auto 0; font-size: 0; text-align: center; border-bottom: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.fequiplist li{display: inline-block;}
.fequiplist li a{display: block; height: 38px; font-size: 18px; color: #999; line-height: 38px; position: relative; padding: 0 0 10px;}
.fequiplist li a:before{content: ''; position: absolute; left: 0; bottom: -1px; z-index: 0; width: 100%; height: 2px; background-color: transparent;}
.fequiplist li.on a,
.fequiplist li:hover a{color: #222;}
.fequiplist li.on a:before{background-color: #222;}
@media screen and (max-width: 1300px){.sw34 .sw-prev{left: 8%; margin-left: 0;} .sw34 .sw-next{right: 8%; margin-right: 0;}}
@media screen and (max-width: 1200px){.sw34 .swiper-slide{width: 100%;}}
@media screen and (max-width: 750px){.sw34{height: 422px;} .sw34 .sw-prev{left: 4%;} .sw34 .sw-next{right: 4%;}}
.yaogumain{position: relative; padding: 130px 0 0; height: 670px; background: url('../images/yaogubg.jpg') center / cover no-repeat; background-attachment: fixed;}
@media screen and (max-width: 1024px){.yaogumain{padding: 100px 0 0; height: 700px;}}
.cate31{color: #fff; text-align: center;}
.cate31 .cn{font-size: 32px; line-height: 48px; font-weight: bold; margin-top: 12px;}
.cate31 .en{font-size: 42px; line-height: 52px; font-family: 'Century'; word-break: normal;}
@media screen and (max-width: 750px){.cate31 .en{font-size: 36px;} .cate31 .cn{font-size: 26px; margin-top: 0;}}
.waylist{font-size: 0; position: absolute; left: 0; bottom: 0; z-index: 2;}
.waylist li{display: inline-block; width: 418px; max-width: 50%; background-color: #2778be;}
.waylist li:nth-child(even){background-color: #38bab1;}
.waylist li a{display: block; position: relative; padding: 60px 160px 60px 70px;}
.waylist .pic{width: 130px; height: 100%; font-size: 0; line-height: 240px; position: absolute; right: 20px; top: 0; z-index: 0; text-align: center;}
.waylist img{max-width: 100%; max-height: 100%; opacity: 0.2; -webkit-transition: 0.3s; transition: 0.3s;}
.waylist li:hover img{opacity: 1;}
.waylist .wz{color: #fff;}
.waylist .cn{font-size: 28px; line-height: 44px; height: 44px; overflow: hidden; margin-bottom: 16px;}
.waylist .txt{font-size: 16px; line-height: 30px; height: 60px; overflow: hidden;}
@media screen and (max-width: 840px){.waylist li a{padding: 45px 70px 45px 30px;} .waylist .txt{height: 90px;}}
.yaogu{height: 760px; position: relative;}
.yaogupicbg{width: 50%; height: 100%; position: absolute; right: 0; top: 0; z-index: 2; overflow: hidden; text-align: center;}
.yaogupicbg img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.yaoguother{width: 50%; height: 100%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 1;}
.yaoguother .inner{margin: auto; padding: 0 16.66%;}
.cate30{color: #333;}
.cate30 .cn{font-size: 32px; line-height: 48px; font-weight: bold; margin-top: 12px;}
.cate30 .en{font-size: 42px; line-height: 52px; font-family: 'Century'; word-break: normal;}
.yaogucon{font-size: 16px; color: #333; line-height: 34px; max-height: 408px; overflow: auto; margin-top: 52px;}
.yaogucon img{display: none;}
@media screen and (max-width: 1400px){.yaoguother .inner{padding: 0 10%;}}
@media screen and (max-width: 1100px){.yaogu{height: auto; padding: 50px 0 70px;} .yaogupicbg{position: relative; width: 100%; height: auto;} .yaogupicbg img{width: auto; max-width: 100%; max-height: 600px;} .yaoguother{float: none; width: 100%; height: auto; margin-top: 50px;} .yaoguother .inner{padding: 0 8%;} .yaogucon{max-height: none; margin-top: 40px;} .cate30{text-align: center;}}
@media screen and (max-width: 840px){.yaoguother .inner{padding: 0 5%;}}
@media screen and (max-width: 750px){.cate30 .en{font-size: 36px;} .cate30 .cn{font-size: 26px; margin-top: 0;}}
.profirst{padding: 166px 0 130px; background: #ffffff url('../images/probg.jpg') bottom no-repeat;}
.xijie{position: relative; width: 100%; height: 740px;}
.bigpicout{float: right; z-index: 1; position: relative; width: 640px; height: 640px; padding: 50px; margin-right: 90px;}
.bigpicout:before{content: ""; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background: url('../images/yuanpan.png') center no-repeat; -webkit-animation: rotate360 20s linear 0s infinite; animation: rotate360 20s linear 0s infinite; background-size: 100% 100%;}
.bigpicout .bigpic{width: 100%; height: 100%; background-color: #fff; border-radius: 50%; text-align: center; line-height: 640px; font-size: 0;}
.bigpicout img#bigpic{max-width: 70%; max-height: 70%;}
.xijiebar{float: left; width: 130px; height: 600px; padding: 70px 0; position: relative;}
.xijie-prev,
.xijie-next{position: absolute; left: 39px; height: 52px; width: 52px; border-radius: 50%;}
.xijiebar .xijie-prev{top: 7px; background: rgba(0, 0, 0, 0.15) url('../images/jtu-zhi.png') center no-repeat;}
.xijiebar .xijie-next{bottom: 7px; background: rgba(0, 0, 0, 0.15) url('../images/jtd-zhi.png') center no-repeat;}
.xijie-prev:hover,
.xijie-next:hover{background-color: #2778be;}
.xijiebar .smallpic2-out{width: 100%; overflow: hidden; height: 100%; position: relative; padding: 0 7px; margin-left: -7px;}
.xijiebar .smallpic2{width: 130px; height: auto; position: absolute; left: 7px; top: 0; z-index: 1;}
.xijiebar .smallpic2 li{width: 100%; height: 130px; padding: 10px 0; font-size: 0; text-align: center;}
.xijiebar .smallpic2 li a{display: block; width: 126px; height: 126px; position: relative; line-height: 126px; background-color: #fff; border: 2px solid #fff; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s;}
.xijiebar .smallpic2 li img{max-width: 80%; max-height: 80%;}
.xijiebar .smallpic2 li div{position: absolute; display: none;}
.xijiebar .smallpic2 li a:before{content: ''; position: absolute; top: -1px; left: -7px; border: 2px solid #2778be; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0;}
.xijiebar .smallpic2 li a:after{content: ''; position: absolute; bottom: -1px; right: -7px; border: 2px solid #2778be; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0;}
.xijiebar .smallpic2 li:hover a,
.xijiebar .smallpic2 li.on a{border-color: #2778be;}
.xijiebar .smallpic2 li.on a:before{opacity: 0.5;}
.xijiebar .smallpic2 li.on a:after{opacity: 0.5;}
.probasic{float: right; width: 340px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%;}
.probasic .inner{margin: auto; width: 100%;}
.probasic .zhiyear{font-size: 30px; line-height: 50px; color: #2778be; height: 50px; overflow: hidden; margin: 36px 0 16px;}
.probasic .zhiinfo{font-size: 22px; color: #333; line-height: 34px; max-height: 340px; overflow: auto;}
.cate32{color: #333; padding-top: 108px; background: url('../images/beizi.png') 0 0 no-repeat;}
.cate32 .cn{font-size: 30px; line-height: 40px; font-weight: bold;}
.cate32 .en{font-size: 42px; line-height: 50px; font-family: 'Century';}
@media screen and (max-width: 1400px){.profirst{padding: 120px 0 130px;} .probasic{width: 300px;} .bigpicout{margin-right: 40px;}}
@media screen and (max-width: 1300px){.bigpicout{width: 500px; height: 500px;} .bigpicout .bigpic{line-height: 500px;}}
@media screen and (max-width: 1160px){.xijie{height: auto; min-height: 740px;} .bigpicout{margin-right: 0;} .probasic{float: none; width: 70%; position: absolute; right: 0; top: 530px; z-index: 0; height: auto;} .cate32{padding-top: 0; padding-left: 90px; background-position: 0 center;} .probasic .zhiyear{margin: 16px 0;} .probasic .zhiinfo{font-size: 18px; max-height: 170px;}}
@media screen and (max-width: 840px){.profirst{padding: 100px 0 130px;} .xijie{width: auto; padding-left: 140px;} .xijiebar{float: none; position: absolute; left: 0; top: 0; z-index: 1;} .bigpicout{width: 400px; height: 400px; padding: 30px;} .bigpicout .bigpic{line-height: 400px;} .probasic{width: 420px;}}
@media screen and (max-width: 680px){.bigpicout{width: 350px; height: 350px; padding: 0;} .bigpicout .bigpic{line-height: 350px;} .probasic{width: 320px; top: 400px;}}
@media screen and (max-width: 600px){.xijie{padding-left: 100px;} .xijiebar{width: 90px;} .xijie-prev, .xijie-next{left: 19px;} .xijiebar .smallpic2{width: 90px;} .xijiebar .smallpic2 li a{width: 86px;}}
@media screen and (max-width: 540px){.bigpicout{width: 310px; height: 310px;} .bigpicout .bigpic{line-height: 310px;} .probasic{width: 300px;}}
.joinone{padding: 150px 0 90px; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2f4fe)); background-image: linear-gradient(to bottom, #ffffff, #e2f4fe);}
.joinone .intro{font-size: 16px; color: #333; line-height: 34px; text-align: center; margin: 20px auto 0; max-width: 620px;}
.advlist{font-size: 0; text-align: center; padding: 52px 0 10px;}
.advlist li{display: inline-block; margin-bottom: 25px;}
.advlist li a{display: block; background-color: #fff; position: relative; padding: 30px 0 36px; -webkit-box-shadow: 0 4px 20px 1px rgba(136, 144, 148, 0.1); box-shadow: 0 4px 20px 1px rgba(136, 144, 148, 0.1);}
.advlist li a:before{content: ''; position: absolute; left: 0; top: 0; z-index: 0; width: 200px; height: 134px; background: url('../images/wenli-rz.png') center no-repeat;}
.advlist .pic{width: 60px; height: 60px; margin: 0 auto 10px; z-index: 2;}
.advlist .p1,
.advlist .p2{width: 60px; height: 60px; overflow: hidden; text-align: center; line-height: 60px;}
.advlist .num{width: 42px; height: 37px; position: absolute; right: 0px; top: 0; z-index: 5; display: block; background: url('../images/numbg2.png') center no-repeat; -webkit-transition: .4s; transition: .4s; font-size: 18px; line-height: 34px; text-indent: 15px; font-family: 'arial'; color: #2778be;}
.advlist li .txt{font-size: 18px; color: #333; line-height: 24px; font-weight: bold; position: relative; z-index: 2; height: 24px; overflow: hidden; padding: 0 20px; word-break: normal; -webkit-transition: .4s; transition: .4s;}
.advlist li .txt span{display: block;}
.advlist li:hover .txt{color: #fff;}
.advlist li:hover a{background-image: -webkit-gradient(linear, left top, left bottom, from(#41a5b3), to(#255ba9)); background-image: linear-gradient(to bottom, #41a5b3, #255ba9);}
.advlist li:hover .num{background-image: url('../images/numbg1.png');}
.advlist5{margin: 0 -15px;}
.advlist5 li{width: 33.33%;}
.advlist5 li .lin{padding: 0 15px;}
@media screen and (max-width: 1200px){.joinone{padding: 120px 0 80px;}}
@media screen and (max-width: 1023px){.joinone{padding: 100px 0 80px;}}
@media screen and (max-width: 960px){.advlist5 li{width: 50%;}}
@media screen and (max-width: 750px){.joinone{padding: 80px 0 60px;} .advlist li .txt{font-size: 16px;}}
@media screen and (max-width: 640px){.advlist5 li{width: 100%;} .advlist li .txt{font-size: 18px;}}
.jointwo{position: relative; height: 800px; background: url('../images/woshou.jpg') center no-repeat; background-attachment: fixed;}
.cate36{color: #fff;}
.cate36 .cn{font-size: 32px; line-height: 48px; font-weight: bold;}
.cate36 .en{font-size: 42px; line-height: 52px; font-family: 'Century'; word-break: normal;}
.woshou{position: absolute; left: 50%; bottom: 0; z-index: 2; margin-left: -600px; background-image: -webkit-gradient(linear, left top, left bottom, from(#41a5b3), to(#255ba9)); background-image: linear-gradient(to bottom, #41a5b3, #255ba9);}
.woshou .wz{padding: 76px 80px 64px; width: 360px;}
.woshou .hx{width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.3); margin: 30px 0;}
.woshou .txt{font-size: 16px; color: #fff; line-height: 32px; margin-top: 15px;}
.woshou .lxinfo{font-size: 14px; color: #fff; line-height: 28px;}
@media screen and (max-width: 1280px){.woshou{left: 10%; margin-left: 0;}}
@media screen and (max-width: 750px){.woshou{left: 5%;} .cate36 .en{font-size: 36px;} .cate36 .cn{font-size: 26px;}}
@media screen and (max-width: 600px){.woshou .wz{padding: 56px 30px 54px;}}
.jointhree{padding-top: 130px; padding-bottom: 35px;}
.worldmap{width: 100%; height: 550px; position: relative; margin-top: 64px; background: url('../images/worldmap.jpg') center no-repeat;}
.pin-01{position: absolute; z-index: 5; width: 110px; height: 110px; border-radius: 50%; left: 50%; bottom: 50%; margin-left: 192px; margin-bottom: 34px; border: 10px solid #1164ac; -webkit-animation: pin01 3s ease-in-out 0s infinite; animation: pin01 3s ease-in-out 0s infinite; background: #ffffff url('../images/xibuyaogu.png') center no-repeat;}
.pin-01 .pulse{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(17, 100, 172, 0.5); -webkit-animation: circlepulse 1.5s ease 0s infinite; animation: circlepulse 1.5s ease 0s infinite;}
@-webkit-keyframes circlepulse{0%{-webkit-transform: scale(1); opacity: 1;} 100%{-webkit-transform: scale(3); opacity: 0;}}
@-webkit-keyframes pin01{0%{-webkit-box-shadow: 0px 0px 0 0px rgba(17, 100, 172, 0.1); box-shadow: 0px 0px 0 0px rgba(17, 100, 172, 0.1);} 50%{-webkit-box-shadow: 0px 0px 0 50px rgba(17, 100, 172, 0.1); box-shadow: 0px 0px 0 50px rgba(17, 100, 172, 0.1);} 100%{-webkit-box-shadow: 0px 0px 0 0px rgba(17, 100, 172, 0.1); box-shadow: 0px 0px 0 0px rgba(17, 100, 172, 0.1);}}
@media screen and (max-width: 1200px){.jointhree{padding-top: 100px;} .berji a{margin: 5px;}}
@media screen and (max-width: 750px){.worldmap{background-position: right;} .pin-01{left: auto; margin-left: 0; right: 200px;}}
.dinweione{padding: 120px 0 200px; background: #ffffff url('../images/wave1.jpg') bottom no-repeat;}
.whlist{margin-top: 76px; font-size: 0; padding: 20px 0 16px;}
.whlist li{display: inline-block; width: 20%; position: relative; margin-bottom: 30px; top: 0; -webkit-transition: .4s; transition: .4s;}
.whlist li a{display: block; padding: 0 10px; text-align: center;}
.whlist .pic{width: 100%; height: 148px; line-height: 148px; font-size: 0; position: relative; padding: 12px 0 8px;}
.whlist .bg{position: absolute; left: 50%; top: 0; z-index: 0; width: 171px; height: 100%; margin-left: -80px; background: url('../images/dinweiball1.png') no-repeat; -webkit-transition: .4s; transition: .4s;}
.whlist img{max-width: 100%; max-height: 100%; position: relative; z-index: 1;}
.whlist h3{font-size: 24px; color: #333; line-height: 42px; font-weight: bold; height: 42px; overflow: hidden; margin-top: 20px;}
.whlist h4{font-size: 18px; color: #333; line-height: 26px; height: 26px; overflow: hidden;}
.whlist .txt{font-size: 14px; color: #666; line-height: 22px; word-break: normal; width: 200px; max-width: 100%; height: 44px; overflow: hidden; margin: 10px auto 0;}
.whlist li:hover .bg{background-image: url('../images/dinweiball2.png');}
.whlist li:hover{top: -20px;}
@media screen and (max-width: 1300px){.whlist li{width: 33.33%;}}
@media screen and (max-width: 840px){.whlist li{width: 50%;}}
.dinweitwo{padding: 30px 0 292px; background: #ffffff url('../images/wave1.jpg') bottom no-repeat;}
.dinweitwo .con{width: 100%; text-align: center; position: relative; margin-top: 86px;}
.dinweitwo .con img{max-width: 100%;}
.dinweithree{position: relative; padding-bottom: 70px; background: #ffffff url('../images/dinwei3bg.jpg') center no-repeat;}
.fuhua{height: 550px; position: relative;}
.fuhuapicbg{width: 50%; height: 100%; position: absolute; right: 0; top: 0; z-index: 2; overflow: hidden; text-align: right; line-height: 550px;}
.fuhuapicbg img{max-width: 100%; max-height: 100%;}
.fuhuaother{width: 50%; height: 100%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 1;}
.fuhuaother .inner{margin: auto; padding-right: 10%;}
.fuhuacon{font-size: 20px; color: #555; line-height: 38px;}
.fuhuacon img{display: none;}
.fuhuacon em{color: #222; font-weight: bold; font-style: normal;}
@media screen and (max-width: 1000px){.fuhua{height: auto; padding-bottom: 30px;} .fuhuapicbg{position: relative; width: 100%; height: auto; text-align: center; line-height: 450px;} .fuhuaother{float: none; width: 100%; height: auto; margin-top: 40px;} .fuhuaother .inner{padding-left: 5%; padding-right: 5%;}}
.repeated-zhezhe2{position: absolute; z-index: 1; left: 0; bottom: -8px; width: 100%; height: 102px; -webkit-animation: marquee2 40s linear infinite; animation: marquee2 40s linear infinite; font-size: 0; background: url('../images/zhezhe.png') 0 50%;}
@-webkit-keyframes marquee2{0%{background-position: 0 50%;} 100%{background-position: -1900px 50%;}}
@keyframes marquee2{0%{background-position: 0 50%;} 100%{background-position: -1900px 50%;}}
.teseone{padding: 120px 0 110px; background: #ffffff url('../images/tese1bg.jpg') bottom no-repeat;}
.teseone .intro{font-size: 16px; color: #555; line-height: 34px; text-align: center; margin: 40px auto 58px; max-width: 1200px;}
.guolist4{overflow: hidden; font-size: 0; text-align: center;}
.guolist4 li{display: inline-block; width: 190px; max-width: 25%;}
.guolist4 li a{display: block; color: #2778be;}
.guolist4 h3{font-size: 42px; height: 48px; line-height: 48px; -webkit-transition: 0.3s; transition: 0.3s;}
.guolist4 .txt{font-size: 14px; line-height: 32px;}
@media screen and (max-width: 750px){.guolist4 h3{font-size: 30px;}}
.tesetwo{padding: 64px 0 86px; background: #ebf3f8 url('../images/tese2bg.jpg') bottom no-repeat;}
.tesetwo .con{width: 100%; text-align: center; position: relative; margin-top: 60px;}
.tesetwo .con img{max-width: 100%;}
.drop2{position: absolute; left: -28px; bottom: 12px; z-index: 3; width: 325px; height: 325px; background: url('../images/tai-drop2.png') center / cover no-repeat;}
@media screen and (max-width: 1200px){.drop2{width: 250px; height: 250px;}}
@media screen and (max-width: 1023px){.drop2{bottom: -40px;}}
@media screen and (max-width: 750px){.drop2{width: 150px; height: 150px;}}
.tesethree{padding: 88px 0 122px; position: relative; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebf3f8)); background-image: linear-gradient(to bottom, #ffffff, #ebf3f8);}
.tesethree .cube{position: absolute; right: 0; bottom: 70px; z-index: 0; width: 404px; height: 271px; background: url('../images/tai-cube.png') left no-repeat;}
.pintailist{max-width: 1340px; margin: 24px auto 0; font-size: 0;}
.pintailist li{display: inline-block; width: 20%; position: relative; top: 0; -webkit-transition: .4s; transition: .4s;}
.pintailist li a{display: block; padding: 40px 0 35px; text-align: center;}
.pintailist .pic{width: 100%; height: 123px; font-size: 0; position: relative;}
.pintailist .bg{position: absolute; left: 0; top: 24px; z-index: 0; width: 100%; height: 101px; background: url('../images/taibg.png') center no-repeat;}
.pintailist img{max-width: 100%; max-height: 100%; position: relative; z-index: 1; vertical-align: top;}
.pintailist .txt{font-size: 18px; color: #333; line-height: 26px; padding: 0 10px; height: 52px; overflow: hidden;}
.pintailist li:hover{top: -10px;}
@media screen and (max-width: 1300px){.pintailist li{width: 33.33%;}}
@media screen and (max-width: 840px){.pintailist li{width: 50%;}}
.zhichi{width: 1200px; max-width: 100%; height: 112px; background-color: #fff; border-radius: 56px; margin: 78px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 220px; padding-right: 90px; position: relative;}
.zhichi dd{padding-left: 32px; background: url('../images/tai-right.png') 0 no-repeat; margin-left: 50px; font-size: 18px; color: #2778be; line-height: 32px; font-weight: bold;}
.zhichi dd:first-child{margin-left: 0;}
.drop1{position: absolute; left: -40px; top: 50%; z-index: 3; width: 299px; height: 247px; background: url('../images/tai-drop1.png') center / cover no-repeat; margin-top: -130px;}
@media screen and (max-width: 1200px){.zhichi{padding-right: 50px;} .zhichi dd{margin-left: 40px;}}
@media screen and (max-width: 750px){.zhichi{padding-left: 120px;} .zhichi dd{margin-left: 30px;} .drop1{width: 200px; height: 164px; margin-top: -82px;}}
@media screen and (max-width: 600px){.zhichi{height: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 10px; padding-bottom: 10px; padding-left: 170px;} .zhichi dd{margin-left: 0; width: 80%;} .drop1{left: 0px;}}
.tesefour{padding: 66px 0 90px; /* background: #fff url('../images/tese2bg.jpg') bottom no-repeat;*/}
.tesefour .con{width: 100%; text-align: center; position: relative; margin-top: 70px; margin-bottom: 30px;}
.tesefour .con img{max-width: 100%;}
.tesefour .morebtn{display: block; width: 200px; height: 72px; margin: 0 auto; background: url('../images/arrow3.png') center no-repeat;}
.tixilist{margin: 30px -13px 0; font-size: 0;}
.tixilist li{display: inline-block; width: 25%; position: relative; -webkit-transition: .4s; transition: .4s;}
.tixilist li .lin{padding: 0 13px; -webkit-perspective: 1000px; perspective: 1000px;}
.tixilist li a{display: block; text-align: center; border-radius: 20px 0; padding: 24px 0 30px;}
.tixilist li.i1 a{background-color: #2778be;}
.tixilist li.i2 a{background-color: #2ba2cd;}
.tixilist li.i3 a{background-color: #22b6b1;}
.tixilist li.i4 a{background-color: #80be5a;}
.tixilist .pic{width: 74px; height: 74px; line-height: 74px; font-size: 0; position: relative; background-color: #fff; margin: 0 auto 16px; border-radius: 50%;}
.tixilist .bg{position: absolute; left: 10px; top: 0; z-index: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%;}
.tixilist img{max-width: 100%; max-height: 100%; position: relative; z-index: 1;}
.tixilist h3{font-size: 18px; color: #fff; line-height: 30px; height: 30px; overflow: hidden; font-weight: bold;}
.tixilist .txt{font-size: 16px; color: #fff; line-height: 26px; height: 26px; overflow: hidden;}
.tixilist li:hover a{-webkit-transform: rotateY(30deg); transform: rotateY(30deg);}
@media screen and (max-width: 1023px){.tixilist li{width: 50%; margin-top: 30px;}}
.fabout{height: 800px; position: relative; background: url('../images/faboutbg.jpg') right no-repeat;}
.faboutleft{position: absolute; left: 50%; top: 132px; z-index: 1; margin-left: -800px; width: 746px; max-width: 100%;}
.faboutleft:before{content: ''; position: absolute; left: -22px; top: -26px; z-index: 0; width: 110px; height: 103px; background: url('../images/fabicon.png') center no-repeat;}
.faboutleft h2{font-size: 42px; color: #fff; font-weight: bold; line-height: 60px; position: relative; z-index: 2;}
.faboutleft .contxt{margin: 30px 0 44px; font-size: 16px; line-height: 30px; color: #fff; max-height: 150px; overflow: hidden;}
.guolist5{overflow: hidden; font-size: 0;}
.guolist5 li{display: inline-block; width: 190px; max-width: 50%;}
.guolist5 li a{display: block; color: #fff;}
.guolist5 h3{font-size: 42px; height: 48px; line-height: 48px;}
.guolist5 .txt{font-size: 14px; line-height: 28px;}
@media screen and (max-width: 1660px){.faboutleft{left: 5%; margin-left: 0; max-width: 80%; padding: 20px; background-color: rgba(0, 0, 0, 0.3); top: 112px;}}
@media screen and (max-width: 1200px){.faboutleft{background-color: rgba(0, 0, 0, 0.6);}}
@media screen and (max-width: 750px){.faboutleft h2{font-size: 30px; line-height: 50px;} .guolist5 h3{font-size: 30px;}}
.fpintai{padding: 86px 0 66px; background: #0061ae url('../images/fpintaibg.jpg') center 0 no-repeat;}
.fpintai .intro{font-size: 16px; color: #d7e8f6; line-height: 28px; text-align: center; margin: 34px auto 70px; max-width: 870px;}
.fcate1{color: #fff; text-align: center;}
.fcate1 .cn{font-size: 42px; line-height: 56px; font-weight: bold;}
.fcate1 .en{font-size: 20px; line-height: 28px; font-family: 'Century';}
@media screen and (max-width: 750px){.fcate1 .cn{font-size: 32px;}}
.fpintailist{font-size: 0; text-align: center;}
.fpintailist li{display: inline-block; width: 190px; max-width: 14.2%; position: relative;}
.fpintailist li .lin{padding: 0 20px;}
.fpintailist li a{display: block; border-radius: 0 40px; padding: 24px 0;}
.fpintailist .pic{height: 60px; line-height: 60px; font-size: 0; margin: 0 auto 6px;}
.fpintailist img{max-width: 100%; max-height: 100%;}
.fpintailist h3{font-size: 16px; color: #c0dbf3; line-height: 26px; padding: 0 5px;}
.fpintailist .arr{height: 12px; background: url('../images/jtd-ftai.png') center no-repeat; margin-top: 18px;}
.fpintailist li:hover a,
.fpintailist li.on a{background-color: #38bab1;}
.fpintailist li:hover h3,
.fpintailist li.on h3{color: #fff;}
@media screen and (max-width: 1400px){.fpintailist li{width: 14.2%;} .fpintailist li .lin{padding: 0 15px;}}
@media screen and (max-width: 1023px){.fpintailist li{width: 25%; max-width: none; margin-bottom: 10px;}}
@media screen and (max-width: 750px){.fpintailist li{width: 33.3%;}}
@media screen and (max-width: 640px){.fpintailist li .lin{padding: 0 10px;}}
.friout{padding: 90px 0;}
.fri{padding-left: 280px; position: relative; white-space: nowrap; font-size: 0;}
.fri dd{display: inline-block; width: 206px; height: 100px; text-align: center; line-height: 100px;}
.fri dd .inn{padding: 0 23px;}
.fri dd img{max-width: 90%; max-height: 90%;}
.fcate3{position: absolute; left: 0; top: 0; z-index: 0; width: 160px; height: 100px;}
.fcate3:before{content: ''; position: absolute; left: -22px; top: -2px; z-index: 0; width: 110px; height: 103px; background: url('../images/friicon.png') center no-repeat;}
.fcate3 .cn{font-size: 38px; color: #333; line-height: 48px; font-weight: bold; padding-top: 20px; position: relative; z-index: 1;}
.fcate3 .cn a{color: #333;}
.fcate3 .en{font-size: 14px; color: #999; line-height: 28px; font-family: 'arial'; text-transform: uppercase; margin-top: 4px;}
@media screen and (max-width: 1700px){.fri{white-space: normal;}}
@media screen and (max-width: 1200px){.fri{padding-left: 240px;} .fri dd .inn{padding: 0 15px;}}
@media screen and (max-width: 900px){.friout{padding: 60px 0 70px;} .fri{padding-left: 0; padding-top: 120px;} .fcate3{left: 50%; margin-left: -80px; text-align: center;} .fri dd{width: 25%;} .fri dd .inn{padding: 0 10px;}}
@media screen and (max-width: 750px){.fri dd{width: 33%;} .fcate3 .cn{font-size: 30px;}}
.ftechbg{background-color: #1164a7;}
.ftech{background-color: #fff; padding: 140px 0 160px; position: relative;}
.ftech:before{content: ''; position: absolute; left: 0; top: 0; z-index: 0; width: 24px; height: 100%; background-color: #1164a7;}
.swftechout{position: relative; max-width: 1400px; margin: 0 auto;}
#swftech{height: 500px; overflow: hidden;}
#swftech .swiper-slide{overflow: hidden;}
#swftech .swiper-slide a{display: block; width: 100%; height: 100%; overflow: hidden;}
#swftech .wz{float: right; width: 40.5%; height: 100%; overflow: hidden;}
#swftech .pic{float: left; width: 48.6%; height: 100%; overflow: hidden; position: relative;}
#swftech .pic img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: .4s; transition: .4s; border-radius: 0 60px;}
#swftech .pic img:hover{-webkit-transform: scale(1.01); transform: scale(1.01);}
#swftech h3{font-size: 34px; color: #2778be; line-height: 50px; height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; margin-top: 28px;}
#swftech .txt{font-size: 16px; color: #777; line-height: 32px; height: 96px; overflow: hidden;}
#swftech label{display: block; width: 164px; height: 48px; background-color: #2778be; margin-top: 58px; font-size: 16px; color: #fff; line-height: 48px; text-align: center; font-family: 'FuturaBTBook'; border-radius: 24px; cursor: pointer; -webkit-transition: .4s; transition: .4s;}
#swftech label:hover{opacity: 0.8;}
#swftech .hx{width: 60px; height: 2px; background-color: #2778be; margin: 22px 0 36px;}
#swftech .date{font-size: 100px; color: #eae9e9; line-height: 120px; height: 120px; overflow: hidden;}
#swftech .swiper-pagination{left: 26px; bottom: 20px;}
#swftech .swiper-pagination-bullet{margin: 0 13px; opacity: 1; border: 1px solid #fff; background-color: transparent; outline: 0 none; -webkit-transition: 0.4s; transition: 0.4s;}
#swftech .swiper-pagination-bullet-active{background-color: #fff;}
@media screen and (max-width: 1440px){.ftech:before{display: none;} #swftech .txt{height: 128px;} #swftech label{margin-top: 40px;}}
@media screen and (max-width: 1200px){.ftech{padding: 110px 0 130px;} #swftech .pic{width: 48%;} #swftech .wz{width: 46%;}}
@media screen and (max-width: 1023px){#swftech{height: auto;} #swftech .pic{float: none; width: 100%; height: auto; text-align: center;} #swftech .pic img{width: auto; height: 400px; max-width: 100%; border-radius: 0 30px;} #swftech .wz{float: none; width: 600px; max-width: 100%; margin: 40px auto 0;} #swftech .date{display: none;} #swftech .hx{margin: 22px auto;} #swftech label{margin: 20px auto 0;} #swftech h3{font-size: 26px; text-align: center; margin-top: 0;} .ftech{padding: 80px 0 90px;}}
.fbtl{position: relative; height: 84px;}
.fcate2{float: left; position: relative;}
.fcate2:before{content: ''; position: absolute; left: -22px; top: -20px; z-index: 0; width: 110px; height: 103px; background: url('../images/friicon.png') center no-repeat;}
.fcate2 .cn{font-size: 38px; color: #333; line-height: 50px; font-weight: bold; position: relative; z-index: 1;}
.fcate2 .cn a{color: #333;}
.fcate2 .en{font-size: 14px; color: #999; line-height: 34px; font-family: 'Arial'; height: 34px; text-transform: uppercase;}
.ferji{float: right; height: 34px; margin-top: 50px; font-size: 0; white-space: nowrap;}
.ferji a{display: inline-block; margin-right: 6px; overflow: hidden; border-radius: 17px; background-color: #fff; padding: 0 10px; height: 34px; font-size: 14px; color: #333; line-height: 34px; text-align: center;}
.ferji a:last-of-type{margin-right: 0;}
.ferji a:hover,
.ferji a.on{color: #fff; background-color: #38bab1;}
.fnewsout{padding: 138px 0 122px; background: url('../images/fnewsbg.jpg') bottom no-repeat;}
.fnewsleft{float: left; width: 50%;}
.swiper5out{position: relative; margin-top: 54px;}
.sw5{height: 434px;}
.sw5 .swiper-slide{width: 380px;}
.sw5 .swiper-slide a{display: block; position: relative; width: 100%; height: 100%;}
.sw5 .swiper-slide .pic{width: 100%; height: 237px; overflow: hidden; font-size: 0;}
.sw5 .swiper-slide img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.4s; transition: 0.4s;}
.sw5 .swiper-slide img:hover{-webkit-transform: scale(1.04); transform: scale(1.04);}
.sw5 .swiper-slide .wz{width: 100%; padding-top: 21px;}
.sw5 .swiper-slide h3{font-size: 22px; color: #222; line-height: 36px; height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold;}
.sw5 .swiper-slide .txt{font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden; margin: 30px 0 36px;}
.sw5 .swiper-slide label{font-size: 16px; color: #666; line-height: 26px; font-family: 'FuturaBTBook'; display: block; cursor: pointer; height: 26px;}
.sw5 .swiper-slide:hover h3{color: #2778be;}
.sw5 .swiper-slide:hover label{color: #2778be;}
.sw5 .swiper-slide h3,
.sw5 .swiper-slide label{-webkit-transition: .4s; transition: .4s;}
.swiper5out .swiper-button-prev,
.swiper5out .swiper-button-next{width: 40px; height: 40px; -webkit-transition: 0.4s; transition: 0.4s; outline: 0 none; border-radius: 50%; margin-top: -20px;}
.swiper5out .swiper-button-next{right: 0; background: rgba(0, 0, 0, 0.5) url('../images/gt-ev.png') center no-repeat;}
.swiper5out .swiper-button-prev{left: 0; background: rgba(0, 0, 0, 0.5) url('../images/lt-ev.png') center no-repeat;}
.swiper5out .swiper-button-prev:hover,
.swiper5out .swiper-button-next:hover{background-color: #2778be;}
.swiper5out .swiper-pagination{bottom: 0;}
.swiper5out .swiper-pagination-bullet{margin: 0 5px; opacity: 1; background-color: #fff; outline: 0 none; -webkit-transition: 0.4s; transition: 0.4s;}
.swiper5out .swiper-pagination-bullet-active{background-color: #2778be;}
.fhot{float: right; width: 46.875%; margin-top: 26px;}
.fhot a{display: block; position: relative; width: 100%;}
.fhot .pic{width: 100%; height: 467px; overflow: hidden; font-size: 0; position: relative; z-index: 0;}
.fhot img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.4s; transition: 0.4s;}
.fhot img:hover{-webkit-transform: scale(1.04); transform: scale(1.04);}
.fhot .wz{width: 70%; position: relative; z-index: 2; margin-left: 40%; margin-top: -180px;}
.fhot .wzone{padding: 60px 40px 40px 40px; background-color: #2778be; border-top-left-radius: 40px; position: relative; overflow: hidden;}
.fhot .wzone:before{content: ''; position: absolute; left: 420px; top: -58px; z-index: 0; width: 199px; height: 186px; background: url('../images/fnewsicon.png') center no-repeat;}
.fhot h3{font-size: 22px; color: #fff; line-height: 36px; height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; margin-top: 10px;}
.fhot .date{height: 52px; line-height: 52px;}
.fhot .date span{font-family: 'FuturaBTBook'; color: #fff;}
.fhot .date .day{font-size: 52px;}
.fhot .date .year{font-size: 16px; margin-left: 10px;}
.fhot .wztwo{padding: 0 40px; background-color: #1164ac; height: 52px;}
.fhot label{font-size: 16px; color: #fff; line-height: 52px; font-family: 'FuturaBTBook'; display: block; cursor: pointer; height: 100%;}
@media screen and (max-width: 1400px){.fnewsleft{float: none; width: 100%;} .fhot{display: none;}}
@media screen and (max-width: 750px){.sw5 .swiper-slide{z-index: 1; width: 300px;}}
.fside{position: fixed; z-index: 50; right: 1px; top: 50%; margin-top: -160px; width: 100px; -webkit-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);}
.fside.zk{right: -100px;}
.fside i{width: 11px; height: 68px; position: absolute; right: 100%; top: 50%; margin-top: -34px; z-index: 10; background: #38b9b0 url('../images/sandao.png') center no-repeat; cursor: pointer; border-radius: 9px 0 0 9px;}
.fside label{display: block; width: 100%; height: 55px; border-radius: 6px 6px 0 0; background: #38bab1 url('../images/ssdlogo.png') center no-repeat;}
.fside .a{display: block; width: 100%; position: relative; border-bottom: 1px solid #e4e4e4; text-align: center; background-color: #fff; padding-top: 17px; padding-bottom: 10px;}
.fside .a .pic{width: 30px; height: 30px; font-size: 0; background-position: center; background-repeat: no-repeat; border-radius: 50%; border: 1px solid #38bab1; background-color: #38bab1; margin: 0 auto; -webkit-transition: 0.3s; transition: 0.3s;}
.fside .a > p{margin-top: 7px; font-size: 14px; line-height: 20px; color: #576c87;}
.fside .a:hover > .pic{background-color: #fff;}
.fside .a:hover > p{color: #38bab1;}
.sideinfo{width: 0; height: 56px; overflow: hidden; position: absolute; right: 100px; top: 10px; z-index: 1; -webkit-transition: 0.3s; transition: 0.3s;}
.sideinfo.on{width: 214px;}
.sideinfo div{padding: 13px 0 13px 52px; width: 148px; color: #fff; text-align: left; position: relative;}
.sideinfo div h3{font-size: 14px; line-height: 24px; height: 24px; overflow: hidden; display: none;}
.sideinfo .sidetel{background: #af966d url('../images/ssd3.png') 19px no-repeat;}
.sideinfo .sidetel p{font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; font-family: "Centaur";}
.sidetel:before{content: ''; position: absolute; left: -14px; top: 50%; margin-top: -7px; z-index: 0; width: 0; height: 0; border: 7px solid transparent; border-right-color: #af966d;}
.sideinfo2{width: 70px; height: 75px; background-color: #af966d; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 4; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.3s; transition: 0.3s;}
.sideinfo2.on{opacity: 1; filter: alpha(opacity=100);}
.sideinfo2 span{display: block; width: 36px; height: 36px; padding: 20px 17px; line-height: 18px; color: #fff; font-size: 16px;}
.sidebigewm{display: none; position: absolute; top: 0; right: 74px; z-index: 1; background-color: #fff; width: 120px; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);}
.sidebigewm img{width: 100%;}
.fside a .pic.sd1{background-image: url('../images/ssd1.png');}
.fside a .pic.sd2{background-image: url('../images/ssd2.png');}
.fside a .pic.sd3{background-image: url('../images/ssd3.png');}
.fside a .pic.sd4{background-image: url('../images/ssd4.png');}
.fside a:hover .pic.sd1{background-image: url('../images/ssd1h.png');}
.fside a:hover .pic.sd2{background-image: url('../images/ssd2h.png');}
.fside a:hover .pic.sd3{background-image: url('../images/ssd3h.png');}
.fside a:hover .pic.sd4{background-image: url('../images/ssd4h.png');}
@media screen and (max-width: 1023px){.fside{display: none;}}
.fu{position: fixed; width: 100%; height: 100%; z-index: 150; top: 0; left: 0; display: none;}
.fubg{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.6);}
.fuin{position: absolute; width: 540px; left: 50%; margin-left: -270px; top: 50%; z-index: 3;}
.fuin{-webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); opacity: 0;}
.fu.on .fuin{-webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1;}
.fuin a.close{position: absolute; width: 36px; height: 36px; right: 70px; top: 40px; z-index: 1; background: #cccccc url('../images/close.png') center no-repeat; border-radius: 50%;}
.fuin .fucon{padding: 44px 70px 56px; background-color: #fff; overflow: hidden;}
.fuin .fucon h2{font-size: 28px; color: #2778be; line-height: 36px; font-weight: bold;}
.liuyan3{color: #333; font-size: 0; padding-top: 34px;}
.liuyan3 .hang{height: 50px; margin-bottom: 20px;}
.liuyan3 .hang.fat{height: auto;}
.liuyan3 input[type=text]{width: 100%; height: 50px; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 48px; font-size: 14px; text-indent: 20px;}
.liuyan3 textarea{width: 100%; padding: 9px 20px; height: 140px; border: 1px solid #ddd; font-size: 14px; line-height: 40px; resize: none; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box;}
.liuyan3 input[type=text]:focus,
.liuyan3 textarea:focus{border-color: #2778be;}
.liuyan3 input[type=text],
.liuyan3 textarea{-webkit-transition: 0.3s; transition: 0.3s;}
.liuyan3 i.v{display: block; width: 100%; height: 100%; vertical-align: top;}
.liuyan3 .hang2{padding-right: 80px; position: relative;}
.liuyan3 .hang2 input[type=text]{width: 100%;}
.liuyan3 .verifyImg{width: 78px; height: 48px; border: 1px solid #ddd; cursor: pointer; position: absolute; top: 0; right: 0; z-index: 1;}
.liuyan3 .yzmchange{display: inline-block; vertical-align: top; width: 50px; margin-left: 20px; background: url('../images/change2.png') center no-repeat;}
.liuyan3 input#tj2{display: block; width: 100%; height: 50px; font-size: 18px; line-height: 50px; color: #fff; font-weight: bold; margin: 0 auto; border-radius: 4px; background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8)); background-image: linear-gradient(to right, #255ba9, #1fb4b8);}
.liuyan3 input#tj2:hover{opacity: 0.8;}
.liuyan3 .Validform_checktip{height: 20px; line-height: 20px;}
.fcro{position: relative; background: #ffffff url('../images/fcrobg.jpg') bottom no-repeat;}
.swfcroout{position: relative; max-width: 1600px; margin: 0 auto;}
#swfcro{height: 882px; overflow: visible;}
#swfcro .swiper-slide{width: 1316px;}
#swfcro .swiper-slide .swiperinner{display: block; width: 100%; padding: 146px 0 102px; border-right: 1px solid rgba(45, 112, 180, 0.15); opacity: 0.3; -webkit-transition: .3s; transition: .3s;}
#swfcro .swiper-slide.swiper-slide-active .swiperinner{opacity: 1;}
#swfcro .wz{float: left; width: 35%; height: 100%;}
#swfcro .picout{float: right; position: relative; /*width: 46.65%;*/ width: 486px; height: 486px; margin-right: 100px; overflow: hidden; padding: 64px;}
#swfcro .picout:before{content: ""; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; opacity: 0.2; background: url('../images/yuanpan2.png') center / cover no-repeat; -webkit-animation: rotate360 20s linear 0s infinite; animation: rotate360 20s linear 0s infinite;}
#swfcro .pic{width: 100%; height: 100%; border-radius: 50%; font-size: 0; overflow: hidden;}
#swfcro .pic img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: .4s; transition: .4s;}
#swfcro .pic img:hover{-webkit-transform: scale(1.01); transform: scale(1.01);}
#swfcro h3{font-size: 42px; color: #333; line-height: 58px; height: 58px; font-weight: bold; position: relative; margin-top: 58px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
#swfcro h3:before{content: ''; position: absolute; left: 0; top: -22px; z-index: 0; width: 110px; height: 103px; background: url('../images/friicon.png') center no-repeat;}
#swfcro h3 a{color: #333;}
#swfcro h4{font-size: 20px; color: #666; line-height: 28px; word-break: normal; text-transform: capitalize; -webkit-transition: .3s; transition: .3s;}
#swfcro .txt{font-size: 14px; color: #666; line-height: 24px; min-height: 72px; max-height: 144px; overflow: hidden; margin-top: 34px;}
#swfcro label{display: block; font-size: 16px; color: #333; line-height: 34px; height: 34px; position: relative;}
#swfcro label:before{content: ''; position: absolute; left: 82px; top: 16px; z-index: 0; width: 30px; height: 2px; background-color: #2d70b4;}
#swfcro dl{margin-top: 36px;}
#swfcro dd{font-size: 16px; padding: 5px 0;}
#swfcro dd a{padding-left: 26px; color: #555; line-height: 30px; display: block; position: relative;}
#swfcro dd a:before{content: ''; position: absolute; left: 0; top: 10px; z-index: 0; border-radius: 50%; width: 8px; height: 8px; background-color: transparent; -webkit-transition: .3s; transition: .3s; border: 1px solid #c1c1c1;}
#swfcro dd a:after{content: ''; position: absolute; left: 6px; top: 50%; z-index: 0; width: 0; height: 1px; background-color: #0061ae; -webkit-transition: .3s; transition: .3s;}
#swfcro h3:hover a,
#swfcro h4:hover,
#swfcro dd:hover a{color: #2d70b4;}
#swfcro dd:hover a{padding-left: 52px;}
#swfcro dd:hover a:before{border-color: #2d70b4;}
#swfcro dd:hover a:after{width: 32px;}
.swfcroout .sw-next,
.swfcroout .sw-prev{position: absolute; top: 50%; width: 50px; height: 50px; z-index: 10; cursor: pointer; font-size: 0; text-align: center; border-radius: 50%;}
.swfcroout .sw-prev{left: 1316px; background: #38bab1 url('../images/jtl-fcro.png') center no-repeat; margin-left: -25px; margin-top: -60px;}
.swfcroout .sw-next{left: 1316px; background: #38bab1 url('../images/jtr-fcro.png') center no-repeat; margin-left: -25px; margin-top: 10px;}
.swfcroout .sw-prev:hover,
.swfcroout .sw-next:hover{background-color: rgba(0, 0, 0, 0.5);}
.swfcroout .sw-next:before,
.swfcroout .sw-prev:before{content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(56, 186, 177, 0.1); -webkit-animation: circlepulse 1.5s ease 0s infinite; animation: circlepulse 1.5s ease 0s infinite;}
.swfcroout .sw-next,
.swfcroout .sw-prev{-webkit-animation: pin02 3s ease-in-out 0s infinite; animation: pin02 3s ease-in-out 0s infinite;}
@-webkit-keyframes pin02{0%{-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2); box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);} 50%{-webkit-box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2); box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);} 100%{-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2); box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);}}
#swfcro .swiper-pagination{left: 26px; bottom: 20px;}
#swfcro .swiper-pagination-bullet{margin: 0 13px; opacity: 1; border: 1px solid #fff; background-color: transparent; outline: 0 none; -webkit-transition: 0.4s; transition: 0.4s;}
#swfcro .swiper-pagination-bullet-active{background-color: #fff;}
@media screen and (max-width: 1400px){#swfcro{overflow: hidden;} #swfcro .swiper-slide{width: 100%;} #swfcro .swiper-slide .swiperinner{border-right: 0 none;} #swfcro .picout{margin-right: 30px;} #swfcro .wz{width: 40%;} .swfcroout .sw-next{left: auto; margin-left: 0; right: 0; margin-top: -25px;} .swfcroout .sw-prev{left: 0; margin-left: 0; margin-top: -25px;}}
@media screen and (max-width: 1200px){#swfcro .picout{width: 400px; height: 400px;} #swfcro h3{font-size: 36px; margin-top: 20px;}}
@media screen and (max-width: 1023px){#swfcro{height: auto;} #swfcro .swiper-slide .swiperinner{padding: 50px 0 90px;} #swfcro .picout{float: none; width: 486px; height: 486px; margin: 0 auto;} #swfcro .wz{float: none; width: 600px; max-width: 100%; margin: 0 auto;} .swfcroout .sw-next, .swfcroout .sw-prev{top: 45%;}}
@media screen and (max-width: 700px){#swfcro .picout{width: 400px; height: 400px;} #swfcro h3{font-size: 30px; line-height: 50px; height: 50px;} .swfcroout .sw-next, .swfcroout .sw-prev{top: 40%;}}
@media screen and (max-width: 600px){#swfcro .picout{width: 300px; height: 300px; padding: 40px;} .swfcroout .sw-next, .swfcroout .sw-prev{top: 35%;} .fpintailist li{width: 50%;}}
@media screen and (max-width: 900px){.fbtl .fcate2{float: inherit;} .fbtl .ferji{float: inherit;} .fbtl{height: auto;} .swiper5out{margin-top: 35px;}}